/*General*/
img {
    max-width: 100%;
    height: auto;
}
.bg-dark {    background-color: #000!important;}
a {
    color: #0088CC;
}
a:hover {
    color: #54A0D8;
}
.dropdown-item.active, .media-library-view--widget .view-header a.dropdown-item.is-active, .dropdown-item:active{
	background-color:#ededed;
}

a.btn.btn-primary:hover,
a.btn.btn-primary:active {
    background-color: #54A0D8;
    border: 1px solid #54A0D8;
}

input#edit-submit:hover {
    background-color: #54A0D8;
}
.view-account-update h3 {
    text-transform: none;
}

.btn-check:checked + .btn, .node-preview-container .btn-check:checked + .node-preview-backlink, .btn-check:checked + .button, .btn-check:checked + button.link, :not(.btn-check) + .btn:active, .node-preview-container :not(.btn-check) + .node-preview-backlink:active, :not(.btn-check) + .button:active, :not(.btn-check) + button.link:active, .btn:first-child:active, .node-preview-container .node-preview-backlink:first-child:active, .button:first-child:active, button.link:first-child:active, .btn.active, .media-library-view--widget .view-header a.btn.is-active, .node-preview-container .active.node-preview-backlink, .node-preview-container .media-library-view--widget .view-header a.node-preview-backlink.is-active, .media-library-view--widget .view-header .node-preview-container a.node-preview-backlink.is-active, .active.button, .media-library-view--widget .view-header a.button.is-active, button.active.link, .btn.show, .node-preview-container .show.node-preview-backlink, .show.button, button.show.link {
    color: var(--bs-btn-active-color);
	background-color: #54A0D8;
	border-color: #54A0D8;
}

/*Afinw keno anamesa se footer kai main page*/
main {
    margin-bottom: 50px;
    margin-top: 70px;

}
h1 {
    margin-bottom: 30px;
}


/* HEADER REGION */
.region.region-header {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr; /* Adjust columns as needed */
    grid-template-rows: auto auto; /* Two rows, auto-sized */
    gap: 10px; /* Optional: space between elements */
    padding: 10px;
   
}

/* Left Logo Block */
div#block-b5subtheme-logoleft {
    grid-column: 1; /* Place in the first column */
    grid-row: 1 / span 2; /* Span across both rows */
    display: flex;
    align-items: flex-end;
    justify-content: left;
}

/* Middle Block */
div#block-b5subtheme-logomiddle {
    grid-column: 2; /* Place in the second column */
    grid-row: 1 / span 2; /* Span across both rows */
    text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    align-items: flex-end;
}
#block-b5subtheme-logomiddle img {
    width: 33%;
}
#block-b5subtheme-logoleft img {
    width: 18%;
}
div#block-b5subtheme-logoright img {
    align-self: flex-end;
}

/* Languages Block */
div#block-b5subtheme-languageswitchercontent {
    grid-column: 3; /* Place in the third column */
    grid-row: 1; /* First row */
    text-align: right;
}
div#block-b5subtheme-languageswitchercontent a {
    color: #0088CC;
}
a.language-link.is-active,
a.language-link:hover
 {
    color: #54A0D8 !important;
}

/* Competitiveness Block */
div#block-b5subtheme-logoright {
    grid-column: 3;
    grid-row: 2;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

/* List Item Styles */
div#block-b5subtheme-languageswitchercontent ul li {
    list-style: none;
    display: inline-flex;
    padding: 0px 10px;
    border-right: 1px solid #0088CC;
    max-height: 30px;
}

li[hreflang="fr"] {
    border-right: none !important;
}

/*NAVIGASION BAR: Vrisketai to  menoy*/
nav.navbar{
    background-color: #0088CC !important;
	height: 95px;
    padding-top: 2.5rem;
    --bs-navbar-padding-y: 1rem !important;
}
ul.navbar-nav.justify-content-end.flex-wrap.nav-level-0 {
    text-transform: uppercase;
}

/*Kryvw to title pou emfanizetai on hover*/
.nav-link[title]:hover,
.nav-link[title] {
      pointer-events: none;
}
/*Superfish menu*/

li.menuparent ul {
    width: 15em !important;
    text-transform: initial;
}

ul#superfish-main {
    text-transform: uppercase;
}
#navbarSupportedContent {
    display: block !important; /* Override Bootstrap's default "display: none" for collapsed state */
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    transition: none !important; /* Disable any transition effects */
}
/* Hide the Bootstrap toggle button */
button.navbar-toggler {
    display: none !important;
}
.region.region-nav-main {
    display: inline-flex;
    justify-content: center;
	float:right;
}

/*na fygei background galazio*/

ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: #0088CC !important;
}


/* Menu Links */
.sf-menu > li > a,
.sf-menu > li > span {
    color: white !important;    
    text-transform: uppercase;
    text-align: center;
	letter-spacing: 0.03em;
}


li.sf-depth-2 a {
    background-color: white;
	color:#777!important;
}


li.sf-depth-1:hover, 
li.sf-depth-1.sfHover,
li.sf-depth-1 a:focus, 
ul.sf-main > li.sf-depth-1 > a:hover, 
li.sf-depth-1 span.nolink:hover,
li.sf-depth-1 a.is-active:hover,
/*li.sf-depth-1 a.is-active,*/
ul.sf-menu.sf-style-default span.nolink:hover {
	border-radius: 8px;
    background-color: white!important; 
    color: #0088CC !important; 
    text-decoration: none;
}


li.sf-depth-2:hover, 
li.sf-depth-2.sfHover,
li.sf-depth-2 a:focus, 
li.sf-depth-2 a:hover, 
li.sf-depth-2 a.is-active:hover {
	border-radius: 0px;
    background: #f6f6f6!important; 
    background-color: #f6f6f6!important; 
    color: #0088CC !important; 
    text-decoration: none;
}
li.sf-depth-1 a.is-active,
li.sf-depth-2 a.is-active,
ul.sf-menu.sf-style-default a.is-active{
	background-color: #0088CC!important;
    color: white!important; 
}


ul.sf-menu .sf-sub-indicator:after {
       font-size: 10px;
    line-height: 1.5;
}
ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul{
	box-shadow: none!important;
}
li.menuparent > ul {
   
    border-top: 5px solid #CCC;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
}
/*Desktop Mobile menu*/

div.sf-accordion-toggle.sf-style-default a {
   background: none;
    border: 2px solid #f6f6f6;
    color: #13a;
    display: inline-block;
    font-weight: bold;
    padding: 1em 1em 1em 1em;
    position: relative;
}

a#superfish-main-toggle span {
    display: none;
}

div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    background: none;
}


form#user-pass input#edit-submit {
    float: right !important;
}
.password-suggestions {
    display: none !important;
}

/*Kwdikas Christou*/
div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    background: none;
    padding-left: 30px;
}

.sf-menu > li > a, .sf-menu > li > span {
    color: white !important;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.03em;
}

div.sf-accordion-toggle.sf-style-default a {
    background: none;
    border: 0px solid #f6f6f6;  
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding-left: 30px;
   /* padding: 1em 1em 1em 1em;*/
    position: relative;
}


/*Telos kwdika Christou*/


/*Pages for moderator*/

//Hide div in the bottom for revision info and translation
input#edit-actions-submit {
    float: right;
}
input#edit-submit {
    display: block;
    float: right!important;
}
input#edit-preview {
    display: none;
}


form#node-page-edit-form .js-form-item.form-item.js-form-type-vertical-tabs.form-type-vertical-tabs {
    display: none!important;
}


/**Dhmioyrgia Logariasmou**/
form#node-page-edit-form,
form#webform-submission-user-registration-form-add-form,
form#webform-submission-registration-add-form {
    width: 90%;
} 

div#block-b5subtheme-webform {
    background-color: #dee2e6;
    padding: 1% 2%;
    border-radius: 10px;
    margin: 0rem 0rem 2.5rem 0rem;
}
.goRight {
    float: right;
    margin-right: 16%;
	}

div.moveRight  {
  min-height:40px;
}

input#edit-submit{
    position: relative;
    float: right!important;
}
input.leftSubmitButton {
    float: left !important;
}
#edit-kritiria .tabledrag-toggle-weight-wrapper {
    display: none;
}
.form-item-kritiria .tabledrag-toggle-weight-wrapper {
    display: none;
}
.form-item-kritiria .webform-multiple-table.webform-multiple-table-responsive {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*ANAnewsh Syndromhs*/
.expiry-info {
    background: #f6f6f6;
    padding: 10px 20px;
}
.form-item-kodikos {
    margin-top: 5%!important;
}
/*DEKSI BLOCK ME NOTES*/
.view-notes span.field-content a {
    color: #0088cc !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #0088cc;
    background: #0088cc;
    font-weight: normal;
    color: #0088cc;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

i.fas.fa-laptop,
i.fas.fa-info-circle,
i.fas.fa-key
{
    color: #0088cc;
    margin-right: 0.3em;
}
.views-field.views-field-field-redirect-link {
    float: right;
}
.views-field.views-field-field-redirect-link a {
    color: #0088cc;
}
.views-field.views-field-field-redirect-link a:hover {
    color: #54A0D8;
}


/*SEARCH Node results page*/
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label{
	border-color: #0088cc!important;
	color: #0088cc !important;
    background-color: white !important;
    /* border-top: 2px solid #0088cc !important; */
    border: 1px solid #0088cc !important;
    border-top: 3px solid #0088cc !important;
}

/*Kryvw to enhmerwtiko mnm gia autofill fields. exv valei ayto to div  class="hideThis" mesa sto enhmerwtiko mnm */
/* Hide the alert-success div if it contains a div with class "hideThis" */
.alert-success:has(.hideThis) {
    display: none !important;
}
/*header pinaka*/
thead>tr.info>th {
    background-color: #0088cc !important;
}
/*Links*/
a {
    text-decoration: none !important;
}


/**LEMMA page configuration*/
.node__content.borderClass {
    border: 1px solid #dee2e6;
  padding: 0px 20px;
}
.borderClass table {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}
/*User reset page*/
.form-item-pass-pass1.password-parent,
.form-item-pass-pass2.confirm-parent
 {
    max-width: 100%;
}

#user-form div#edit-actions {
    float: right;
}

/*BASIC pages configuration*/
td.headerTable {
    background-color: lightgray;
}

/*HOMEPAGE*/

.hideThis, .block-user-login-block div.item-list {
    display: none;
}
.path-frontpage main {
    margin-top: 0px;
}
.lemmaLink p {
    font-family: 'GFS Neohellenic', serif;
    font-weight: 400;
    font-size: 46px;
}
div.linkToLemma {
    position: absolute;
    top: 45%;
    left: 18%;
	color: #171717;
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
    padding-top: 5px;
}
.lemmaLink {
    height: 50px;
}

i.fas.fa-angle-double-right {
    margin-left: 15px;
    border: 1px solid;
    align-items: center;
    justify-content: center;
    height: 1.5em;
    width: 1.5em;
    padding: 4.5px;
    line-height: 1;
    border-radius: 20%;
	color: #8f8d8d;
}
em.desc {
    margin-top: 10px;
}
.pricing-table .plan{
	text-shadow:none;
}
.pricing-table .plan-ribbon {
	background-image: linear-gradient(to bottom, #f5dbb5, #fda41f);
}
.pricing-table .most-popular h3 {
background-color: #0088cc;
}
.btn-primary {
  /** float: right; An mpei auti i entoli xalaei to block sthn arxikh**/
	--bs-btn-bg: #0088cc;
	--bs-btn-border-color: #0088cc;
	--bs-btn-hover-bg: #54A0D8;
	--bs-btn-hover-border-color: #54A0D8;
  
}
div#block-b5subtheme-userlogin {
    width: 80%;
    margin-top: -0.85em;
}

.flexslider {
    margin: 0px !important;
    border: none !important;
}
.flex-direction-nav a{
    width: initial;
    height: initial;
    margin: initial;
	}
	
li.flex-nav-next, li.flex-nav-prev {
    line-height: 40px !important;
}
.pricing-table {
    display: flex;
    flex-wrap: wrap;
}

.pricing-table .col-md-2 {
    flex: 1; /* Allow each column to grow equally */
    max-width: 20%; /* Ensure that 5 columns fit into one row (100% / 5 = 20%) */
    box-sizing: border-box;
}

.plan {
    width: 100%; /* Ensure plan takes full width of column */
    text-align: center; /* Center align text */
}



div.views-field.views-field-webform-submission-value-1.wbs-title {
    display: block;
    position: absolute;
    top: 50%;
    left: 8%;
    font-size: 50px;
    font-weight: 500;
    color: white;
}
div.views-field.views-field-webform-submission-value.wbs-super-title {
    display: block;
    position: absolute;
    top: 35%;
    left: 25%;
    color: #b9b6b6;
    font-size: 22px;
    text-transform: uppercase;
}

div.views-field.views-field-webform-submission-value-3.wbs-sub-title {
    display: block;
    position: absolute;
    top: 65%;
    left: 21.5%;
    font-size: 22px;
    color: #b3b3b3;
}
/* Right Sidebar*/

input.lemmaButton {
    width: 100%;
    margin-top: 2em;
}
.ui-accordion .ui-accordion-content{
    padding: 1em!important;
}


/*Account page*/
.my-account .views-label {
    font-weight: bold;
    float: left;
}
.views-field.views-field-edit-user {
    margin-top: 25PX;
}
/*Footer */

footer {
    padding-bottom: 1rem !important;
}
div#block-b5subtheme-copyrights p, div#block-b5subtheme-designimplentation p  {
    font-size: 0.75rem;
}
div#block-b5subtheme-textpages {
    font-size: 0.75rem;
    letter-spacing: 0.05rem;
    font-weight: 500;
}
div#block-b5subtheme-socialmedialinks h2 {
    font-weight: 300;
    font-size: 1.6rem;
}
a.leftLine {
    display: inline-block;
    border-left: 1px solid #eee;
    padding-left: 7px;
    padding-right: 7px;
}
div#block-b5subtheme-designimplentation p,
div#block-b5subtheme-copyrights p {
    color: white;
}

/*Get in touch region*/
div.getinT {    margin-bottom: 3rem;}
div.footer-ribbon {
    background: #0088cc;
    position: absolute;
    margin: -50px 0 0 20px;
    padding: 10px 20px 6px 20px;
}
.footer-ribbon span {
    color: #FFF;
    font-size: 1.3em;
  	font-family: "Mynerve", cursive; font-weight: 400; font-style: normal; 
   /* font-family: "Shadows Into Light", cursive;
 	 font-family: "Mansalva", sans-serif; font-weight: 400;  font-style: normal;*/
}
/**To skalopati*/
.footer-ribbon:before {
    border-right: 10px solid #646464;
    border-top: 18px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
    border-right-color: #005580;
    border-left-color: #005580;
}
div#block-b5subtheme-webform {
    background-color: white; 
    padding: 0% 2%;
    border-radius: 10px;
    margin: 0rem 0rem 2.5rem 0rem;
}
/******  //gia na meiwsw margin kai na euthigrammisw me block       *******/
.form-item, .form-actions { 
    margin-top: 0em;
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper {
     /*margin: 0 0px 10px 5px;*/
	 margin: 0 5px 2px 5px!important;
}

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    border-color: none;
}

#search_lemmas form.webform-submission-form {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #ddd;
    padding: 18px 10px 0px;
    border-radius: 10px;
	margin-bottom:5%;
}
/*
fieldset#edit-tabs-gia-anazitisi--wrapper {
    margin-left: -10px;
    margin-top: -15px;
}*/

/* Style the labels like tabs */
#edit-tabs-gia-anazitisi label {
	
    color: #0088CC;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    border-bottom: none;
    background-color: #f0f0f0;
    margin-right: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;

}
div#edit-tabs-gia-anazitisi {
position: relative; /* Make sure the parent is relatively positioned */
    z-index: 1; /* Ensure the content stays on top */
	}
	
	/*div#edit-tabs-gia-anazitisi::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5px; /* Shift the border 5px to the right */
    width: calc(100% - 5px); /* Adjust width accordingly */
    height: 1px;
    background-color: #ededed;
    z-index: -1; /* Send the pseudo-element to the background */
}*/
	
/* Style for the selected (active) tab */
#edit-tabs-gia-anazitisi input[type="radio"]:checked + label {
    
    background-color: #fff;
    border-top: 3px solid #0088CC;
    border-left: 1px solid #ededed !important;
	border-right: 1px solid #ededed !important;
    border-bottom: 1px solid #ededed !important;
    color: #0088CC;
    position: relative;
    top: 1px;
}

/* Hover effect for the labels */
#edit-tabs-gia-anazitisi label:hover {
    background-color: #e0e0e0;
}

/* Ensure the labels don't break onto new lines */
.webform-options-display-buttons-wrapper {
    display: inline-block;
}


/* Sienna color change */


body .asw-menu-btn {
   outline: 5px solid #f6a420 !important;
   background: #f6a420 !important;
}


/* Webform display buttons for letters at search lemmas */

.webform-options-display-buttons label.webform-options-display-buttons-label {
  display: inline !important;
}

div.form-item-grammata {
  display: inline-flex!important;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
    padding: 10px!important;
    width: 50px!important;
    height: 50px!important;
}
#edit-grammata--wrapper-legend,
#edit-latiniko-alfavito--wrapper-legend {
  padding-bottom: 10px!important;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
  display: inline !important;
}

div.form-item-grammata , div.form-item-latiniko-alfavito {
   display: inline-flex !important;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
    padding: 10px!important;
    width: 50px!important;
    height: 50px!important;
}

#edit-grammata--wrapper-legend,
#edit-latiniko-alfavito--wrapper-legend {
  padding-bottom: 10px!important;
}

input.webform-button--submit {
    float: right !important;
}

/*Kryvw error  messages
.alert.alert-error.alert-danger.alert-dismissible.fade.show {
    display: none;
}
/*Kryvw cancel account button*/
a.button--danger {
    display: none;
}

/* Media query for mobile devices */

@media (max-width: 991px) {
	
	 .region.region-header {
        flex-direction: column;
    }
    
    .region.region-header > div {
        max-width: 100%; /* Make sure the blocks take full width on mobile */
    }
	.region.region-nav-main {
		float: left;
	}
	
}


/* Mobile Styles */
@media (max-width: 768px) {
	
	ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
		background: none;
		padding-left: inherit;
	}
	ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded > span.nolink {
    font-weight: inherit;
	}
	ul.sf-menu.sf-style-default.sf-accordion li li a, ul.sf-menu.sf-style-default.sf-accordion li li span.nolink {
		padding-left: 1em;
	}
	/*li.sf-depth-1 a.is-active, li.sf-depth-2 a.is-active, ul.sf-menu.sf-style-default a.is-active {*/
	
	li.sf-depth-2 a.is-active, ul.sf-menu.sf-style-default.sf-navbar{
		background-color: white!important;
		color: #777!important;
	}

	ul.sf-menu.sf-style-default li {
	 background-color: white;
    color: #777;
	}
	
	/*Menu*/
	li.sf-depth-1:hover, 
	li.sf-depth-1.sfHover,
	li.sf-depth-1 a:focus, 
	ul.sf-main > li.sf-depth-1 > a:hover, 
	li.sf-depth-1 span.nolink:hover,
	li.sf-depth-1 a.is-active:hover,
	ul.sf-menu.sf-style-default span.nolink:hover {
		border-radius:0px!important;
		background-color: white!important; 
		color: #0088CC !important; 
		text-decoration: none;
	}
	nav.navbar {
		height: inherit;
	}
	
	.lemmaLink p {
		font-size:36px!important;
	}
	
	.region.region-header {
        display: flex; /* Use flexbox on the whole region */
        flex-direction: column; /* Stack all items by default */
        gap: 10px;
    }

    div#block-b5subtheme-logoleft,
    div#block-b5subtheme-languageswitchercontent {
        display: flex;
        align-items: center; /* Vertically align content */
    }

    /* Logo and Language Switcher side by side at the top */
    div#block-b5subtheme-logoleft {
        order: 1;
        flex: 1; /* Let it take available space */
        text-align: left;
        justify-content: flex-start;
        border-right: none; /* Remove border on mobile */
    }

    div#block-b5subtheme-languageswitchercontent {
        order: 1;
        flex: 1; /* Let it take available space */
        text-align: right;
        justify-content: flex-end;
        border-right: none;
		margin-top: -15% !important;
    }

    /* Middle block takes full width */
    div#block-b5subtheme-logomiddle {
        order: 2;
        width: 100%; /* Full width on mobile */
        text-align: center;
    }

    /* Competitiveness block under middle block */
    div#block-b5subtheme-logoright {
        order: 3;
        width: 100%; /* Full width */
        text-align: left;
    }

    /* Inline list items in the language switcher */
    div#block-b5subtheme-languageswitchercontent ul li {
        display: inline;
        padding: 0px 10px;
        border-right: 1px solid #0088CC;
		max-height: 30px;
	}

	li[hreflang="fr"] {
		border-right: none !important;
	}
	  
	.pricing-table .col-md-2 { display: contents;}
		
}
/*************************************************************/