@font-face {
    font-family: 'Objektiv Mk2 Regular';
    src: url('../webfonts/ObjektivMk2-Regular.eot');
    src: local('../webfonts/Objektiv Mk2 Regular'), local('../webfonts/ObjektivMk2-Regular'),
    url('../webfonts/ObjektivMk2-Regular.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/ObjektivMk2-Regular.woff2') format('woff2'),
    url('../webfonts/ObjektivMk2-Regular.woff') format('woff'),
    url('../webfonts/ObjektivMk2-Regular.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Objektiv Mk2 XBold';
    src: url('../webfonts/ObjektivMk2-XBold.eot');
    src: local('../webfonts/Objektiv Mk2 XBold'), local('../webfonts/ObjektivMk2-XBold'),
    url('../webfonts/ObjektivMk2-XBold.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/ObjektivMk2-XBold.woff2') format('woff2'),
    url('../webfonts/ObjektivMk2-XBold.woff') format('woff'),
    url('../webfonts/ObjektivMk2-XBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Objektiv Mk2 Medium';
    src: url('../webfonts/ObjektivMk2-Medium.eot');
    src: local('../webfonts/Objektiv Mk2 Medium'), local('../webfonts/ObjektivMk2-Medium'),
    url('../webfonts/ObjektivMk2-Medium.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/ObjektivMk2-Medium.woff2') format('woff2'),
    url('../webfonts/ObjektivMk2-Medium.woff') format('woff'),
    url('../webfonts/ObjektivMk2-Medium.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body {
    font-family: 'Objektiv Mk2 Regular', sans-serif !important;
}

/** Utilities **/
.color-tin {
    color: #D93832;
}

.font-mk2-regular {
    font-family: 'Objektiv Mk2 Regular', sans-serif;
}

.font-mk2-xbold {
    font-family: 'Objektiv Mk2 XBold', sans-serif;
}

.font-mk2-medium {
    font-family: 'Objektiv Mk2 Medium', sans-serif;
}

.font-size-20 { font-size: 20px; }
.font-size-40 { font-size: 40px; }
.font-size-60 { font-size: 60px; }

.extra-letter-spacing {
    letter-spacing: 1.65px;
}

.btn-tin {
    background: #D93832;
    border-radius: 35px;
    color: #fff;
    font-size: 13px;
    padding: 12px 32px 9px;
}

.tin-block {
    background: url('../images/tin-path-bg.svg');
    color: #fff;
    display: inline-block;
    font-family: "Objektiv Mk2 XBold", sans-serif;
    font-size: 18px;
    padding-left: 7px;
    padding-top: 12px;
    margin-left: 10px;
    margin-top: -5px;
    width: 45px;
    height: 44px;
    text-align: left;
}

.row-separator {
    display: block;
    margin: 3rem auto 3rem;
}
.mask-1 {mask-image: url('../images/mask-1.svg'); -webkit-mask-image: url('../images/mask-1.svg');}
.mask-2 {mask-image: url('../images/mask-2.svg'); -webkit-mask-image: url('../images/mask-2.svg');}
.mask-3 {mask-image: url('../images/mask-3.svg'); -webkit-mask-image: url('../images/mask-3.svg');}
.mask-4 {mask-image: url('../images/mask-4.svg'); -webkit-mask-image: url('../images/mask-4.svg');}
.mask-1, .mask-2, .mask-3, .mask-4 {
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.two-cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media (max-width: 767.98px) {
    .two-cols {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/** Navbar and red bar **/
.tin-link {
    font-size: 12px;
    letter-spacing: 1.65px;
}

nav .navbar-brand {
    margin-right: 1.5rem;
}

nav .tin-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

nav .tin-toggler {
    background-color: #121212;
    font-size: 1rem;
    padding: 0.25rem 0.35rem;
}

nav .nav-item {
    margin: 0 1rem;
}

nav .active .nav-link {
    background: #FEF1F1;
    border: 2px solid #D93832;
}

nav .nav-link {
    font-family: 'Objektiv Mk2 XBold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1em;
    padding: .7rem .5rem .5rem
}

#tin-navbar-icons .nav-item {
    margin: 0 .4rem;
    line-height: 2rem;
}

#tin-navbar-icons a {
    color: #111;
}

#red-bar {
    background-color: #D93832;
    color: #fff;
    height: 28px;
    width: 100%;
    padding-top: 4px;
}

#red-bar .container {
    display: flex;
    justify-content: space-between;
}

#age-group-dd .dropdown-menu {
    width: 240px;
}

#age-group-dd .dropdown-menu.show {
    border-width: 1px 2px 4px;
    border-style: solid;
    border-color: #D93832;
    border-radius: 0;
    margin-top: -26px;
}

#age-group-dd li {
    font-size: 18px;
    text-align: right;
    margin: 0;
}

#age-group-dd li a {
    color: #151515;
    height: 25px;
}

#age-group-dd li a:hover, #age-group-dd li.active a {
    color: #D93832;
    text-decoration: none;
}

#age-group-dd li.active a:hover {
    cursor: default;
}

#age-group-dd .separator {
    height: 5px;
    background: #7070701A;
    border-radius: 5px;
    width: 72px;
    margin: 0 48px 5px 0;
}

#age-group-dd .icon {
    margin-left: 25px;
}

@media (max-width: 991.98px) {
    #tin-navbar { padding: 0; }
    #tin-navbar .container, #red-bar .container { width: 100%; max-width: 100%;}
    #tin-navbar .navbar-brand, #tin-navbar .tin-toggler { margin: 0.5rem 2rem; }
    .navbar .nav-item { margin: 0; }
    .navbar .nav-link { padding: .7rem 2rem .5rem !important; }

    .navbar .active .nav-link {
        background: #FEF1F1;
        border-style: solid;
        border-color: #D93832;
        border-width: 2px 0;
    }

    #tin-navbar-icons {
        background: #EAEAEA;
        padding: 1rem 2rem;
        flex-direction: row;
        justify-content: space-between;
    }

    #tin-navbar-icons li {
        display: inline-block
    }

    #tin-navbar-icons li a {
        font-size: 27px;
        padding: 1rem;
    }
}

/* Homepage slideshow */
#home-slideshow {
    background-color: #F8F8F8;
    background-image: url('../images/home-bg-slideshow-elipse.png'), url('../images/home-bg-slideshow-elipse.png');
    background-position: -136px -426px, 150% -48px;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 6rem;
}
#home-slideshow .container {padding: 2rem;}
#home-slideshow .slick-slide {display: flex}
#home-slideshow img {
    max-width: 450px;
    max-height: 450px;
    margin: 2rem 2rem 0 0;
    border-radius: 100%;
}

#home-slideshow h2 {
    background: url('../images/home-bg-slideshow-header.png') right bottom no-repeat;
    letter-spacing: -0.6px;
    margin-bottom: 32px;
    padding-top: 4rem;
    padding-left: 2rem;
}

@media (max-width: 1199.98px) {
    #home-slideshow {
        background: #F8F8F8 url('../images/home-bg-slideshow-elipse-mobile.png') no-repeat right top;
        padding-bottom: 3rem;
    }
    #home-slideshow .container {padding: 0;}
    #home-slideshow .row { margin: 0;}
    #home-slideshow .col-12 { padding: 1rem 2rem;}
    #home-slideshow img { width: 150px; margin-bottom: 0; padding: 0; box-shadow: 0 3px 6px #00000029;}
    #home-slideshow h2 { font-size: 30px; background: none; padding: 0; margin: 0 0 16px;}
}

/* Homepage events */
#home-events { background: #FFFBD9; padding-bottom: 3rem;}
#home-events .container {border: 5px solid #7070701A; padding: 60px;}
#home-events h1 {
    background: #F8F8F8;
    font-size: 28px;
    padding: 10px 20px;
    left: 40px;
    top: -30px;
}
#home-events .event .date {font-size: 14px; margin-bottom: .8rem;}
#home-events .event img {float: left; margin-right: 2rem; padding-top: 1.5rem;}
#home-events .event h3 a {font-size: 20px; color: #121212;}
#home-events #month-selector li {margin-bottom: .8rem;}

@media (max-width: 1199.98px) {
    #home-events { padding-bottom: 2rem;}
    #home-events .event img {
        float: left;
        margin-right: 2rem;
        padding-top: 0;
    }
    #home-events h1 { padding: 10px 20px 5px; }
}

@media (max-width: 767.98px) {
    #home-events {padding-top: 1rem;}
    #home-events .container {margin: 2%; width: 96%; padding: 4rem 1rem 1rem;}
    #home-events h1 {font-size: 20px; left: 20px;}
}

/** Home news **/
#home-news { background: #9BD2A826; }
#home-news .container {border: 5px solid #7070701A; padding: 45px;}
#home-news h1 {
    background: #FFFBD9;
    font-size: 28px;
    padding: 10px 20px;
    left: 110px;
    top: -30px;
}
#home-news .wrapper { display: flex;}
#home-news .item {
    width: 230px;
    background: #fff;
    box-shadow: 0 3px 6px #00000029;
    margin: 0 1rem 1rem;
}
#home-news .item img  {opacity: .5}
#home-news .item:hover img {opacity: 1; transition: opacity 0.3s;}
#home-news .item .date {margin: -30px 2rem 0 2rem; font-size: 14px; color: #fff;}
#home-news .item h3 a {color: #121212;}
#home-news .item h3 {margin: 2rem; font-size: 20px; line-height: 28px;}

@media (max-width: 767.98px) {
    #home-news .container {margin: 2%; width: 96%; padding: 4rem 1rem 1rem;}
    #home-news .item img  {opacity: 1}
    #home-news h1 {font-size: 24px; left: 20px;}
    #home-news .item h3 {
        margin: 1.5rem auto 1rem;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
}

/** Home share block **/
#home-share {background: #9BD2A826}
#home-share .container {background: #DFFDE6; border: 5px solid #D8F4DF; padding: 30px 0;}
#home-share .col-12 {padding: 0 1rem;}
#home-share li { margin: .6rem 0; padding-left: 1rem; }
#home-share li a {
    font-family: "Objektiv Mk2 Regular", sans-serif;
    font-size: 20px;
    color: #232323;
}
#home-share li i {font-size: 24px; margin-right: .6rem;}

@media (max-width: 767.98px) {
    #home-share .container {
        margin: 0 2%;
        width: 96%;
        padding: 2rem 1rem 1rem;
    }
    #home-share .font-size-60 {font-size: 40px;}
}

/** Age group tabs **/
#age-groups .nav-tabs {border: none;}
#age-groups .nav-tabs a {
    border: none;
    color: #010101;
    padding: 15px 30px 15px;
    text-transform: none;
}
#age-groups .nav-tabs a.active {background: #E9F8FF; margin-bottom: 0;}
#age-groups .group-name {margin: 10px 0;}
#age-groups .age {font-size: 14px; color: #999;}
#age-groups .tab-pane {
    background: #E9F8FF;
    padding: 50px;
}

@media (max-width: 767.98px) {
    #age-groups h2 {padding-bottom: 20px;}
    #age-groups .nav-tabs a { padding: 10px 15px 10px; }
    #age-groups .font-size-20 { font-size: 16px; }
}

/** Footer **/
footer .list-unstyled {
    border-top: 1px solid #eaeaea;
    padding: 1rem 0;
    margin: 1rem 0;
}
footer .row h3 {font-size: 12px;}
footer a {color: #121212;}
footer .copyright {margin: 0 0 20px;}


.pagination {
    justify-content: center;
}

.btn-age-group-active,
.btn-conference-active {
    color: #545454 !important;
    background-color: #ffffff !important;
    border-color: #cdcdcd;
    pointer-events: none;
}