/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


.teaching-point, .individual-act, .partner-act,.partners-act, .whole-class-act,.whole-class, .small-group-act {
    padding-left: 100px;
    background-repeat: no-repeat;
    background-size: 80px;
}

.teaching-point{
  background-image: url(/clients/dens/images/icons/teaching-point.png);
}

.individual-act{
  background-image: url(/clients/dens/images/icons/individual.png);
}

.partner-act,.partners-act{
  background-image: url(/clients/dens/images/icons/partners.png);
}

.small-group-act{
  background-image: url(/clients/dens/images/icons/small-groups.png);
}

.whole-class-act,.whole-class{
  background-image: url(/clients/dens/images/icons/whole-class.png);
}


div#desktopTable >.uk-grid > .uk-width-medium-1-3:nth-child(-1n+3) {
    background: #F59738;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

div#desktopTable >.uk-grid > .uk-width-medium-1-3 {
    border: solid 1px #F59738;
    padding:  15px;
}

div#mobileTable > div {
    border: solid 2px #F59738;
    padding:  10px;
}

div#mobileTable > div:nth-child(odd) {
    border: solid 1px #F59738;
    padding: 10px;
    background: #F59738;
    text-align: center;
    font-weight:  bold;
    color: #fff;
    /* padding-top: 15px; */
    padding-bottom: 0;
}

div#mobileTable > div:nth-child(6n) {
    margin-bottom: 10px;
}

.why-box {
  margin-bottom: 15px !important;
  padding: 20px 30px !important;
  
}


.why-box > p:first-child {
    font-weight: bold;
    color: #c31d65;
}



.yoo-zoo.download-uikit > h1:first-of-type {
    display: none;
}

.index-activities-list {
    list-style: none;
}

.index-activities-list > li {
    border-bottom: solid 1px #aaa;
}

.index-activities-list > li:last-of-type {
    border-bottom: 0;
}

.index-activities-list > li > a{
    padding-left: 5px; 
}

.index-activities-list > li > a:hover,.index-activities-list > li > a:focus {
    background: #E472A4;
    color: #fff;
    font-weight: bold;
    display:block;
    text-decoration:none;
}


/* FONT */

h1.uk-article-title {
    font-size: 38px;
    line-height: 52px;
    font-weight: 400;
    text-transform: uppercase;
    color: #1C4EC7 !important;
    font-family: Helvetica Neue,arial,sans-serif;
}

.uk-article-title {
    font-size: 38px;
    line-height: 52px;
    font-weight: 00;
    text-transform: uppercase;
    color: #1C4EC7 !important;
    font-family: Helvetica Neue,arial,sans-serif;
}

p.pink-title, h2.pink-title, h4.pink-title, h3.pink-title {
  
  color: #1C4EC7 !important;
}

.why-box p {

color: #000 !important;

}

p.yellow-title
{
  color: #1C4EC7 !important;
  
}

a, .uk-link {
    color: #1d4dc7;
    text-decoration: none;
    cursor: pointer;
}

.index-activities-list > li > a:hover, .index-activities-list > li > a:focus {
    background: #1C4EC7;
    color: #fff;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

.uk-panel-box a {
  color: #1d4dc7;
  
}


/* LOGO */



.tm-logo {
    position: absolute;
    top: 57%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* TABLE */


div#desktopTable >.uk-grid > .uk-width-medium-1-3:nth-child(-1n+3) {
    background: #00abc3;
    text-align: center;
    font-weight: bold;
    color: #000;
}

div#desktopTable >.uk-grid > .uk-width-medium-1-3 {
    border: solid 1px #00abc3;
    padding: 15px;
}

em {
   color: #1C4EC7;
}

.tm-block-dark, .tm-block-primary {
    color: #000 !important;
}

.index-activities-list > li > a:hover, .index-activities-list > li > a:focus {
    background: none; 
    color: #000;
    font-weight: bold;
    display: block;
    text-decoration: none;
}


/* TOP BAR */

.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 100px;
    padding: 0 15px;
    line-height: 100px;
    color: #000;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.uk-navbar-nav > li > a:before {
    position: absolute;
    content: '';
    height: 8px;
    width: 100%;
    background: #fff;
    margin-left: -15px;
    opacity: 0;
    bottom: 0;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: #00abc5;
    color: #000 !important;
}

/* SIDEBAR */

.uk-nav-side > li.uk-active > a {
    background: #00abc3;
    color: #000 !important;
}

.uk-panel-box > .uk-nav-side > li > a:hover {
    color: #000 !important;
    background: #00abc3;
}


ul.uk-nav.uk-nav-parent-icon.uk-nav-side {
    border-top: 1px solid #333;
}

ul.uk-nav.uk-nav-parent-icon.uk-nav-side li {
    border-bottom: 1px #e0e0e0 solid;
}

/* FOOTER */



/* MEDIA QUERIES */


@media only screen and (max-width: 1220px) {
 
  .uk-navbar-nav > li > a {
    padding: 0px 8px;
    line-height: 100px;
    font-size: 13px;
    font-weight: 400 !important;
}
}


@media only screen and (max-width: 960px) {
 
  .uk-navbar-nav > li > a {
    padding: 0px 6px;
    line-height: 100px;
    font-size: 11px;
    font-weight: 400 !important;
}
}

@media only screen and (max-width: 960px) {
 
  .uk-navbar-nav > li > a {
    padding: 0px 5px;
    line-height: 100px;
    font-size: 10px;
    font-weight: 400 !important;
}
}

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

	footer.tm-footer img {

    position: relative;
    right: 25%;
    padding-top: 40px;
}
}