body {
    background-color: #f0f0f0;
    overflow-x: hidden;
    /*font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#mainNav h6 {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p {
    line-height: 1.75;
}

a {
    color: #17aa1c;
}

a.active, a:active, a:focus, a:hover {
    color: #159d1a;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Roboto Slab', serif;
}

h1.text-header, h2.text-header, h3.text-header, h4.text-header, h5.text-header, h6.text-header {
    text-transform: none;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

.table-bordered th, .table-bordered td {
    border-color: #d0d0d0 !important;
}

.section-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.section-subheading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.section-text {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1rem 0 3rem;
}

article + article {
    margin-top: 3rem;
}

article > h1 {
    margin-top: -3rem;
    padding-top: 3rem;
}

article * + h2, article * + h3, article * + h4, article * + h5 {
    margin-top: 2rem;
}

section {
    padding: 3rem 0;
}

@media (min-width: 992px) {
    section {
        padding: 7rem 0;
    }

    article + article {
        margin-top: 7rem;
    }

    article > h1 {
        margin-top: -7rem;
        padding-top: 7rem;
    }
}

article ul, article ol {
    line-height: 1.75;
}

article ol {
    list-style: decimal;
}

article ul {
    list-style-type: disc;
}

article blockquote {
    padding: 1em 1em 1em 3em;
    background: #e6e6e6;
    position: relative;
    border-radius: 4px;
}

article blockquote:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f10d";
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 2em;
    opacity: 0.1;
 }

article blockquote:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f10e";
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 2em;
    opacity: 0.1;
 }

article blockquote p {
    font-style: italic;
    display: inline;
    line-height: 1.25;
}

/*article ul ul > li:before {*/
    /*content: "  \2015";*/
    /*padding-right: 1rem;*/
/*}*/

::-moz-selection {
    background: #17aa1c;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #17aa1c;
    color: #fff;
    text-shadow: none;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

body {
    /*-webkit-tap-highlight-color: #17aa1c;*/
    -webkit-tap-highlight-color: rgba(23, 170, 28, 0.5);
}

#mainNav {
    background-color: rgba(0, 0, 0, 1);
}

/*#mainNav .navbar-collapse {*/
    /*background: #000;*/
/*}*/

#mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
    color: white;
    border: 0;
    background-color: #17aa1c;
}

#mainNav .navbar-brand {
    margin: 0;
    padding: 0;
    color: #17aa1c;

    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    transition: background 0.6s;

    width: 200px;
    height: 2rem;
    background-repeat: no-repeat;
    background-image: url('/img/logo-small.png');
}

/* TODO FONT / LOGO */
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #159d1a;
}

#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 400;
    padding: 1rem 0;
    letter-spacing: 1px;
    color: white;
    text-transform: uppercase;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #17aa1c;
}

@media (min-width: 992px) {
    #mainNav {
        padding-top: 2rem;
        padding-bottom: 2rem;
        -webkit-transition: padding-top 0.6s, padding-bottom 0.6s;
        -moz-transition: padding-top 0.6s, padding-bottom 0.6s;
        transition: padding-top 0.6s, padding-bottom 0.6s, background 0.6s;
        border: none;
        background-color: rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    #mainNav .navbar-brand {
        margin: -1rem 0;
        background-image: url('/img/logo.png');
        height: 4.5rem;
    }

    #mainNav.navbar-shrink .navbar-brand {
        background-image: url('/img/logo-small.png');
        margin: 0;
        height: 2rem;
    }

    #mainNav .navbar-nav .nav-item .nav-link {
        padding: 1rem 1rem !important;
    }

    #mainNav.navbar-shrink {
        padding-top: 0;
        padding-bottom: 0;
        /*background-color: rgba(0, 0, 0, 0.85); }*/
        background-color: #211f20;
        background-color: #222;
        /*border-bottom: 6px solid #17aa1c;*/
        /*border-bottom: 6px solid #1376d7;*/
        border-bottom: 1px solid #000;
    }

    #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
        padding: 12px 0;
    }
}

header.masthead {
    position: relative;
    min-height: 100vh;
    text-align: left;
    color: white;
    background: url("/img/header6.jpg") no-repeat scroll center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header.masthead .intro-text {
    padding-top: 150px;
    padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
    font-size: 22px;
    /*font-style: italic;*/
    line-height: 30px;
    margin-bottom: 25px;
    font-family: 'Roboto Slab', serif;
}

header.masthead .intro-text .intro-heading {
    font-size: 50px;
    line-height: 50px;

    margin-bottom: 25px;
    font-family: 'Roboto Slab', serif;

    text-transform: none;
    font-weight: normal;
}

@media (min-width: 768px) {
    header.masthead .intro-text {
        padding-top: 250px;
        padding-bottom: 200px;
    }

    header.masthead .intro-text .intro-lead-in {
        font-size: 40px;
        /*font-style: italic;*/
        line-height: 54px;
        margin-bottom: 30px;
        max-width: 900px;
    }

    header.masthead .intro-text .intro-heading {
        font-size: 75px;
        line-height: 75px;
        /*margin-bottom: 50px;*/
        /*text-transform: uppercase;*/
    }
}

header.article-header {
    padding-top: 6rem;
    padding-bottom: 3rem;
    background: url('/img/header5.jpg') no-repeat scroll center center;
    background-size: cover;
    color: #fff;
}

header.article-header h1 {
    font-size: 3.5rem;
    line-height: 4rem;
    font-family: 'Roboto Slab', serif;
 }

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

@media (min-width: 992px) {
    header.article-header {
        padding-top: 12rem;
        padding-bottom: 4rem;
        min-height: 21rem;
    }
}

.footer {
    background: #222;
    padding: 1.5rem 0;
    color: #fff;
    font-size: 90%;
    text-transform: uppercase;
    line-height: 3rem;
}

ul.social-buttons {
    margin: 0;
}

ul.social-buttons li a {
    font-size: 20px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: white;
    border-radius: 100%;
    outline: none;
    background-color: #222222;
    text-align: center;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
    background-color: #17aa1c;
}

.text-primary {
    color: #17aa1c !important;
}

.btn-primary {
    font-weight: 700;
    color: white;
    border-color: #17aa1c;
    background-color: #17aa1c;
    text-transform: uppercase;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not([disabled]):not(.disabled):active {
    color: white;
    border-color: #596200;
    background-color: #159d1a;
}

.btn-primary:hover {
    color: white;
    border-color: #596200;
    background-color: #159d1a;
}

.btn-primary.active, .btn-primary:active,
.open > .btn-primary.dropdown-toggle {
    color: white;
    border-color: #596200;
    background-color: #159d1a;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
    color: white;
    border-color: #b48b01;
    background-color: #dcab01;
}

.btn-primary.active, .btn-primary:active,
.open > .btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    border-color: #17aa1c;
    background-color: #17aa1c;
}

.btn-primary .badge {
    color: #17aa1c;
    background-color: white;
}

.btn-xl {
    font-size: 18px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 3px;
    color: white;
    border-color: #17aa1c;
    background-color: #17aa1c;
    text-transform: uppercase;
}

.btn-xl.focus, .btn-xl:focus {
    color: white;
    /*border-color: #b48b01;*/
    background-color: #159d1a;
}

.btn-xl:hover {
    color: white;
    /*border-color: #596200;*/
    background-color: #159d1a;
}

.btn-xl.active, .btn-xl:active,
.open > .btn-xl.dropdown-toggle {
    color: white;
    /*border-color: #596200;*/
    background-color: #159d1a;
}

.btn-xl.active.focus, .btn-xl.active:focus, .btn-xl.active:hover, .btn-xl:active.focus, .btn-xl:active:focus, .btn-xl:active:hover,
.open > .btn-xl.dropdown-toggle.focus,
.open > .btn-xl.dropdown-toggle:focus,
.open > .btn-xl.dropdown-toggle:hover {
    color: white;
    /*border-color: #b48b01;*/
    background-color: #159d1a;
}

.btn-xl.active, .btn-xl:active,
.open > .btn-xl.dropdown-toggle {
    background-image: none;
}

.btn-xl.disabled.focus, .btn-xl.disabled:focus, .btn-xl.disabled:hover, .btn-xl[disabled].focus, .btn-xl[disabled]:focus, .btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl.focus,
fieldset[disabled] .btn-xl:focus,
fieldset[disabled] .btn-xl:hover {
    /*border-color: #17aa1c;*/
    background-color: #17aa1c;
}

.btn-xl .badge {
    color: #17aa1c;
    background-color: white;
}

.toc {
    /*top: 8rem;*/
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.toc > .nav {
    border-left: 1px solid #ccc;
 }

@media (min-width: 992px) {
    .toc {
        position: sticky;
        top: 8rem;
        /*border-left: 1px solid #ccc;*/
        text-transform: uppercase;
    }
}

section#content, section#partners {
    min-height: calc(100vh - 27rem);
}

section#content a > i.fal {
    margin-left: 5px;
}

img.img-thumbnail {
    margin-right: 1rem;
    margin-top: 1.5rem;
}

img.img-thumbnail-landscape {
    margin-right: 1rem;
    margin-top: 1.5rem;
}

img.img-full {
    margin: 0;
    width: 100%;
}

h2 small {
    color: #a7a9aa;
}

div.partners p + p {
    margin-top: 3rem;
}


.mb-10 {
    margin-bottom: 6rem !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #17aa1c;
}

/* magenta style */
.content-magenta .text-primary {
    color: #b3008b !important;
}

.content-magenta ::-moz-selection {
    background: #b3008b;
    color: #fff;
    text-shadow: none;
}

.content-magenta ::selection {
    background: #b3008b;
    color: #fff;
    text-shadow: none;
}

.content-magenta a {
    color: #b3008b;
}

.content-magenta .btn-primary {
    color: #fff;
    border-color: #b3008b;
    background-color: #b3008b;
}

.content-magenta .btn-primary.focus, .content-magenta .btn-primary:focus, .content-magenta .btn-primary:not([disabled]):not(.disabled):active {
    border-color: #720059;
    background-color: #990078;
}

.content-magenta .btn-primary:hover {
    border-color: #720059;
    background-color: #990078;
}

.event {
    margin-bottom: 2rem;
}

.event .event-photo {
    position: relative;
    cursor: pointer;
    min-height: 300px;
    min-width: 100%;
}

.event h3.event-name, .event h4.event-name {
    bottom: 10px;
    right: 0;
    text-align: left;
}

.event h3.event-speaker, .event h4.event-speaker {
    top: 10px;
    left: 0;
    text-align: right;
}

.event .event-speaker, .event .event-name {
    min-width: 50px;
    position: absolute;
    max-width: calc(100% - 20px);
    font-size: inherit;
    text-transform: none;

    margin: 0;
    padding: 2px 4px;
    background: #999999;
    color: #fff;

    transition: background 0.2s ease-in-out;
}

.event:hover .event-speaker, .event:hover .event-name {
    background: #159d1a;
}

.event:hover img.img-thumbnail {
    border-color: #159d1a;
}

.content-magenta .event:hover h4.event-speaker, .content-magenta .event:hover h3.event-name {
    background: #b3008b;
}

.content-magenta .event:hover img.img-thumbnail {
    border-color: #b3008b;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin: 30px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 960px;
        margin: 30px auto;
    }
}

.modal .close {
    font-size: 3rem;
    margin-top: -15px;
}

.event-info a[href*="linkedin.com"] {
    width: 24px;
    height: 24px;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABfUlEQVRIiWNgyN3GzlC2uYuhbOtzhrIt/6mDtz5nKNvcxZC7jZ0BYji1DEbHm7sYqOtyNFy+9RkDsgBj+Zb/iasu/l9+4en/5NUX/zOWU8ESZI7fgtP/kUHw4jPUtaB+100UC9r23aauBQYTDv3/8fvv////////+efvf+OJh6lrAUPZlv+qXfv/J6+++F+taz91IppcjYzlW/5r9R747zTz+H+t3gO4EwQyx2X2CZQ48Jl/6j9D2Zb/Fduuw8U+fP/9X7597/9Lzz+hqL3y4tN/hfa9lFvw4/ff/3fefP2PDTx8/+0/S8VWyiyAgV9//v1/+/UXhrjH3JOUW7Dl+sv/nNXb/zOVb/1fjibXuPsW5RZYTzsK1yPVsgdFbvLR+5RbINWyB66HqXzr/19//sHlFpx5TLkFIo27UAz58P33qAVDxQL59r3/S7Zcg2Plzn3/Gcq2/DefcgRFnKt6O4ohuRuvwOU8MTMazatMWlf6sGZL+dZnVHU5tNkCAFHj3TdPlRAlAAAAAElFTkSuQmCC');
    margin-right: 6px;
}

.event-info a[href*="workshop.sk"] {
    width: 24px;
    height: 24px;
    content: url('data:image/jpeg;base64,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');
    margin-right: 6px;
}

@media (min-width: 992px) {
    #mainNav.navbar-dark-bg {
        background-color: #000000cc;
    }
}