/*
* This is the custom CSS file by Data Nexus
* We change the look and feel of the existed template during optimizations of the site
*/

:root {
	
    --sidem-primary-color: #000060; /*blue*/
	--sidem-primary-transparent-color: #000060e0;
	--sidem-secondary-color: #d91313; /*red*/
	--sidem-light-grey: #dddddd;
	--sidem-grey: #a9a9a9;
	--sidem-light-grey2: #d9d9d9;
	
}

h1, h2, h4, h4, h6, p, span, div{
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400 !important;
}

h1, h2, h4, h4, h6{
	font-weight: 400 !important;
}

p, span, div{
	font-weight: 400 !important;
}

/*@DataNexus (11/11/2026): Increase pixels*/
#module_220 p{
	font-size: 16px !important;
}

/* @DataNexus (11/11/2026): Keep it as is */
.mod-newsflash-adv__services .item .item_title {
    color: unset !important;
}

/*@DataNexus (11/11/2026): Optimize text*/
#module_224 .item_introtext p span {
	font-size: 16px !important;
}
.item_introtext strong{
	font-size: large !important;
}

/* @DataNexus (11/11/2026): Optimize text tripleta arxikis */
#bootstrap_tabs_content_152 h2 {
    font-size: large !important;
	font-weight: bold !important; 
}
#bootstrap_tabs_content_152 p {
    font-size: 16px !important;
}

/*@DataNexus (11/11/2026): Optimize news section @ home */
.item_img img {
    border-radius: 15px !important;
}

/* @DataNexus (11/11/2026): opt articles date */
.item_info_dl dd .item_published {
   font-size: 17px; !important;
	font-weight: bold !important;
}
.item_header h6.heading-style-6 {
   margin-top: 10px !important;
}

/* @DataNexus (11/11/2026): hide news extra text*/
.page-blog__our-news .items-row .span4 article .item_introtext{
display:none !important;
}

/* @DataNexus (11/11/2026): optimize proionta module @ etaireia page */
#module_231 .item_introtext p{
	font-size: 17px !important;
	line-height: 25px !important;
}
#module_231 .mod-newsflash-adv_custom-link a{
	background-color: #d91313 !important;
    color: white !important;
    padding: 15px !important;
	border-radius: 20px !important;
}
#module_231 .mod-newsflash-adv_custom-link a:hover{
	background-color: white !important;
    color: #d91313 !important;
}

/* @DataNexus (11/11/2026): Page Proionta eisagogiko keimeno*/
#module_293 .item_introtext p{
	font-size: 17px !important;
	line-height: 25px !important;
}

/* @DataNexus (11/11/2026):  readmore buttons */ 
.readmore, .news-read-more{
	background-color: var(--sidem-light-grey) !important;
	border-radius: 25px !important;
}
.readmore:hover, .news-read-more:hover{
	background-color: white !important;
	color: var(--sidem-primary-color) !important;
	border-radius: 25px !important;
	border-color: var(--sidem-primary-color) !important;
	border-style: solid;
	border-width: medium;
	
	box-shadow: unset !important;
	transition: unset !important;
}

.mod-newsflash-adv__products .item_img figcaption:before, .mod-newsflash-adv__products .item_img figcaption:after {
    border-color: transparent transparent var(--sidem-primary-color) transparent !important;
}

/* @DataNexus (11/11/2026): home page video  */ 
.video-desk{
	border-radius: 15px !important;
}

/* @DataNexus (11/11/2026): page epikoinonia athina-thessa side by side*/
@media (min-width: 426px) {
	.itemid-634 #bottom .row-fluid {
		display: flex;
		flex-wrap: nowrap;
		gap: 20px;
	}

	.itemid-634 #bottom .row-fluid > .moduletable {
		width: 50%;
		flex: 1 1 50%;
		min-width: 0;
	}

	.itemid-634 #bottom .moduletable iframe {
		width: 100%;
		height: 350px;
		display: block;
	}
}

/* Breadcrumb Hero Section */
body:not(.itemid-101) #header {
    position: relative !important;
    width: 100% !important;
    background-color: var(--sidem-primary-transparent-color) !important;
    padding: 40px 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 150px !important;
}

/* Center content */
body:not(.itemid-101) #header .moduletable,
body:not(.itemid-101) #header .module_container {
    width: 100% !important;
    text-align: center !important;
}

/* Breadcrumb */
body:not(.itemid-101) #header .breadcrumb {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    list-style: none !important;
    font-size: 13px !important;
}

/* Breadcrumb items */
body:not(.itemid-101) #header .breadcrumb li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    color: #cccccc !important;
}

/* Home */
body:not(.itemid-101) #header .breadcrumb li:first-child {
    font-size: 0 !important;
}

body:not(.itemid-101) #header .breadcrumb li:first-child::before {
    content: "\f015" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    color: #cccccc !important;
    margin-right: 5px !important;
}

/* Links */
body:not(.itemid-101) #header .breadcrumb a {
    color: #cccccc !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color .3s ease !important;
}

body:not(.itemid-101) #header .breadcrumb a:hover {
    color: #ffffff !important;
}

/* Separator */
body:not(.itemid-101) #header .breadcrumb .divider {
    margin-left: 10px !important;
}

body:not(.itemid-101) #header .breadcrumb .divider img {
    display: none !important;
}

body:not(.itemid-101) #header .breadcrumb .divider::before {
    content: "/" !important;
    color: #888888 !important;
    font-size: 14px !important;
}

/* Current page */
body:not(.itemid-101) #header .breadcrumb li.active {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* change text color, anchors as well */
.item_introtext strong, a{
	color: var(--sidem-primary-color) !important;
}

a:hover{
color: var(--sidem-secondary-color) !important;
}

.mod-newsflash-adv__products .item_img figcaption {
    background: var(--sidem-primary-color) !important;
}

h6.heading-style-6 {
    color: var(--sidem-primary-color) !important;
}

/* slider nav btns */
.owl-theme .owl-nav [class*=owl-]{
	background: var(--sidem-primary-color) !important;
}

/* Footer */
#footer{
	background: var(--sidem-grey) !important;
}

#copyright{
	background: var(--sidem-light-grey2) !important;
}

#contact-details input, #contact-details textarea {
    border-radius: 10px !important;
    border-color: var(--sidem-primary-color) !important;
}

.mod-newsflash-adv__articles .item_img img {
    border-style: solid !important;
    border-width: 3px !important;
    border-radius: 35px !important;
}

.pagination ul li > .pagenav{
	background: var(--sidem-primary-color) !important;
	color: white !important;
}

.pagination ul li > span.pagenav {
	background: var(--sidem-secondary-color) !important;
}

#off-menu_258 .sm-head, .off-menu_258 dl .productnum, .off-menu_258 dl.level1 .productnum {
	background: var(--sidem-primary-color) !important;
}

.nav-tabs li a{
color: white !important;
}

.item_introtext ul:not(.social-links) li::before {
    color: var(--sidem-primary-color) !important;
}

#contact-form p[class^="info"]:not(.tab)::before {
    color: var(--sidem-primary-color) !important;
}

#contact-form p[class^="info"]:not(.tab)::after {
    background-color: var(--sidem-primary-color) !important;
}

/* Typing animation cursor */
h1.item-title.heading-style-1.typing-active {
    opacity: 1 !important;
    visibility: visible !important;
}

h1.item-title.heading-style-1.typing-active::after {
    content: "";
    display: inline-block;
    height: 0.9em;
    border-right: 2px solid currentColor;
    margin-left: 3px;
    vertical-align: -2px;
    animation: typingCursor 0.7s steps(1) infinite;
}

@keyframes typingCursor {
    50% {
        opacity: 0;
    }
}

/* Disable template slide-down animation on headings */
h1.item-title.heading-style-1 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}
/* Disable slide-down animation on heading and parent elements */
#feature .row-container.visible-first,
#feature .item__module.visible-first,
#feature h1.item-title.visible-first {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}