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

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




/*============================= viografika====================================*/
.tm-slideshow-avanti.viografika li .uk-cover-background.uk-position-cover {
    max-height: 400px !important;
}

.tm-slideshow-avanti.viografika {
    max-height: 400px;
}

/* ============================================================================*/

@media screen and (max-width: 375px)
{
  .viografika-epikefalida
  {
    
    font-size:38px !important;
  }
   
}


@media screen and (max-width: 414px)
{
  .viografika-epikefalida
  {
    
    font-size:40px !important;
  }
   
}

@media screen and (max-width: 768px)
  {
  .viografika-epikefalida
  {
    
    font-size: 60px;
    color: white;
    text-shadow: 2px 2px 2px #333;
    margin-top: -47%!important;
    line-height: 61px;
  }
   
}
  
  
  
.uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 {
    color: white !important;
}


.welcome-msg
{
	padding: 3% 22%;
    background: #f9f9f9;
    text-align: left !important;
    color: #666666;
    line-height: 23px;
}

.welcome-msg h3{
  color: #666666 !important;
  font-weight: 600;
  text-align:center;
  
}

.wlcm {
   width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
  
}
/*
@media (min-width: 1220px)
{
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
  margin-top:0 !important;
}
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
     margin-top: 0 !important; 
}*/

.uk-block-muted {
    background: #f3f3f3 !important;
}

.tm-breadcrumb,  
.tm-block > .uk-container > .tm-middle.uk-grid {  
padding-top: 0;  
}

.uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary {
    display:none;
}

.uk-nav-side > li > a {
    color: #aaaaaa;
    margin-bottom: 2px;
    border-radius: 0;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform:none !important;
    letter-spacing: 2px;
    -webkit-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}

@media screen and (max-width: 414px)
  {
  .welcome-msg {
     padding: 5% 0; 
    background: #f9f9f9;
    text-align: left !important;
    color: #666666;
    line-height: 23px;
}
   
}


/* xromata */
/*
.uk-navbar {
    background: #162233 !important;
    color: #666666;
    padding: 0 0;
    border-radius: 0;
    box-shadow: none;
}


div#tm-footer {
    background: #162233;
}


.uk-button{
  background: #162233 !important;
}*/

.uk-nav-navbar > li > a{
  text-transform:none !important;
}

.uk-button-link {
    color: #4a77a5 !important;
}

.uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active {
    color: #152331 !important;
    
}


.back-that-up{
      /*background: rgba(26, 26, 26, 0.88)  !important;*/
	  background: rgba(26, 26, 26, 1)  !important;
      padding: 43px !important;
  
}

.back-that-up2{
  position: relative;
  height: 24px;
}

.div.back-that-up2 img{
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
}

textarea#jform_contact_message{
  min-height:80px !important;
}