/*
#------------------------------------------------------------------------
# Magazine - January Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

/*Για να φαίνεται οριζόντια το μενού στη θέση gkBannerTop*/
#gkBannerTop ul.menu li {
display: inline-block;
margin: 10px;
padding: 5px;
}
#gkBannerTop ul.menu li:hover {
padding: 5px;
}


/*Για να μικρύνει το μέγεθος του τίτλου των primary άρθρων Κ2 στο category view*/
#k2Container .itemsContainerWrap article header h2 { font-size: 16px; line-height: 16px;}

/*Για να μικρύνει το μέγεθος του τίτλου του leading άρθρου Κ2 στο category view*/
#k2Container article header h2 { font-size: 24px; line-height: 24px; }

/*Για να μη φαίνονται τα social icons facebook, g+, κ.τ.λ. στο τέλος των άρθρων*/
#gkSocialAPI { display: none; }

/*Για να φαίνονται με μπλε οι σύνδεσμοι στο position top2 του gk_magazine και να μαυρίζουν κατά το hover/focus όπως δηλαδή γίνεται και στη θέση mainbody*/
#gkTop2 a {
color: #4d90fe;
}
#gkTop2 a:hover,
#gkTop2 a:focus {
color: #333;
}

/* Για να φαίνεται το ΚΥΡΙΟ στον τίτλο του άρθρου κάτω δεξιά */
h1 > sup,
h2 > sup {
        top: 0em;
}

/* Για να μην φαίνεται μεγάλο κενό πριν το πολυμεσικό βίντεο του Allvideos-Joomlaworks αφαιρέθηκε το padding 27-11-2019
.avPlayerWrapper .avPlayerContainer .avPlayerBlock {width:100% !important;position:relative !important;padding:58% 0 0 0 !important;}  */
.avPlayerWrapper .avPlayerContainer .avPlayerBlock {width:100% !important;position:relative !important;padding:0% 0 0 0 !important;}

/*Για να κάνω, όσα μενού items έχουν Additional Class στο Menu Params (Gavick) την highlightedMenuItem, να έχουν χρώμα στο φόντο και επιπλέον να αναβοσβήνουν με το animation και το keyframes*/
.highlightedMenuItem {
background-color:#f79d77 !important;
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*Για να κάνω γαλάζιο το background χρώμα του τίτλου και της περιγραφής στο BM slider Της Αρχικής Σελίδας, και να αλλάξω από Paused σε Παύση το μήνυμα όταν κάνει hover για να σταματά το slider.*/
.bm_slider_default .bm_slider_item .bm_slider_title {
    background-color: rgba(77, 144, 254, 0.8);
} 
.bm_slider_default .bm_slider_item .bm_slider_desc {
    background-color: rgba(77, 144, 254, 0.8);
} 
.cycle-paused:after {
    content: 'Παύση';
}