@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto+Condensed:300,400,700&subset=greek');

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
#tm-footer { margin-top: 40px; background: #eee; border-top: 2px solid #ddd; }
#tm-footer a { color: #b59000; }

.uk-panel-title { font-weight: 600; }

.tm-background-light { background: lightblue; }
.tm-enable-pointerev iframe.uk-responsive-width { pointer-events: inherit !important; }

.tm-nav-wrap { z-index: 999; background: #eee; }
@media (min-width: 1220px)	{
	.tm-headerbar { margin-top: 20px; margin-bottom: 20px; }
	.tm-navbar, .tm-footer { margin-top: 20px; }
}

.tm-headerbar .uk-subnav { font-size: 14px; font-weight: 600; }
.tm-headerbar .uk-subnav-pill > * > :hover, .uk-subnav-pill > * > :focus { background: #ddd; }
.tm-headerbar .uk-subnav-pill > * > * { background: #eee; padding: 5px 15px; }
.tm-headerbar .uk-subnav-pill > .uk-active > * { background: #00a8e6; }

.tm-totop-scroller { position: fixed; bottom: 20px; right: 20px; top: auto; background: rgba(0,0,0,0.2); width: 40px; height: 40px; line-height: 36px; padding: 0; color: rgba(0,0,0,0.6); border-radius: 50%; }

.tm-sidebar-a .uk-panel-title { background: #f4c305; margin-top: -20px; margin-left: -20px; padding: 20px; margin-right: -20px; color: #fff; font-weight: 600; font-size: 16px; text-shadow: 1px 1px 4px rgba(0,0,0,0.4); }

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: #b59000; }
.uk-nav-navbar > li.uk-active > a { background: #b59000; color: #fff; }
.uk-nav-side > li.uk-active > a { background: #b59000; }

.uk-button-primary { background-color: #b59000; }
.uk-button-primary:hover { background-color: #f4c305; }

.uk-navbar-nav > li > a.uk-icon { font-size: 0px; }
.uk-navbar-nav > li > a.uk-icon:before { display: inline-block; font-size: 20px; font-family: FontAwesome; font-weight: normal; font-style: normal; line-height: 45px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: -8px; }

.tm-title-yellow { background: #f4c305; font-size: 16px; padding: 10px; color: #000; font-weight: 400; /*color: #fff !important; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);*/ }

.uk-description-list-line > dt { font-weight: 600; }
.uk-description-list-line > dd { color: #666; }

/*
 * UK-NOTIFY
 */
.uk-notify { position: fixed; top: 10px; left: 10px; z-index: 1040; box-sizing: border-box; width: 350px; }
.uk-notify-top-right, .uk-notify-bottom-right { left: auto; right: 10px; }
.uk-notify-top-center, .uk-notify-bottom-center { left: 50%; margin-left: -175px; }
.uk-notify-bottom-left, .uk-notify-bottom-right, .uk-notify-bottom-center { top: auto; bottom: 10px; }
@media (max-width: 479px) {
	.uk-notify { left: 10px; right: 10px; width: auto; margin: 0; }
}
.uk-notify-message { position: relative; margin-bottom: 10px; padding: 15px; background: #444; color: #fff; font-size: 16px; line-height: 22px; cursor: pointer; }
.uk-notify-message > .uk-close { visibility: hidden; float: right; }
.uk-notify-message:hover > .uk-close { visibility: visible; }
.uk-notify-message-primary { background: #ebf7fd; color: #2d7091; }
.uk-notify-message-success { background: #f2fae3; color: #659f13; }
.uk-notify-message-warning { background: #fffceb; color: #e28327; }
.uk-notify-message-danger { background: #fff1f0; color: #d85030; }

/* Added videos */
iframe { width: 100%; height: 471px; margin-bottom: 40px; }

/* Course */
.item_fields.isCourse { display: flex; }
.item_fields.isCourse .uk-article { width: 75%; }
.isCourse .rightSide { width: calc(25% - 35px); margin-left: 35px; }
.isCourse .rightSide div { padding: 10px; border: 1px solid #000000; text-align: center; }
.isCourse .imgWrapper,
.isCourse .imgWrapper + .uk-width-small-2-3 { width: 100%; margin-bottom: 20px; }
.isCourse .imgWrapper img { width: 100%; }
.videoLinks { display: flex; justify-content: space-between; flex-wrap: wrap; }
.videoLink { flex: 1 0 20%; display: block; margin: 10px 5px; }
.item_fields.isCourse.canWatch .uk-article { width: 100%; }
.videoLink p { margin-top: 5px; }
.videoLinks a { color: #000000; }

@media (max-width: 1023px) {
    .item_fields.isCourse { flex-direction: column; }
    .item_fields.isCourse .uk-article { width: 100%; }
    .isCourse .rightSide { width: 100%; margin-left: 0; }
    .videoLink { flex: 1 0 calc(50% - 10px); }
}

/* Contact Form */
.form-validate .controls,
.form-validate .uk-form-row { overflow: hidden; }

/* Quiz */
.jq_cat_quiz_title,
.jq_cat_pquiz_title,
.jq_cat_lpath_title { background: none; }
.jq_cat_quiz_title a,
.jq_cat_pquiz_title a,
.jq_cat_lpath_title a { color: #000000; }

/* Homepage */
@media (max-width: 767px) {
	.homePage .tm-top-c .uk-width-1-2 { width: 100%; }
  .homePage .tm-top-c .uk-position-cover { background-position: center right; }
}

/* Main Menu Edits */
.uk-navbar-nav > li > a { letter-spacing: 0; }

/* Header Banner */
.header-banner { display: flex; align-items: center; padding: 20px 0px 20px 40px; width: calc(100% - 530px); }
.tm-headerbar { display: flex; justify-content: space-between; }