/* Theme Name: Divi Child Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: iWorx Greece Author URI: https://iworx.gr/ Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /* Global Styles */ * { font-family: "Open Sans", sans-serif; } body, #page-container { overflow-x: hidden ; } /* Global Header */ .agglika-mobile-only-item, #icon-language { display: none ; } /* Fixed Header */ .global-header-parent { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; margin-top: 0; background: #fff; transition: all 0s ease; } #header-logo-dsh { min-height: 85px; max-height: 85px; } .header-row { display: flex; align-items: center; justify-content: space-between; background: #fff; margin: 0; padding: 0; } #header-logo-dsh .header-logo svg { width: 198px; height: 64px; transition: all 0.3s ease; } #menu-items .et_pb_menu__menu > nav > ul.et-menu > li > a { transition: all 0.3s ease; } /* Scrolled Header State */ .global-header-parent.scrolled { background: #fff; height: 60px; } .global-header-parent.scrolled #header-logo-dsh .header-logo svg { width: 140px; height: 50px; transform:scale(1.2); } .global-header-parent.scrolled #header-logo-dsh { min-height: 50px; max-height: 50px; } #et-boc > header > div > div.scrolled { padding-top: 0 !important;; } .global-header-parent.scrolled #menu-items > div.et_pb_module.et_pb_code.et_pb_code_1_tb_header { margin: 0; } .global-header-parent.scrolled .header-icons { margin-top: 20px; } .et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu { transition: border-bottom 0.3s ease; } .global-header-parent.scrolled .et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu { border-bottom: 1px solid #8f7b50; min-width: 100%; max-height: 50px; } /* Page Padding Adjustments for Fixed Header */ #allagi-kwdikou-green, #anakoinwseis-page-big-parent, #green-askoumenoi-container, #page-vivliothiki-green-eikona, #green-ekseliksi-ypothesewn, #member-table-module, .pinakia-efeteiou-container, #green-post-container, .category-template-container, #error404-container, #green-ekthemata-template-image{ padding-top: 200px !important ; } #login-system-black, #register-system-black, #epanafora-kwdikou-green-container { padding-top: 100px !important; } /* Mobile Responsive */ @media (max-width: 980px) { .agglika-mobile-only-item { display: none ; } } #header-logo-dsh > div > div { margin: 0 auto; } /* Header Logo and Text Layout */ .header-logo { display: flex; flex-direction: row; align-items: center; gap: 20px; } /* Header Icons */ .header-icons { display: flex; justify-content: center; gap: 20px; } #searchicon, #login-icon-press, #logout-icon-press, #icon-language { cursor: pointer; top: 17px; } #login-icon-press > div > svg, #logout-icon-press > div > svg, #login-icon-press > div > a > svg, #logout-icon-press > div > a > svg { width: 25px; height: 25px; } #icon-language > div > div { display: flex; justify-content: center; align-items: center; } /* AJAX Search Fullscreen */ #fullscreen-search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #F4FAFF; display: none; justify-content: center; align-items: center; z-index: 9999; } #fullscreen-search.show { display: flex; max-width: 100%; } #fullscreen-search.show #search-box-container { max-width: 1080px; padding-bottom: 200px; } .close-btn { position: fixed; top: 40px; right: 20px; background: transparent; border: none; font-size: 30px; cursor: pointer; z-index: 10000; } #search-box-container > div.close-btn > div > button { background-color: white; color: #0E5595; border: 1px solid #0E5595; font-size: 15px; cursor: pointer; } .search-title { text-align: center; font-size: 30px; color: #003B70; margin-bottom: 20px; font-weight: 700; } /* ----- AJAX Search Box Styles -----*/ #ajax-search { width: 70%; margin: 20px auto; border-radius: 15px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); padding: 0 !important; } #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { font-size: 15px; } #ajaxsearchlite1 .probox, div.asl_w .probox { margin: 0; padding: 8px; height: 30px; background-color: #fff; border: none; box-shadow: 0 0 0 0 #b5b5b5 inset; border-radius: 15px; } #ajaxsearchliteres1 { border-radius: 15px; padding: 10px; } div.asl_r .results .item { height: auto; background: #fff; padding: 10px; } #ajaxsearchliteres1 > div > div > div.item > div.asl_content > h3 > a { color: rgb(0, 59, 112); } #ajaxsearchliteres1 p.showmore span { border: none; text-decoration: underline; } #__original__ajaxsearchlitesettings1 > form > fieldset { scrollbar-width: thin; scrollbar-color: rgba(0, 45, 85, 0.5) transparent; } #ajaxsearchlitesettings1 { border: none; border-radius: 12px; width: 250px; display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); } div.asl_s.searchsettings form { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } div.asl_s.searchsettings fieldset { background: transparent; display: flex; margin-top: 0; padding: 5px; justify-content: center; align-items: center; flex-direction: column; } div.asl_s.searchsettings form fieldset legend { text-align: center; font-size: 17px; line-height: 24px; color: #003B70; } div.asl_s.searchsettings fieldset .asl_option_label { width: 150px; display: block; font-family: sans-serif; font-size: 13px; color: rgba(0, 45, 85, 0.5); } div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox { background: white; } div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after { background-color: #003B70; } div.asl_s.searchsettings { box-shadow: none; } /*------ END OF CSS FOR AJAX SEARCH BOX ----*/ /*---------------------------------------------------------------------HEADER MENU-------------------------------------------------*/ /* #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom > a{ letter-spacing:1px !important ; } */ /*Menu Titles Items*/ #menu-header-menu li a{ padding:10px; letter-spacing:1px !important ; } #menu-header-menu li a::after { content: none; } /*----MENU TITLE XRHSIMA---*/ #menu-header-menu > li > ul > li{ padding: 0 ; } #menu-header-menu > li > ul > li{ padding: 0 ; } #menu-header-menu > li > ul > li > ul{ padding: 8px ; border-bottom-right-radius: 30px; max-width: 300px ; min-width: 300px ; } /*------------------------------EANDH - LEDE CHILDREN----------------------------------- FIX SUBMENU HOVER Line----------*/ #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom{ display:block ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding: 10px 0 ; width: auto ; } /*SUB MENU DISPLAY BLOCK */ #menu-header-menu > li > ul > li{ display:block ; } /* Hover,focus,active effect for Title (ΔΣΗ ΧΡΗΣΙΜΑ κλπ) */ #menu-header-menu > li:hover > a, #menu-header-menu li a:focus, #menu-header-menu li a:active { background-color: #8F7B50 ; border-radius: 5px; color: white ; } /*---------------------------------------------------MENU TITLE --> XRHSIMA <-- SUB MENU & CHILDREN-------------------------------*/ #menu-header-menu > li.et_pb_menu_page_id-13898.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-13898 > ul > li.et_pb_menu_page_id-16247.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-16247 > ul > li{ display:block ; padding:0 ; } #menu-header-menu > li.et_pb_menu_page_id-13898.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-13898 > ul > li.et_pb_menu_page_id-16247.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-16247 > ul > li > a{ width:auto ; padding-left:0 ; } #menu-header-menu > li.et_pb_menu_page_id-13898.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-13898 > ul > li.et_pb_menu_page_id-16251.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-16251 > ul > li { display:block ; } #menu-header-menu > li.et_pb_menu_page_id-13898.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-13898 > ul > li.et_pb_menu_page_id-16251.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-16251 > ul > li > a{ padding: 10px 0 ; width:auto ; } /*remove transition that divi has by default */ .et-menu a, .et-menu a:hover{ transition:none; } /*Width-height sub menu*/ .sub-menu{ min-width: 400px; height:auto; padding:30px 20px ; } #menu-header-menu li .sub-menu li:hover, #menu-header-menu li .sub-menu li:focus, #menu-header-menu li .sub-menu li:active{ background-color:white ; } /*removes border-top on submenu*/ .nav li .sub-menu{ border:none ; } #menu-header-menu li .sub-menu li a { position: relative; display: inline-block; cursor:pointer; } /* Line hover on submenu items */ #menu-header-menu li .sub-menu li a::after{ content: ''; position: absolute; width:100%; height: 2px; background-color: #8F7B50; bottom: 0px; left: 0px; transform: scaleX(0); transform-origin: left; transition: transform 250ms ease-in-out; } /* Hover effect submenu items line */ #menu-header-menu li .sub-menu li a:hover::after{ transform: scaleX(1); } /*---------------------------Menu items that have children----------*/ #menu-header-menu li .sub-menu li.menu-item-has-children > a { position: relative ; display: inline-block ; } #menu-header-menu li .sub-menu li.menu-item-has-children > a::after { content: ''; position: absolute ; width: 100% ; height: 2px ; background-color: #8F7B50 ; bottom: 0 ; top:auto ; /*DONT TOUCH(FIX for the line to be UNDER and not up*/ left: 0 ; transform: scaleX(0) ; transform-origin: left ; transition: transform 250ms ease-in-out ; } #menu-header-menu li .sub-menu li.menu-item-has-children > a:hover::after { transform: scaleX(1) ; } /*-------------DropDown header---------------*/ #menu-header-menu > li > ul { border-bottom-right-radius:30px; } #menu-header-menu > li > ul > li > a{ font-size: 16px ; padding: 10px 0 10px 0 ; width: auto; /*line hover stops on every item width*/ letter-spacing:1px !important; color:#003b70 ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul{ padding:10px 15px ; } #menu-header-menu > li > a{ cursor:pointer; } #menu-header-menu > li > ul > li > a{ color:#003b70 ; } #menu-header-menu li .sub-menu li a:hover{ background-color: white ; color: #003b70 ; } #menu-header-menu > li> ul > li.menu-item-has-children > ul > li.menu-item-object-custom > a{ color: #003b70 ; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size: 14px ; display: flex; justify-content: flex-start; align-items: center; margin-left: 20px ; } /*mobilemenu*/ #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.is-hover.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a, #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.is-hover.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a:hover{ font-size:14px ; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.is-hover > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size:14px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul{ padding:8px ; border-bottom-right-radius:30px; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul{ max-width:350px ; min-width:350px ; padding:10px 15px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children::after{ content: " \25B6" !important; font-size: 16px !important; margin-left: 8px !important; color: #003b70 !important; } /*--------------------------------------------------- HOME PAGE STYLES--------------------------------------------------------*/ /* Blurb Content */ .et_pb_blurb_container p a, .et_pb_blurb_container a { color: white; } #eikona-istoria > .et_pb_blurb_content { max-width: 600px; } .istoria-front-page-container{ display:flex ; justify-content:center ; } #eikona-istoria > div > div.et_pb_blurb_container > h4 > span{ font-size:26px; } .et_pb_blurb_content .et_pb_main_blurb_image { width: 32px; display: flex; } .et_pb_blurb_content .et_pb_main_blurb_image img { margin-left: 60px; width: 30px; height: 30px; } .et_pb_module_header { padding-right: 30px; } .et_pb_blurb_description { margin-top: 20px; } .et_pb_blurb_2.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2.et_pb_blurb .et_pb_module_header a { margin-right: 30px; } .line-nav { display: flex; justify-content: center; align-items: center; } /* Dividers Colors */ #divider-left-side-nea, #divider-right-side-nea, #divider-left-side-anakoinwseis, #divider-right-side-anakoinwseis, #divider-left-side-ekdhlwseis, #divider-right-side-ekdhlwseis, #divider-left-side-deltia, #divider-right-side-deltia, #divider-left-side-yphresies, #divider-right-side-yphresies { border-bottom-color: #003b70; } #divider-right-side-nea { width: 128%; } /* TRIPLE COLUMNS SECTION ( SYLLOGOS, ENHMERWSI , XRHSIMA) */ #triple-column-big-container{ font-family: 'Open Sans', sans-serif ; display: flex ; justify-content: center ; align-items: center ; overflow-x:hidden; } .triple-column-links{ padding:0 ; } .container { display: flex ; gap: 100px ; width: 1550px ; max-width: 1550px ; font-family: 'Open Sans', sans-serif ; margin: 0 auto ; padding: 0 ; padding-top: 10px ; padding-right: 25px; } .column { background-color: #003B70 ; color: white ; width: 439px ; height: 430px ; border-radius: 25px 0 25px 0 ; box-shadow: 25px 25px 0px 0px #F0EDE3 ; padding: 15px ; display: flex ; justify-content: center ; align-items: flex-start ; font-family: 'Open Sans', sans-serif ; margin: 50px auto ; } .column-box { display: flex ; flex-direction: column ; gap: 20px ; align-items: flex-start ; padding:15px 25px ; } .icon-title-wrapper { display: flex ; align-items: center ; gap: 15px ; } .column-box h3 { font-size: 24px ; font-weight: 700 ; line-height: 26.4px ; text-align: left ; color: white ; } .columns-span { display: flex ; flex-direction: column ; gap: 30px ; } .columns-span span a { color: white ; text-decoration: none ; position: relative ; font-weight: 300 ; font-size: 20px ; line-height: 22px ; transition: color 0.3s ease ; } .columns-span span a::after { content: '' ; position: absolute ; left: 0 ; bottom: -5px ; width: 0 ; height: 1px ; background-color: white ; transition: width 0.3s ease ; } .columns-span span a:hover::after { width: 100% ; } #prwto-column { padding-left: 70px ; padding-right:0 ; } #trito-column { padding-left: 70px ; padding-right:0 ; } #prwto-column > div.icon-title-wrapper > h3 { padding-top: 10px ; } #deytero-column > div.icon-title-wrapper > h3{ padding-top: 8px ; } #trito-column > div.icon-title-wrapper > h3{ padding-top: 8px ; } .column { opacity: 0; animation: fadeIn 1s ease-out forwards; } .column:nth-child(1) { animation-delay: 1200ms ; } .column:nth-child(2) { animation-delay: 1400ms ; } .column:nth-child(3) { animation-delay: 1600ms ; } @keyframes fadeIn { to { opacity: 1; } } /* ----- ΣΗΜΑΝΤΙΚΑ ΝΕΑ Section -----*/ /*Read More Button Left side(gold container)*/ #simantika-nea-green-container > div > div.news-left-section > div > div .et_pb_container > div > div .et_pb_button_wrapper > a{ width: 148px ; height: 47px ; font-weight: 400; line-height:15.4px; font-size: 14px; display:flex; justify-content:center; align-items:center; border:none ; } #first-divider-homepage{ padding-top:0 ; } #simantika-nea-green-container > div > div.news-left-section > div > div .et_pb_container > div > div .et_pb_button_wrapper > a:hover{ background-color:#A08958 !important ; transition: all 0.3s ease 0s ; color:white ; } #btn-metavasi-nea:hover, #btn-metavasi-deltia:hover, #btn-metavasi-ekdhlwseis:hover, #btn-metavasi-anakoinwseis:hover{ background-color:#A08958 !important; transition: all 0.3s ease 0s !important; color:white !important; } /* EFFECTS*/ .news-left-section { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; transform: scale(1); border: 2px solid transparent; background-color:#F8F6F0 !important; } .news-left-section:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) !important; border-color: #003B70 !important; background-color:white !important; } div.news-left-section > div > div > div > div > div > h2 > a { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } /* -----ΣΗΜΑΝΤΙΚΑ SECTION RIGHT SIDE STYLES ----- */ /*Read More button*/ #nea-right-column > div > article > div > a.more-link{ background: #003B70; border-radius: 5px; width: 148px; height: 47px; font-weight: 400; line-height:15.4px; font-size: 14px; color:white ; margin-top:20px ; display:flex; justify-content:center; align-items:center; } #nea-right-column > div > article > div > a.more-link:hover{ background:#A08958; transition: all 0.3s ease 0s; } .news-left-section > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ padding:30px 0 ; } #nea-right-column{ padding: 10px 15px 0 10px ; } #nea-right-column > div > article { display:flex; justify-content:center; align-items:flex-start; flex-direction:column; gap:0; margin-bottom:10px ; } #nea-right-column > div > article > p.post-meta{ order:1; } #nea-right-column > div > article > h2{ order:2; } #nea-right-column > div > article > div.post-content{ order:3; } #nea-right-column > div > article > h2 > a{ display: -webkit-box ; -webkit-line-clamp: 2 ; -webkit-box-orient: vertical ; overflow: hidden ; text-overflow: ellipsis ; white-space: normal ; } /*--------------------NEA-RIGHT-COLUMNS HOVER-------------------*/ #nea-right-column > div > article { padding: 20px ; transition: all 0.3s ease; border: 1px solid transparent; transform: scale(1); margin-bottom:10px; } #nea-right-column > div > article:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color:#8F7B50 ; border-bottom-right-radius: 25px ; border-top-left-radius: 25px ; } /* ----- Anakoinwseis Section ----- */ #announcement-page-heading > div > h1{ font-family:'Open Sans'; } #aristero-panw-katw-column > div > article, #deksia-panw-katw-column > div > article{ min-height:350px; justify-content:flex-start; } #aristero-panw-katw-column > div > article > div.post-content > a.more-link, #deksia-panw-katw-column > div > article > div.post-content > a.more-link{ display:flex; justify-content:center; align-items:center; } div.category-anakoinoseis >div.post-content > a.more-link{ background: #003B70; border-radius: 5px; width: 148px; height: 47px; font-weight: 400; line-height:15.4px; font-size: 14px; color:white; margin-top:30px; } #aristero-panw-katw-column > div >article >div.post-content > a.more-link, #deksia-panw-katw-column > div >article >div.post-content > a.more-link{ background: #003B70; border-radius: 5px; width: 148px; height: 47px; font-weight: 400; line-height:15.4px; font-size: 14px; color:white; margin-top:30px; } .anakoinwseis-double > div > article{ display:flex; justify-content:center; align-items:flex-start; flex-direction:column; } .anakoinwseis-double > div > article > p.post-meta{ order:1; } .anakoinwseis-double > div > article > h2{ order:2; } .anakoinwseis-double > div > article > div.post-content{ order:3; } .anakoinwseis-double > div > article> div > a:hover{ background:#A08958 !important; transition: all 0.3s ease 0s; } .et_pb_section div.et_pb_row .et_pb_column .et_pb_module:last-child{ padding:0; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p { padding-right:30px; } #aristero-panw-katw-column > div > article > h2 > a{ display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; } #deksia-panw-katw-column > div > article > h2 > a{ display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; } /* ----- END Anakoinwseis Section ----- */ /*--------Deltia Typoy Section-------*/ .deltia-typoy-container{ display:flex; justify-content:center; align-items:center; gap:10px; } .deltia-typoy-container > div > div > div > article{ display:flex; justify-content:center; align-items:center; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; transform: scale(1); border: 2px solid transparent; width: 462px; height: 249px; max-height: 250px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } .deltia-typoy-container > div > div > div > article:hover{ box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) !important; border-color:#8F7B50 !important; border-width:1px !important; } .deltia-typoy-container > div > div > div > article > p.post-meta{ order:1; } .deltia-typoy-container > div > div > div > article > h2{ order:2; } #prwto-deltio-column > div > article > h2 > a, #deutero-deltio-column > div > article > h2 > a, #trito-deltio-column > div > article > h2 > a{ font-size:18px ; } #prwto-deltio-column > div > article > h2 , #deutero-deltio-column > div > article > h2 , #trito-deltio-column > div > article > h2 { display: -webkit-box ; -webkit-line-clamp: 2 ; -webkit-box-orient: vertical ; overflow: hidden ; text-overflow: ellipsis ; white-space: normal ; padding:0 10px ; } /*-----End Deltia Typoy Section*/ /*------History Section-----*/ .syllogos-istoria{ color:#003B70; } #eikona-istoria .et_pb_blurb_content{ margin:0; } #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:120px; } /*ICON Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left:0; width:108px; height:108px; } #eikona-istoria .et_pb_blurb_content{ padding-left:5px !important; } .istoria-front-page-container > div > .et_pb_button_module_wrapper.et_pb_button_4_wrapper.et_pb_button_alignment_left.et_pb_module { margin:0px !important; } .istoria-front-page-container > div .et_pb_button_4_wrapper a#btn-istoria-perissotera:hover{ background:#A08958 !important; transition: all 0.3s ease 0s !important; } /*End of History Section*/ /*-------HLEKTRONIKES YPHRESIES SECTION ( TABS ) ------- */ .yphresies-grid-container{ display:flex; justify-content:center; align-items:center; width:100%; gap:20px; } div.yphresies-grid-container > div > div > ul { background-color:white !important; display:flex; justify-content:center; align-items:center; } div.yphresies-grid-container > div > div > ul > li { margin: 20px; } div.yphresies-grid-container > div > div > ul > li > a{ border: 1px solid #0E5595; color: #003B70; text-align:center; padding: 15px; border-radius: 5px; width:250px; height:70px; font-family:'Open Sans' !important; } div.yphresies-grid-container > div > div > ul > li > a:hover{ border-color:#8F7B50 !important; color:#74591f!important; } div.yphresies-grid-container > div > div > ul > li.et_pb_tab_active a { border-color: #8F7B50; } /*-------------------------------YPHRESIES DIKHGORWN TAB----------------------------------*/ /* PARENT container content for active tab*/ div.yphresies-grid-container > div > div > div.et_pb_all_tabs{ display:flex; justify-content:center; align-items:center; padding:0; } div.yphresies-grid-container > div > div > div.et_pb_all_tabs > div.et-pb-active-slide{ padding:0 !important; } .yphresies-grid-container > div > div > ul > li{ border:none !important; } .yphresies-grid-container > div > div > ul > li > a{ border-bottom-right-radius: 25px !important ; border-color: #8F7B50 !important; border-top-left-radius: 25px !important; font-size:17px !important; } .category-posts-grid { display: grid !important; grid-template-columns: repeat(3,355px) !important; grid-template-rows: repeat(3,200px) !important; gap: 25px; margin-top: 20px; } div.et_pb_tab.et_pb_tab_0.clearfix.et_pb_active_content.et-pb-active-slide{ padding:0 !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li{ width:287px; height:87px; } div.et_pb_section.et_pb_section_15.et_section_regular > div > div > div > ul > li > a{ font-size:17px !important; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .category-post-item { position: relative; overflow: hidden; opacity:0; animation: fadeIn 1s ease-out forwards; } .category-post-item:nth-child(1) { animation-delay: 0.2s; } .category-post-item:nth-child(2) { animation-delay: 0.4s; } .category-post-item:nth-child(3) { animation-delay: 0.6s; } .category-post-item:nth-child(4) { animation-delay: 0.8s; } .category-post-item:nth-child(5) { animation-delay: 1s; } .category-post-item:nth-child(6) { animation-delay: 1.2s; } .category-post-item:nth-child(7) { animation-delay: 1.4s; } .category-post-item:nth-child(8) { animation-delay: 1.6s; } .category-post-item:nth-child(9) { animation-delay: 1.8s; } .category-post-image { position: relative; height: 100%; } .category-post-image img { width: 100%; height: 100%; object-fit: cover; } .category-post-content h3 { font-size: 16px !important; line-height: 24.51px !important; font-weight:700 !important; color:white; margin:0 auto; padding:0 !important; } /*Overlay color image*/ .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 39, 74, 0.7); } .overlay:hover{ background-color:rgba(143, 123, 80, 0.7); } .category-post-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; z-index: 2; } /*------yphresies dikigorwn tab end*/ /*-----Ekdhlwseis Tab------*/ /*----REFACTOR SHORTCODE 4 LATEST Ekdhlwseis kai Imerides(category)--------*/ .programma-event-container { display: grid ; grid-template-columns: repeat(2, 500px) ; gap: 50px ; margin-top: 20px ; } .programma-event-item { display: flex ; flex-direction: column ; background-color: #fff ; border-radius: 5px ; overflow: hidden ; } /* .programma-event-content { display: flex ; align-items: center ; gap: 15px ; padding: 15px ; } */ .programma-event-left { flex: 1 ; text-align: center ; } .programma-event-left img.programma-event-poster { width: 100% ; height: auto ; border-radius: 5px ; object-fit: cover ; } /* .programma-event-right { flex: 2 ; display: flex ; flex-direction: column ; justify-content: center ; gap: 10px ; } */ .programma-event-content { display: flex ; align-items: stretch ; gap: 15px ; padding: 15px ; min-height: 140px ; } .programma-event-right { flex: 2 ; display: flex ; flex-direction: column ; justify-content: space-between ; gap: 10px ; min-height: 226.61px ; } .programma-event-title { font-size: 17px ; font-weight: bold ; color: #003b70 ; margin-bottom: 5px ; } .programma-event-video-link { display: inline-flex ; align-items: center ; gap: 10px ; font-size: 14px ; color: black ; text-decoration: none ; margin-bottom: 10px ; font-weight: 700; transition: color 0.3s ease ; line-height:0 ; } .programma-event-video-link svg { width: 40px ; height: 40px ; } .programma-event-video-link:hover { color: #003b70 ; } .programma-event-more-button { padding: 10px 20px ; background-color: #003b70 ; color: white ; text-decoration: none ; border-radius: 5px ; font-size: 14px ; transition: background-color 0.3s ease ; width: 148px ; height: 47px ; font-weight: 400 ; line-height: 15.4px ; display: flex ; justify-content: center ; align-items: center ; border: none ; } .programma-event-more-button:hover { background-color: #8F7B50 ; } .programma-event-separator { border: none ; border-top: 2px solid #003B70 ; margin: 20px 0 ; } .programma-event-footer { text-align: center ; margin-top: 20px ; display: flex ; justify-content: center ; align-items: center ; } .programma-event-category-button { padding: 10px 20px ; background-color: #003b70 ; color: white ; text-decoration: none ; border-radius: 5px ; font-size: 14px ; transition: background-color 0.3s ease ; width: 235px ; height: 47px ; font-weight: 400 ; line-height: 15.4px ; display: flex ; justify-content: center ; align-items: center ; border: none ; } .programma-event-category-button:hover { background-color: #8F7B50 ; } .programma-event-title-link { display: -webkit-box ; -webkit-line-clamp: 2 ; -webkit-box-orient: vertical ; overflow: hidden ; text-overflow: ellipsis ; white-space: normal ; line-height:19px; } /*--------------------------POPUP CSS------------------------ */ .image-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000005E; display: flex; justify-content: center; align-items: center; z-index: 9999 ; } .image-popup-content { position: relative; max-width: 90%; max-height: 90%; } .image-popup-content img { width: 100%; height: auto; } .image-popup-close { position: fixed; top:150px ; right: 20px; color: black; font-size: 24px; cursor: pointer; background: white; padding: 5px 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border: none; z-index: 9999 ; display: flex; justify-content: center; align-items: center; } .image-popup-content img { width: auto ; height: 100% ; max-width: 100% ; object-fit: contain ; width: 550px ; height: 700px ; margin-top: 80px ; } /*FIX Z-INDEX TWN TABS GIA TO POPUP IMAGE*/ #post-2 > div > div > div > div.et_pb_section.et_pb_section_16.et_section_regular > div > div > div > ul > li{ z-index:0 !important; } .programma-event-pdf-link { display: inline-flex ; align-items: center ; gap: 15px ; font-size: 14px ; color: black ; text-decoration: none ; margin-bottom: 10px ; font-weight: 700; transition: color 0.3s ease ; } .programma-event-pdf-link:hover { color: #003b70 ; } .programma-event-pdf-icon { width: 35px ; height: 35px ; } /*Animation gia ta children tou tab ekdilwseis*/ .programma-event-item { opacity: 0; animation: fadeIn 0.5s ease-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .programma-event-item:nth-child(1) { animation-delay: 0.2s; } .programma-event-item:nth-child(2) { animation-delay: 0.4s; } .programma-event-item:nth-child(3) { animation-delay: 0.6s; } .programma-event-item:nth-child(4) { animation-delay: 0.8s; } .programma-event-separator { opacity: 0; animation: fadeIn 0.5s ease-out forwards; animation-delay: 1s; } .programma-event-footer { opacity: 0; animation: fadeIn 0.5s ease-out forwards; animation-delay: 1.2s; } /*Z-INDEX 0 STO FOOTER GIA NA MPOREI NA DOYLEPSEI TO POPUP IMAGE PANW TOY*/ #et-main-area > footer > div{ z-index:0 !important; } /*--------VIVLIOTHIKI TAB(Shortocde)---------*/ .library-search-section { display:flex; justify-content:center; align-content:center; flex-direction:column; text-align: center; margin: 40px 0; width:100%; } .library-search-section .divider-container{ display: flex; align-items: center; justify-content: center; margin: 0 auto !important; max-width: 1270px !important; width: 100% !important; } div.divider-container > hr{ flex: 1; height: 1px; background: #002D55; margin-right: 20px; max-width: 70% !important; } .library-search-section h2 { font-size: 32px; font-weight: 700; color:#003B70; margin-bottom: 10px; line-height:48px; } .library-search-section h2.library-upper-title{ color:#003B70; } .library-search-section p { font-size: 16px; color: #36393D; margin-bottom: 50px; line-height:30px; } .library-search-section p span{ color:#003B70; font-size: 14px; margin-bottom: 50px; line-height:30px; } .search-library-filters { display: flex; justify-content: center; align-items:center; gap: 20px; margin-bottom: 40px; } .search-library-selection { display: flex; justify-content:center; align-items:center; text-align: left; margin:5px; } .search-library-selection label { font-size: 15px; font-weight:700; color: #002D55; margin-right:5px; display: block; } .search-library-selection select { padding: 10px; border: 1px solid #002D55; border-radius: 5px; font-size: 14px; } #search-in,#search-options{ border-color:#002D55; border-radius:8px; padding:5px; } #search-in,#search-options{ color:#002D55; font-size:13px; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > div > div.et_pb_tab.et_pb_tab_2.clearfix.et-pb-active-slide{ width:100%; padding:0; } .library-search-section .divider-container .divider{ flex: 1; height: 1px; background: #002D55; margin-right: 0; max-width: 100% !important; } /*----------------ShortCode Search Books [custom_search]-----------------*/ #search-book-form{ display:flex; justify-content:center; align-items:center; flex-direction:column; gap:20px; padding:20px; margin: 0 auto; } .container-input-search-button{ display:flex; justify-content:center; align-items:center; width:100%; gap:20px; } #search-in{ cursor:pointer; } #search-options{ cursor:pointer; } #search-in > option:nth-child(1):hover{ background:#A08958 !important; color:white !important; } #search-in > option:nth-child(2):hover{ background:#A08958 !important; color:white !important; } #search-in > option:nth-child(3):hover{ background:#A08958 !important; color:white !important; } #search-in > option:nth-child(4):hover{ background:#A08958 !important; color:white !important; } #search-in > option:nth-child(5):hover{ background:#A08958 !important; color:white !important; } #search-in > option:nth-child(6):hover{ background:#A08958 !important; color:white !important; } #search-in > option:nth-child(7):hover{ background:#A08958 !important; color:white !important; } #search-query{ padding:10px; width:80% !important; border-radius:8px; border:1px solid #002D55; color:#003B70 !important; } #search-query:focus{ border:1px solid #A08958; } #search-book-submit{ background: #003B70; border-radius: 5px; width: 148px; height: 47px; font-weight: 400; line-height: 15.4px; font-size: 14px; color: white; cursor:pointer; border:none !important; } #search-book-submit:hover{ background-color:#A08958 !important; transition: all 0.3s ease 0s !important; border:none; } .custom-search-section{ margin-bottom:120px; position: relative; } .custom-search-section > #error-message{ color:red; display:none; text-align:left; margin-left:34%; } .library-search-section .divider-container { display: flex; align-items: center; justify-content: center; margin:0 auto !important; } .library-search-section .divider-container .divider { flex: 1; height: 1px; background: #002D55; margin-right: 20px; max-width: 80%; } .divider-container .all-teuxi-button { text-align: right; font-size:12px; } .divider-container .all-teuxi-button .all-issues-link { padding: 10px 20px; background-color:#003B70 !important; color: white !important; text-decoration: none; border-radius: 5px; font-size:14px; border:none; } .custom-search-section { position: relative; } .all-teuxi-button { text-align: right; font-size:12px; transition: all 0.3s ease 0s !important; } .divider-container .all-teuxi-button .all-issues-link:hover{ color:white !important; background-color:#8F7B50 !important; border:none !important; transition: all 0.3s ease 0s !important; } /*Border SUGGESTIONS RESULTS*/ #suggestions-box { display:none; top:100%; width:800px; position: absolute; background-color: white; border: 1px solid #003B70; border-radius:8px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); padding: 10px; max-height: 400px; z-index: 9999; } .suggestions-list { margin: 0; padding: 0; } /*suggested item box*/ .suggestion-item { list-style: none; padding: 10px; background: #fff; border-bottom: 1px solid #ccc; text-align:left; } /*suggested item text/a*/ .suggestion-item a { text-decoration: none; color: rgb(0, 59, 112); font-size: 15px; line-height: 20px; } .suggestions-box p { margin: 0; padding: 10px; color: #003B70; } /*more link-button css*/ .suggestion-item.more-button { text-align: center; margin-top:0; } .suggestion-item.more-button a { display: inline-block; text-decoration:underline; color: #002D55; border-radius: 5px; text-decoration: none; font-weight: 400; font-size:15px; } div.no-results{ text-align:center; } /*------------------END LIBRARY TAB-------------------*/ /* ------- RADAMANTHIS TAB(Shortcode)-------*/ .radamanthis-section { display: flex; justify-content: center; flex-direction:row !important; gap: 40px; flex-wrap: wrap; margin: 0 auto; padding: 20px; } .radamanthis-image { width: 300px; max-width: 100%; } .radamanthis-image img { width: 100%; height: auto; max-width: 100%; object-fit: contain; transition: transform 0.3s ease; } .radamanthis-image:hover img { transform: scale(1.05); } .issue-info { text-align: center; margin-top: 10px; font-weight: bold; color: #333; } #radamanthis-page-title > div > h1{ font-size:30px !important; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .radamanthis-left { flex: 1; max-width: 40%; text-align: center; } .radamanthis-left img { width: 300px; height: 400px; border-radius: 10px; } .radamanthis-right { flex: 1; max-width: 55%; padding-left: 20px; } .radamanthis-right h2 { font-size: 36px; font-weight: bold; margin-bottom: 20px; display:flex; justify-content:flex-start; align-items:center; } .radamanthis-right p { text-align:left !important; } .radamanthis-right p span{ font-size: 17px !important; line-height:25.5px; color: #333; margin-bottom: 20px; } .link-teuxos { display: inline-block; padding: 5px 10px; background-color: #003B70 !important; color: white !important; text-decoration: none; border-radius: 5px; transition: all 0.3s ease 0s !important; } .link-teuxos:hover{ background-color:#A08958 !important; color:white !important; border:none !important; } .divider-container { display: flex; align-items: center; justify-content: center; margin-top: 20px; width: 100%; margin-left: 0; } .divider { flex: 1; height: 1px; background: #002D55; margin-right: 20px; max-width: 80%; } .all-issues-link { padding: 10px 20px; background-color: white; color: #00274A; border: 1px solid #00274A; text-decoration: none; border-radius: 5px; } /*------------------END RADAMANTHIS TAB-------------------*/ /*-------------------------------------------GLOBAL FOOTER -----------------------------------------------------*/ #et-main-area > footer > div{ display: flex; justify-content: center; align-items: center; width: 100%; background-color:#7B6B49 !important; } #et-main-area > footer > div > div{ width: 1920px !important; background-color: #7B6B49 !important; overflow: hidden !important; height: 302px !important; } /*BIG PARENT*/ .first-row-container { max-width: 1920px !important; margin: 0 auto; height: 100%; display: flex; justify-content: space-between; align-items: center; color: #FFFFFF; font-family: 'Open Sans', sans-serif; padding: 0 40px; } #footer-row-container > div > div.first-row-container > div.logo-container { display: flex; align-items: center; gap: 15px !important; flex: 1; max-width: 300px !important; overflow:hidden !important; } #footer-row-container > div > div.first-row-container > div.logo-container > img{ width: 78px !important; height: 78px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text{ display: flex; flex-direction: column; color: #FFFFFF; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.3; letter-spacing: 0.05em; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text > span{ white-space: nowrap; font-size:16px; font-weight:700; line-height:24.8px; letter-spacing: 0.18em; } #footer-row-container > div > div.first-row-container > div.center-content { flex: 2; display: flex; justify-content: center; gap: 40px; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section { display: flex; justify-content: center; align-items: center; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24.8px; letter-spacing:0.18em; text-transform: uppercase; color: #FFFFFF; padding-right: 50px; border-right: 1px solid white; height:70px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { display: flex; gap: 50px; align-items: center; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24.8px; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .place-icon{ width: 25px !important; height: 25px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .phone-icon{ width: 24px !important; height: 24px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .email-icon{ width: 24px !important; height: 24px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item{ display: flex; align-items: center; gap: 8px; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span, #email-contact-item > a > span{ font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300 !important; line-height:24.8px; letter-spacing: 0.18em; color:white; } #footer-row-container > div > div.first-row-container > div.social-container { flex: 1; max-width: 300px; display: flex; justify-content: flex-end; } #footer-row-container > div > div.first-row-container > div.social-container > .social-icons { display: flex; gap: 15px; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-facebook { width: 38.8px !important; height: 38.8px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-linkedin{ width: 39px !important; height: 39px !important; } #footer-row-container > div > div.bottom-copyrights-text { background-color: #7B6B49; padding: 10px 40px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 18.6px; letter-spacing: 0.18em; display: flex; justify-content: space-between; align-items:center; max-width: 1920px; margin: 100px auto !important; } /*DONT TOUCH fix*/ #et-main-area { display: flex; flex-direction: column; min-height: 100vh; } /*DONT TOUCH fix*/ #et-main-area #main-content { flex: auto; } #copyright-msg{ order:2 !important; } #google-map-frame{ order:1 !important; } #created-by-iworx{ order:3 !important; } #footer-row-container > div > div.bottom-copyrights-text span, #footer-row-container > div > div.bottom-copyrights-text span a{ color: #FFFFFF !important; } #place-contact-item > a{ display:flex !important; justify-content:center !important; align-items:center !important; } #place-contact-item > span > a{ color:white; } /*-------------------------------------------------- RESPONSIVE - MEDIA QUERIES FRONT-PAGE ------------------------------------------------------------*/ @media (min-width:1601px){ body{ overflow-x:hidden !important; } #simantika-nea-green-container{ display: flex; justify-content: flex-start; align-items: center; gap: 40px !IMPORTANT; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div{ width:680px !important; } #simantika-nea-green-container > div{ margin:0 !important; } .library-search-section .divider-container{ min-width:1120px !important; max-width:1120px !important; } #search-query{ width:44% !important; } } @media only screen and (min-width: 1451px) and (max-width: 1600px) { #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div{ width:631px !important; } #simantika-nea-green-container > div { margin: 10px; margin-left: 0 !important; margin-right: 20px !important; } #anakoinwseis-divider-container, #ekdhlwseis-divider-container{ max-width:1550px !important; } /*Ta divider - deksia*/ #divider-left-side-nea{ margin-left: 50px; width: 120%; } #divider-right-side-nea{ width: 120% !important; margin-left: -140px !important; } div.et_pb_section.et_pb_section_3.et_section_regular > div{ padding: 30px 50px !important; } /*Anakoinwseis divider*/ /*Left divider line*/ #divider-left-side-anakoinwseis, #divider-left-side-ekdhlwseis{ margin-left: 50px !important; width: 125% !important; } /*Right divider line*/ #divider-right-side-anakoinwseis, #divider-right-side-ekdhlwseis{ width: 125%; margin-left: -155px !important; } /*Deltia Typoy divider*/ /*Left divider line*/ #divider-left-side-deltia{ width: 125%; margin-left: 50px !important; } /*Right divider line*/ #divider-right-side-deltia{ width: 125%; margin-left: -165px !important; } /*Divider ilektronikes yphresies divider lines (left-right)*/ #divider-heading-yphresies > div > p{ font-size:26px !important; } #divider-left-side-yphresies{ width: 115%; margin-left: 50px !important; } #divider-right-side-yphresies{ width: 113% !important; margin-left: -120px !important; } /*Divider on button Metavasi se ...*/ div.metavasi-line{ width: 105%; margin-left: 50px !important; } .line-nav > div.et_pb_column.et_pb_column_1_4 > div{ text-align:center; } #btn-metavasi-nea{ font-size:14px !important; } #btn-metavasi-anakoinwseis{ font-size:14px !important; } #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size:14px !important; } #nea-right-column article{ max-width:650px !important; } /*Anakoinwseis*/ .anakoinwseis-big-container-module.et_section_regular > div{ padding:50px !important; } #img-left-side-anakoinwseis-widget > span > img{ height:950px !important; } .deltia-typoy-container{ padding:50px !important; max-width:1450px !important; } #prwto-deltio-column > div > article{ width: 400px; height: 215px; max-height: 250px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } #prwto-deltio-column > div > article > h2 > a{ font-size:17px !important; } #deutero-deltio-column > div > article > h2 > a{ font-size:17px !important; }#trito-deltio-column > div > article > h2 > a{ font-size:17px !important; } #deutero-deltio-column > div > article{ width: 400px; height: 215px; max-height: 250px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } #trito-deltio-column > div > article{ width: 400px; height: 215px; max-height: 250px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } .istoria-front-page-container{ max-width: 1540px !important; margin: 0 auto !important; } #eikona-istoria > div.et_pb_blurb_content{ max-width:550px !important; } #eikona-istoria{ padding: 0 !important; } #eikona-istoria > div > div.et_pb_blurb_container > h4{ font-size:28px !important; } .istoria-front-page-container > div .et_pb_button_3_wrapper{ padding: 0 50px !important; } .istoria-front-page-container > div{ margin:0 !important; } .istoria-front-page-container > div > div.et_pb_button_3_wrapper.et_pb_module { padding:0 !important; } #epikoinwnia-text{ gap:20px !important; } .library-search-section .divider-container{ min-width:1120px !important; max-width:1120px !important; width:100% !important; } div.divider-container > hr{ max-width:74% !important; } #search-query{ width:44% !important; } #right-eikona-istoria > span > img{ width:98% !important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p { padding-right:0px !important; } } @media only screen and (min-width: 1301px) and (max-width: 1450px) { .et_pb_row { padding: 27px 30px !important; } #menu-items{ margin-right:30px !important; } /*------------------------------------- SIMANTIKA NEA ----------------------------------------------------*/ #simantika-nea-divider-container{ max-width:1300px !important; } #simantika-nea-green-container{ max-width:1300px !important; } /*Simantika Nea Section*/ .news-left-section { width:550px !important; min-height: 670px !important; height:670px !important; max-height: 670px !important; } /*Title Left side BORDER*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > h2 > a{ font-size:19px !important; } /*Keimeno aristerou Border*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ font-size:15px !important; } /*Koumpi aristera sto border*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_button_wrapper > a{ background: #003B70; border-radius: 5px; width: 135px !important; height: 39px !important; font-weight: 400; line-height: 15.4px; font-size: 14px; color: white; margin-top: 40px; } /*Koumpia deksia 'PERISSOTERA'*/ #nea-right-column > div > article > div.post-content > a.more-link{ background: #003B70; border-radius: 5px; width: 135px !important; height: 39px !important; font-weight: 400; line-height: 15.4px; font-size: 14px; color: white; margin-top: 10px; } /*--------------------------------------- CONTAINER lines & Buttons METAVASI-----------------------------*/ .line-nav{ max-width:1300px !important; } /*MAX-WIDTH ANAKOINWSEIS DIVIDER CONTAINER*/ #anakoinwseis-divider-container, #ekdhlwseis-divider-container{ width:100% !important; max-width:1300px !important; } /*DIVIDER headings simantika nea / anakoinwseis / deltia typoy */ .divider-heading-all > div > p{ font-size:28px !important; } /* divider - right*/ #divider-left-side-nea{ width:130%; } #divider-right-side-nea{ width:125% !important; margin-left:-110px !important; } /*Anakoinwseis divider*/ /*left divider line*/ #divider-left-side-anakoinwseis, #divider-left-side-ekdhlwseis{ margin-left:0 !important; width:135%; } /*right divider line */ #divider-right-side-anakoinwseis, #divider-right-side-ekdhlwseis{ width: 128% !important; margin-left: -120px !important; } /*Deltia Typoy divider*/ /*left divider line */ #divider-left-side-deltia{ width:135%; margin-left:0 !important; } /*right divider line*/ #divider-right-side-deltia{ width:130% !important; margin-left: -135px !important; } /*Divider ilektronikes yphresies left-right*/ #divider-heading-yphresies > div > p{ font-size:26px !important; } #divider-left-side-yphresies{ width: 120%; } /*Divider sto button Metavasi se ...*/ div.metavasi-line{ width:108% !important; } #btn-metavasi-nea{ font-size:13px !important; } #nea-right-column article{ max-width:650px !important; } #nea-right-column > div.et_pb_ajax_pagination_container > article > h2.entry-title > a{ font-size:19px !important; } .line-nav > div.et_pb_column.et_pb_column_1_4 > div{ text-align:center !important; } /*METAVASI SE ... BUTTON*/ div.et_pb_column.et_pb_column_1_4.et_pb_column_9.et_pb_css_mix_blend_mode_passthrough.et-last-child > div, div.et_pb_column.et_pb_column_1_4.et_pb_column_17.et_pb_css_mix_blend_mode_passthrough.et-last-child > div, div.et_pb_column.et_pb_column_1_4.et_pb_column_25.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:center; } /*--------------------------------------------------ANAKOINWSEIS Section -----------------------------------------------------*/ .anakoinwseis-big-container-module{ max-width: 1300px !important; margin: 0 auto !important; } .news-left-section{ min-height:700px !important; height:720px!important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div{ padding:25px 20px !important; } /*Image left side*/ #img-left-side-anakoinwseis-widget span > img{ min-height:850px!important; height:900px !important; margin-left:30px !important; } /*Arthra right side*/ .anakoinwseis-double{ padding-left:0px!important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p{ font-size:15px!important; } .anakoinwseis-double > div > article > .post-meta > span{ font-size:14px!important; } .anakoinwseis-double > div > article > h2 > a{ font-size:19px !important; } .anakoinwseis-double > div > article > .post-content a.more-link{ width:135px !important; height:39px !important; display:flex !important; justify-content:center !important; align-items:center !important; font-size:14px !important; } #btn-metavasi-anakoinwseis { font-size:13px !important; } /*-------------------------------------------------DELTIA TYPOY Section----------------------------------------*/ .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ padding:50px; box-sizing: border-box; width: 350px; height: 200px; max-height:250px; } .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:15px; } .deltia-typoy-container{ max-width:1280px !important; } .deltia-typoy-container > div > div > div > article > h2{ max-width: 300px !important; min-width: 300px !important; } .deltia-typoy-container > div > div > div > article > h2 > a{ font-size:17px !important; } #deltia-typoy-divider-container{ max-width:1300px !important; } #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size:14px !important; } /*----------------------------------ISTORIA SYLLOGOY---------------------------*/ #eikona-istoria{ display:flex; justify-content:flex-start; align-items:center; } .istoria-front-page-container{ overflow:hidden !important; max-width:1300px !important; padding-left:0 !important; } .istoria-front-page-container > div{ margin:5px !important; } #eikona-istoria .et_pb_blurb_content{ margin:0; padding-left:5px; min-width: 500px; } /*Eikona up from blurb*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; } /*Title */ #eikona-istoria > div > div.et_pb_blurb_container h4 span{ font-size:25px !important; }panw apo to /*Body Text*/ #eikona-istoria > div > div.et_pb_blurb_container div.et_pb_blurb_description p{ font-size:15px !important; } a#btn-istoria-perissotera{ width:135px !important; height:39px !important; display:flex !important; justify-content:center !important; align-items:center !important; font-size:14px !important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_26.et_pb_css_mix_blend_mode_passthrough > div.et_pb_button_module_wrapper.et_pb_button_3_wrapper.et_pb_button_alignment_left.et_pb_module{ margin:0 !important; } /*Image Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left: 0; width: 80px !important; height: 80px !important; margin-bottom: 10px; } #right-eikona-istoria > span > img{ width: 700px !important; height: 580px !important; } #ilektronikes-yphresies-divider-container{ max-width:1300px !important; } #divider-heading-yphresies > div > p{ font-size:25px !important; } #divider-right-side-yphresies{ width:111% !important; } .yphresies-grid-container{ max-width:1300px !important; } .yphresies-grid-container > div > div > ul > li > a{ font-size:17px !important; } .category-posts-grid{ display: grid; grid-template-columns: repeat(3,330px) !important; grid-template-rows: repeat(3,200px) !important; gap: 25px !important; margin-top: 20px !important; } .category-post-content h3{ font-size:16px !important; } .divider-container .all-teuxi-button .all-issues-link{ font-size:13px !important; } #search-query{ width:45% !important; } #search-book-submit{ width:12%; font-size:13px !important; } div.divider-container > hr{ max-width:74% !important; } .library-search-section .divider-container{ display: flex; align-items: center !important; justify-content: center !important; margin: 0 !important; width:100% !important; max-width: 1223px !important; } .library-search-section .divider-container .divider{ max-width: 77% !important; } .divider-container{ display: flex; align-items: center; justify-content: flex-start; margin-top: 20px; margin-left: 0; max-width: 1210px !important; min-width: 1210px !important; width: 100% !important; } #btn-metavasi-nea:hover{ font-size:13px !important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p { padding-right:0px !important; } } @media only screen and (min-width: 1178px) and (max-width: 1300px) { .et_pb_row { padding: 27px 30px !important; } #menu-items{ margin-right:30px !important; } #et-boc > header > div > div > div.header-row> div.et_pb_column.header-icons{ width:210px !important; } #header-logo-dsh > div{ margin:0 20px !important; } #simantika-nea-divider-container{ max-width:1178px !important; } #simantika-nea-green-container{ max-width:1178px !important; } /*-----------------------------------SIMANTIKA NEA-------------------------------------*/ .news-left-section{ width:500px !important; min-height: 650px !important; max-height: 650px !important; height: 650px !important; } /*Title Left BORDER*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > h2 > a{ font-size:18px !important; } /*Text left Border*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ font-size:14px !important; } /*Button left sto border*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_button_wrapper > a{ background: #003B70; border-radius: 5px; width: 135px !important; height: 39px !important; font-weight: 400; line-height: 15.4px; font-size: 13px !important; color: white; margin-top: 40px; } /*Buttons rigjt 'Read More'*/ #nea-right-column > div > article > div.post-content > a.more-link{ background: #003B70; border-radius: 5px; width: 135px !important; height: 39px !important; font-weight: 400; line-height: 15.4px; font-size: 13px !important; color: white; margin-top: 40px; } #nea-right-column > div > article > h2 > a{ font-size:18px !important; } #nea-right-column > div > article > p.post-meta > span{ font-size:15px !important; } #simantika-nea-green-container > div{ margin-right:0 !important; } .line-nav{ max-width:1178px !important; } /*Anakoinwseis divider*/ #anakoinwseis-divider-container, #ekdhlwseis-divider-container{ max-width:1178px !important; } /*DIVIDER headings simantika nea / anakoinwseis / deltia typoy */ .divider-heading-all > div > p{ font-size:25px !important; } /* divider - right line*/ #divider-left-side-nea{ width:130%; } #divider-right-side-nea{ width:125% !important; margin-left:-100px !important; } /*Left divider line */ #divider-left-side-anakoinwseis, #divider-left-side-ekdhlwseis{ margin-left:0 !important; width:135%; } /*Right divider line*/ #divider-right-side-anakoinwseis, #divider-right-side-ekdhlwseis{ width: 135%; margin-left: -115px !important; } /*Deltia Typoy divider*/ /*Aristeri grammi*/ #divider-left-side-deltia{ width:135%; margin-left:0 !important; } /*Deksia grammi*/ #divider-right-side-deltia{ width:135%; margin-left: -115px !important; } /*Divider ilektronikes yphresies right left*/ #divider-heading-yphresies > div > p{ font-size:22px !important; } #divider-left-side-yphresies{ width: 120%; } #divider-right-side-yphresies{ width: 120%; } /*Divider button Metavasi se ...*/ div.metavasi-line{ width:105%; } #btn-metavasi-nea{ font-size:13px !important; } /*---------------------ANAKOINWSEIS-------------------------*/ .news-left-section{ min-height:700px !important; height:720px!important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div{ padding:25px 20px !important; } /*Image left side*/ #img-left-side-anakoinwseis-widget span > img{ min-height:850px!important; height:850px !important; margin-left:30px !important; } .anakoinwseis-big-container-module{ max-width:1178px !important; margin:0 auto !important; } /*Posts right side*/ .anakoinwseis-double{ padding-left:0px!important; } .anakoinwseis-double > div > article > h2 > a{ font-size:18px !important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p{ font-size:13px!important; } .anakoinwseis-double > div > article > .post-meta > span{ font-size:14px!important; } .anakoinwseis-double > div > article > .post-content a.more-link{ width:135px !important; height:39px !important; font-size:13px !important; } .anakoinwseis-double > div > article > h2 > a{ font-size:18px !important; } #btn-metavasi-anakoinwseis{ font-size:13px !important; } /*--------------------------------------------------------DELTIA TYPOY-------------------------------------------- */ .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ padding:50px; box-sizing: border-box; width: 320px; height: 200px; max-height:200px; } /*text->'Δημοσιοευθηκε στις ...'*/ .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:14px; } /*title deltio typoy box*/ .deltia-typoy-boxes > div > article > h2 > a{ font-size:15px !important; } .deltia-typoy-container > div > div > div > article > h2{ max-width: 300px !important; min-width: 300px !important; } #deltia-typoy-divider-container{ max-width:1178px !important; } #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size:13px !important; } .deltia-typoy-container{ max-width:1178px !important; } #prwto-deltio-column > div > article > h2 > a, #deutero-deltio-column > div > article > h2 > a, #trito-deltio-column > div > article > h2 > a{ font-size:16px !important; } /*----------------------------------ISTORIA SYLLOGOY---------------------------*/ #eikona-istoria{ display:flex; justify-content:flex-start; align-items:center; } #eikona-istoria > div > div.et_pb_main_blurb_image{ margin-bottom:0 !important; } /* #eikona-istoria > div > div.et_pb_main_blurb_image{ margin:0 auto; } */ .istoria-front-page-container{ overflow:hidden !important; max-width:1178px !important; } #eikona-istoria .et_pb_blurb_content{ margin: 0; padding-left: 5px; min-width: 550px !important; } /*Image up from blurb*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; } /*Title */ #eikona-istoria > div > div.et_pb_blurb_container h4 span{ font-size:25px !important; } /*Body Text*/ #eikona-istoria > div > div.et_pb_blurb_container div.et_pb_blurb_description p{ font-size:14px !important; padding:0 !important; } a#btn-istoria-perissotera{ display:flex !important; justify-content:center !important; align-items:center !important; width:135px !important; height:39px !important; font-size:13px !important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_26.et_pb_css_mix_blend_mode_passthrough > div.et_pb_button_module_wrapper.et_pb_button_3_wrapper.et_pb_button_alignment_left.et_pb_module{ margin:0 !important; } /*Eikona Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left:0; width:70px !important; height:70px !important; margin-bottom:10px; } #right-eikona-istoria > span > img{ width: 100% !important; height: 520px !important; } /*Shortcodes*/ /*-----------Grid Yphresies Dikhgorwn-----------*/ #ilektronikes-yphresies-divider-container{ max-width:1178px !important; } .yphresies-grid-container{ max-width:1178px !important; } /* .yphresies-grid-container > div > div > ul > li > a{ font-size:16px !important; } */ div.et_pb_section.et_pb_section_16.et_section_regular > div.yphresies-grid-container > div > div > ul > li > a{ font-size:16px !important; } .category-posts-grid { grid-template-columns: repeat(3, 330px) !important; grid-template-rows: repeat(3,200px) !important; gap: 35px !important; } #search-query{ width:50% !important; } .library-search-section .divider-container{ max-width: 1095px !important; min-width: 1095px !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li > a{ font-size:15px !important; } .category-posts-grid > div > a > div.category-post-content > h3{ font-size:15px !important; } .divider-container .all-teuxi-button .all-issues-link{ font-size:13px !important; } #search-book-submit{ font-size:13px !important; } .radamanthis-right h2{ font-size:28px !important; } .radamanthis-right p span{ font-size:15px !important; } .link-teuxos{ font-size:13px !important; } .library-search-section .divider-container{ display: flex; align-items: center; justify-content: center; margin: 0 auto !important; width: 100% !important; max-width: 1100px !important; } .divider-container{ display: flex; align-items: center; justify-content: center; margin-top: 20px; width: 100% !important; max-width: 1178px !important; width: 1100px !important; } div.divider-container > hr{ max-width:77% !important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p { padding-right:0px !important; } } @media only screen and (max-width: 1177px) and (min-width: 981px) { body{ overflow-x: hidden !important; } .et_pb_row { padding: 27px 30px !important; } #menu-items{ margin-right:20px !important; } #et-boc > header > div > div > div.header-row > div.header-icons{ width:200px !important; } #header-logo-dsh > div{ margin:0 20px !important; } #header-logo-dsh > div > div > svg{ width:160px !important; } #simantika-nea-divider-container{ max-width:1000px !important; } #simantika-nea-green-container{ max-width:1000px !important; } /*AJAX PRO MEDIA QUERIES*/ .search-title{ font-size:20px; } /*input BOX*/ #ajaxsearchlite1 .probox, div.asl_w .probox{ height:20px !important; padding:5px; } /*Mesa sto input to div dinoume ypsos sto placeholder */ div.asl_m .probox .proinput input{ height:20px !important; } /*Placeholder-> αναζητω να βρω..*/ #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{ font-size:12px !important; } /*ICON VELAKI*/ #ajaxsearchlite1 > div > div.prosettings > div{ width: 20px; height: 15px; padding: 3px; } div.asl_m .probox .proclose svg{ width:15px; height:15px; } /*------------------------BODY MEDIA QUERIES------------------*/ /*------------------------DIVIDER Prin ta simantika nea----------------------------*/ #divider-left-side-nea { width:120%; } .divider-heading-all > div > p{ font-size:28px !important; } #divider-right-side-nea{ width:120% !important; margin-left:-57px !important; } /*------------------------Simantika nea widget------------------------*/ /*Button Perissotera sto aristera xryso border*/ .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_button_wrapper > a{ width: 135px !important; height: 39px !important; font-weight: 400; line-height:15.4px; font-size: 13px !important; display:flex !important; justify-content:center !important; align-items:center !important; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div{ min-height: 650px !important; max-height: 650px !important; height: 650px !important; } .news-left-section > div > div .et_pb_container.clearfix > div > div.et_pb_slide_description > h2.et_pb_slide_title > a{ font-size:16px !important; } .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_slide_content > div{ font-size:14px !important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > .news-left-section{ display: flex; width: 550px; height: 750px; min-height:700px; justify-content: center; align-items: center; margin: 0 auto !important; } #nea-right-column{ margin:0 !important; } #nea-right-column{ padding: 0 !important; } #nea-right-column > div > article > h2 > a{ font-size:16px !important; } #nea-right-column > div > article > p.post-meta > span{ font-size:14px !important; } div.et_pb_column.et_pb_column_3_4.et_pb_column_8.et_pb_css_mix_blend_mode_passthrough > div{ width:130%; } /*Button -> diabaste perisotera sto deksia column*/ .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ background: #003B70 !important; border-radius: 5px; width: 135px !important; height: 39px !important; font-weight: 400; line-height:15.4px; font-size: 13px !important; color:white; padding:10px 15px !important; margin-top:40px; } .line-nav{ max-width:1000px !important; } #anakoinwseis-divider-container, #ekdhlwseis-divider-container{ max-width: 1000px !important; margin: 0 auto !important; } /*------------------------DIVIDER Prin tis ANAKOINWSEIS---------------------------*/ #divider-left-side-anakoinwseis, #divider-left-side-ekdhlwseis{ width: 120%; margin-left: 5px!important; } #divider-right-side-anakoinwseis, #divider-right-side-ekdhlwseis{ width:120% !important; margin-left:-55px !important; } /*METAVASI LINE + BUTTON */ div.metavasi-line{ width:105% !important; } .line-nav > div.et_pb_column.et_pb_column_1_4.et_pb_column_9.et_pb_css_mix_blend_mode_passthrough.et-last-child{ width:250px !important; } /*-----------------------------Anakoinwseis Widget--------------------------------------*/ .anakoinwseis-big-container-module{ max-width:1000px !important; margin:0 auto !important; } .news-left-section{ min-height:650px !important; height:650px!important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div{ padding:25px 20px !important; } /*Eikona left side*/ #img-left-side-anakoinwseis-widget span > img{ min-height:850px!important; height:940px !important; margin-left:30px !important; } /*Arthra right side*/ .anakoinwseis-double{ padding-left:0px!important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p{ font-size:13px!important; } .anakoinwseis-double > div > article > .post-meta > span{ font-size:13px!important; } .anakoinwseis-double > div > article > .post-content a.more-link{ width:135px !important; height:39px !important; font-size:13px !important; } .anakoinwseis-double > div > article > h2.entry-title > a{ font-size:17px !important; } /*METAVASI LINE + BUTTON */ div.metavasi-line{ width:105% !important; } .line-nav > div.et_pb_column.et_pb_column_1_4.et_pb_column_17.et_pb_css_mix_blend_mode_passthrough.et-last-child{ width:250px !important; } #btn-metavasi-nea{ font-size:11px !important; } #btn-metavasi-anakoinwseis{ font-size:12px !important; } /*--------------DIVIDER PRIN TA DELTIA TYPOY----------------*/ #divider-left-side-deltia{ width: 120%; margin-left: 5px!important; } #divider-right-side-deltia{ width:120% !important; margin-left:-55px !important; } /*--------------------------------Deltia Typoy-------------------------*/ .deltia-typoy-container{ display:flex; justify-content:center; align-items:center; flex-direction:row; gap:0px; } .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ padding:50px; box-sizing: border-box; width: 300px; height: 150px; max-height:200px; } #deltia-typoy-divider-container{ max-width:1000px !important; } .deltia-typoy-container{ max-width:950px !important; } .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:12px; } .deltia-typoy-container > div > div > div > article > h2{ min-width:300px !important; max-width:300px !important; } .deltia-typoy-container > div > div > div > article > h2 > a{ font-size:14px !important; } #prwto-deltio-column{ display:flex; justify-content:center; align-items:center; } #deutero-deltio-column{ display:flex; justify-content:center; align-items:center; } #trito-deltio-column{ display:flex; justify-content:center; align-items:center; } #prwto-deltio-column > div > article > h2 > a, #deutero-deltio-column > div > article > h2 > a, #trito-deltio-column > div > article > h2 > a{ font-size:15px !important; } div.et_pb_column.et_pb_column_3_4.et_pb_column_24.et_pb_css_mix_blend_mode_passthrough > div{ width:135%; } /*METAVASI LINE + BUTTON */ div.metavasi-line{ width:105% !important; } .line-nav > div.et_pb_column.et_pb_column_1_4.et_pb_column_25.et_pb_css_mix_blend_mode_passthrough.et-last-child{ width:250px !important; } #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size:12px !important; } /*----------------------------------ISTORIA SYLLOGOY---------------------------*/ div.et_pb_section.et_pb_section_11.et_section_regular > div.istoria-front-page-container{ max-width:1000px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_14.et_section_regular > div{ max-width:980px !important; } #eikona-istoria{ display:flex; justify-content:flex-start; align-items:center; } .istoria-front-page-container > div .et_pb_button_3_wrapper { margin-left:0 !important; } /* #eikona-istoria > div > div.et_pb_main_blurb_image{ margin:0 auto; } */ #eikona-istoria .et_pb_blurb_content{ min-width:450px !important; margin:0; padding-left:5px; } #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; margin:0 !important; } #eikona-istoria > div > div.et_pb_blurb_container h4 span{ font-size:20px !important; line-height:0px; } /*Body Text*/ #eikona-istoria > div > div.et_pb_blurb_container div.et_pb_blurb_description p{ font-size:13px !important; line-height:22px !important; } a#btn-istoria-perissotera{ width: 135px !important; height: 39px !important; font-size: 13px !important; display: flex !important; justify-content: center !important; align-items: center !important; } /*Eikona Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left: 0; width: 70px !important; height: 70px !important; margin: 0 !important; } #right-eikona-istoria > span > img{ min-width: 450px !important; height: 450px !important; } #eikona-istoria > div > div.et_pb_blurb_container > h4{ line-height:30px !important; } #eikona-istoria > div > div.et_pb_blurb_container > div{ margin-top:0 !important; } /*DIVIDERS PRIN TIS HLEKTRONIKES YPHRESIES */ #divider-left-side-yphresies{ width: 120%; margin-left: 5px!important; } #divider-heading-yphresies > div > p{ font-size:18px !important } #divider-right-side-yphresies{ width:120% !important; margin-left:-55px !important; } .divider-heading-all > div > p{ font-size:25px !important; } /*----------------------------------TABS SHORTCODES KLP ------------------------------------*/ /*Tabs */ #ilektronikes-yphresies-divider-container{ max-width:1000px !important; } div.yphresies-grid-container{ max-width:980px !important; } .yphresies-grid-container{ display:block; } /*container twn TABS */ .et_pb_row.et_pb_row_12.yphresies-grid-container{ padding:0 !important; margin:0 !important; } /*tabs titles ana column*/ ul.et_pb_tabs_controls{ flex-direction:row; } /*TABS TITLES*/ div.et_pb_section.et_pb_section_16.et_section_regular > div > div > div > ul > li > a{ font-size:14px !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li{ width:180px !important; height:20px !important; } /*YPHRESIES DIKHGORWN*/ .category-posts-grid { grid-template-columns: repeat(3, 267px) !important; grid-template-rows: repeat(3,170px) !important; gap: 35px !important; } .category-post-image { height: 200px !important; } .category-post-content h3 { font-size: 12px !important; line-height: 16.8px; } div.et_pb_section.et_pb_section_15.et_section_regular > div > div > div > ul > li > a{ font-size:13px !important; } /*-------------Tab Ekdilwseis-----------------*/ /*Vivliothiki SHortcode*/ .library-search-section .divider-container{ max-width:900px !important; min-width:900px !important; } #search-query{ width:48% !important; } /*------------TAB RADAMANTHIS-----------------------*/ .radamanthis-section { justify-content: center; flex-direction:column; padding-top:0 !important; padding:45px; } .radamanthis-left { flex: 1; max-width: 50%; text-align: center; } .radamanthis-left img { width: 200px; height: 250px; border-radius: 10px; } .radamanthis-right { flex: 1; max-width: 100%; padding-left: 30px; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .radamanthis-right h2 { font-size: 22px; margin-top: 20px; margin-right: 20px; align-self: center; } .radamanthis-right p { text-align:left !important; } .radamanthis-right p span{ font-size: 15px !important; line-height:25.5px; } .link-teuxos { font-size:12px; } .divider-container .all-teuxi-button .all-issues-link{ font-size:12px; padding:5px 10px; } /*----------------TAB GIA ANAZITISI VIVLIWN-----------------*/ .library-search-section{ padding:40px !important; } .library-search-section h2 { font-size: 25px; font-weight: 700; color: #36393D; margin-bottom: 10px; } .library-search-section p { font-size: 15px; color: #36393D; margin-bottom: 50px; line-height:30px; } .library-search-section p span{ color:#003B70; font-size: 12px; margin-bottom: 50px; line-height:30px; padding:5px 10px; } .search-library-filters { display: flex; justify-content: flex-start; align-items:flex-start; flex-direction:row; gap: 10px; margin-bottom: 40px; } .search-library-selection { display: flex; justify-content:flex-start; align-items:center; flex-direction:row; text-align: center; margin:5px; } .search-library-selection label { font-size: 13px; font-weight:700; color: #002D55; margin-right:5px; display: block; } .search-library-selection select { padding: 10px; border: 1px solid #002D55; border-radius: 5px; font-size: 14px; } #search-in{ width: 150px; } /*----------------ShortCode ANAZITISIS BIBLIWN [custom_search]-----------------*/ .container-input-search-button{ flex-direction:row; } #search-query{ padding:10px; width:40%; border-radius:8px; border:1px solid #002D55; } .container-input-search-button{ width:90%; } #search-book-submit{ background-color: #002D55; color: white; padding: 10px 5px; font-size: 14px; border-radius: 8px; width: 20%; } #suggestions-box{ width:650px; } .suggestion-item{ padding:10px; } .suggestion-item a{ font-size:14px; } #search-book-submit{ font-size:13px !important; } div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.header-icons.et_pb_css_mix_blend_mode_passthrough.et-last-child{ gap:15px !important; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p { padding-right:0px !important; } } @media only screen and (min-width: 768px) and (max-width: 980px) { /*------------------------Media QUERIES gia Global Header------------------*/ body{ overflow-x: hidden !important; } .et_pb_row { padding: 27px 30px !important; } #header-logo-dsh{ display: flex !important; justify-content: center !important; align-items: center !important; flex: 7 !important; } #login-icon-press > div > svg, #logout-icon-press > div > svg{ width:35px !important; height:35px !important; } #login-icon-press > div > a > svg, #logout-icon-press > div > a > svg{ width:25px !important; height:25px !important; } #header-logo-dsh > div > div{ margin:0 20px !important; } /*AJAX PRO MEDIA QUERIES*/ .search-title{ font-size:20px; } /*input BOX*/ #ajaxsearchlite1 .probox, div.asl_w .probox{ height:20px !important; padding:5px; } /*Inside input div height placeholder */ div.asl_m .probox .proinput input{ height:20px !important; } /*Placeholder-> αναζητω να βρω..*/ #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{ font-size:12px !important; } /*ICON arrow*/ #ajaxsearchlite1 > div > div.prosettings > div{ width: 20px; height: 15px; padding: 3px; } /* #ajaxsearchlite1 > div > button > span > svg{ display:none; } */ /* div.asl_w .probox .promagnifier .innericon svg{ fill: #4a89bf; width: 18px; height: 20px; } */ div.asl_m .probox .proclose svg{ width:15px; height:15px; } /*------------------------BODY MEDIA QUERIES------------------*/ /*------------------------Simantika nea widget------------------------*/ #simantika-nea-green-container{ display:flex !important; justify-content:center !important; align-items:center !important; flex-direction:column !important; } #simantika-nea-green-container > div{ width:600px !important; } /*Button MORE on left gold border*/ .et_pb_section .et_pb_post_slider_0.et_pb_slider .et_pb_more_button.et_pb_button{ font-size:12px !important; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ font-size:17px !important; } .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_button_wrapper > a{ width: 135px !important; height: 47px !important; font-weight: 400; line-height:15.4px; font-size: 14px !important; display:flex !important; justify-content:center !important; align-items:center !important; } div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > .news-left-section{ display: flex; width: 600px; height: 600px; justify-content: center; align-items: center; margin: 0 auto !important; } #nea-right-column{ display: flex; justify-content: center; align-items: center; text-align: left; } #nea-right-column > div > article{ margin-bottom:100px; } #nea-right-column > div{ display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin: 0 auto; width: 600px !important; } /*Button -> diabaste perisotera sto deksia column*/ .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ background: #003B70 !important; border-radius: 5px; width: 135px !important; height: 47px !important; font-weight: 400; line-height:15.4px; font-size: 14px !important; color:white; padding:10px 15px !important; margin-top:40px; } /*----------------------------DIVIDERS------------------------------*/ div.et_pb_column.et_pb_column_3_4.et_pb_column_16.et_pb_css_mix_blend_mode_passthrough > div{ width:130%; } div.et_pb_column.et_pb_column_3_4.et_pb_column_24.et_pb_css_mix_blend_mode_passthrough > div{ width:132%; } #divider-right-side-nea{ display:none !important; } .line-nav > div > div.metavasi-line{ width:130% !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_10 > div.line-nav > div > div{ text-align:right !important; } /*-----------------------------Anakoinwseis Widget--------------------------------------*/ .et_pb_blog_1 .et_pb_post div.post-content a.more-link, .et_pb_blog_2 .et_pb_post div.post-content a.more-link{ width:135px !important; height:40px !important; font-size:14px !important; } .et_pb_post .entry-title a, .et_pb_post h2 a{ font-size:17px; } #img-left-side-anakoinwseis-widget{ text-align: center; padding-left: 50px; } .anakoinwseis-double{ padding: 0 50px !important; max-width: 1000px; } .anakoinwseis-double > div > article > .post-content > .post-content-inner > p{ font-size:16px!important; } .anakoinwseis-double > div > article > .post-meta > span{ font-size:16px!important; } /*--------------------------------Deltia Typoy-------------------------*/ .deltia-typoy-container{ display:flex; justify-content:center; align-items:center; flex-direction:column; } .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ width: 320px; height: 200px; max-height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:13px; } #prwto-deltio-column{ display:flex; justify-content:center; align-items:center; } #deutero-deltio-column{ display:flex; justify-content:center; align-items:center; } #trito-deltio-column{ display:flex; justify-content:center; align-items:center; } #prwto-deltio-column > div > article > h2 > a, #deutero-deltio-column > div > article > h2 > a, #trito-deltio-column > div > article > h2 > a{ font-size:17px !important; } /*----------------------------------ISTORIA SYLLOGOY---------------------------*/ .istoria-front-page-container{ flex-direction:column !important; } #eikona-istoria .et_pb_blurb_content{ max-width: 1000px !important; margin: 0 !important; text-align: left; padding-left:0 !important; } #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; } #img-left-side-anakoinwseis-widget{ text-align:left; } /*Eikona Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left:0; width:70px !important; height:70px !important; } #right-eikona-istoria span img{ width: 1000px !important; min-height: 700px !important; height: 600px!important; } #btn-istoria-perissotera { width: 135px; height: 40px !important; font-size: 14px !important; display:flex !important; justify-content:center !important; align-items:center !important; } #eikona-istoria > div > div.et_pb_blurb_container > h4 > span{ font-size:25px !important; } #eikona-istoria > div > div.et_pb_blurb_container > div > p{ font-size:17px !important; } #eikona-istoria > div > div.et_pb_blurb_container > h4 > span{ font-size:26px !important; } .syllogos-istoria{ font-size:16px !important; } /*----------------------------------TABS SHORTCODES KLP ------------------------------------*/ /*Tabs */ .yphresies-grid-container{ display:block; } /*container twn TABS */ div.et_pb_section.et_pb_section_16.et_section_regular > div.yphresies-grid-container{ padding:0 !important; margin:0 !important; } /*tabs titles ana column*/ ul.et_pb_tabs_controls{ flex-direction: row; width: 750px; margin: 0 auto; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li{ height:50px !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li > a{ font-size:14px !important; } /*YPHRESIES DIKHGORWN*/ .category-posts-grid { grid-template-columns: repeat(3, 225px) !important; grid-template-rows: repeat(3,130px) !important; gap: 20px; margin-top: 15px; } div.et_pb_section.et_pb_section_16.et_section_regular > div > div > div > ul > li > a{ font-size:13px !important; } .category-post-image { height: auto !important; } div.et_pb_section.et_pb_section_15.et_section_regular > div.yphresies-grid-container{ padding:0 !important; } .category-post-content h3 { font-size: 10px !important; line-height: 16.8px; } div.et_pb_section.et_pb_section_15.et_section_regular > div > div > div > ul > li > a{ font-size:12px !important; } /*-------------Tab Ekdilwseis-----------------*/ /*------------TAB RADAMANTHIS-----------------------*/ .radamanthis-section { justify-content: center; flex-direction:column; padding-top:0 !important; padding:45px; } .radamanthis-left { flex: 1; max-width: 50%; text-align: center; } .radamanthis-left img { width: 200px; height: 250px; border-radius: 10px; } .radamanthis-right { flex: 1; max-width: 100%; padding-left: 30px; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .radamanthis-right h2 { font-size: 22px; margin-top: 20px; margin-right: 20px; align-self: center; } .radamanthis-right p { text-align:left !important; } .radamanthis-right p span{ font-size: 15px !important; line-height:25.5px; } .link-teuxos { font-size:12px; } .divider-container .all-teuxi-button .all-issues-link{ font-size:12px; padding:5px 10px; } /*----------------TAB GIA ANAZITISI VIVLIWN-----------------*/ .library-search-section{ padding:40px !important; } .library-search-section h2 { font-size: 25px; font-weight: 700; color: #36393D; margin-bottom: 10px; } .library-search-section p { font-size: 15px; color: #36393D; margin-bottom: 50px; line-height:30px; } .library-search-section p span{ color:#003B70; font-size: 12px; margin-bottom: 50px; line-height:30px; padding:5px 10px; } .search-library-filters { display: flex; justify-content: flex-start; align-items:flex-start; flex-direction:row; gap: 10px; margin-bottom: 40px; } .search-library-selection { display: flex; justify-content:flex-start; align-items:center; flex-direction:row; text-align: center; margin:5px; } .search-library-selection label { font-size: 12px !important; font-weight:700; color: #002D55; margin-right:5px; display: block; } .search-library-selection select { padding: 10px; border: 1px solid #002D55; border-radius: 5px; font-size: 14px; } #search-in{ width: 150px; } /*----------------ShortCode ANAZITISIS BIBLIWN [custom_search]-----------------*/ .container-input-search-button{ flex-direction:row; } #search-query{ padding:10px; width:100%; border-radius:8px; border:1px solid #002D55; width:50% !important; font-size:13px !important; } .container-input-search-button{ width:100%; } #search-book-submit{ background-color: #002D55; color: white; padding: 10px 5px; font-size: 13px !important; border-radius: 8px; width: 20%; } #suggestions-box{ width:650px; } .library-search-section .divider-container{ max-width:720px !important; max-height:720px !important; } .suggestion-item{ padding:10px; } .suggestion-item a{ font-size:14px; } /*----------------------------------------TELOS SHORTCODES CSS KLP----------------------------- */ } @media only screen and (min-width: 481px) and (max-width: 767px){ /*------------------------Media QUERIES gia Global Header------------------*/ body{ overflow-x: hidden !important; } .et_pb_row { padding: 27px 30px !important; } .et_mobile_menu .menu-item-has-children>a{ background-color:white !important; } .et_mobile_menu li a{ border:none; } #header-logo-dsh{ display: flex !important; justify-content: center !important; align-items: center !important; flex: 7 !important; } #header-logo-dsh > div > div{ margin:0 20px !important; } /*AJAX PRO MEDIA QUERIES*/ .search-title{ font-size:20px; } /*input BOX*/ #ajaxsearchlite1 .probox, div.asl_w .probox{ height:20px !important; padding:5px; } /*Mesa sto input to div dinoume ypsos sto placeholder */ div.asl_m .probox .proinput input{ height:20px !important; } /*Placeholder-> αναζητω να βρω..*/ #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{ font-size:12px !important; } /*ICON VELAKI*/ #ajaxsearchlite1 > div > div.prosettings > div{ width: 20px; height: 15px; padding: 3px; } /* #ajaxsearchlite1 > div > button > span > svg{ display:none; } */ div.asl_w .probox .promagnifier .innericon svg{ fill: #4a89bf; width: 18px; height: 20px; } div.asl_m .probox .proclose svg{ width:15px; height:15px; } /*------------------------BODY MEDIA QUERIES------------------*/ /*------------------------Simantika nea widget------------------------*/ #simantika-nea-green-container{ display:flex !important; justify-content:center !important; align-items:center !important; flex-direction:column !important; } #simantika-nea-green-container > div{ width:500px !important; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ font-size:15px !important; } /*Button Perissotera sto aristera xryso border*/ .et_pb_section .et_pb_post_slider_0.et_pb_slider .et_pb_more_button.et_pb_button{ font-size:12px !important; } .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_button_wrapper > a{ width: 135px !important; height: 40px !important; font-weight: 400; line-height:15.4px; font-size: 13px !important; display:flex !important; justify-content:center !important; align-items:center !important; } /*Button -> diabaste perisotera sto deksia column*/ .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ background: #003B70 !important; border-radius: 5px; width: 135px; height: 40px; font-weight: 400; line-height:15.4px; font-size: 13px !important; color:white; padding:10px 15px; margin-top:40px; } #nea-right-column{ padding:0 !important; } /*Post title sttyles*/ #nea-right-column > div article h2 a{ font-size:16px !important; } /*Meta post styles*/ #nea-right-column > div article p span{ font-size:14px !important; } /*Koumpi metavasi-sta nea*/ #btn-metavasi-nea{ font-size: 14px!important; } /*divider NEA*/ div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:right !important; } div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_3_4.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > div.metavasi-line{ width:114% !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_10.et_section_regular > div.line-nav > div > div{ text-align:right !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_13.et_section_regular > div.line-nav > div > div{ text-align:right !important; } /*-----------------------------Anakoinwseis Widget--------------------------------------*/ .et_pb_blog_1 .et_pb_post div.post-content a.more-link, .et_pb_blog_2 .et_pb_post div.post-content a.more-link{ width: 135px !important; height: 40px !important; font-size: 13px !important; } .et_pb_post .entry-title a, .et_pb_post h2 a{ font-size:16px !important; } #img-left-side-anakoinwseis-widget{ text-align:left; } div.et_pb_section.et_pb_section_7.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_15.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:right !important; } /*--------------------------------Deltia Typoy-------------------------*/ .deltia-typoy-container{ display:flex; justify-content:center; align-items:center; flex-direction:column; gap:40px; } .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:13px; } .deltia-typoy-container div{ margin: 0 auto; display: flex; justify-content: center; align-items: center; } .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ width: 320px; height: 200px; max-height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } #prwto-deltio-column > div > article > h2 > a, #deutero-deltio-column > div > article > h2 > a, #trito-deltio-column > div > article > h2 > a{ font-size:15px !important; } /*----------------------------------ISTORIA SYLLOGOY---------------------------*/ /*Container poy periexei to to icon to keimeno me tin istoria*/ #eikona-istoria .et_pb_blurb_content { max-width: 700px; margin: 0; position: relative; text-align: center; word-wrap: break-word; width: 100%; } #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; } /*Eikona Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left:0; width:70px !important; height:70px !important; } #eikona-istoria > div > div.et_pb_blurb_container{ padding-left:0px !important; } #right-eikona-istoria > span > img{ width: 732px !important; min-height: 520px!important; } .istoria-front-page-container{ flex-direction:column !important; } /*----------------------------------TABS SHORTCODES KLP ------------------------------------*/ /*Tabs */ .yphresies-grid-container{ display:block; } /*container twn TABS */ .et_pb_row.et_pb_row_12.yphresies-grid-container{ padding:0 !important; margin:0 !important; } /*tabs titles ana column*/ ul.et_pb_tabs_controls{ flex-direction:column !important; } /*YPHRESIES DIKHGORWN*/ .category-posts-grid { display:flex !important; justify-content:center !important; align-items:center !important; flex-direction:column !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li { width: 287px; border-bottom: none; height: 87px } div.et_pb_section.et_pb_section_16.et_section_regular > div.yphresies-grid-container > div > div > ul > li> a{ width:320px !important; } .category-post-image { height: 180px; } .category-post-content h3 { font-size: 12px !important; line-height: 16px; } /*-------------Tab Ekdilwseis-----------------*/ /*------------TAB RADAMANTHIS-----------------------*/ .radamanthis-section { justify-content: center; flex-direction:column; padding-top:0 !important; padding:45px; } .radamanthis-left { flex: 1; max-width: 50%; text-align: center; } .radamanthis-left img { width: 300px; height: 300px; border-radius: 10px; } .radamanthis-right { flex: 1; max-width: 100%; padding-left: 30px; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .radamanthis-right h2 { font-size: 18px; margin-top:20px; } .radamanthis-right p { text-align:left !important; } .radamanthis-right p span{ font-size: 13px !important; line-height:25.5px; } .link-teuxos { font-size:12px; } .divider-container .all-teuxi-button .all-issues-link{ font-size:12px; padding:5px 10px; } /*----------------TAB GIA ANAZITISI VIVLIWN-----------------*/ .library-search-section{ padding:40px !important; } .library-search-section h2 { font-size: 16px; font-weight: 700; color: #36393D; margin-bottom: 10px; } .library-search-section p { font-size: 13px; color: #36393D; margin-bottom: 50px; line-height:30px; } .library-search-section p span{ color:#003B70; font-size: 12px; margin-bottom: 50px; line-height:30px; padding:5px 10px; } .search-library-filters { display: flex; justify-content: flex-start; align-items:flex-start; flex-direction:column; gap: 20px; margin-bottom: 40px; } .search-library-selection { display: flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; text-align: center; margin:5px; } .search-library-selection label { font-size: 13px; font-weight:700; color: #002D55; margin-right:5px; display: block; } .search-library-selection select { padding: 10px; border: 1px solid #002D55; border-radius: 5px; font-size: 14px; } #search-in{ width: 150px; } /*----------------ShortCode ANAZITISIS BIBLIWN [custom_search]-----------------*/ .container-input-search-button{ flex-direction:column; } #search-query{ padding:10px; width:70%; border-radius:8px; border:1px solid #002D55; } #search-book-submit{ background-color: #002D55; color: white; padding: 10px 5px; font-size: 14px; border-radius: 8px; width: 30%; } #suggestions-box{ width:300px; } .suggestion-item{ padding:3px; } .suggestion-item a{ font-size:12px; } div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.header-icons.et_pb_css_mix_blend_mode_passthrough.et-last-child{ gap:10px !important; } #menu-items{ right:10px !important; } #right-eikona-istoria span img{ width: 732px !important; min-height: 500px!important; height: 600px!important; } } @media(max-width:600px){ #btn-metavasi-nea{ font-size:13px !important; /*pointer-events: none !important; /*AFAIRESI TWN HOVER*/ } #btn-metavasi-nea:hover{ font-size: initial !important; } div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:right !important; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div{ width:450px !important; margin:0 auto !important; } #nea-right-column{ padding:30px !important; } #btn-metavasi-anakoinwseis{ font-size:13px !important; } #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size:13px !important; } .category-posts-grid { display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; } #header-logo-dsh{ display: flex !important; justify-content: center !important; align-items: center !important; flex: 5 !important; } #header-logo-dsh > div > div{ margin:0 20px !important; } #right-eikona-istoria > span > img{ width: 732px !important; min-height: 400px !important; } #search-query{ font-size:13px !important; } .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ background: #003B70 !important; border-radius: 5px !important;; width: 135px !important;; height: 40px !important;; font-weight: 400; line-height:15.4px !important; font-size: 13px !important; color:white; padding:10px 15px !important;; margin-top:40px !important;; } } @media (max-width:480px){ body{ overflow-x: hidden !important; } #header-logo-dsh{ display: flex !important; justify-content: center !important; align-items: center !important; flex: 4 !important; margin:auto !important; } #header-logo-dsh > div > div{ margin:0 !important; } #header-logo-dsh > div > div > svg{ width:150px !important; margin-left:20px !important; } /*AJAX PRO MEDIA QUERIES*/ .search-title{ font-size:20px; } /*input BOX*/ #ajaxsearchlite1 .probox, div.asl_w .probox{ height:20px !important; padding:5px; } /*Mesa sto input to div dinoume ypsos sto placeholder */ div.asl_m .probox .proinput input{ height:20px !important; } /*Placeholder-> αναζητω να βρω..*/ #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{ font-size:12px !important; } /*ICON VELAKI*/ #ajaxsearchlite1 > div > div.prosettings > div{ width: 20px; height: 15px; padding: 3px; } div.asl_w .probox .promagnifier .innericon svg{ fill: #4a89bf; width: 18px; height: 20px; } div.asl_m .probox .proclose svg{ width:15px; height:15px; } /*------------------------BODY MEDIA QUERIES------------------*/ /*------------------------Simantika nea widget------------------------*/ /*Titloss aristerou BORDER*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > h2 > a{ font-size:14px !important; } /*Keimeno aristerou Border*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ font-size:13px !important; } /*Button Perissotera sto aristera xryso border*/ .et_pb_section .et_pb_post_slider_0.et_pb_slider .et_pb_more_button.et_pb_button{ font-size:12px !important; } /*xryso koumpi aristera-> Perissotera*/ .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_button_wrapper > a{ width: 130px !important; height: 35px !important; font-weight: 400; line-height:15.4px; font-size: 12px !important; display:flex !important; justify-content:center !important; align-items:center !important; } /*Button -> diabaste perisotera sto deksia column*/ .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ } #nea-right-column{ padding:30px !important; } #nea-right-column > div > article{ margin-bottom:100px; } #nea-right-column > div article h2 a{ font-size:15px !important; } #nea-right-column > div article p span{ font-size:13px !important; } #btn-metavasi-nea, #btn-metavasi-anakoinwseis, #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size: 10px!important; } .line-nav > div > div.metavasi-line { padding-top:5px !important; } div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:right !important; } div.et_pb_column.et_pb_column_3_4.et_pb_column_24.et_pb_css_mix_blend_mode_passthrough > div{ padding-top:0px !important; } div.metavasi-line{ width:120%; } /*-----------------------------Anakoinwseis Widget--------------------------------------*/ .et_pb_blog_1 .et_pb_post div.post-content a.more-link, .et_pb_blog_2 .et_pb_post div.post-content a.more-link{ width: 130px !important; height: 40px !important; font-size:12px !important; } .et_pb_post .entry-title a, .et_pb_post h2 a{ font-size:15px !important; } .et_pb_ajax_pagination_container article{ padding-left:5px; } .anakoinwseis-double > div article p span{ font-size:13px !important; } .anakoinwseis-double > div article .post-content .post-content-inner p{ font-size:14px !important; } div.et_pb_section.et_pb_section_8.anakoinwseis-big-container-module.et_section_regular > div{ padding-left:0 !important; padding:30px !important; margin:0 auto !important; } /*--------------------------------Deltia Typoy-------------------------*/ .deltia-typoy-container{ display:flex; justify-content:center; align-items:center; flex-direction:column; } #prwto-deltio-column, #deutero-deltio-column, #trito-deltio-column{ display:flex; justify-content:center; align-items:center; } .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:13px; } #prwto-deltio-column > div > article > h2 > a, #deutero-deltio-column > div > article > h2 > a, #trito-deltio-column > div > article > h2 > a{ font-size:15px !important; } .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ width: 320px; height: 200px; max-height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } /*----------------------------------ISTORIA SYLLOGOY---------------------------*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; padding-left:10px; } /*Eikona Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left:0 !important; width:70px !important; height:70px !important; } #eikona-istoria > div > div.et_pb_blurb_container{ padding-left:5px; } #btn-istoria-perissotera{ font-size: 12px!important; display: flex; justify-content: center; align-items: center; width: 130px !important; height: 40px; padding: 10px 5px!important; } .istoria-front-page-container{ flex-direction:column !important; max-width:350px !important; } #eikona-istoria > div > div.et_pb_blurb_container{ width:350px !important; } #eikona-istoria > div > div.et_pb_blurb_container > h4 > span{ font-size:17px !important; } #eikona-istoria > div > div.et_pb_blurb_container > div > span.syllogos-istoria > strong{ font-size:18px !important; } #right-eikona-istoria > span > img{ width: 400px !important; min-height: 330px !important; } #eikona-istoria > div > div.et_pb_blurb_container{ margin: 0 !important; padding-left:0 !important; } /*----------------------------------TABS SHORTCODES KLP ------------------------------------*/ /*Tabs */ .yphresies-grid-container{ display:block !important; } /*container twn TABS */ .et_pb_row.et_pb_row_12.yphresies-grid-container{ padding:0 !important; margin:0 !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul{ padding-left:30px !important; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li { width: 287px; border-bottom: none; height: 87px } /*tabs titles ana column*/ ul.et_pb_tabs_controls{ flex-direction:column; } /*YPHRESIES DIKHGORWN*/ #post-2 > div > div > div > div.et_pb_section.et_pb_section_16.et_section_regular > div > div > div > div > div> div > div.category-posts-grid{ grid-template-columns: 250px !important; grid-template-rows: repeat(9,130px) !important; gap: 20px !important; margin-top: 15px; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_16.et_section_regular > div > div > div > div > div.et_pb_tab.et_pb_tab_0.clearfix.et_pb_active_content.et-pb-active-slide > div > div > div{ max-width: 250px !important; max-height: 130px !important; min-height: 130px !IMPORTANT; min-width: 250px !IMPORTANT; } .category-post-image { height: 180px; } .category-post-content h3 { font-size: 12px !important; line-height: 24.51px !important; } /*-------------Tab Ekdilwseis-----------------*/ /*------------TAB RADAMANTHIS-----------------------*/ .radamanthis-section { justify-content: center; flex-direction:column; padding-top:0 !important; padding:45px; } .radamanthis-left { flex: 1; max-width: 50%; text-align: center; } .radamanthis-left img { width: 200px; height: 200px; border-radius: 10px; } .radamanthis-right { flex: 1; max-width: 100%; padding-left: 30px; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .radamanthis-right h2 { font-size: 18px; margin-top:20px; } .radamanthis-right p { text-align:left !important; } .radamanthis-right p span{ font-size: 13px !important; line-height:25.5px; } .link-teuxos { font-size:12px; } .divider-container .all-teuxi-button .all-issues-link{ font-size:12px; padding:5px 10px; } .divider-container{ margin-left:0px !important; width:100% !important; } /*----------------TAB GIA ANAZITISI VIVLIWN-----------------*/ .library-search-section{ padding:40px !important; width:400px !important; } .library-search-section h2 { font-size: 15px !important; font-weight: 700; color: #36393D; margin-bottom: 10px; } .library-search-section p { font-size: 13px; color: #36393D; margin-bottom: 50px; line-height:30px; } .library-search-section p span{ color:#003B70; font-size: 12px; margin-bottom: 50px; line-height:30px; padding:5px 10px; } .search-library-filters { display: flex; justify-content: flex-start; align-items:flex-start; flex-direction:column; gap: 20px; margin-bottom: 40px; } .search-library-selection { display: flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; text-align: center; margin:5px; } .search-library-selection label { font-size: 13px; font-weight:700; color: #002D55; margin-right:5px; display: block; } .search-library-selection select { padding: 10px; border: 1px solid #002D55; border-radius: 5px; font-size: 14px; } #search-in{ width: 150px; } /*----------------ShortCode ANAZITISIS BIBLIWN [custom_search]-----------------*/ .container-input-search-button{ flex-direction:column; } #search-query{ padding:10px !important; width:100% !important; border-radius:8px !important;; border:1px solid #002D55 !important; } #search-book-submit{ background-color: #002D55; color: white; padding: 10px 5px !important; font-size: 14px !important; border-radius: 8px !important; width: 50% !important; } #suggestions-box{ width:300px; } .suggestion-item{ padding:3px; } .suggestion-item a{ font-size:12px; } /*----------------------------------------TELOS SHORTCODES CSS KLP----------------------------- */ #ajaxsearchlitesettings1{ left:80px !important; } /*19/11*/ #simantika-nea-divider-container{ padding:30px !important; } #anakoinwseis-divider-container, #ekdhlwseis-divider-container{ padding:30px !important; } #deltia-typoy-divider-container{ padding:30px !important; } #ilektronikes-yphresies-divider-container{ padding:30px !important; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div{ margin:0 auto !important; width:350px !important; } .line-nav{ padding:30px !important; } #eikona-istoria > div > div.et_pb_blurb_container{ font-size: 12px !important; width: 380px !important; margin: 0 auto; } #btn-istoria-perissotera{ margin-left:0 !important; } #eikona-istoria > div > div.et_pb_main_blurb_image > span > img{ margin-left:15px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_6.anakoinwseis-big-container-module.et_section_regular{ padding:30px !important; } .anakoinwseis-big-container-module > div.et_pb_row_5.et_pb_row { padding-left:0 !important; } #btn-metavasi-nea{ padding:5px !important; } #btn-metavasi-nea:hover{ font-size:10px !important; } div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.header-icons.et_pb_css_mix_blend_mode_passthrough.et-last-child{ margin-right:5px !important; } #btn-metavasi-nea, #btn-metavasi-anakoinwseis, #btn-metavasi-deltia,#btn-metavasi-ekdhlwseis{ text-align:center !important; } .line-nav > div > div.metavasi-line{ padding-top:0 !important; } #eikona-istoria > div > div.et_pb_blurb_container > div{ min-width: 340px !important; max-width: 340px !important; } } @media (max-width:400px){ body{ overflow-x: hidden !important; } /*AJAX-SEARCH-PRO*/ .search-title{ font-size:20px; } /*input BOX*/ #ajaxsearchlite1 .probox, div.asl_w .probox{ height:20px !important; padding:5px; } /*placeholder ypsos sto input*/ div.asl_m .probox .proinput input{ height:20px !important; } /*Placeholder-> αναζητω να βρω..*/ #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{ font-size:12px !important; } /*ICON VELAKI*/ #ajaxsearchlite1 > div > div.prosettings > div{ width: 20px; height: 15px; padding: 3px; } #header-logo-dsh > div > div > svg{ width:150px !important; margin-left:5px !important; } div.asl_w .probox .promagnifier .innericon svg{ fill: #4a89bf; width: 18px; height: 20px; } div.asl_m .probox .proclose svg{ width:15px; height:15px; } /*heading 'Κατηγορίες'*/ div.asl_s.searchsettings form fieldset legend{ text-align: center; font-size: 15px; line-height: 24px; color:#003B70; } /*CHECKBOXES stis KATIGORIES*/ div.asl_s.searchsettings fieldset .asl_option_label{ width: 150px; display: block; font-family: sans-serif; font-size: 12px; color: rgba(0, 45, 85, 0.5); } /*===========================BODY============================*/ /*------------------------Simantika nea widget------------------------*/ /*Button Perissotera sto aristera xryso border*/ .et_pb_section .et_pb_post_slider_0.et_pb_slider .et_pb_more_button.et_pb_button{ font-size:12px !important; } .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_button_wrapper > a{ width: 130px !important; height: 35px !important; font-weight: 400; line-height:15.4px; font-size: 12px !important; display:flex !important; justify-content:center !important; align-items:center !important; } /*Button -> perisotera sto deksia column*/ .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ background: #003B70 !important; border-radius: 5px; width: 120px !important; height: 35px !important; font-weight: 400; line-height:15.4px; font-size: 13px !important; color:white; padding:10px 15px; margin-top:40px; } #nea-right-column{ padding:25px !important; } #nea-right-column > div > article{ margin-bottom:100px; } /*Post title sttyles*/ #nea-right-column > div article h2 a{ font-size:15px !important; } /*Meta post styles*/ #nea-right-column > div article p span{ font-size:13px !important; } #btn-metavasi-nea, #btn-metavasi-anakoinwseis, #btn-metavasi-deltia, #btn-metavasi-ekdhlwseis{ font-size: 10px!important; width:180px !important; } .line-nav > div > div.metavasi-line { padding-top:5px !important; } div.et_pb_column.et_pb_column_3_4.et_pb_column_24.et_pb_css_mix_blend_mode_passthrough > div{ padding-top:0px !important; } div.metavasi-line{ width:120%; } /*-----------------------------Anakoinwseis Widget--------------------------------------*/ .et_pb_blog_1 .et_pb_post div.post-content a.more-link, .et_pb_blog_2 .et_pb_post div.post-content a.more-link{ width: 120px !important; height: 35px !important; font-size:13px !important; } .et_pb_post .entry-title a, .et_pb_post h2 a{ font-size:17px; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_3.et_section_regular > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_button_wrapper > a{ margin-top:25px !important; } /*-------------------------------------------DELTIA TYPOY ------------------------------------------*/ .deltia-typoy-container{ display:flex; justify-content:center; align-items:center; flex-direction:column; } .et_pb_blog_3:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_4:not(.et_pb_blog_grid_wrapper) .et_pb_post, .et_pb_blog_5:not(.et_pb_blog_grid_wrapper) .et_pb_post{ width: 320px; height: 200px; max-height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: left; } #prwto-deltio-column, #deutero-deltio-column, #trito-deltio-column{ display:flex; justify-content:center; align-items:center; } #prwto-deltio-column > div > article, #deutero-deltio-column > div > article, #trito-deltio-column > div > article{ width:320px; height:200px; padding:30px 30px; margin: 20px auto; } .deltia-typoy-boxes > div > article > .post-meta > span{ font-size:13px; } .deltia-typoy-boxes > div > article > .entry-title > a{ font-size:15px; } /*--------------------------------------------ISTORIA SYLLOGOY----------------------------------*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image{ width:80px; } #right-eikona-istoria > span > img{ width: 380px !important; min-height: 320px !important; } .istoria-front-page-container{ flex-direction:column !important; max-width:330px !important; } /* #eikona-istoria > .et_pb_blurb_content{ max-width:550px !important; } */ /*Eikona Istoria Syllogoy*/ #eikona-istoria .et_pb_blurb_content .et_pb_main_blurb_image span img{ margin-left:0; width:70px !important; height:70px !important; } #btn-istoria-perissotera{ font-size: 13px !important; width: 120px !important; height: 35px !important; padding: 5px 15px !important; } /*Shortcodes Tabs*/ /*Tabs */ .yphresies-grid-container{ display:block; } /*container twn TABS */ .et_pb_row.et_pb_row_12.yphresies-grid-container{ padding:0 !important; margin:0 !important; } /*tabs titles ana column*/ ul.et_pb_tabs_controls{ flex-direction:column; } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul > li { width: 287px; border-bottom: none; height: 87px } div.et_pb_section.et_pb_section_13.et_section_regular > div > div > div > ul{ padding-left:40px !important; } #eikona-istoria > div > div.et_pb_blurb_container > h4 > span{ font-size:17px !important; } #eikona-istoria > div > div.et_pb_blurb_container{ font-size: 11px !important; width: 355px !important; margin: 0 auto; } #eikona-istoria > div > div.et_pb_blurb_container > div{ max-width: 320px !important; min-width:320px !important; } /*-------------------CONTENT Grid-Yphresies Dikhgorwn--------------------*/ .category-posts-grid { grid-template-columns: 245px !important; grid-template-rows: repeat(9,130px); gap: 15px!important; margin-top: 10px; } /*------------------Eikona post --------------------------*/ .category-post-image { height: 150px !important; } /*title tou post entos eikonas*/ .category-post-content h3 { font-size: 12px !important; line-height: 14px !important; } /*------------------------TAB EKDILWSEIS-------------------------*/ /*------------TAB RADAMANTHIS-----------------------*/ .radamanthis-section { justify-content: center; flex-direction:column; padding-top:0 !important; padding:20px; } .radamanthis-left { flex: 1; max-width: 55%; text-align: center; } .radamanthis-left img { width: 200px; height: 200px; border-radius: 10px; } .radamanthis-right { flex: 1; max-width: 100%; padding-left: 30px; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .radamanthis-right h2 { font-size: 18px; margin-top:20px; } .radamanthis-right p { text-align:left !important; } .radamanthis-right p span{ font-size: 13px !important; line-height:25.5px; } .link-teuxos { font-size:12px; } .divider-container .all-teuxi-button .all-issues-link{ font-size:12px; padding:5px 10px; } .divider-container{ margin-left:0px !important; width:100% !important; } /*----------------TAB GIA ANAZITISI VIVLIWN-----------------*/ .library-search-section{ padding:40px !important; } .library-search-section h2 { font-size: 15px !important; font-weight: 700; color: #36393D; margin-bottom: 10px; } .library-search-section p { font-size: 13px; color: #36393D; margin-bottom: 50px; line-height:30px; } .library-search-section p span{ color:#003B70; font-size: 12px; margin-bottom: 50px; line-height:30px; padding:5px 10px; } .search-library-filters { display: flex; justify-content: flex-start; align-items:flex-start; flex-direction:column; gap: 20px; margin-bottom: 40px; } .search-library-selection { display: flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; text-align: center; margin:5px; } .search-library-selection label { font-size: 13px; font-weight:700; color: #002D55; margin-right:5px; display: block; } .search-library-selection select { padding: 10px; border: 1px solid #002D55; border-radius: 5px; font-size: 14px; } #search-in{ width: 150px; } /*----------------ShortCode ANAZITISIS BIBLIWN [custom_search]-----------------*/ .container-input-search-button{ flex-direction:column; } #search-query{ padding:10px; width:100%; border-radius:8px; border:1px solid #002D55; } #search-book-submit{ background-color: #002D55; color: white; padding: 5px 15px; font-size: 14px; border-radius: 8px; width: 120px; height: 35px; font-size: 13px !important; } #suggestions-box{ width:300px; } .suggestion-item{ padding:3px; } .suggestion-item a{ font-size:12px; } #ajaxsearchlitesettings1{ left:60px !important; } /*------------------------TELOS SHORTCODES CSS KLP----------------------------- */ #btn-metavasi-nea{ padding:5px 10px !important; } #btn-metavasi-nea:hover{ font-size:10px !important; } #nea-right-column > div article h2 a{ font-size:14px !important; } .deltia-typoy-boxes > div > article > .entry-title > a{ font-size:13px !important; } } @media(max-width:380px){ .divider-container{ margin-left:0px !important; width:100% !important; } /*xryso koumpi aristera-> Perissotera*/ .news-left-section > div > div .et_pb_container.clearfix > div > div .et_pb_button_wrapper > a{ width: 120px !important; height: 35px !important; font-weight: 400; line-height:15.4px; font-size: 13px !important; display:flex !important; justify-content:center !important; align-items:center !important; } #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div{ width:300px !important; } /*Titloss aristerou BORDER*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > h2 > a{ font-size:12px !important; } /*Keimeno aristerou Border*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > div{ font-size:11px !important; } #nea-right-column{ padding:35px !important; } #prwto-deltio-column, #deutero-deltio-column, #trito-deltio-column{ display:flex; justify-content:center; align-items:center; } #prwto-deltio-column > div > article, #deutero-deltio-column > div > article, #trito-deltio-column > div > article{ width:300px; height:160px; padding:30px 30px; margin: 20px auto; } #ajaxsearchlitesettings1{ left:50px !important; } .istoria-front-page-container{ flex-direction:column !important; } .deltia-typoy-boxes > div > article > .entry-title > a{ font-size:12px !important; } .istoria-front-page-container{ max-width:310px !important; min-width:310px !important; } #right-eikona-istoria > span > img{ width: 330px !important; min-height: 320px !important; } } /*------------------------------------TRIPLE COLUMN Media Queries -------------------------------------*/ @media only screen and (min-width: 1451px) and (max-width: 1600px) { .container { width: 1450px ; gap: 0px ; } #prwto-column { padding-left: 50px ; } #trito-column { padding-left: 50px ; } .column { width: 380px ; height: 400px ; } .column-box h3 { font-size: 22px ; } .columns-span span a { font-size: 18px ; } .columns-span{ gap:25px ; } #prwto-column > div.icon-title-wrapper > h3{ padding-top:10px ; } #deytero-column > div.icon-title-wrapper > h3{ padding-top:7px ; } #trito-column > div.icon-title-wrapper > h3{ padding-top:8px ; } } @media only screen and (min-width: 1301px) and (max-width: 1450px) { .container { width: 1300px ; gap: 10px ; } .column { width: 350px ; height: 415px ; box-shadow: 20px 20px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 21px ; } .columns-span span a { font-size: 17px ; } #prwto-column { padding-left: 50px ; } #trito-column { padding-left: 50px ; } } @media only screen and (min-width: 1178px) and (max-width: 1300px) { .container { width: 1180px ; max-width:1180px ; gap: 20px ; } .column { width: 320px ; height: 380px ; box-shadow: 18px 18px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 20px ; } .columns-span span a { font-size: 16px ; } #prwto-column { padding-left: 45px ; } #trito-column { padding-left: 35px ; } .columns-span{ gap:22px ; } } @media only screen and (min-width: 981px) and (max-width: 1177px) { #triple-column-big-container > div { padding:0 ; } .container { max-width:985px ; gap: 15px ; flex-direction:row ; } .column { width: 280px ; height: 360px ; box-shadow: 17px 17px 0px 0px #F0EDE3 ; } #prwto-column { padding-left: 45px ; } #trito-column { padding-left: 38px ; } .column-box h3 { font-size: 17px ; } .columns-span span a { font-size: 13px ; } .columns-span{ gap:18px ; } #nea-right-column > div > article{ margin-bottom:25px ; } .et_pb_blog_0 .et_pb_post div.post-content a.more-link{ margin-top:25px ; } } @media only screen and (min-width: 768px) and (max-width: 980px) { #triple-column-big-container > div { padding:0 ; } .triple-column-links{ padding:0 ; } .container { width:768px ; max-width:768px ; flex-direction: column ; gap: 30px ; margin: 0 auto ; } .column { width: 400px ; height: 415px ; box-shadow: 25px 25px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 22px ; } .columns-span span a { font-size: 18px ; } #prwto-column { padding-left: 75px ; } #trito-column { padding-left: 72px ; } .columns-span{ gap:28px ; } } @media only screen and (min-width: 610px) and (max-width: 767px) { #triple-column-big-container > div { padding:0 ; } .triple-column-links{ padding:0 ; } .container{ width:610px ; max-width:610px ; flex-direction: column ; gap: 30px ; margin: 0 auto ; } .column { width: 350px ; height: 400px ; box-shadow: 25px 25px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 19px ; } .columns-span span a { font-size: 15px ; } #prwto-column { padding-left: 65px ; } #trito-column { padding-left: 70px ; } .columns-span{ gap:25px ; } } @media (max-width: 610px) { .container{ width:480px ; max-width:480px ; flex-direction: column ; gap: 20px ; margin: 0 auto ; } .triple-column-links{ padding:0 ; } #triple-column-big-container > div { padding:0 ; } .column { width: 300px ; height: 400px ; box-shadow: 25px 25px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 19px ; } .columns-span span a { font-size: 14px ; } #prwto-column { padding-left: 50px ; } #trito-column { padding-left: 45px ; } .columns-span{ gap:25px ; } } @media (max-width: 480px) { .container{ width:401px ; max-width:401px ; flex-direction: column ; gap: 10px ; margin: 0 auto ; } .triple-column-links{ padding:0 ; } #triple-column-big-container > div { padding:0 ; } .column { width: 280px ; height: 340px ; box-shadow: 20px 20px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 18px ; } .columns-span span a { font-size: 13px ; } #prwto-column { padding-left: 45px ; } #trito-column { padding-left: 38px ; } .columns-span { gap: 15px ; } } @media (max-width: 400px) { .container{ width:380px ; max-width:380px ; flex-direction: column ; gap: 10px ; margin: 0 auto ; } .triple-column-links{ padding:0 ; } .column { width: 280px ; height: 340px ; box-shadow: 15px 15px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 18px ; } .columns-span span a { font-size: 13px ; } #prwto-column { padding-left: 45px ; } #trito-column { padding-left: 38px ; } .columns-span { gap: 15px ; } } @media (max-width: 380px) { .container{ width:360px ; max-width:360px ; flex-direction: column ; gap: 10px ; margin: 0 auto ; } .triple-column-links{ padding:0 ; } .column { width: 250px ; height: 340px ; box-shadow: 15px 15px 0px 0px #F0EDE3 ; } .column-box h3 { font-size: 17px ; } .columns-span span a { font-size: 12px ; } #prwto-column { padding-left: 30px ; } #trito-column { padding-left: 35px ; } .columns-span { gap: 10px ; } #prwto-column > div.icon-title-wrapper > h3{ padding-top:15px ; } } /*=====================================================RESPONSIVE - MEDIA QUERIES SUBMENU HEADER======================================*/ @media screen and (max-width: 1728px) { #menu-header-menu{ display:flex; flex-wrap:nowrap; } #menu-header-menu > li > a{ font-size:15px ; letter-spacing:1px ; } /*SubMenu items*/ #menu-header-menu > li > ul > li > a{ font-size:15px ; } .nav li.et-reverse-direction-nav li ul{ left:150px ; right:0 ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul{ padding:5px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-reverse-direction-nav > ul{ padding:10px ; } #menu-header-menu > li > ul > li > a{ font-size: 16px; padding:10px 0 ; width: auto ; } /*second ypomenou EANDI LEDE*/ #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding:10px 5px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding:10px 5px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding:10px 5px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom > a{ font-size:15px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom{ padding:0 10px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding:7px 0 ; letter-spacing:1px ; } } @media screen and (max-width: 1630px) { #menu-header-menu > li{ padding-left: 3px; padding-right: 3px; } .nav li.et-reverse-direction-nav li ul{ left:150px ; right:0 ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul{ padding:5px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-reverse-direction-nav > ul{ padding:10px ; } #menu-header-menu > li > ul > li > a{ font-size: 15px ; padding: 10px 0 ; width: auto ; } /*second ypomenou EANDI LEDE*/ #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding:10px 5px } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding:10px 5px ; } } @media(max-width:1500px){ .sub-menu{ min-width:350px ; } .sub-menu > li{ padding:0 5px ; } #hero-image-front-page{ padding-top:130px !important ; } #menu-header-menu > li > ul > li > a{ font-size: 14px ; padding: 10px 0 ; width: auto ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom > a{ font-size:14px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom > a{ font-size:14px ; } } @media screen and (max-width: 1409px) { .header-logo{ gap:0 ; } .header-icons{ gap:15px ; } .header-logo > div > span > img{ width:64px ; height:64px ; min-height:64px ; } #header-logo-text > div > p{ font-size:13px ; } #menu-header-menu{ display:flex; flex-wrap:nowrap; } #menu-header-menu > li > a{ font-size:14px ; } #menu-header-menu > li > ul > li > a{ font-size:13px ; } .sub-menu{ min-width:300px ; } .sub-menu > li{ padding:0 5px ; } #menu-header-menu > li > ul{ padding:10px ; } #menu-header-menu > li > ul > li > a{ font-size: 12px ; padding: 7px 0 ; width: auto ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding: 5px 0 ; width: auto ; font-size: 12px ; } .nav li li ul{ left:170px ; top:5px ; } #menu-header-menu > li > a{ letter-spacing:1px ; } } @media (max-width:1400px){ #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children::after{ font-size: 11px !important; } } @media screen and (max-width: 1280px) { .header-logo > div > span > img{ width:64px ; height:64px ; min-height:64px ; } #header-logo-text > div > p{ font-size:13px ; } #menu-header-menu{ display:flex; flex-wrap:nowrap; } #menu-header-menu > li > a{ font-size:13px ; padding:5px; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul{ padding: 8px ; border-bottom-right-radius: 30px; max-width: 250px ; min-width: 250px ; } #menu-header-menu > li > a{ letter-spacing:1px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children::after{ font-size: 10px !important; } } @media screen and (max-width: 1177px) { #menu-items > div{ padding-top:10px ; } #menu-header-menu{ display:flex; flex-wrap:nowrap; } #header-logo-text > div > p{ font-size:13px ; line-height:4px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover.et-reverse-direction-nav > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.et-touch-hover.et-show-dropdown.et-hover > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size:12px ; } .nav li.et-reverse-direction-nav li ul{ left:120px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul{ padding: 8px ; border-bottom-right-radius: 30px; max-width: 220px ; min-width: 220px ; } #menu-header-menu > li > a{ letter-spacing:1px ; } } @media screen and (max-width: 1125px) { #menu-header-menu{ display:flex; flex-wrap:nowrap; } .header-logo{ gap:0 ; } #menu-items > div{ padding-top:10px ; padding-bottom:0 ; } .header-row .header-logo .et_pb_image_0_tb_header .et_pb_image_wrap > img{ min-height:65px ; height: 65px ; width: 65px ; } #header-logo-text > div > p{ font-size: 12px ; line-height: 4px ; } .sub-menu{ min-width:230px ; } .sub-menu > li{ padding:0 ; } #menu-header-menu > li > ul > li > a{ font-size:12px ; padding:5px ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children> ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ padding: 5px 5px ; width: auto ; font-size: 12px ; } #menu-header-menu > li > ul > li > a{ padding:0 ; } .nav li li ul{ left:120px ; } #menu-header-menu li .sub-menu li a::after{ bottom:-3px ; } #menu-header-menu > li > a{ letter-spacing:1px ; } } @media screen and (max-width:1024px){ .header-row .header-logo .et_pb_image_0_tb_header .et_pb_image_wrap > img{ min-height:60px ; height: 60px ; width: 60px ; } #header-logo-text > div > p{ font-size: 11px ; line-height: 3px ; } #menu-header-menu > li > a{ letter-spacing:1px ; } } @media screen and (max-width: 980px) { .header-row{ display:flex; flex-direction:row; align-items:center; } /*SCROLL-SUB-MENU FIX GINETAI SCROLL STO SUBMENU *DONT TOUCH*/ #mobile_menu1 { overflow-y: auto ; max-height: calc(100vh - 162px); } /*Allazw to Order tou header */ .header-logo{ order:1 ; } #menu-items{ order:3 ; } .header-icons{ order:2 ; } #searchicon{ cursor:pointer; top:0 ; } #searchicon > span.et_pb_icon_wrap { font-size: 25px !important; width: 26px !important; height: 26px; display: flex; justify-content: center; align-items: center; } #searchicon > span.et_pb_icon_wrap > span{ font-size:10px !important; } #login-icon-press, #logout-icon-press{ cursor:pointer; top:0 ; } #icon-language{ cursor:pointer; top:0 ; } /*To container tou Row(prasino)*/ .header-row .header-logo .et_pb_image_0_tb_header .et_pb_image_wrap > img{ margin-left: 10px; } #header-logo-text .et_pb_text_inner p{ font-size: 11px; line-height: 2px; } /*--------------------------------ICONS-----------------------------------------*/ .header-icons{ width: 400px; gap:20px ; padding-left:5px ; } #searchicon > span > span{ font-size:18px ; } #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:35px ; } #login-icon-press > div > svg, #logout-icon-press > div > svg{ width: 30px ; height: 30px ; } #login-icon-press > div > a > svg, #logout-icon-press > div > a > svg{ width: 25px ; height: 25px ; } #icon-language{ width: 34px; min-height: 34px; height: 34px; margin-left:5px ; display:none; } #icon-language > div > div { display: flex; justify-content: center; align-items: center; height: 30px; font-size:15px ; } /*-----------------------------------LOGO + TEXT--------------------------------*/ .header-logo{ gap: 30px ; display: flex; justify-content: flex-start; align-items: center; flex:9; } .header-logo div.et_pb_module.et_pb_image.et_pb_image_0_tb_header.et_pb_image_sticky > span > img{ width: 78px ; height: 78px ; } #header-logo-text > div > p{ font-size:15px ; line-height:4px ; } .header-logo > div.et_pb_image_0_tb_header.et_pb_module{ margin:0 ; } /*--------------------------------------SUB MENU----------------------------------*/ #menu-items{ display: flex; justify-content:flex-end; align-items: flex-end; flex: 1; right: 20px; } #menu-items > div{ margin-top:0px ; padding-top:0px ; } .header-icons{ flex:0; padding-left:0px ; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ color:#A08958 !important ; top:15px ; } .header-icons{ padding-bottom:0 ; } #menu-header-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children::after{ content: "" !important; } } @media screen and (max-width: 768px) { .header-logo{ flex:7; } #mobile_menu1 { overflow-y: auto ; max-height: calc(100vh - 162px); } } @media screen and (max-width:610px){ .header-logo{ flex:5; gap:15px ; } .header-icons{ gap:10px ; } .header-logo div.et_pb_module.et_pb_image.et_pb_image_0_tb_header.et_pb_image_sticky > span > img{ width: 70px ; height: 70px ; } #header-logo-text > div > p{ font-size:14px ; } #mobile_menu1 { overflow-y: auto ; max-height: calc(100vh - 162px); } } @media screen and (max-width: 480px) { #et-boc > header > div > div{ padding:0 ; } #mobile_menu1 { overflow-y: auto ; max-height: calc(100vh - 162px); } #et-boc > header > div > div > div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu{ padding: 15px 0 ; } #hero-image-front-page{ padding-top:125px !important; } #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:32px ; bottom:1px; } /*Header Logo + Text*/ .header-logo{ gap:5px ; margin-bottom:0 ; flex:4; } .header-logo div.et_pb_module.et_pb_image.et_pb_image_0_tb_header.et_pb_image_sticky > span > img{ width: 60px ; height: 60px ; } #header-logo-text > div > p{ font-size: 12px ; line-height: 3px ; } /*Header Icons*/ .header-icons{ padding-bottom:0 ; gap:10px ; flex:1; } #searchicon > span > span{ font-size:10px !important ; } #login-icon-press > span > span, #logout-icon-press > span > span{ font-size:25px ; } #icon-language{ width: 26px; min-height: 26px; height: 27px; margin-left: 0 ; } #icon-language > div > div { display: flex; justify-content: center; align-items: center; height: 25px; font-size:10px ; } .header-icons > div{ margin-top:30px ; } #icon-language{ display:none; } #menu-items > div.navlinks-header-menu > div > div > div.et_mobile_nav_menu > div{ position:relative; top:5px; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span{ top:10px ; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top:5px ; } #login-icon-press > span > span, #logout-icon-press > span > span{ font-size:31px ; } #searchicon > span > span{ font-size:15px ; } } @media screen and (max-width: 400px) { #et-boc > header > div > div{ padding:0px ; margin-top:0 ; } #mobile_menu1 { overflow-y: auto ; max-height: calc(100vh - 162px); } #hero-image-front-page{ padding-top:125px !important ; } #menu-items{ right:15px ; } #menu-items > div > div > div{ padding:2px 0 ; } .header-logo div.et_pb_module.et_pb_image.et_pb_image_0_tb_header.et_pb_image_sticky > span > img{ width: 60px ; height: 60px ; } #searchicon > span > span{ font-size:15px ; } #login-icon-press > span > span, #logout-icon-press > span > span{ font-size:28px ; } .header-icons{ /* position:relative; bottom:5px ; */ padding:0 10px ; } .header-icons > div{ margin-top:30px ; } .header-logo{ flex:4 ; margin-bottom:0 ; gap:10px ; } .header-logo > div{ width:auto; } #icon-language{ display:none; } } /*=====================================================RESPONSIVE - MEDIA QUERIES GLOBAL-FOOTER======================================*/ @media screen and (max-width:1800px) { #et-main-area > footer > div > div { width:100% !important; height: 302px !important; } #footer-row-container{ max-width:1700px; } } @media screen and (max-width:1600px) { #et-main-area > footer > div > div { width:100% !important; height: 302px !important; } #footer-row-container{ max-width:1500px; } #footer-row-container > div > div.bottom-copyrights-text{ max-width:1500px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:14px !important; } } @media screen and (max-width:1500px) { #et-main-area > footer > div > div { width:100% !important; height: 302px !important; } #footer-row-container{ max-width:1366px !important; } #footer-row-container > div > div.bottom-copyrights-text{ max-width:1340px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > img{ width: 60px !important; height: 60px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text span { font-size: 11px; line-height: 18.6px; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section{ font-size:15px !important; } #footer-row-container > div > div.first-row-container > div.center-content { flex: 4 !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { gap:17px !important;; } #footer-row-container > div > div.first-row-container > div.social-container { max-width: 120px; } .contact-item > span { font-size:15px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > svg{ width:200px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-facebook { width: 38.8px !important; height: 38.8px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-linkedin{ width: 39px !important; height: 39px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:13px !important; } } @media screen and (max-width: 1366px) { #et-main-area > footer > div > div { width: 100% !important; height: 302px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > img{ width: 60px !important; height: 60px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text span { font-size: 11px; line-height: 18.6px; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section{ font-size:13px !important; padding-right:20px !important; } #footer-row-container > div > div.first-row-container > div.center-content { flex: 4 !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { gap:10px !important; } #footer-row-container > div > div.first-row-container > div.social-container { max-width: 120px; } .contact-item > span { font-size:14px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-linkedin { width: 35px !important; height: 35px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-facebook { width: 35px !important; height: 35px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:11px !important; } #footer-row-container > div > div.bottom-copyrights-text > span{ font-size:11px !important; } #footer-row-container > div > div.bottom-copyrights-text > span > a{ font-size:11px !important; } #footer-row-container{ max-width:1280px !important; } #footer-row-container > div > div.bottom-copyrights-text{ max-width:1200px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > svg{ width:170px !important; } } @media screen and (max-width:1150px) { #footer-row-container{ max-width: 1080px !important; } .first-row-container{ max-width: 1080px !important; padding: 0 !important; } #footer-row-container > div > div.bottom-copyrights-text{ max-width:1080px !important; padding:0 !important; } #footer-row-container > div > div.first-row-container > div.logo-container > img{ width: 60px !important; height: 60px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text span { font-size: 11px; line-height: 18.6px; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section { font-size: 11px !important; padding-right: 20px; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:11px !important; } #footer-row-container > div > div.first-row-container > div.center-content { flex: 4 !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { gap:20px; } #footer-row-container > div > div.first-row-container > div.social-container { max-width: 120px; } .contact-item > span { font-size:14px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-linkedin { width: 35px !important; height: 35px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-facebook { width: 35px !important; height: 35px !important; } #footer-row-container > div > div.bottom-copyrights-text > span{ font-size:11px !important; } } @media screen and (max-width:1080px) { #footer-row-container{ max-width:1000px; } .first-row-container{ max-width:995px !important; } #footer-row-container > div > div.bottom-copyrights-text { max-width:995px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > img{ width: 60px !important; height: 60px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text span { font-size: 11px !important; line-height: 18.6px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section { font-size: 12px !important; padding-right: 20px; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:10px !important; } #footer-row-container > div > div.first-row-container > div.center-content { flex: 4 !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { gap:20px; } #footer-row-container > div > div.first-row-container > div.social-container { max-width: 120px; } .contact-item > span { font-size:11px !important; } #footer-row-container > div > div.first-row-container > div.social-container > .social-icons{ gap:10px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-linkedin { width: 35px !important; height: 35px !important; } #footer-row-container > div > div.first-row-container > div.social-container > div > img.social-icon-facebook { width: 35px !important; height: 35px !important; } #footer-row-container > div > div.first-row-container > div.social-container { max-width: 100px; } #footer-row-container > div > div.bottom-copyrights-text > span{ font-size:10px !important; } #footer-row-container > div > div.first-row-container > div.center-content{ flex:5 !important; } #footer-row-container > div > div.first-row-container > div.logo-container > svg{ width:140px !important; } } @media screen and (max-width: 994px) { #et-main-area > footer > div { flex-direction: column !important; } #footer-row-container > div > div.first-row-container > div.logo-container > svg{ width:170px !important; } #et-main-area > footer > div > div{ width: 100% !important; height: 400px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section{ display:none; } #footer-row-container > div > div.bottom-copyrights-text{ margin-top:50px !important; } #footer-row-container { width: 100% !important; } .first-row-container { padding: 0 30px; flex-direction:column; } #footer-row-container > div > div.first-row-container > div.logo-container { justify-content: center; margin-bottom:20px; } #footer-row-container > div > div.first-row-container > div.logo-container > img { width: 70px !important; height: 70px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text > span { font-size: 12px !important; } #footer-row-container > div > div.first-row-container > div.center-content { gap: 10px; max-width:1000px !important; margin:20px auto; } #footer-row-container > div > div.first-row-container > div.contact-info { flex-direction: column; gap: 20px; align-items: center; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info{ gap:20px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span { font-size: 12px !important; color:white !important; } #footer-row-container > div > div.first-row-container > div.social-container { justify-content: center; margin-top: 20px; } #footer-row-container > div > div.bottom-copyrights-text { font-size: 12px !important; padding: 10px; flex-direction:column !important; gap:50px !important; } #footer-row-container > div > div.bottom-copyrights-text > span > a{ font-size: 12px !important; } #footer-row-container > div > div.bottom-copyrights-text{ max-width:720px !important; } } @media screen and (max-width: 768px) { #et-main-area > footer > div { flex-direction: column !important; } #et-main-area > footer > div > div{ width: 100% !important; height: 400px !important; } #footer-row-container { width: 100% !important; } .first-row-container { padding: 0 30px; flex-direction:column !important; } #footer-row-container > div{ max-width: 670px !important; margin: 0 auto !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section{ display:none; } #footer-row-container > div > div.first-row-container > div.logo-container { justify-content: center; margin-bottom:20px; } #footer-row-container > div > div.first-row-container > div.logo-container > img { width: 60px !important; height: 60px !important; } #footer-row-container > div > div.first-row-container > div.logo-container > .logo-text > span { font-size: 10px !important; } #footer-row-container > div > div.first-row-container > div.center-content { gap: 25px; margin:20px auto; } #footer-row-container > div > div.first-row-container > div.contact-info { flex-direction: column; gap: 10px !important; align-items: center; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span { font-size:11px !important; } #footer-row-container > div > div.first-row-container > div.social-container { justify-content: center; margin-top: 20px; } #footer-row-container > div > div.bottom-copyrights-text { font-size: 11px; padding: 10px; } #footer-row-container > div > div.bottom-copyrights-text > span{ font-size:9px !important; } } @media screen and (max-width: 726px) { .footer-wrapper div{ padding:0; } #footer-row-container { max-width: 710px !important; padding: 0 15px !important; margin: 0 auto; } .first-row-container { padding: 0 20px; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:10px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .place-icon{ width:15px !important; height:15px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .phone-icon{ width:15px !important; height:15px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .email-icon{ width:15px !important; height:15px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.communication-section{ font-size:12px !important; } #footer-row-container > div > div.bottom-copyrights-text { font-size: 8px !important; padding: 10px; } } @media screen and (max-width: 680px) { #et-main-area > footer > div > div { width: 100% !important; height: 385px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item{ flex-direction:row !important; } #place-contact-item > a > img{ width:15px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info{ gap:10px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span{ font-size:9px !important; } #footer-row-container > div > div.bottom-copyrights-text > span{ font-size:9px !important; } #footer-row-container > div > div.bottom-copyrights-text{ justify-content:space-around !important; gap:45px !important; } } @media screen and (max-width: 615px) { #et-main-area > footer > div > div { width: 100% !important; height: 570px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 25px !important; width: 100% !important; } #footer-row-container > div > div.first-row-container > div.center-content { flex-direction: column !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item { width: 100% !important; max-width: 300px !important; text-align: center !important; flex-direction:column !important; } #footer-row-container > div > div.bottom-copyrights-text { flex-direction: column !important; align-items: center !important; gap: 35px !important; justify-content: center !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span { font-size: 13px !important; } #place-contact-item > a > img{ width:25px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .phone-icon, #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > .email-icon{ width:25px !important; height:25px !important; } } @media screen and (max-width: 480px) { #et-main-area > footer > div > div{ width: 100% !important; height: 515px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 20px !important; width: 100% !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span { font-size: 12px !important; text-align: center !important; } #footer-row-container > div > div.first-row-container > div.center-content { flex-direction: column !important; gap: 25px !important; } #footer-row-container > div > div.bottom-copyrights-text { flex-direction: column !important; align-items: center !important; gap: 10px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > img { width: 19px !important; height: 19px !important; } } @media screen and (max-width: 393px) { #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 15px !important; width: 100% !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item > img { width: 15px !important; height: 15px !important; } #footer-row-container > div > div.first-row-container > div.center-content > div.contact-info > .contact-item span { font-size: 10px !important; text-align: center !important; } #footer-row-container > div > div.bottom-copyrights-text { flex-direction: column !important; align-items: center !important; gap: 8px !important; padding: 10px !important; } } /*------------------------MEDIA QUERIES FOR EKDHLWSEIS KAI IMERIDES---------------------*/ @media (max-width: 1600px) { .programma-event-container { grid-template-columns:repeat(2, 500px) ; gap: 25px ; } .image-popup-content img{ width:600px ; height:600px ; } } @media (max-width: 1450px) { .programma-event-container { grid-template-columns: repeat(2, 480px) ; gap: 20px ; } } @media (max-width: 1280px) { .programma-event-container { grid-template-columns: repeat(2, 400px) ; gap: 15px ; } } @media (max-width:1100px){ .programma-event-right{ flex:1 ; } .programma-event-left{ flex:1 ; } .programma-event-title{ font-size:15px ; } .programma-event-video-link, .programma-event-pdf-link{ font-size:13px ; } .programma-event-more-button{ font-size:13px ; width:140px ; height:40px ; } } @media (max-width: 980px) { .programma-event-container { grid-template-columns: repeat(2,330px) ; gap: 20px ; } .image-popup-content { max-width: 95% ; max-height: 95% ; } .programma-event-right{ align-items:center ; } .programma-event-video-link, .programma-event-pdf-link{ font-size:10px ; } .programma-event-video-link svg{ width:35px ; height:35px ; } .programma-event-right{ align-items:flex-start ; flex:2 ; } .programma-event-left{ flex:2 ; } .programma-event-more-button{ font-size:10px ; height:35px ; width:100px ; } .programma-event-title{ font-size:12px ; } .programma-event-category-button{ width:200px ; font-size:12px ; } } @media (max-width: 768px) { .programma-event-container { grid-template-columns: 330px ; gap: 30px ; } .programma-event-title { font-size: 15px ; } .programma-event-content { flex-direction: column ; align-items: center ; } .programma-event-right { align-items:center ; } .programma-event-video-link, .programma-event-pdf-link{ font-size:14px ; width:200px ; } .programma-event-more-button{ width:218px ; font-size:14px ; } .image-popup-content img{ width: 450px ; height: 500px ; } } @media (max-width: 600px) { .programma-event-content { gap: 10px ; } .programma-event-more-button { width: 100% ; } .image-popup-close { top: 5px ; right: 5px ; } .programma-event-more-button { font-size: 12px ; width:200px ; } .image-popup-close { top:100px ; } } @media (max-width: 480px) { .programma-event-container { gap: 10px ; } .programma-event-title { font-size: 15px ; } .programma-event-more-button { font-size: 12px ; width:200px ; } .image-popup-close{ top: 110px ; right: 10px ; } .image-popup-content img{ width: 300px ; height: 500px ; } .programma-event-video-link, .programma-event-pdf-link{ font-size:12px ; } } @media (max-width: 400px) { .programma-event-container { gap: 8px ; } .programma-event-title { font-size: 14px ; } .programma-event-more-button { font-size: 11px ; } } /*Radamanthis SHORTCODE RESPONISVE */ @media (max-width: 1600px) { .radamanthis-image { width: 280px; } } @media (max-width: 1450px) { .radamanthis-image { width: 250px; } } @media (max-width: 1300px) { .radamanthis-image { width: 220px; } } @media (max-width: 1178px) { .radamanthis-image { width: 200px; } } @media (max-width: 1024px) { .radamanthis-image { width: 180px; } } @media(max-width:980px){ #radamanthis-page-title > div > h1{ font-size:25px !important; } } @media (max-width: 768px) { .radamanthis-image { width: 160px; } } @media(max-width:600px){ .radamanthis-section{ flex-direction:column !important; } #radamanthis-page-title > div > h1{ font-size:20px !important; } } @media (max-width: 480px) { div.radamanthis-section > div > a > img{ width:200px !important; } .radamanthis-section { flex-direction: column; align-items: center; text-align:center !important; } .radamanthis-image { width: 100%; max-width: 300px; margin-bottom: 30px; } div.divider-container > hr{ display:none !important; } } @media (max-width: 400px) { .radamanthis-image { max-width: 280px; } } /* END OF RESPONSIVE RADAMANTHIS CSS SHORTCODE HOMEPAGE */ /*=====================================================END FOR HOMEPAGE SECTIONS + FOOTER + SHORTCODES TABS======================================*/ /*============================================Page ANAKOINWSEIS - SIMANTIKA NEA - DELTIA TYPOY POSTS============================================================*/ article > div.post-content > a { background: #003B70 ; border-radius: 5px; width: 148px ; height: 47px ; font-weight: 400; line-height:15.4px; font-size: 14px; color:white ; margin-top:20px ; display:flex !important; justify-content:center; align-items:center; } .announcement-items > div > article{ border-bottom:1px solid black; } .announcement-items .et_pb_ajax_pagination_container article h2{ margin-bottom:20px; } .announcement-items .et_pb_ajax_pagination_container article p{ margin-bottom:30px; } .announcement-items .et_pb_ajax_pagination_container article .post-content .post-content-inner p{ margin-bottom:50px; color:#333 ; } .announcement-items .et_pb_ajax_pagination_container article .post-content a{ margin-bottom:50px; transition:0.3s ease; } .announcement-items .et_pb_ajax_pagination_container article .post-content a:hover{ background-color:#A08958 ; } #announcement-page-heading > div > h1{ text-align:center; font-size:30px !important ; } #more-announcements > div > div > div > p > a{ display:flex; justify-content:center; align-items:center; text-decoration:underline; text-underline-offset: 10px; color:#002D55; } #anakoinwseis-page-big-parent > div{ margin-top:30px ; } /*--------------------------------------------Media Queries Tou ANAKONWSEIS PAGE----------------------------------*/ @media(max-width:1280px){ #announcement-page-heading > div > h1{ font-size:28px !important ; text-align:center; padding-right:5px; } .announcement-items .et_pb_ajax_pagination_container article h2 a{ font-size:20px ; } .announcement-items .et_pb_ajax_pagination_container article p span{ font-size:16px ; } .announcement-items .et_pb_ajax_pagination_container article .post-content > .post-content-inner > p{ font-size:16px ; } #more-announcemens > div > div > div > p > a{ font-size:15px ; } } @media(max-width:992px){ #announcement-page-heading > div > h1{ font-size:26px !important ; text-align:center; } #anakoinwseis-page-big-parent > div.et_pb_row.et_pb_row_0, #anakoinwseis-page-big-parent > div.et_pb_row.et_pb_row_1.anakoinwseis-page-post-container{ padding:15px 0 !important; } .announcement-items .et_pb_ajax_pagination_container article h2 a{ font-size:20px ; } .announcement-items .et_pb_ajax_pagination_container article p span{ font-size:16px ; } .announcement-items .et_pb_ajax_pagination_container article .post-content > .post-content-inner > p{ font-size:14px ; } #more-announcemens > div > div > div > p > a{ font-size:15px ; } } @media(max-width:769px){ #announcement-page-heading > div > h1{ font-size:24px !important ; text-align:center; padding-left:5px; } .announcement-items .et_pb_ajax_pagination_container article h2 a{ font-size:16px ; } .announcement-items .et_pb_ajax_pagination_container article p span{ font-size:16px ; } .announcement-items .et_pb_ajax_pagination_container article .post-content > .post-content-inner > p{ font-size:14px ; } #more-announcemens > div > div > div > p > a{ font-size:15px ; } } @media(max-width:600px){ #announcement-page-heading > div > h1{ font-size:22px !important; } } @media(max-width:480px){ #announcement-page-heading > div > h1{ font-size:20px !important; text-align:center; padding-left:5px; } .announcement-items .et_pb_ajax_pagination_container article h2 a{ font-size:14px ; } .announcement-items .et_pb_ajax_pagination_container article p span{ font-size:13px ; } .announcement-items .et_pb_ajax_pagination_container article .post-content > .post-content-inner > p{ font-size:12px ; } #more-announcemens > div > div > div > p > a{ font-size:13px ; } } @media(max-width:390px){ #announcement-page-heading > div > h1{ font-size:18px !important ; } .announcement-items .et_pb_ajax_pagination_container article h2 a{ font-size:13px ; } .announcement-items .et_pb_ajax_pagination_container article p span{ font-size:13px ; } .announcement-items .et_pb_ajax_pagination_container article .post-content > .post-content-inner > p{ font-size:12px ; } #more-announcemens > div > div > div > p > a{ font-size:13px ; } } @media(max-width:380px){ #aristero-panw-katw-column > div > article > div.post-content > div > p, #deksia-panw-katw-column > div > article > div.post-content > div > p{ font-size:12px ; } } /*============================================TELOS PAGE ANAKOINWSEIS=============================================*/ /*============================================Page MELH===========================================================*/ .big-parent{ display:flex; justify-content:center; align-items:center; } .wpDataTablesWrapper table.wpDataTable > tbody > tr > td{ text-align:left !important; } /*SELECTED Table Header*/ .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc{ background-color:#8F7B50 !important; color:white !important; } .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc{ background-color:#8F7B50 !important; color:white !important; } /*Velaki*/ .wpDataTablesWrapper table.wpDataTable thead th.sorting:after, .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after{ border-bottom-color: white !important; } /*HOVER TITLE*/ .wpDataTablesWrapper table.wpDataTable thead th.sorting:hover{ background-color:#A08958 !important; color:white !important; } /*Heading*/ #members-list > div > h3{ color:#8F7B50 !important; text-align:center !important; font-size:30px !important; font-weight:700 !important; margin-bottom:35px !important; } /*ODD grammes (mones)*/ .wpDataTablesWrapper table.wpDataTable tr.odd td { background-color:#f5f1eb !important; color:#333 !important; } /*EVEN grammes (zyges)*/ .wpDataTablesWrapper table.wpDataTable tr.even td { background-color:#fffdf9 !important; color:#333 !important; } .wpDataTablesWrapper table.wpDataTable > thead > tr > th{ border:1px solid #A08958 !important ; border-bottom-width:1px !important; color:#8F7B50 !important; } /*HOVER*/ .wpDataTablesWrapper table.wpDataTable tr.even:hover > td{ background-color: #fffdf9 !important; } /*show entries text */ #table_1_length label{ color:#8F7B50; } /*search text*/ #table_1_filter label{ color:#8F7B50; } /*Pagination*/ .wpDataTablesWrapper .dataTables_paginate .paginate_button.current{ background-color:#8F7B50 !important; color:white !important; } /*Ola ta Velakia before-first,previous klp*/ .wpDataTablesWrapper .paginate_button.first:before, .wpDataTablesWrapper .paginate_button.previous:before, .wpDataTablesWrapper .paginate_button.last:before, .wpDataTablesWrapper .paginate_button.next:before { color:#8F7B50 !important; } /*xrwma noumera sto pagination*/ .wpDataTablesWrapper .dataTables_paginate .paginate_button{ color:#8F7B50 !important; } /*hover sta pagination numbers*/ #table_1_paginate a:hover{ background-color:#A08958; color:white !important; } /*Show */ #table_1_info{ color:#8F7B50 !important; } #table_1_filter > label > input{ color: #8F7B50 !important; } #post-content-container > div > div > div > div{ margin:0 !important; width:100% !important; } /* #post-content-container > div > div > div > div > div > div > div > p{ text-align:left !important; } */ #post-content-container > ul > li ,#post-content-container > ul > li > a > span{ font-weight:400 !important; } #post-content-container > table{ max-width:700px !important; width:700px !important; } #post-content-container > table > tbody > tr > td > p *{ font-size:13px !important; } #post-content-container > table > tbody > tr > td > p > span *{ font-size:13px !important; } #post-content-container > table > tbody > tr > td > p > span > span *{ font-size:13px !important; } /*fix gia ena velaki mesa sti leksi entries*/ button.btn.dropdown-toggle.btn-default:after{ display:none !important; } /*-------------------------------------------Media Queries Tou MELH PAGE------------------------------------------*/ @media(max-width:980px){ #post-content-container > table > tbody > tr > td > p *{ font-size:11px !important; } #post-content-container > table > tbody > tr > td > p > span *{ font-size:11px !important; } #post-content-container > table > tbody > tr > td > p > span > span *{ font-size:11px !important; } #members-list > div > h3{ font-size:23px !important; } .wpDataTablesWrapper table.wpDataTable tr.odd td, .wpDataTablesWrapper table.wpDataTable tr.even td{ font-size:13px !important; } #member-table-module{ width:100% !important; } table.wpDataTable { /* display: block; */ overflow-x: auto; white-space: nowrap; } #post-content-container > table { width: 100% !important; max-width: 100% !important; } } @media (max-width:768px){ table.wpDataTable { font-size: 12px; } table.wpDataTable th, table.wpDataTable td { padding: 8px; } #post-content-container > table{ max-width:450px !important; width:450px !important; margin:0 auto; } #post-content-container > table > tbody > tr > td > p *{ font-size:10px !important; } #post-content-container > table > tbody > tr > td > p > span *{ font-size:10px !important; } #post-content-container > table > tbody > tr > td > p > span > span *{ font-size:10px !important; } #members-list > div > h3{ font-size:20px !important; } .wpDataTablesWrapper table.wpDataTable tr.odd td, .wpDataTablesWrapper table.wpDataTable tr.even td{ font-size:11px !important; } table.wpDataTable { font-size: 12px; /* display: block; */ overflow-x: auto; white-space: nowrap; } table.wpDataTable th, table.wpDataTable td { padding: 8px; min-width: 120px; } #post-content-container > table { width: 100% !important; max-width: 100% !important; } } @media (max-width: 610px) { table.wpDataTable { font-size: 12px; } table.wpDataTable th, table.wpDataTable td { padding: 8px; } #post-content-container > table{ max-width:450px !important; width:450px !important; } #post-content-container > table > tbody > tr > td > p *{ font-size:8px !important; } #post-content-container > table > tbody > tr > td > p > span *{ font-size:8px !important; } #post-content-container > table > tbody > tr > td > p > span > span *{ font-size:8px !important; } #members-list > div > h3{ font-size:17px !important; } table.wpDataTable { font-size: 11px; display: block; overflow-x: auto; white-space: nowrap; } table.wpDataTable th, table.wpDataTable td { padding: 6px; min-width: 110px; /* Adjust as needed */ } /* Remove font-size reductions for content */ #post-content-container > table > tbody > tr > td > p *, #post-content-container > table > tbody > tr > td > p > span *, #post-content-container > table > tbody > tr > td > p > span > span * { font-size: 11px !important; } } @media (max-width: 480px) { .big-parent { padding-top: 100px !important; /* Reduced from 200px */ } table.wpDataTable { font-size: 10px; display: block; overflow-x: auto; white-space: nowrap; } table.wpDataTable th, table.wpDataTable td { padding: 4px; min-width: 100px; /* Adjust as needed */ } /* Ensure text remains visible */ td, td > span, th { font-size: 10px !important; white-space: normal !important; /* Allow text to wrap */ word-wrap: break-word; } #table_1_paginate { font-size: 10px !important; } /* Remove all the 8px font-size reductions */ #post-content-container > table > tbody > tr > td > p *, #post-content-container > table > tbody > tr > td > p > span *, #post-content-container > table > tbody > tr > td > p > span > span * { font-size: 10px !important; } #members-list > div > h3 { font-size: 16px !important; } #table_1_wrapper{ padding:15px !important; } } @media (max-width: 400px) { table.wpDataTable th, table.wpDataTable td { min-width: 80px; /* Further reduced */ } #members-list > div > h3 { font-size: 15px !important; } } /*============================================TELOS PAGE MELH=============================================*/ /*-------------------------- POST TEMPLATE-------------------------------*/ #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *, #post-content-container p > span > span > strong > em *{ font-family: 'Open Sans' !important; font-size: 17px !important; } /*Titles twn post*/ .category-post-box > div> article > h2 > a{ font-size:25px !important; } div.et_pb_title_featured_container{ text-align:center !important; } #post-dynamic-title > div > h1{ font-family: 'Open Sans' !important; } div.et_pb_title_featured_container > span > img{ width:300px !important; height:400px !important; margin-top:20px !important; } #post-content-container > div > div > div, #post-content-container > div > div > div > div{ padding-top:0px !important; } #green-post-container > div > div#post-content-container table{ /* max-width: 1000px !important; width: 800px !important; */ margin: 0 auto !important; } /*Media Queries Post Template*/ @media (max-width: 1366px) { #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *, #post-content-container p > span > span > strong > em *{ font-size: 17px !important; padding:0 !important; } #post-dynamic-title div h1{ font-size:18px !important; } #post-dynamic-title div p span *{ font-size:17px !important; } } @media (max-width: 1200px) { #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *, #post-content-container p > span > span > strong > em *{ font-size: 16px !important; padding:0 !important; } #post-dynamic-title div h1{ font-size:17px !important; } #post-dynamic-title div p span *{ font-size:16px !important; } .category-post-box > div> article > h2 > a{ font-size:16px !important; } } @media (max-width: 1024px) { #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *, #post-content-container p > span > span > strong > em *{ font-size: 15px !important; padding:0 !important; } #post-dynamic-title div h1{ font-size:17px !important; } #post-dynamic-title div p span *{ font-size:16px !important; } .category-post-box > div> article > h2 > a{ font-size:16px !important; } } @media (max-width: 980px) { #green-post-container > div > div#post-content-container table{ max-width: 650px !important; width: 650px !important; margin: 0 auto !important; } } @media (max-width: 768px) { #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *, #post-content-container p > span > span > strong > em *{ font-size: 15px !important; padding:0 !important; } #post-dynamic-title div h1{ font-size:17px !important; } #post-content-container > p{ font-size:15px !important; } #post-dynamic-title div p span *{ font-size:15px !important; } #green-post-container > div > div#post-content-container table{ max-width: 550px !important; width: 550px !important; } } @media (max-width: 600px) { #green-post-container > div > div#post-content-container table{ max-width: 450px !important; width: 450px !important; } } @media (max-width: 480px) { #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *, #post-content-container p > span > span > strong > em *{ font-size: 13px !important; padding:0 !important; } #post-dynamic-title div h1{ font-size:16px !important; } #post-dynamic-title div p span *{ font-size:16px !important; } #green-post-container > div > div#post-content-container table{ max-width: 350px !important; width: 350px !important; } } @media (max-width: 400px) { #post-content-container div *, #post-content-container p *, #post-content-container span *, #post-content-container strong *, #post-content-container em *, #post-content-container li *, #post-content-container ul *, #post-content-container p > span > span > strong *{ font-size: 11px !important; padding:0 !important; } #post-dynamic-title div h1{ font-size:15px !important; } #post-dynamic-title div p span *{ font-size:15px !important; } #green-post-container > div > div#post-content-container table{ max-width: 300px !important; width: 300px !important; } } /*-------------------------- TELOS POST TEMPLATE-------------------------------*/ /*-------------------------- CATEGORY POST TEMPLATE-------------------------------*/ /* .category-template-container > div{ display:flex; justify-content:center; align-items:center;; flex-direction:column; } */ /*RYTHMISI FONT-FAMILY GIA CATEGORYS*/ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-family: "Open Sans", sans-serif !important; font-size:20px !important; } #dynamic-post-title > div > h1{ font-size: 30px!important; font-weight:700 !important; font-family: "Open Sans", sans-serif; } /*-----------------Media Queries------------------*/ #dynamic-post-title > div > h1{ text-align:center; } #main-content > div > div > div{ padding:25px 0 !important; } @media (max-width: 1366px) { #dynamic-post-title > div > h1{ font-size: 25px!important; } } @media (max-width: 1024px) { #dynamic-post-title > div > h1{ font-size: 22px!important; } } /* @media (max-width:980px){ .category-post-box.et_pb_posts.et_pb_bg_layout_light > div{ padding:0 25px !important; } } */ @media (max-width: 768px) { #dynamic-post-title > div > h1{ font-size: 20px !important; } #main-content > div > div > div > div.category-template-container{ padding:15px 0 !important; } } @media (max-width: 600px) { #dynamic-post-title > div > h1{ font-size:18px !important; } } @media (max-width: 480px) { #dynamic-post-title > div > h1{ font-size: 16px !important; } .category-template-container{ padding : 0 !important; } } @media (max-width: 400px) { #dynamic-post-title > div > h1{ font-size: 15px !important; } .category-template-container{ padding : 0 !important; } } /**-------------------------- TELOS CATEGORY POST TEMPLATE-------------------------------*/ #ekthemata-category-template{ padding-top:0 !important; } /*---------------------------------ERROR 404 TEMPLATE ---------------------------------------*/ #parent-error-404-container{ display: flex; justify-content: center; align-items: center; min-height: 100vh; } #error404-container{ display:flex; justify-content:center; align-items:center; margin:0 auto; } #error404-container > div { display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 50px !important; flex-direction: column; opacity: 0; animation-name: fadeIn; animation-duration: 0.8s; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 0.2s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .big-container-404{ display: flex; align-items: center; justify-content: center; margin: 0 auto; font-family: Arial, sans-serif; background-color: #ffffff; color: #A08958; } .error-404-container { position: relative; text-align: center; } .error-404-text { font-size: 100px; font-weight: bold; margin: 0; position: relative; z-index: 1; } .error-404-code { font-size: 150px; font-weight: bold; margin: 0; margin-top:115px !important; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0; opacity: 1; letter-spacing:5px; } .error-404-message { font-size: 30px !important; margin-top: 200px !important; } #error-404-btn-container{ display:flex; justify-content:center; align-items:center; } a#error-404-back-button{ display:flex; justify-content:center; align-items:center; margin-top:80px !important; width: 148px; height: 47px; border-radius: 5px; font-family:'Open Sans'; font-size: 14px; font-weight: 400; line-height: 15.4px; text-align: center; border:1px solid #A08958 !important; color:#74591F !important; text-decoration:none; } #error-404-back-button:hover{ background-color:#A08958 !important; transition: all 0.3s ease 0s !important; color:white !important; } /*Media Queries Error Template*/ @media (max-width: 1366px) { .error-404-text { font-size: 90px; } .error-404-code { font-size: 160px; margin-top: 70px; } .error-404-message { font-size: 60px; margin-top: 160px; } } @media only screen and (max-width: 1177px) and (min-width: 981px) { .error-404-text { font-size: 100px; } .error-404-code { font-size: 140px; margin-top: 60px; } .error-404-message { font-size: 50px; margin-top: 140px; } #error404-container > div { margin-top: 40px !important; } a#error-404-back-button { margin-top: 60px !important; } } @media (max-width: 980px) { .error-404-text { font-size: 100px; } .error-404-code { font-size: 140px; margin-top: 60px; } .error-404-message { font-size: 50px; margin-top: 140px; } #error404-container > div { margin-top: 40px !important; } a#error-404-back-button { margin-top: 60px !important; } } @media (max-width: 768px) { .error-404-text { font-size: 80px; } .error-404-code { font-size: 120px; margin-top: 50px; letter-spacing: 3px; } .error-404-message { font-size: 40px; margin-top: 120px; } #error404-container > div { margin-top: 30px !important; } a#error-404-back-button { margin-top: 50px !important; width: 130px; height: 42px; font-size: 13px; } } @media (max-width: 600px) { .error-404-text { font-size: 60px; } .error-404-code { font-size: 90px; margin-top: 80px !important; letter-spacing: 3px; } .error-404-message { font-size: 20px !important; margin-top: 130px !Important; } #error404-container > div { margin-top: 30px !important; } a#error-404-back-button { margin-top: 50px !important; width: 130px; height: 42px; font-size: 13px; } } @media (max-width: 480px) { .error-404-text { font-size: 60px !important; } .error-404-code { font-size: 80px; margin-top: 70px !important; letter-spacing: 2px; } .error-404-message { font-size: 20px !important; margin-top: 90px; } #error404-container > div { margin-top: 20px !important; } a#error-404-back-button { margin-top: 40px !important; width: 120px; height: 38px; font-size: 12px; } } @media (max-width: 400px) { .error-404-text { font-size: 45px !important; } .error-404-code { font-size: 60px !important; margin-top: 35px; letter-spacing: 1px; } .error-404-message { font-size: 15px !important; margin-top: 80px; } #error404-container > div { margin-top: 15px !important; } a#error-404-back-button { margin-top: 35px !important; width: 110px; height: 35px; font-size: 11px; } } /*--------------------------------------------SUB MENU RESPONSIVE GIA KINHTA KAI TABLETS MEXRI 980px-----------------------------------*/ @media (max-width:980px){ /*change hamburger icon to 'Χ' otan to mobile menu = open*/ #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before, .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } /*adjust the new toggle element apo to script jQuery*/ ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, ul.et_mobile_menu li.page_item_has_children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle { width: 44px; height: 100%; padding: 0px !important; max-height: 44px; border: none; position: absolute; right: 0px; top: 0px; z-index: 999; /* background-color: transparent; */ } /*Menu Title Text*/ #mobile_menu1 > li > a{ font-weight:400 !important; font-size:18px !important; border-bottom:none !important; opacity:1 !important; background-color:white !important; color:#003b70 !important; } /*Otan einai active ena submenu item tha pernei to xrwma #8F7B50*/ #mobile_menu1 > li > a:active{ color:#8F7B50 !important; } /*Container SUB MENU */ #mobile_menu1 { min-width: 400px !important; width: 405px !important; border-top: none; box-shadow: 0 3px 10px rgba(0, 59, 112, 0.3); opacity: 1 !important; /*DONT TOUCH*/ transform: none !important; top:60px !important; left:-350px !important; scrollbar-width: none !important; } /*color sto menu title otan ginetai energo otan pataw to menu text or icon(velaki)*/ #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > a, #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.is-hover.dt-open > a{ color:#8F7B50 !important; } /*Sub Menu Items(Children)*/ .et_mobile_menu .menu-item-has-children>a, .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a{ background-color:white !important; color:#003b70 !important; } /*Vazw Width sta
  • */ #mobile_menu1 > li{ width:400px !important; } /*keep everyting positioned*/ ul.et_mobile_menu>li.menu-item-has-children, ul.et_mobile_menu>li.page_item_has_children, ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children, .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative; } /*remove background color from menu items that have children*/ .et_mobile_menu .menu-item-has-children>a, .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a { background-color: transparent; } /* arxika kanei hide to submenu*/ ul.et_mobile_menu .menu-item-has-children .sub-menu, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu { display: none !important; visibility: hidden !important; } /*kanei visible to submenu otan toggle open*/ ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible { display: block !important; visibility: visible !important; padding:10px 5px !important; } /*menu items*/ #mobile_menu1 > li > ul > li{ padding: 0 !important; width: 400px; border-bottom:1px solid whitesmoke; } #mobile_menu1 > li.et_pb_menu_page_id-15546.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-15546{ padding-right:0 !important; } #mobile_menu1 > li> ul > li > a { padding: 10px 30px; width: 400px; color:#003B70 !important; border-bottom:none; font-size:15px !important; letter-spacing:1px !important;; } #mobile_menu1 > li > ul > li > a:hover{ color:#8F7B50 !important; background-color:transparent !important; } /*toggle icon position */ ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle { text-align: center; opacity: 1; } /*submenu velaki pros ta katw icon*/ ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after { top: 10px; position: relative; font-family: "ETModules"; content: '\33'; color: #003b70; border-radius: 50%; padding: 3px; } /*submenu toggle icon when open*/ ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after { content: '\32'; } /*add point on top of the menu submenu dropdown*/ .et_pb_menu_0.et_pb_menu .et_mobile_menu:after { position: absolute; right: 5%; margin-left: -20px; top: -14px; width: 0; height: 0; content: ''; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; } /*adjust the position of the icon menu*/ .mobile_menu_bar { position: relative; display: block; bottom: 10px; line-height: 0; } /*force the background color and add a rounded border*/ .et_pb_menu_0.et_pb_menu .et_mobile_menu, .et_pb_menu_0.et_pb_menu .et_mobile_menu ul { background-color: #ffffff!important; border-radius: 10px; } /*------------ CSS Fixes gia to SUBMENU meta tin allagi Script ----------------- */ /* GIA NA MIN KLEINEI TO SUBMENU OTAN ANOIGW TA SUBMENU ITEMS*/ .et_mobile_menu { display: none; } .mobile_nav.opened .et_mobile_menu { display: block !important; } /* Ensure container remains visible */ .et_mobile_menu_container { display: block !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{ width:100% !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a{ font-weight: 400 !important; width: 30px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a:hover, #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a:active{ background-color: white !important; color: #003b70 !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a{ letter-spacing:1px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size:15px !important; letter-spacing:1px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a{ font-weight:500 !important; } #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:27px !important; } #search-icon > span{ width:30px !important; } #searchicon > span > span{ font-size:14px !important; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top:15px !important; } } @media(max-width:768px){ div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.header-icons.et_pb_css_mix_blend_mode_passthrough.et-last-child{ gap:15px !important; } } @media(max-width:600px){ #header-logo-dsh .header-logo svg{ width:170px !important; } } @media (max-width:480px){ #mobile_menu1 { min-width: 370px !important;; width: 375px !important; border-top: none; box-shadow: 0 3px 10px rgba(0, 59, 112, 0.3); opacity: 1 !important; /*DONT TOUCH*/ transform: none !important; top:60px !important; left:-290px !important; } #mobile_menu1 > li{ width:350px !important; } #mobile_menu1 > li > ul > li{ padding: 0 !important; width: 350px; } #mobile_menu1 > li> ul > li > a{ padding: 10px 30px; width: 350px !important; color:#003B70 !important; border-bottom:none; font-size:13px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size:12px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a.mobile-toggle{ text-align: center !important; opacity: 1 !important; width: 100px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ letter-spacing:1px !important; } div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.header-icons.et_pb_css_mix_blend_mode_passthrough.et-last-child{ gap:10px !important; } #header-logo-dsh > div > div > svg{ width:150px !important; margin-left:10px !important; } #header-logo-dsh{ flex:3 !important; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top: 4px !important; left: 7px !important; } #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:25px !important; } #header-logo-dsh .header-logo svg{ width: 140px !important; height: 64px !important; transition: all 0.3s ease !important; } #et-boc > header > div > div > div.header-row > div.header-icons{ top:-5px !important; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span{ top:5px !important; } } @media (max-width:400px){ #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size:13px !important; } #login-icon-press > a > span > span, #logout-icon-press > a > span > span { font-size:25px !important; } #searchicon > span{ width:27px !important; height:27px !important; } #header-logo-dsh > div > div > svg{ width:140px !important; margin-left:5px !important; } #searchicon > span > span { font-size:10px !important; } #login-icon-press > div > svg, #logout-icon-press > div > svg{ width:25px !important; height:24px !important; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top: 5px !important; left: 5px !important; } } @media (max-width:380px){ #mobile_menu1 { min-width: 280px !important;; width: 300px !important; border-top: none; box-shadow: 0 3px 10px rgba(0, 59, 112, 0.3); opacity: 1 !important; /*DONT TOUCH*/ transform: none !important; top:60px !important; left:-230px !important; } #mobile_menu1 > li{ width:280px !important; } #mobile_menu1 > li > ul > li{ padding: 0 !important; width: 280px; } #mobile_menu1 > li> ul > li > a{ padding: 10px 30px; width: 280px !important; color:#003B70 !important; border-bottom:none; font-size:11px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom > a{ font-size:11px !important; letter-spacing:1px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a.mobile-toggle{ text-align: center !important; opacity: 1 !important; width: 100px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children > a, #mobile_menu1 > li.agglika-mobile-only-item.menu-item.menu-item-type-custom > a{ font-size:14px !important; } #mobile_menu1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dt-open > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom > a{ font-size:11px !important; } } /*==============================================TELOS SUBMENU RESPONSIVE GIA SYSKEYES(phones/tablets)) ============================================*/ /*===================================================== LOGIN & REGISTER SYSTEM PAGES ============================================================*/ .outerContainer-login-register { display: flex; justify-content: center; align-items: center; margin:150px auto; } .login-register-container { display: flex; justify-content: center; align-items: center; padding: 30px; } .login-register-form { display: flex; flex-direction: column; align-items: center; padding: 20px; max-width: 762px; height: 719px; top: 165px; left: 982px; gap: 0px; border-radius: 15px; border: 1px solid #002d55; } .login-system-header { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; margin-top: 40px; } .icon-login-register-form { width: 44px !important; height: 44px !important; margin-right: 30px; } .login-title { text-align: center; margin-bottom: 100px; padding: 20px; line-height: 35.2px; font-size: 30px !important; font-weight: 600 !important; color: #002d55; margin: 0; padding: 0; letter-spacing: 0.18em; } .hr { border: none; border-top: 2px solid #002d55; margin: 10px 0; width: 90%; } .inputGroup { display: flex; align-items: center; flex-direction: column; width: 100%; margin-top: 100px; } .input_box { width: 100%; margin: 15px 0; text-align: center; } .login-input { width: 100% !important; max-width: 482px; height: 39px; top: 482px; left: 1134px; gap: 0px; border: 1px solid #0564b8 !important; border-radius: 5px !important; padding: 0 15px !important; padding-left: 20px !important; } .login-input::placeholder { color: #002d55; letter-spacing: 2px; } .login-input:focus { outline: none; border-color:#A08958 !important; } .login-system-error { color: red; margin-bottom: 10px; min-height: 20px; font-weight: 500; line-height: 1.2; } .login-eisodos-button { font-size: 15px; padding: 10px; background-color: #002d55 !important; color: white !important; border: none; cursor: pointer; align-self: center; margin-top: 100px; width: 577.99px; height: 47px; top: 758px; left: 1076px; gap: 0px; border-radius: 5px; } .login-eisodos-button:hover{ background:#A08958 !important; border:none !important; transition: all 0.3s ease 0s !important; } .sidebar { display: flex; flex-direction: row; align-items: center; margin-right: 50px !important; } .sidebarIcon { width: 50px; height: auto; margin-bottom: 10px; margin-right: 30px; width: 205.46px; height: 205.46px; top: 429.54px; left: 279px; gap: 0px; } .sidebarText { color: #002d55; font-size: 40px; font-weight: 700; line-height: 44px; letter-spacing: 0.18em; text-align: left; } .sidebarText div { margin: 0; } .forgot-register-links{ display: flex; justify-content: space-between; align-items: center; width: 90%; margin-top:20px; } .forgot-register-links a{ font-size:14px; color:#002d55; } .forgot-register-links a:hover{ color:#A08958; transition: all 0.3s ease 0s !important; } .retrieve-passoword-container{ display:flex; justify-content:center; align-items:center; text-align:center; margin-top:20px !important; } .retrieve-passoword-container a{ color:#002D55 !important; font-size:14px !important; } .retrieve-passoword-container a:hover{ color:#A08958 !important; } .eisodos-melwn-container-blue{ padding:0 !important; margin:0 auto !important; } @media (min-width: 1920px) { .login-register-container { padding: 0 20px !important; } .login-register-form { width: 100%; height: auto; opacity: 1; padding: 40px; } .login-system-header { margin-bottom: 10px; margin-top: 0px; width: 100%; padding: 15px; } .login-title { font-size: 21px; } .icon-login-register-form { margin-right: 30px; width: 40px; height: 30px; } .hr { width: 90%; margin-top: 5px; } .login-input { max-width: 90%; width: 80%; } .login-eisodos-button { width: 90%; max-width: 100%; font-size: 14px; margin-top: 50px; } .inputGroup { margin-top: 50px; } .sidebar { margin-right: 30px; } .login-system-error { font-size: 14px; margin: 5px 0px; } .sidebarText { font-size: 30px; line-height: 40px; } .sidebarIcon { margin-bottom: 8px; margin-right: 20px; width: 140px; height: 140px; } } /*==================================================RESPONSIVE REGISTER + LOGIN SYSTEM================================================*/ @media (max-width: 1920px) { .login-register-container { padding: 20px !important; } .login-register-form { width: 100% !important; height: auto !important; opacity: 1; padding: 40px !important; width: 500px !important; } .login-system-header { margin-bottom: 10px !important; margin-top: 0 !important; width: 100% !important; padding: 15px !important; } .login-title { font-size: 30px !important; } .icon-login-register-form { margin-right: 10px !important; width: 40px !important; height: 40px !important; } .hr { width: 90%; margin-top: 5px; } .login-input { max-width: 90%; width: 80%; } .login-eisodos-button { width: 95%; max-width: 90%; font-size: 14px; margin-top: 50px; } .inputGroup { margin-top: 50px; } .sidebar { margin-right: 50px; } .login-system-error { font-size: 14px; margin: 5px 0px; } .sidebarText { font-size: 30px; line-height: 40px; } .sidebarIcon { margin-bottom: 8px; margin-right: 20px; width: 140px; height: 140px; } } @media (max-width: 1440px) { .login-register-form { width: 80%; max-width: 750px; padding: 30px; } .login-system-header { display: flex; align-items: center; justify-content: center; } .login-title { font-size: 30px !important; flex-direction: row; } .login-eisodos-button { max-width: 90%; margin-top: 40px; } button.login-eisodos-button{ font-size:14px !important; } .inputGroup { margin-top: 30px; } .login-system-error { font-size: 13px; } .sidebar { margin-right: 20px; } .hr { width: 90%; } .icon-login-register-form { margin-right: 10px; width: 35px !important; height: 35px !important; } .sidebarIcon { margin-bottom: 8px; margin-right: 20px; width: 120px; height: 120px; } .sidebarText { font-size: 22px; line-height: 36px; letter-spacing: 0.15em; } .forgot-register-links a{ font-size:13px !important; color:#002d55; } .retrieve-passoword-container a{ font-size:12px !important; } .login-input::placeholder { font-size: 12px; } } @media (max-width: 1200px) { .login-register-form { width: 100% !important; max-width: 410px !important; width:410px !important; padding: 30px; } .login-system-header { display: flex; align-items: center; justify-content: center; } .login-title { font-size: 22px !important; flex-direction: row; } .login-eisodos-button { max-width: 90%; margin-top: 40px; } .inputGroup { margin-top: 30px; } .login-system-error { font-size: 13px; } .sidebar { margin-right: 20px; } .hr { width: 90%; } button.login-eisodos-button{ font-size:12px !important; } .icon-login-register-form { margin-right: 10px; width: 30px !important; height: 30px !important; } .sidebarIcon { width: 100px !important; height: 100px !important; } .sidebarText { font-size: 18px !important; line-height: 23px !important; letter-spacing: 0.18em !important; } .forgot-register-links a{ font-size:12px !important; color:#002d55; } .retrieve-passoword-container a{ font-size:5px !important; } .login-input::placeholder { font-size: 11px; letter-spacing:1px; } } @media (max-width: 1080px) { .login-register-container { padding: 10px; flex-direction: column; align-items: center; justify-content: center; } .login-register-form { width: 80%; max-width: 600px; padding: 10px; } .icon-login-register-form { width: 25px; height: 25px; margin-right: 5px; } .login-title { font-size: 15px; line-height: 28px; } .hr { width: 90%; margin-top: 5px; } .inputGroup { margin-top: 10px; } .login-eisodos-button { width: 93%; max-width: 100%; margin-top: 30px; padding: 0; font-size: 12px; } .sidebar { margin-left: 0px; margin-right: 15px; } .login-input::placeholder { font-size: 12px; } .login-input { width: 80%; } .sidebarIcon { width: 85px !important; height: 85px !important; } .sidebarText { font-size: 16px !important; line-height: 21px !important; letter-spacing: 0.18em !important; } .login-system-error { font-size: 11px; margin: 0; } .forgot-register-links a{ font-size:11px !important; color:#002d55; } .login-input::placeholder { font-size: 11px; letter-spacing:1px; } } @media (max-width: 940px) { .eisodos-melwn-container-green{ padding:0 !important; margin:0 auto !important; } .outerContainer-login-register { flex-direction: column !important; margin: 70px auto !important; } .login-register-container { padding: 10px !important; min-height: 40vh; margin:50px auto !important; } .login-register-form { width: 100%; max-width: 450px; padding: 40px !important; height: auto !important; margin: 0 auto !important; } .sidebar{ margin-top:50px !important; margin-right:0 !important; } } @media (max-width: 780px) { .outerContainer-login-register{ margin:70px auto!important; } .login-register-container{ min-width:450px !important; width:450px !important; } .sidebarIcon { width: 80px !important; height: 80px !important; } .sidebarText { font-size: 15px !important; line-height: 19px !important; letter-spacing: 0.18em !important; } } @media (max-width: 620px) { .outerContainer-login-register{ margin:70px auto!important; } .login-register-form{ width: 100% !important; max-width: 350px; padding: 40px !important; height: auto !important; margin:0 auto !important; } .login-register-container{ min-width: 350px !important; width: 350px !important; margin:0 auto; } .login-title { font-size: 16px !important; line-height: 28px; } .icon-login-register-form{ width: 25px !important; height: 25px !important; margin-right: 5px !important; } .forgot-register-links a{ font-size:9px !important; color:#002d55; } .retrieve-passoword-container a{ font-size:9px !important; } .login-input::placeholder { font-size: 8px; letter-spacing:1px; } } @media (max-width: 480px) { .outerContainer-login-register{ margin:50px auto!important; padding:0 !important; } .login-register-container{ min-width: 250px !important; width: 300px !important; margin:0 auto; } .login-register-form{ width: 100% !important; max-width: 250px; padding: 0 !important; height: auto !important; margin:0 auto !important; } .icon-login-register-form{ width: 20px !important; height: 20px !important; margin-right: 5px !important; } .eisodos-melwn-container-green{ padding:0 !important; margin:0 auto !important; } .retrieve-passoword-container a{ font-size:8px !important; } } @media (max-width: 400px) { .login-register-form{ width: 100% !important; max-width: 250px; padding: 0 !important; height: auto !important; margin:0 auto !important; } .login-input::placeholder { font-size: 8px; letter-spacing:1px; } } @media (max-width: 340px) { .login-register-form{ width: 100% !important; max-width: 220px !important; } .login-title { font-size: 13px !important; } } /*==================================================TELOS RESPONSIVE REGISTER + LOGIN SYSTEM================================================*/ /*=================================================EPANAFORA KWDIKOU==============================================*/ #epanafora-kwdikou-green-container{ display:flex; justify-content:center; align-items:center; margin:20px auto; padding:0; } .reset-password-container{ margin:70px 0 !important; } /*logo + text container*/ .reset-passoword-logo-text{ display:flex; justify-content:center; align-items:center; flex-direction:row; margin-bottom:100px; } .img-reset-code{ margin-bottom: 8px; margin-right: 20px; width: 140px; height: 140px; } .text-reset-code{ color:#002D55; font-family: Open Sans; font-size: 32px !important; font-weight: 700; line-height: 35.2px; letter-spacing: 0.18em; text-align: left; } .heading-reset-password{ display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:left; } .heading-reset-password h1{ font-size:30px; color:#002D55; } .heading-reset-password span{ font-size: 14px; color: #ababab; text-align: left; } /*INPUT KAI BUTTON*/ .input-reset-code{ display: flex; justify-content: center; align-items: center; flex-direction: row; margin-top: 50px; gap: 10px; } #insert-email-to-reset{ padding: 18px; width:500px !important; width: 45%; border-radius: 8px; border: 1px solid #002D55; } #insert-email-to-reset:focus{ border-color:#A08958 !important; } #press-btn-reset-code{ background-color: #002D55; color: white; padding: 18px; font-size: 14px; border: none; border-radius: 8px; width:200px !important; width: 20%; cursor: pointer; } #press-btn-reset-code:hover{ background-color:#A08958 !important; color:white !important; transition: all 0.3s ease 0s !important; } .redirect-buttons-reset{ display:flex; justify-content:center; align-items:center; margin-top:150px; gap:50px; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ border: 1px solid #002D55 !important; padding: 15px 10px !important; border-radius: 5px !important; color: #002D55 !important; width: 200px; text-align: center; } .back-to-homepage-btn a, .back-to-register-btn a, .back-to-login-btn a{ text-decoration:none; color:#002D55 !important; } .back-to-homepage-btn:hover, .back-to-register-btn:hover, .back-to-login-btn:hover{ border-color:#A08958 !important; color:#74591F !important; } @media (max-width:1366px){ .img-reset-code{ width:100px !important; height:100px !important; } .text-reset-code{ font-size:25px !important; line-height: 24.7px; } .heading-reset-password h1{ font-size:25px !important; } .heading-reset-password span{ font-size:12px !important; } #insert-email-to-reset{ padding: 13px; min-width:400px !important; max-width: 400px !important; } #press-btn-reset-code{ padding:14px !important; width:180px !important; } .redirect-buttons-reset{ gap:60px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 150px !important; min-width: 150px !important; } } @media (max-width:1080px){ .img-reset-code{ width: 85px !important; height: 85px !important; } .text-reset-code{ font-size: 20px !important; line-height: 20px !important; } .heading-reset-password h1{ font-size:25px !important; } .heading-reset-password span{ font-size:11px !important; } #insert-email-to-reset{ padding: 13px; min-width:350px !important; max-width: 350px !important; } #press-btn-reset-code{ font-size:13px !important; } .redirect-buttons-reset{ gap:50px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 140px !important; min-width: 140px !important; padding: 10px 5px!important; } } @media (max-width:768px){ .img-reset-code{ width:80px !important; height:80px !important; } #insert-email-to-reset::placeholder{ font-size:12px !important; } .text-reset-code{ font-size: 20px !important; line-height: 20px !important; } .heading-reset-password h1{ font-size:25px !important; } .heading-reset-password span{ font-size:9px !important; } #insert-email-to-reset{ padding: 13px; min-width: 350px !important; max-width: 350px !important; } #press-btn-reset-code{ font-size: 12px !important; width: 150px !important; } .redirect-buttons-reset{ gap:40px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 140px !important; min-width: 140px !important; } #epanafora-kwdikou-green-container{ padding-top:100px !important; } } @media (max-width:610px){ #insert-email-to-reset{ padding: 10px; min-width: 280px!important; max-width: 280px !important; } #insert-email-to-reset::placeholder{ font-size:10px !important; } #press-btn-reset-code{ font-size: 11px !important; min-width: 135px !important; max-width: 135px !important; padding: 12px !important; } .redirect-buttons-reset{ gap:10px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 130px !important; min-width: 130px !important; font-size:12px !important; } .heading-reset-password span{ font-size: 10px !important; width: 300px; text-align: center; } } @media (max-width:480px){ .img-reset-code{ width: 70px !important; height: 70px !important; } .text-reset-code{ font-size: 15px !important; line-height: 18px !important; } .input-reset-code{ flex-direction:column; gap:25px !important; } #insert-email-to-reset{ padding: 10px; min-width: 280px !important; max-width: 280px !important; } #press-btn-reset-code{ font-size: 11px !important; min-width: 150px !important; max-width: 150px !important; padding: 12px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 115px !important; min-width: 115px !important; font-size: 11px !important; } .reset-password-container{ margin:70px 0 !important; } #epanafora-kwdikou-green-container{ padding-top:100px !important; } } @media (max-width:400px){ .heading-reset-password h1{ font-size:20px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 100px !important; min-width: 100px !important; font-size: 10px !important; } } @media (max-width:380px){ .heading-reset-password h1{ font-size:20px !important; } .back-to-homepage-btn, .back-to-register-btn, .back-to-login-btn{ max-width: 100px !important; min-width: 100px !important; font-size: 10px !important; } } /*==========================================TELOS RESPONSIVE EPANAFORA KWDIKOY===========================================*/ /*==========================================PAGE MELWN META TO LOGGIN ===================================================*/ /*BIG BIG PARENT CONTAINER OLWN*/ #logged-in-container-blue{ display:flex; justify-content:center; align-items:center; margin:0 auto !important; padding:0 !important; } /*PARENT TWN KOUTIWN*/ .logged-in-container { display: flex; justify-content: center; align-items: center; min-height: 350px !important; gap:30px; } /*KOUTIA*/ .boxes-melwn { width: 350px !important; height: 200px !important; border-radius: 25px; border: 1px solid #8F7B50; display: flex; align-items: center; justify-content: center; flex-direction: row; margin-bottom: 20px; transition: transform 0.3s ease; } .boxes-melwn:hover{ transform: scale(1.05); } /*TEXT ENTOS KOUTIWN*/ .box-text-leitourgia { font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 700; line-height: 30px; text-align: left; color: #003B70; cursor:pointer; } .box-text-leitourgia a{ font-size: 17px; font-weight: 700; line-height: 30px; text-align: left; color: #003B70; cursor:pointer; } .box-text-leitourgia:hover{ color:#74591F !important; } .box-text-leitourgia > a:hover{ color:#74591F !important; } .melh-box-icon{ width:40px !important; height:40px !important; } #logged-in-profile-yphresies{ padding-bottom:0 !important; } /*media queries page meta to login - ΔΙΟΡΘΩΜΕΝΟ*/ @media (max-width:1650px){ .boxes-melwn { width: 320px !important; height: 185px !important; } .box-text-leitourgia, .box-text-leitourgia a{ font-size: 16px; } } @media (max-width:1450px){ .boxes-melwn { width: 300px !important; height: 180px !important; } .logged-in-container { gap:20px!important; } .box-text-leitourgia, .box-text-leitourgia a{ font-size: 15px; } } @media (max-width:1280px){ .boxes-melwn{ width: 280px !important; height: 170px !important; } .logged-in-container { gap:15px!important; } .box-text-leitourgia, .box-text-leitourgia a{ font-size: 14px; } } @media (max-width:1100px){ .boxes-melwn{ width: 260px !important; height: 160px !important; } .box-text-leitourgia, .box-text-leitourgia a{ font-size: 13px; } .melh-box-icon { width: 35px !important; height: 35px !important; } } @media (max-width:980px){ .logged-in-container { flex-direction:column !important; margin:0 auto; gap:15px!important; } .boxes-melwn{ flex-direction:row !important; margin:0 auto !important; width: 300px !important; height: 150px !important; } } @media (max-width:768px){ .boxes-melwn{ width: 280px !important; height: 140px !important; } .box-text-leitourgia, .box-text-leitourgia a{ font-size: 12px; line-height: 20px; } } @media (max-width:480px){ .boxes-melwn{ width: 250px !important; height: 120px !important; } .box-text-leitourgia, .box-text-leitourgia a{ font-size: 11px; line-height: 18px; } .melh-box-icon { width: 30px !important; height: 30px !important; } } /*============================================TELOS CSS PAGE META TO LOGIN===================================*/ /*============================================= MESSAGES-ERRORS-SUCCESS-LOGIN-STYLES==========================*/ #login-error-message-container{ display:flex; justify-content:center; align-items:center; margin-top: 35px; margin-bottom: 0; } .login-system-error{ color: red !important; font-size:14px !important; } @media(max-width:1600px){ .login-system-error{ font-size:13px !important; } } @media(max-width:1330px){ .login-system-error{ font-size:11px !important; } } @media(max-width:1140px){ .login-system-error{ font-size:10px !important; } } @media(max-width:940px){ .login-system-error{ font-size:11px !important; } } @media(max-width:618px){ .login-system-error{ font-size:8px !important; } } @media(max-width:340px){ .login-system-error{ font-size:7px !important; } } /*-------------------------------------- MESSAGES RECOVER PASSWORD STYLES--------------------------------------*/ #epanafora-kwdikou-green-container > div > div > div{ display:flex; justify-content:center; align-items:center; flex-direction:column; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 650px !important; text-align: left !important; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ width: 650px; text-align: center; font-size: 16px; padding:25px; } .closebtn-change-pass { margin-left: 15px; color: black; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } .closebtn-change-pass:hover { color: #555; } .alert-heading-custom { margin-top: 0; font-weight: bold; margin-bottom: 10px; color:#155724 !important; } .alert-password-success { background-color: #D4EDDA; color: #15573A; border-radius: 4px; margin-bottom: 15px; position: relative; padding:20px; } .alert-password-warning { background-color:#FFF3CD; color: #856404; border-radius: 4px; margin-bottom: 15px; position: relative; } .alert-password-error { background-color: #F8D7DA; color: #721C24; border-radius: 4px; margin-bottom: 15px; position: relative; } @media(max-width:1280px){ #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ width: 550px; font-size: 15px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 600px !important; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > h4{ font-size:17px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > p{ font-size:14px; } } @media(max-width:980px){ #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ margin:0 auto; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ margin:0 auto; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 550px !important; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > h4{ font-size:16px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > p{ font-size:13px; } } @media(max-width:768px){ #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ width: 450px; font-size: 14px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 450px !important; } } @media(max-width:600px){ #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ width: 350px; font-size: 11px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 400px !important; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > h4{ font-size:15px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > p{ font-size:12px; } } @media(max-width:480px){ #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ width: 300px; font-size: 11px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 315px !important; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > h4{ font-size:14px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > p{ font-size:11px; } } @media(max-width:400px){ #epanafora-kwdikou-green-container > div > div > div > div.alert-password-error, #epanafora-kwdikou-green-container > div > div > div > div.alert-password-warning{ width: 300px; font-size: 11px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success{ width: 280px !important; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > h4{ font-size:13px; } #epanafora-kwdikou-green-container > div > div > div > div.alert-password-success > p{ font-size:9px; } } /*========================================= PAGE PINAKIA EFETEIOY FIRST PAGE ===========================================*/ .pinakia-table > div{ text-align:center !important; } .pinakia-table > div > h3 { font-size: 30px !important; color: #a08958 !important; font-weight: 700 !important; margin-bottom: 50px !important; } .pinakia-table > div > form > table > tbody > tr { height: 50px !important; } .pinakia-table > div > form > table > tbody > tr > th { font-size: 17px !important; color: white !important; font-weight: 400 !important; text-align: center !important; background-color:#003B70 !important; } .pinakia-table > div > form > table > tbody > tr > td { font-size: 17px !important; color: #002D55 !important; font-weight: 400 !important; padding:16px 10px !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { padding: 5px !important; border-radius: 8px !important; border: 1px solid #002D55 !important; min-width: 200px !important; width: 200px !important; font-size:15px !important; } div.efet_results > table.efet_results_table > thead > tr > th{ width:250px !important; } form.efet_search_form{ margin-bottom:50px !important; } .pinakia-table > div > form > table > tbody > tr > td > input:focus { border-color: #8F7B50 !important; } /* Submit Button */ .pinakia-table > div > form > table > tbody > tr > td > input[type=submit] { background-color: #003B70 !important; color: white !important; cursor: pointer !important; padding: 10px 20px !important; transition: 0.3s ease !important; border: none !important; font-size: 14px !important; min-width: 200px !important; width: 200px !important; } .pinakia-table > div > form > table > tbody > tr > td > input[type=submit]:hover { background-color: #0e5799 !important; } div.efet_results > table > thead > tr > th{ color: #74591F !important; } div.efet_results > table > tbody > tr> td{ color:black !important; } div.efet_results > div.efet_error{ color: #002D55 !important; } .anazitisi-container-btn{ text-align:center !important; } .efet_results_pinakia_page > table.efet_results_table_pinakia_page > thead > tr > th{ width:200px !important; } form.efet_pinakia_search_form_pinakia_page > table > tbody > tr > td.efet_caption_pinakia_page{ text-align:right !important; } /*--------------------------Media Queries gia to FIRST PAGE TWN PINAKIWN-------------------------*/ @media (max-width: 1600px) { .pinakia-table > div > h3 { font-size: 30px !important; margin-bottom: 40px !important; } .pinakia-table > div > form > table > tbody > tr > th { font-size: 17px !important; } .pinakia-table > div > form > table > tbody > tr > td { font-size: 16px !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { width: 180px !important; } } @media (max-width: 1450px) { div > h3.search-form-title_pinakia_page{ padding-top:200px !important; } } @media (max-width: 1366px) { .pinakia-table > div > h3 { font-size: 27px !important; margin-bottom: 35px !important; } .pinakia-table > div > form > table > tbody > tr > th { font-size: 17px !important; } .pinakia-table > div > form > table > tbody > tr > td { font-size: 15px !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { width: 160px !important; } } @media (max-width: 980px) { .pinakia-table > div > h3 { font-size: 25px !important; margin-bottom: 30px !important; } .pinakia-table > div > form > table > tbody > tr > th { font-size: 16px !important; } .pinakia-table > div > form > table > tbody > tr > td { font-size: 14px !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { width: 140px !important; } .efet_pinakia_search_form_pinakia_page{ padding:0 !important; max-width:1000px !important; } } .pinakia-table > div > form > table { width: 100% !important; } /* Media Queries */ @media (max-width: 768px) { .pinakia-table > div > h3 { font-size: 25px !important; text-align: center !important; margin-bottom: 20px !important; } .pinakia-table > div > form > table > tbody > tr > th { font-size: 14px !important; text-align: center !important; } .pinakia-table > div > form > table > tbody > tr > td { font-size: 14px !important; display: block !important; width: 100% !important; text-align:center !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { width: 100% !important; padding: 8px !important; } .anazitisi-container-btn_pinakia_page td { text-align: center !important; } .pinakia-table > div > form > table > tbody > tr > td > input[type="submit"] { width: 100% !important; margin: 10px 0 !important; } div.pinakia-table > div > form.efet_pinakia_search_form_pinakia_page{ width:500px !important; margin:50px auto !important; } form.efet_pinakia_search_form_pinakia_page > table > tbody > tr > td.efet_caption_pinakia_page{ text-align:center !important; } } @media (max-width: 600px) { .pinakia-table > div > h3 { font-size:18px !important; } .pinakia-table > div > form > table > tbody > tr > td { font-size: 12px !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { font-size: 14px !important; padding: 6px !important; } .pinakia-table > div > form > table > tbody > tr > td > input[type="submit"] { font-size: 14px !important; padding: 10px !important; } div.pinakia-table > div > form.efet_pinakia_search_form_pinakia_page{ width:400px !important; margin:50px auto !important; } } @media (max-width: 480px) { .pinakia-table > div > h3 { font-size: 20px !important; text-align: center !important; margin-bottom: 10px !important; padding-top:10px !important; } form.efet_pinakia_search_form_pinakia_page > table > tbody > tr > td.efet_caption_pinakia_page{ text-align:center !important; } .pinakia-table > div > form > table > tbody > tr > td, .pinakia-table > div > form > table > tbody > tr > th { font-size: 12px !important; text-align: center !important; } .pinakia-table > div > form > table > tbody > tr > td > input, .pinakia-table > div > form > table > tbody > tr > td > select { font-size: 12px !important; padding: 5px !important; width: 100% !important; } .pinakia-table > div > form > table > tbody > tr > td > input[type="submit"] { padding: 8px !important; font-size: 12px !important; } div.pinakia-table > div > form.efet_pinakia_search_form_pinakia_page{ width:300px !important; margin:50px auto !important; } } @media (max-width: 400px) { .pinakia-table > div > h3 { font-size:14px !important; } } /*----------------------STYLE FOR TABLE ONLY FIRST PAGE-----------------------------*/ .efet_results_pinakia_page { width: 100% !important; overflow-x: auto !important; margin-top: 30px !important; } .efet_results_table_pinakia_page { width: 100% !important; border-collapse: collapse !important; margin-bottom: 20px !important; background-color: #fff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .efet_results_table_pinakia_page th, .efet_results_table_pinakia_page td { padding: 12px 15px !important; border: 1px solid #ddd !important; text-align: left !important; } .efet_results_table_pinakia_page th { background-color: #003B70 !important; color: white !important; font-weight: 400 !important; } .efet_results_table_pinakia_page td { color: #002D55 !important; } .efet_results_table_pinakia_page tr:nth-child(even) { background-color: #f8f9fa !important; } .efet_error_pinakia_page { color: #002D55 !important; text-align: center !important; padding: 20px !important; font-size: 16px !important; } /* Media Queries */ @media (max-width: 1600px) { .efet_results_table_pinakia_page th, .efet_results_table_pinakia_page td { padding: 10px 12px !important; font-size: 14px !important; } } @media (max-width: 1366px) { .efet_results_table_pinakia_page th, .efet_results_table_pinakia_page td { padding: 8px 10px !important; font-size: 13px !important; } } @media (max-width: 980px) { .efet_results_pinakia_page { margin-top: 20px !important; } .efet_results_table_pinakia_page th, .efet_results_table_pinakia_page td { padding: 6px 8px !important; font-size: 12px !important; } } @media (max-width: 768px) { .efet_results_table_pinakia_page, .efet_results_table_pinakia_page tbody, .efet_results_table_pinakia_page tr, .efet_results_table_pinakia_page td { display: block !important; width: 100% !important; } .efet_results_table_pinakia_page thead { display: none !important; } .efet_results_table_pinakia_page tr { margin-bottom: 25px !important; border: 1px solid #ddd !important; border-radius: 5px !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .efet_results_table_pinakia_page td { position: relative !important; padding: 8px 10px !important; border-bottom: 1px solid #ddd !important; font-size: 13px !important; } .efet_results_table_pinakia_page td:before { content: attr(data-label) !important; display: block !important; font-weight: bold !important; color: white !important; background-color: #003B70 !important; padding: 8px !important; margin: -8px -10px 8px -10px !important; } .efet_results_table_pinakia_page td:last-child { border-bottom: none !important; } div > table.efet_results_table_pinakia_page > tbody > tr > td{ text-align:center !important; } } @media (max-width:600px){ .efet_results_table_pinakia_page td:before, .case-details-table_pinakia_page td:before{ /* position: relative !important; top: 0 !important; left: 6px !important; width: 100% !important; padding-right: 10px !important; white-space: nowrap !important; text-align: left !important; font-weight: bold !important; */ } } @media (max-width: 480px) { .efet_results_table_pinakia_page td { font-size: 13px !important; padding: 10px !important; line-height: 1.4 !important; } .efet_results_table_pinakia_page td:before { font-size: 13px !important; padding: 10px !important; margin: -10px -10px 10px -10px !important; } div > table.efet_results_table_pinakia_page > tbody > tr > td{ border: none !important; padding: 10px 15px !important; line-height: 30px !important; } } @media (max-width: 400px) { .efet_results_table_pinakia_page td { font-size: 13px !important; padding: 10px !important; } .efet_results_table_pinakia_page td:before { font-size: 13px !important; padding: 8px !important; margin: -10px -10px 8px -10px !important; } .efet_results_table_pinakia_page tr { margin-bottom: 25px !important; } } /*-------------------------------------telos Prwtis selidas Pinakia---------------------------*/ /*========================================= PAGE PINAKIA EFETEIOY SECOND PAGE ===========================================*/ .efet_pinakia_search_form_pinakia_page { max-width: 800px !important; margin: 20px auto !important; padding: 15px !important; } .efet_pinakia_search_table_pinakia_page { width: 100% !important; border-collapse: collapse !important; margin: 0 !important; } .efet_pinakia_table_header_pinakia_page { background-color: #8F7B50 !important; color: white !important; text-align: center !important; font-size: 1.2em !important; padding: 10px !important; border-radius: 8px 8px 0 0 !important; } .efet_pinakia_caption_pinakia_page { font-weight: bold !important; text-align: right !important; padding: 10px !important; width: 25% !important; } .efet_pinakia_input_pinakia_page { padding: 10px !important; width: 75% !important; } .efet_name_pinakia_page, .efet_pinakia_booktype_pinakia_page, .efet_dikasimos_pinakia_page { width: 100% !important; padding: 8px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 1em !important; box-sizing: border-box !important; } .efet_dikasimos_pinakia_page { cursor: pointer !important; } .submit-btn_pinakia_page { background-color: #8F7B50 !important; color: white !important; border: none !important; padding: 10px 20px !important; font-size: 1em !important; border-radius: 4px !important; cursor: pointer !important; transition: background-color 0.3s ease !important; } .submit-btn_pinakia_page:hover { background-color: #003B70 !important; } .efet_results_pinakia_page { margin: 30px 0 !important; padding: 10px !important; background-color: #ffffff !important; border: none !important; border-radius: 8px !important; } .efet_results_table_pinakia_page { width: 100% !important; border-collapse: collapse !important; margin: 20px 0 !important; } .efet_results_table_pinakia_page th, .efet_results_table_pinakia_page td { padding: 10px !important; text-align: left !important; border: 1px solid #ddd !important; } .efet_results_table_pinakia_page th { background-color:#003B70 !important; font-weight: bold !important; color:white !important; text-align: center !important; } .efet_results_table_pinakia_page tr:nth-child(even) { background-color: #fafafa !important; } .efet_results_table_pinakia_page tr:hover { background-color: #f3fbff !important; } .efet_results_table_pinakia_page a { color: #0073aa !important; text-decoration: none !important; } .efet_results_table_pinakia_page a:hover { text-decoration: underline !important; color: #005a87 !important; } .efet_error_pinakia_page { color: #d9534f !important; font-weight: bold !important; text-align: center !important; margin-top: 20px !important; } /* ==========================================EKSELIKSI YPOTHESEWN========================================= */ .case-details-wrapper_pinakia_page { display: flex !important; justify-content: center !important; align-items: flex-start !important; flex-direction: column !important; border-radius: 10px !important; padding: 0 !important; width: 1080px !important; margin-bottom:25px !important; } .case-header_pinakia_page h1 { text-align: center !important; color: #003B70 !important; margin-bottom: 30px !important; } .case-details-table_pinakia_page { width: 100% !important; border-collapse: collapse !important; margin-bottom: 30px !important; background-color: #fff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; border-radius: 5px !important; overflow: hidden !important; } .case-details-table_pinakia_page td { padding: 12px 15px !important; border: 1px solid #ddd !important; } .section-progress-header_pinakia_page { background-color: #003B70 !important; text-align:center !important; color: #fff !important; width:100% !important; font-weight: bold !important; font-size: 1.1em !important; padding: 15px !important; } .label-progress-column_pinakia_page { background-color: #f8f9fa !important; font-weight: bold !important; color: #003B70 !important; width: 30% !important; } .tables-container_pinakia_page { display: flex !important; gap: 20px !important; margin-bottom: 30px !important; width:100% !important; } .table-column_pinakia_page { flex: 1 !important; } .table-column_pinakia_page .case-details-table_pinakia_page { width: 100% !important; } .table-column_pinakia_page .case-details-table_pinakia_page td { padding: 12px 15px !important; } .case-progress-container_pinakia_page h2 { font-size: 18px !important; color: #003B70 !important; margin-bottom: 20px !important; text-align: left !important; } .case-progress-container_pinakia_page p { font-size: 1rem !important; color: #000 !important; margin: 5px 0 !important; line-height: 1.5 !important; } .case-progress-container_pinakia_page p strong { color: #003B70 !important; } .tabs_pinakia_page { margin: 20px 0 !important; width: 100% !important; } .tab-buttons_pinakia_page { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; margin-bottom: 20px !important; } .tab-buttons_pinakia_page button { padding: 10px 20px !important; cursor: pointer !important; border: 1px solid #ddd !important; background-color: #f8f9fa !important; border-radius: 5px !important; transition: all 0.3s ease !important; font-size: 1rem !important; color: #000 !important; } .tab-buttons_pinakia_page button.active_pinakia_page { background-color: #007bff !important; color: #fff !important; border-color: #0056b3 !important; } .tab-buttons_pinakia_page button:hover { background-color: #e2e6ea !important; border-color: #c4c8cc !important; } .tab-content_pinakia_page { display: none !important; padding: 20px !important; border: 1px solid #ddd !important; border-radius: 5px !important; background-color: #fff !important; width: 100% !important; } .tab-content_pinakia_page.active_pinakia_page { display: block !important; } .case-details-wrapper_pinakia_page h4, .tab-content_pinakia_page h4 { color: #74591F !important; margin-top: 20px !important; margin-bottom: 10px !important; text-decoration: underline !important; } .case-details-wrapper_pinakia_page ul, .case-details-wrapper_pinakia_page ol, .tab-content_pinakia_page ul, .tab-content_pinakia_page ol { padding-left: 20px !important; margin-bottom: 15px !important; } .case-details-wrapper_pinakia_page ul li, .case-details-wrapper_pinakia_page ol li, .tab-content_pinakia_page ul li, .tab-content_pinakia_page ol li { color: #000 !important; line-height: 1.5 !important; font-size: 1rem !important; list-style: disc !important; list-style-type: none !important; } #tab-next-tab_pinakia_page > p { font-size:16px !important; color:#000 !important; } .dimosieusi-container-box_pinakia_page p strong { color:#003B70 !important; font-weight:700 !important; } .lawyers-list_pinakia_page { margin-left: 20px !important; font-size: 1rem !important; } .pinakio-container-box_pinakia_page, .sinekdikazomena-container_pinakia_page, .eisigisi-container-box_pinakia_page, .dimosieusi-container-box_pinakia_page { margin-top: 20px !important; padding: 15px !important; border: 1px solid #ddd !important; border-radius: 5px !important; background-color: #fff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .pinakio-container-box_pinakia_page h2, .sinekdikazomena-container_pinakia_page h2, .eisigisi-container-box_pinakia_page h2, .dimosieusi-container-box_pinakia_page h2 { font-size: 1.25rem !important; color: #74591F !important; border-bottom: 2px solid #ddd !important; padding-bottom: 5px !important; margin-bottom: 15px !important; } .dimosieusi-container-box_pinakia_page > div > p { color:#000 !important; } .dimosieusi-container-box_pinakia_page > p { color:#000 !important; } tr.anazitisi-container-btn_pinakia_page > td{ text-align:center !important; } /*----------------------------------RESPONSIVE PINAKIA EFETEIOY PAGE 2ND PAGE(EKSELIKSI)-----------------------------------------*/ @media only screen and (max-width: 1200px) { .case-details-wrapper_pinakia_page { width: 100% !important; padding: 15px !important; } } @media only screen and (max-width: 992px) { .tables-container_pinakia_page { flex-direction: column !important; gap: 0 !important; } .table-column_pinakia_page { width: 100% !important; margin-bottom: 20px !important; } div > table.efet_results_table_pinakia_page > tbody > tr > td{ border:none !important; padding:10px !important; } } @media only screen and (max-width: 768px) { div > table.efet_results_table_pinakia_page > tbody > tr > td{ border:none !important; padding:10px !important; } .efet_pinakia_search_form_pinakia_page { padding: 10px !important; } .efet_pinakia_search_table_pinakia_page { width: 100% !important; } .efet_pinakia_caption_pinakia_page, .efet_caption_pinakia_page, .efet_pinakia_input_pinakia_page, .efet_input_pinakia_page { display: block !important; width: 100% !important; text-align: left !important; padding: 5px 0 !important; } .efet_pinakia_caption_pinakia_page { padding: 5px 0 !important; } .anazitisi-container-btn_pinakia_page td { text-align: center !important; } .submit-btn_pinakia_page { width: 100% !important; } .efet_results_table_pinakia_page tr{ border:none !important; margin-bottom:100px !important; } } @media only screen and (max-width: 600px) { .efet_results_table_pinakia_page, .efet_results_table_pinakia_page thead, .efet_results_table_pinakia_page tbody, .efet_results_table_pinakia_page th, .efet_results_table_pinakia_page td, .efet_results_table_pinakia_page tr, .case-details-table_pinakia_page, .case-details-table_pinakia_page thead, .case-details-table_pinakia_page tbody, .case-details-table_pinakia_page th, .case-details-table_pinakia_page td, .case-details-table_pinakia_page tr { display: block !important; } .efet_results_table_pinakia_page thead tr, .case-details-table_pinakia_page thead tr { position: absolute !important; top: -9999px !important; left: -9999px !important; } .efet_results_table_pinakia_page tr, .case-details-table_pinakia_page tr { border: none !important; margin-bottom: 5px !important; } .efet_results_table_pinakia_page td, .case-details-table_pinakia_page td { border: none !important; border-bottom: 1px solid #eee !important; position: relative !important; /* padding-left: 50% !important; */ white-space: normal !important; text-align: center !important; } .efet_results_table_pinakia_page td:before, .case-details-table_pinakia_page td:before { /* position: absolute !important; top: 6px !important; left: 6px !important; width: 45% !important; padding-right: 10px !important; white-space: nowrap !important; text-align: left !important; font-weight: bold !important; */ } .tables-container_pinakia_page { flex-direction: column !important; } .table-column_pinakia_page { width: 100% !important; margin-bottom: 20px !important; } .tab-buttons_pinakia_page { flex-direction: column !important; } .tab-buttons_pinakia_page button { width: 100% !important; margin-bottom: 5px !important; } .case-details-table_pinakia_page td{ text-align:center !important; } } @media only screen and (max-width: 480px) { .efet_pinakia_search_form_pinakia_page { padding: 5px !important; } .efet_pinakia_caption_pinakia_page, .efet_caption_pinakia_page, .efet_pinakia_input_pinakia_page, .efet_input_pinakia_page { padding: 5px 0 !important; } .submit-btn_pinakia_page { padding: 10px !important; } .efet_name_pinakia_page, .efet_pinakia_booktype_pinakia_page, .efet_dikasimos_pinakia_page { padding: 5px !important; } div.case-details-wrapper_pinakia_page > table > tbody > tr > td, #green-ekseliksi-ypothesewn > div > div > div > table > tbody > tr> td { font-size:13px !important; } #green-ekseliksi-ypothesewn > div > div > div > table > tbody > tr> td { text-align:left !important; } #green-ekseliksi-ypothesewn > div > div > div > div.case-section-container_pinakia_page > table > tbody > tr> td{ font-size:13px !important; } #green-ekseliksi-ypothesewn > div > div > div > table > tbody > tr > td{ text-align:center !important; } } /*------------------------------SYNEKDIKAZOMENA MONO---------------------------*/ .sinekdikazomena-container_pinakia_page { width: 100% !important; background-color: #fff !important; border-radius: 5px !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; padding: 20px !important; } .sinekdikazomena-container_pinakia_page h2 { color: #003B70 !important; font-size: 1.3em !important; margin-bottom: 25px !important; text-align: center !important; border-bottom: 2px solid #ddd !important; padding-bottom: 15px !important; } .tab-buttons_pinakia_page { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-bottom: 20px !important; justify-content: flex-start !important; border-bottom: 2px solid #e3e3e3 !important; padding-bottom: 10px !important; } .tab-buttons_pinakia_page button { background-color: #f4f4f4 !important; border: 1px solid #ddd !important; color: #003B70 !important; padding: 12px 20px !important; border-radius: 5px !important; cursor: pointer !important; transition: all 0.3s ease !important; font-weight: 500 !important; font-size: 0.95em !important; } .tab-buttons_pinakia_page button:hover { background-color: #003B70 !important; color: #fff !important; border-color: #003B70 !important; } .tab-buttons_pinakia_page button.active_pinakia_page { background-color: #003B70 !important; color: #fff !important; border-color: #003B70 !important; box-shadow: 0 2px 4px rgba(0, 59, 112, 0.2) !important; } .tab-content_pinakia_page { background-color: #fff !important; border: 1px solid #e3e3e3 !important; border-radius: 5px !important; padding: 25px !important; margin-top: 20px !important; } .tab-content_pinakia_page p { margin-bottom: 15px !important; line-height: 1.6 !important; color: #333 !important; } .tab-content_pinakia_page p strong { color: #003B70 !important; font-weight: 600 !important; margin-right: 8px !important; } .tab-content_pinakia_page h4 { color: #74591F !important; font-size: 1.1em !important; margin: 25px 0 15px !important; padding-bottom: 8px !important; border-bottom: 1px solid #e3e3e3 !important; } .tab-content_pinakia_page ol { padding-left: 20px !important; margin-bottom: 20px !important; } .tab-content_pinakia_page ol li { padding: 8px 0 !important; color: #444 !important; line-height: 1.4 !important; position: relative !important; } @media only screen and (max-width: 768px) { .tab-buttons_pinakia_page { flex-direction: column !important; gap: 8px !important; } .tab-buttons_pinakia_page button { width: 100% !important; text-align: left !important; } .tab-content_pinakia_page { padding: 15px !important; } /* #green-ekseliksi-ypothesewn > div > div > div > div.case-details-wrapper_pinakia_page > table > tbody > tr > td.label-progress-column_pinakia_page{ width:100% !important; } */ #green-ekseliksi-ypothesewn > div > div > div > div.case-section-container_pinakia_page > table > tbody > tr > td.label-progress-column_pinakia_page{ width:100% !important; } #green-ekseliksi-ypothesewn > div > div > div > table > tbody > tr > td.label-progress-column_pinakia_page{ width:100% !important; } } @media(max-width:600px){ #green-ekseliksi-ypothesewn > div > div > div > div.case-details-wrapper_pinakia_page > table > tbody > tr > td.label-progress-column_pinakia_page, #tab-next-tab_pinakia_page > table > tbody > tr > td.label-progress-column_pinakia_page, table > tbody > tr > td.label-progress-column_pinakia_page, table > tbody > tr > td.label-progress-column_pinakia_page{ width:100% !important; } } @media only screen and (max-width: 480px) { .sinekdikazomena-container_pinakia_page { padding: 10px !important; } .tab-content_pinakia_page { padding: 10px !important; } .tab-content_pinakia_page h4 { font-size: 1em !important; } .case-header_pinakia_page h1 { font-size: 22px !important; } .case-details-table_pinakia_page td { font-size: 15px !important; padding: 12px 10px !important; } .section-progress-header_pinakia_page { font-size: 17px !important; padding: 12px !important; } .label-progress-column_pinakia_page { font-size: 15px !important; } .tab-buttons_pinakia_page button { font-size: 13px !important; padding: 12px 15px !important; } .tab-content_pinakia_page { padding: 15px !important; } .tab-content_pinakia_page p { font-size: 13px !important; line-height: 1.5 !important; } .tab-content_pinakia_page h4 { font-size: 14px !important; margin: 20px 0 12px !important; } .tab-content_pinakia_page ol li { font-size: 13px !important; padding: 8px 0 !important; } .tables-container_pinakia_page .table-column_pinakia_page td { font-size: 13px !important; padding: 10px !important; } .sinekdikazomena-container_pinakia_page .tab-buttons_pinakia_page button { font-size: 13px !important; padding: 12px !important; } #green-ekseliksi-ypothesewn > div > div > div > div> table > tbody > tr> td.label-progress-column_pinakia_page{ width:100% !important; } #tab-next-tab_pinakia_page > table > tbody > tr > td.label-progress-column_pinakia_page, #tab2 > table > tbody > tr > td.label-progress-column_pinakia_page, #green-ekseliksi-ypothesewn > div > div > div > table> tbody > tr > td.label-progress-column_pinakia_page, #tab1 > table > tbody > tr> td.label-progress-column_pinakia_page{ width:100% !important; } } /*-------------------------PAGINATION GIA TA PINAKIA TOY EFETEIOY------------------------*/ .pagination-nav { margin: 20px 0 ; width: 100%; } .pagination { display: flex !important; padding-left: 0; list-style: none !important; border-radius: 0.25rem; justify-content: center; flex-wrap: wrap; gap: 5px; } .page-item { margin: 0 2px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; line-height: 1.25; color: #0056b3; background-color: #fff; border: 1px solid #dee2e6; text-decoration: none; border-radius: 4px; transition: all 0.3s ease; } .prev-link, .next-link { background-color: #f8f9fa; padding: 0.5rem 1rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0056b3; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #0056b3; } .page-item.disabled .page-link { color: #6c757d; /* pointer-events: none; */ cursor: not-allowed; background-color: #fff; border-color: #dee2e6; } /*afairei tin teleia mprosta apo to pagination*/ .pagination li::marker { content: none !important; /*DONT TOUCH*/ } /* Media Queries */ @media screen and (max-width: 1200px) { .pagination { gap: 3px; } .page-link { padding: 0.4rem 0.6rem; } .prev-link, .next-link { padding: 0.4rem 0.8rem; } } @media screen and (max-width: 768px) { .pagination { gap: 2px; } .page-link { padding: 0.3rem 0.5rem; font-size: 14px; } .prev-link, .next-link { padding: 0.3rem 0.6rem; } } @media screen and (max-width: 576px) { .pagination { gap: 1px; } .page-link { padding: 0.25rem 0.4rem; font-size: 12px; } .prev-link, .next-link { padding: 0.25rem 0.5rem; } .page-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) { display: none; } } .page-link:hover { transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .page-item.active .page-link { box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .page-link { transition: all 0.2s ease-in-out; } /*------------------------------------------*/ @media(max-width:1450px){ #green-post-container{ padding-top:200px !important; } .category-template-container{ padding-top:200px !important; } } @media(max-width:980px){ div.pinakia-efeteiou-container{ padding:0 !important; } } @media(max-width:768px){ #green-post-container{ padding-top:200px !important; } #main-content > div > div > div > div.category-template-container{ padding-top:200px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li > a{ padding:10px 15px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li.page-item.disabled > span{ padding:10px 15px !important; } } @media(max-width:600px){ #green-post-container{ padding-top:200px !important; } #main-content > div > div > div > div.category-template-container.category-template-container{ padding-top:200px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li > a{ padding:10px 15px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li.page-item.disabled > span{ padding:10px 15px !important; } } @media(max-width:480px){ #green-post-container{ padding-top:150px !important; } #main-content > div > div > div > div.category-template-container.category-template-container{ padding-top:150px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li > a{ padding:10px 15px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li.page-item.disabled > span{ padding:10px 15px !important; } } @media(max-width:400px){ #green-post-container{ padding-top:160px !important; } #main-content > div > div > div > div.category-template-container.category-template-container{ padding-top:160px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li > a{ padding:10px 15px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li.page-item.disabled > span{ padding:10px 15px !important; } } @media(max-width:380px){ #green-post-container{ padding-top:160px !important; } #main-content > div > div > div > div.category-template-container.category-template-container{ padding-top:160px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li > a{ padding:10px 15px !important; } div.pinakia-efeteiou-container> div > div > div > nav.pagination-nav > ul > li.page-item.disabled > span{ padding:10px 15px !important; } } /*------------------------------------ TELOS STYLE GIA PAGINATION-----------------------------------------------------*/ /*------------------------------------------PAGE ASKOUMENOI DIKIGOROI-------------------------------------------------*/ #wdt-table-title-4 { font-size: 30px !important; color: #8F7B50 !important; text-align: center !important; font-weight:700 !important; margin-bottom:35px !important; } #green-askoumenoi-container { padding-top: 200px !important; display: flex; justify-content: center; align-items: center; margin: 0 auto !important; } #green-askoumenoi-container .et_pb_column_0 .wpDataTablesWrapper { width: 100% !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; margin: 0 !important; padding: 10px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 { width: 100% !important; margin: 0 !important; font-size: 13px !important; table-layout: auto !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td, #green-askoumenoi-container .et_pb_column_0 #table_1 th { padding: 8px 10px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-sizing: border-box !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-0, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-0 { width: 50% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-1, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-1 { width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-2, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-2 { width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_length, #green-askoumenoi-container .et_pb_column_0 #table_1_filter { margin-bottom: 10px !important; } /*------------------------------------------------MEDIA QUERIES-------------------------------------------------*/ @media screen and (max-width: 1024px) { #green-askoumenoi-container { width: 95% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 .wpDataTablesWrapper { overflow-x: auto !important; } #green-askoumenoi-container #wdt-table-title-4 { font-size: 22px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 { font-size: 14px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-0, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-0 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-1, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-1 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-2, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-2 { min-width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 768px) { #green-askoumenoi-container { padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; } #green-askoumenoi-container #wdt-table-title-4 { font-size: 20px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 { font-size: 12px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_length, #green-askoumenoi-container .et_pb_column_0 #table_1_filter { text-align: center !important; float: none !important; margin-bottom: 15px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-0, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-0 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-1, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-1 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-2, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-2 { min-width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 480px) { #green-askoumenoi-container { padding-left: 5px !important; padding-right: 5px !important; } #green-askoumenoi-container #wdt-table-title-4 { font-size: 18px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 { font-size: 11px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_wrapper .dataTables_length select { width: 60px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_wrapper .dataTables_filter input { width: 120px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td, #green-askoumenoi-container .et_pb_column_0 #table_1 th { padding: 6px 8px !important; } } @media screen and (max-width: 400px) { #green-askoumenoi-container { padding-left: 2px !important; padding-right: 2px !important; } #green-askoumenoi-container #wdt-table-title-4 { font-size: 16px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 { font-size: 10px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-0, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-0 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-1, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-1 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td.column-2, #green-askoumenoi-container .et_pb_column_0 #table_1 th.column-2 { min-width: 100% !important; max-width: 100% !important; } #green-askoumenoi-container .et_pb_column_0 #table_1 td, #green-askoumenoi-container .et_pb_column_0 #table_1 th { padding: 4px 6px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_wrapper .dataTables_length select { width: 50px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_wrapper .dataTables_filter input { width: 100px !important; } #green-askoumenoi-container .et_pb_column_0 #table_1_length, #green-askoumenoi-container .et_pb_column_0 #table_1_filter { margin-bottom: 8px !important; } #green-askoumenoi-container .et_pb_column_0 .wpDataTablesWrapper { padding: 5px !important; } } /*------------------------------------------PAGE VIVLIOTHIKI-------------------------------------------------*/ #vivliothiki-page-titlos-head > div > h1 { font-size: 30px ; color: #8F7B50 ; text-align: center ; font-weight:700 ; } #page-vivliothiki-green { display: flex; justify-content: center; align-items: center; margin: 0 auto ; } #page-vivliothiki-green div .wpDataTablesWrapper { width: 100% ; /* overflow-x: auto ; -webkit-overflow-scrolling: touch ; */ margin: 0 ; padding: 10px 0 ; } #page-vivliothiki-green div #table_1 { width: 100% ; margin: 0 ; font-size: 13px ; } #page-vivliothiki-green div #table_1 td, #page-vivliothiki-green div #table_1 th { padding: 8px 10px ; white-space: nowrap ; overflow: hidden ; text-overflow: ellipsis ; } #page-vivliothiki-green div #table_1 td.column-0, #page-vivliothiki-green div #table_1 th.column-0 { min-width: 78px ; max-width: 78px ; } #page-vivliothiki-green div #table_1 td.column-1, #page-vivliothiki-green div #table_1 th.column-1 { min-width: 250px ; max-width: 250px ; } #page-vivliothiki-green div #table_1 td.column-2, #page-vivliothiki-green div #table_1 th.column-2 { min-width: 200px ; max-width: 200px ; } #page-vivliothiki-green div #table_1 td.column--, #page-vivliothiki-green div #table_1 th.column-- { min-width: 180px ; max-width: 180px ; } #page-vivliothiki-green div #table_1 td.column-4, #page-vivliothiki-green div #table_1 th.column-4 { min-width: 100px ; max-width: 100px ; } #page-vivliothiki-green div #table_1 td.column-isbn, #page-vivliothiki-green div #table_1 th.column-isbn { min-width: 120px ; max-width: 120px ; } #table_1_paginate { margin-top: 10px ; } /*------------------------------------------------MEDIA QUERIES-------------------------------------------------*/ @media screen and (max-width: 1024px) { #page-vivliothiki-green { width: 95% ; } #vivliothiki-page-titlos-head > div > h1 { font-size: 28px ; } #page-vivliothiki-green div #table_1 { font-size: 12px ; } #page-vivliothiki-green div .wpDataTablesWrapper { overflow-x: auto ; -webkit-overflow-scrolling: touch ; } } @media screen and (max-width: 768px) { #page-vivliothiki-green { padding:10px 0 ; } #vivliothiki-page-titlos-head > div > h1{ font-size: 25px ; } #page-vivliothiki-green div #table_1 { font-size: 11px ; } #page-vivliothiki-green div #table_1_length, #page-vivliothiki-green div #table_1_filter { text-align: center ; float: none ; margin-bottom: 10px ; } #page-vivliothiki-green div .wpDataTablesWrapper { overflow-x: auto ; -webkit-overflow-scrolling: touch ; } #table_1_length > label > div.btn-group.bootstrap-select > div.dropdown-menu.open{ top:30px ; } } @media screen and (max-width: 600px) { #vivliothiki-page-titlos-head > div > h1{ font-size: 22px ; } } @media screen and (max-width: 480px) { #vivliothiki-page-titlos-head > div > h1 { font-size: 20px ; } #page-vivliothiki-green div #table_1 { font-size: 10px ; } #page-vivliothiki-green div #table_1 td, #page-vivliothiki-green div #table_1 th { padding: 6px 8px ; } #page-vivliothiki-green div .wpDataTablesWrapper { overflow-x: auto ; -webkit-overflow-scrolling: touch ; } #page-vivliothiki-green-eikona > div > div > span > img{ padding:0 20px ; } #table_1_length > label > div.btn-group.bootstrap-select > div.dropdown-menu.open{ top:30px ; } } @media screen and (max-width: 400px) { #vivliothiki-page-titlos-head > div > h1{ font-size: 17px ; } #page-vivliothiki-green div #table_1 { font-size: 9px ; } #page-vivliothiki-green div .wpDataTablesWrapper { overflow-x: auto ; -webkit-overflow-scrolling: touch ; } #page-vivliothiki-green div #table_1 td, #page-vivliothiki-green div #table_1 th { padding: 4px 6px ; } #page-vivliothiki-green div #table_1 td.column-0, #page-vivliothiki-green div #table_1 th.column-0 { min-width: 40px ; max-width: 40px ; } #page-vivliothiki-green div #table_1 td.column-1, #page-vivliothiki-green div #table_1 th.column-1 { min-width: 150px ; max-width: 150px ; } #page-vivliothiki-green div #table_1 td.column-2, #page-vivliothiki-green div #table_1 th.column-2 { min-width: 120px ; max-width: 120px ; } #page-vivliothiki-green div #table_1 td.column--, #page-vivliothiki-green div #table_1 th.column-- { min-width: 100px ; max-width: 100px ; } #page-vivliothiki-green div #table_1 td.column-4, #page-vivliothiki-green div #table_1 th.column-4 { min-width: 80px ; max-width: 80px ; } #page-vivliothiki-green div #table_1 td.column-isbn, #page-vivliothiki-green div #table_1 th.column-isbn { min-width: 90px ; max-width: 90px ; } } @media screen and (max-width: 380px) { #vivliothiki-page-titlos-head > div > h1{ font-size: 16px ; } } /*-------------------------TELOS VIVLIOTHIKIS------------------------------------*/ /*FIX PROVLIMATOS STO HOVER TOU BTN SIMANTIKA NEA STA TABLET KAI KATW*/ @media (max-width:1301px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:13px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:13px !important; } } @media (max-width:1177px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:11px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:11px !important; } } @media (max-width:600px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:12px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:12px !important; } } @media (max-width:485px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:10px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:10px !important; } } @media (max-width:400px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:10px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:10px !important; } } /*--------------------------------------PAGE DIAMESOLAVITES------------------------------------------*/ #diamesolavites-blue-container { padding-top: 100px !important; } #diamesolavites-heading-title > div > h1{ font-size: 30px !important; color: #8F7B50 !important; text-align: center !important; font-weight: 700 !important; margin-bottom: 35px !important; } #wdt-table-title-15 { font-size: 30px !important; color: #8F7B50 !important; text-align: center !important; font-weight:700 !important; margin-bottom:35px !important; } #diamesolavites-green-container { padding-top: 150px !important; display: flex; justify-content: center; align-items: center; margin: 0 auto !important; } #diamesolavites-green-container .et_pb_column_0 .wpDataTablesWrapper { width: 100% !important; margin: 0 !important; padding: 10px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 { width: 100% !important; margin: 0 !important; font-size: 13px !important; table-layout: auto !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td{ padding: 8px 10px !important; overflow: hidden !important; text-overflow: ellipsis !important; box-sizing: border-box !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 th{ padding: 8px 10px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; box-sizing: border-box !important; text-align: center; } #diamesolavites-green-container .wpDataTablesWrapper table.wpDataTable thead th.sorting:after{ display:inline !important; display: inline !important; bottom: 4px !important; position: relative !important; } /* #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-0 { min-width: 200px !important; max-width: 200px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-1 { min-width: 50px !important; max-width: 50px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-2, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-2 { min-width: 120px !important; max-width: 120px !important; } */ #diamesolavites-green-container .et_pb_column_0 #table_1_length, #diamesolavites-green-container .et_pb_column_0 #table_1_filter { margin-bottom: 10px !important; } /*------------------------------------------------MEDIA QUERIES-------------------------------------------------*/ @media screen and (max-width: 1024px) { #diamesolavites-blue-container { padding-top: 100px !important; } #diamesolavites-green-container { padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; } #diamesolavites-green-container .et_pb_column_0 .wpDataTablesWrapper { width: 100% !important; overflow-x: hidden !important; margin: 0 !important; padding: 10px !important; } #diamesolavites-green-container #wdt-table-title-15 { font-size: 20px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 { font-size: 12px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1_length, #diamesolavites-green-container .et_pb_column_0 #table_1_filter { text-align: center !important; float: none !important; margin-bottom: 15px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td, #diamesolavites-green-container .et_pb_column_0 #table_1 th { white-space: normal !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-2, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-2 { min-width: auto !important; max-width: none !important; } } @media screen and (max-width: 480px) { #diamesolavites-blue-container { padding-top: 50px !important; } #diamesolavites-green-container { padding-left: 5px !important; padding-right: 5px !important; } #diamesolavites-green-container .et_pb_column_0 .wpDataTablesWrapper { width: 100% !important; overflow-x: auto !important; margin: 0 !important; padding: 10px !important; } #diamesolavites-green-container #wdt-table-title-15 { font-size: 16px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 { font-size: 11px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1_wrapper .dataTables_length select { width: 60px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1_wrapper .dataTables_filter input { width: 120px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td, #diamesolavites-green-container .et_pb_column_0 #table_1 th { padding: 6px 8px !important; white-space: normal !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-2, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-2 { min-width: auto !important; max-width: none !important; } } @media screen and (max-width: 400px) { #diamesolavites-blue-container { padding-top: 50px !important; } #diamesolavites-green-container { padding-left: 2px !important; padding-right: 2px !important; } #diamesolavites-green-container .et_pb_column_0 .wpDataTablesWrapper { width: 100% !important; overflow-x: auto !important; margin: 0 !important; padding: 10px !important; } #diamesolavites-green-container #wdt-table-title-15 { font-size: 16px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 { font-size: 10px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td, #diamesolavites-green-container .et_pb_column_0 #table_1 th { padding: 4px 6px !important; white-space: normal !important; } #diamesolavites-green-container .et_pb_column_0 #table_1_wrapper .dataTables_length select { width: 50px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1_wrapper .dataTables_filter input { width: 100px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1_length, #diamesolavites-green-container .et_pb_column_0 #table_1_filter { margin-bottom: 8px !important; } #diamesolavites-green-container .et_pb_column_0 .wpDataTablesWrapper { padding: 5px !important; } #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-0, #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-1, #diamesolavites-green-container .et_pb_column_0 #table_1 td.column-2, #diamesolavites-green-container .et_pb_column_0 #table_1 th.column-2 { min-width: auto !important; max-width: none !important; } } /*-------------------------------------------CALENDAR--------------------------------------------------*/ div.mec-search-form.mec-totalcal-box{ display:none !important; } div.mec-next-month.mec-load-month.mec-next-month > a > i, div.mec-previous-month.mec-load-month.mec-previous-month > a > i{ display:none !important; } div.mec-calendar-header > h2{ color:#003B70 !important; } dl > dt.mec-calendar-day.mec-selected-day{ background:#003B70 !important; } div.mec-previous-month.mec-load-month.mec-previous-month > a, div.mec-next-month.mec-load-month.mec-next-month > a{ color:#8F7B50 !important; } div.mec-event-footer{ display:none !important; } .mec-monthly-contents{ display:flex; align-items:center; } article > div.mec-monthly-contents > div.mec-event-time, article > div.mec-monthly-contents > div.mec-event-time.mec-color > i{ display:none !important; } article > div.mec-monthly-contents > div.mec-event-time.mec-color{ font-size:12px !important; color:#8F7B50 !important; } .imerologio-page-heading{ display:flex; justify-content:center; align-items:center; } .imerologio-page-heading > h1{ color:#74591F !important; } .mec-calendar-day { cursor:pointer; } /*-----------------------------------------------------------PAGE RESET USER PASSWORD AFTER EMAIL----------------------------------------------*/ #blue-container-reset-password-after-email { background-color: #fff; padding-top:200px !important; max-width: 1200px; margin: 0 auto !important; } #reset-password-heading-after-email h1{ text-align:center !important; color:#74591F !important; font-size:40px !important; } #reset-password-after-email > div > div > div > div > form > div.tml-field-wrap.tml-indicator-wrap{ display:none !important; } #reset-password-after-email { max-width: 600px; margin: 50px auto !important; padding: 30px; background-color: #fff; border-radius: 8px; } .tml-resetpass form { display: flex; flex-direction: column; gap: 20px; margin-top:50px !important; } .tml-field-wrap { position: relative; } .tml-label { display: block; margin-bottom: 8px; color: #003B70; font-weight: 600; font-size: 16px; } .tml-field { width: 100%; padding: 12px 15px; border: 2px solid #e3e3e3; border-radius: 6px; font-size: 15px; } .tml-field:focus { border-color: #8f7b50; outline: none; box-shadow: 0 0 0 2px rgba(143, 123, 80, 0.2); } #pass-strength-result { padding: 12px; border-radius: 4px; margin-top: 10px; font-weight: 500; text-align: center; } #pass-strength-result.strong { background-color: #dff0d8; color: #3c763d; } #pass-strength-result.medium { background-color: #faf3d3; color: #8a6d3b; } #pass-strength-result.weak { background-color: #f2dede; color: #a94442; } .tml-button { background-color: #003B70 !important; color: white !important; padding: 14px 28px !important; border: none !important; border-radius: 6px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; width: 100% !important; margin-top: 20px !important; } .tml-button:hover { background-color: #8F7B50 !important; } .indicator-hint { color: #666; font-size: 14px; line-height: 1.4; margin-top: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 4px; border-left: 4px solid #8f7b50; } #reset-password-after-email > div > div > div > div > form > div.tml-field-wrap.tml-submit-wrap > button{ border:none !important; background-color:#003B70 !important; color:white !important; transform:none !important; } #reset-password-after-email > div > div > div > div > form > div.tml-field-wrap.tml-submit-wrap > button:hover{ background-color:#8f7b50 !important; } #reset-password-after-email > div > div > div > div > form > div.tml-field-wrap.tml-submit-wrap > button{ font-size:14px !important; } .reset-big-parent-password{ padding:50px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important; } #resetpassform > div input[type=password]{ padding:5px !important; } @media (max-width: 1200px) { #blue-container-reset-password-after-email { padding: 40px 15px; } #reset-password-heading-after-email h1{ font-size:32px !important; } } @media (max-width: 992px) { #reset-password-after-email { max-width: 500px !important; padding: 25px !important; } .tml-label { font-size: 15px !important; } } @media (max-width: 768px) { #reset-password-after-email { max-width: 100% !important; padding: 20px !important; } #reset-password-heading-after-email h1{ font-size:25px !important; } .tml-field { padding: 10px 12px !important; font-size: 14px !important; } .tml-button { padding: 12px 24px !important; font-size: 15px !important; } .indicator-hint { font-size: 13px !important; } } @media (max-width: 600px) { } @media (max-width: 480px) { #blue-container-reset-password-after-email { padding: 30px 10px; } #reset-password-heading-after-email h1{ font-size:20px !important; } .tml-label { font-size: 12px !important; } .tml-field { padding: 8px 10px !important; font-size: 13px !important; } .tml-button { padding: 10px 20px !important; font-size: 12px !important; } .indicator-hint { font-size: 12px !important; padding: 8px !important; } .reset-big-parent-password{ padding:20px !important; } } #reset-password-after-email > div > div > div > div > form > div.tml-field-wrap.tml-submit-wrap > button{ font-size:12px !important; } .tml-alerts { margin-bottom: 20px; } .tml-alert { padding: 12px 15px; border-radius: 4px; margin-bottom: 10px; font-size: 14px; } .tml-error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .tml-success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } /*--------------------------------------EDIT PROFILE APPEARANCE----------------------------------------------*/ /* #blue-container-edit-profile{ padding-top:200px !important; } */ .epeksergasia-profile-container > div{ display:flex; justify-content:center; align-items:center; gap:20px; } .epeksergasia-profile-container > div > div{ margin-bottom:0 !important; } .epeksergasia-profile-container > div > div.et_pb_module.dnxte_text_stroke.dnxte_text_stroke_1 > div > div > h2 { padding-bottom:0 !important; } .yphresies-logged-profile > div{ display:flex; justify-content:center; align-items:center; gap:20px; } #logged-in-profile-yphresies > div > div > h2{ padding-bottom:20px !important; } /*----------------------------------------------------------------DASHBOARD ENTOS PAGE USER PROFILE----------------------------------------------*/ .su-tabs { margin: 20px 0; width: 100%; background: none !important; border: none !important; box-sizing: border-box; } .su-tabs-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style-type: none; padding: 0; margin: 20px 0; } div.su-tabs-nav > span{ font-size:17px !important; } .su-tabs-nav li a { display: inline-block; padding: 10px 20px; cursor: pointer; border: 1px solid #ddd; background-color: #F0F0F1; border-radius: 5px; transition: all 0.3s ease; font-size: 1rem; color: #003B70; text-decoration: none; } .su-tabs-nav li a:hover { background-color: #003B70; border-color: #c4c8cc; } div > div.su-tabs-nav > span.su-tabs-current { background-color: #003B70; color: #fff; border-radius:5px !important; } .su-tabs .su-tabs-pane { display: none; padding: 20px; /* border:1px solid #ddd; */ border-radius: 5px; background-color: #fff; width: 100%; box-sizing: border-box; color: #000; } .su-tabs .su-tabs-pane.su-tabs-pane-open { display: block; } .su-tabs .su-tabs-pane h4 { color: #74591F; margin-top: 20px; margin-bottom: 10px; } .su-tabs .su-tabs-pane ul, .su-tabs .su-tabs-pane ol { padding-left: 20px; margin-bottom: 15px; } .su-tabs .su-tabs-pane ul li, .su-tabs .su-tabs-pane ol li { color: #000; line-height: 1.5; font-size: 1rem; list-style: disc; list-style-type: none; } .su-tabs-nav span:focus{ outline:none !important; } div.su-tabs-nav > span{ border:1px solid #ddd; transition: all 0.3s ease 0s !important; width: 300px !important; text-align: center !important; } div.su-tabs-nav > span:hover{ background-color: #003B70; color: white !important; } div.su-tabs-nav > span{ display:flex !important; justify-content:center !important; align-items:center !important; } /*------------------------------------ MEDIA QUERIES ------------------------------------*/ @media(max-width:1366px){ div.su-tabs-nav > span { width:250px !important; } div.su-tabs-nav > span{ font-size:15px !important; } } @media(max-width:1177px){ div.su-tabs-nav > span { width:200px !important; } } @media (max-width: 980px) { .su-tabs-nav { gap: 8px; display:flex !important; justify-content:center !important; align-items:center !important; flex-direction:column !important; } div.su-tabs-nav > span { width:280px !important; } .su-tabs-nav li a { padding: 8px 16px; font-size: 0.95rem; } div > div.su-tabs-nav > span { font-size: 15px !important; } } @media (max-width: 768px) { .su-tabs-nav { flex-direction: column !important; align-items: center !important; } .su-tabs-nav li a { width: 90%; text-align: center; padding: 10px 15px; font-size: 0.9rem; } .su-tabs .su-tabs-pane { padding: 15px; } } @media (max-width: 615px) { .su-tabs-nav li a { width: 100%; font-size: 0.85rem; padding: 8px 12px; } div.su-tabs-nav > span { font-size: 14px !important; } .su-tabs .su-tabs-pane { font-size: 0.95rem; line-height: 1.4; } } @media (max-width: 480px) { .su-tabs-nav { gap: 5px; } .su-tabs-nav li a { font-size: 0.8rem; padding: 6px 10px; } .su-tabs .su-tabs-pane { padding: 10px; font-size: 0.9rem; } div.su-tabs-nav > span { font-size: 13px !important; } } @media (max-width: 400px) { .su-tabs-nav li a { font-size: 0.75rem; padding: 5px 8px; } div > div.su-tabs-nav > span { font-size: 12px !important; } .su-tabs .su-tabs-pane { font-size: 0.85rem; padding: 8px; } } @media (max-width: 380px) { .su-tabs-nav li a { font-size: 0.7rem; padding: 4px 6px; border-radius: 3px; } div.su-tabs-nav > span { font-size: 11px !important; padding: 4px 6px; } .su-tabs .su-tabs-pane { font-size: 0.8rem; } } /*============================================ WPPB EDIT PROFILE CSS ======================================*/ .wppb-user-forms#wppb-edit-user { width: 100%; max-width: 800px; margin: 0 auto; font-family: 'Open Sans', sans-serif; } .wppb-user-forms#wppb-edit-user label { color: #003B70 !important; font-weight: bold; display: block; margin-bottom: 5px; } .wppb-user-forms#wppb-edit-user input:focus{ border-color:#8F7B50 !important; } .wppb-user-forms#wppb-edit-user input[type="text"], .wppb-user-forms#wppb-edit-user input[type="email"], .wppb-user-forms#wppb-edit-user input[type="password"], .wppb-user-forms#wppb-edit-user select { width: 100%; padding: 8px; border: 1px solid #003B70; border-radius: 4px; color: #000; background-color: #fff; box-sizing: border-box; margin-bottom: 15px; } .wppb-user-forms#wppb-edit-user h4 { color: #8F7B50 !important; font-weight: bold; margin-bottom: 10px; } .wppb-user-forms#wppb-edit-user .form-submit .button.submit { background-color: #003B70; color: #ffffff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; font-weight: bold; transition: background-color 0.3s ease; font-size:14px; } .wppb-user-forms#wppb-edit-user .form-submit .button.submit:hover { background-color: #8f7b50; } .select2-container--default .select2-selection--single { background-color: #003B70; border: 1px solid #003B70; border-radius: 4px; height: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff; line-height: 2; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ffffff transparent transparent transparent; } .select2-container--open .select2-selection--single { background-color: #005CA0; } .select2-container--default .select2-results > .select2-results__options { background-color: #ffffff; color: #003B70; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #005CA0; color: #ffffff; } #select_user_to_edit_form .select2-container { max-width: 100%; width: 100% !important; } .wppb-user-forms#wppb-edit-user ul { list-style-type: none; padding: 0; margin: 0; } .wppb-user-forms#wppb-edit-user .wppb-form-field { margin-bottom: 20px; } #wppb-edit-user > p{ text-align:center !important; } #select2-mec_location_id-container, #select2-mec_organizer_id-container{ padding:0 15px !important; text-align:left !important; line-height:23px !important; } #wppb-edit-user ul li{ display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; } #wppb-edit-user ul li span{ width:100%; } /*-------------------------------RESPONSIVE WPPB---------------------------------*/ @media(max-width:480px){ .wppb-user-forms#wppb-edit-user ul{ max-width:300px !important; margin:0 auto !important; } .wppb-user-forms#wppb-edit-user label{ font-size:14px !important; } .su-tabs .su-tabs-pane.su-tabs-pane-open{ display: block; max-width: 350px !important; margin: 0 auto !important; } } /*================================ PROFILE PAGE ================================================*/ /*Display none se ena input poy einai axreiasto kai den yparxei rythmisi na mhn fenetai*/ #select_user_to_edit_form{ display:none !important; } #username{ background-color:#efeaea !important; } #parent-black-btn-aposindesi-profile{ display:flex !important; justify-content:flex-end !important; align-items:center !important; } #btn-aposindesi-profile{ background: #003B70 !important; color: white !important; border:none !important; font-size:17px !important; border-radius:8px !important; margin-right:8px !important; } #btn-aposindesi-profile:hover{ background-color:#8F7B50 !important; } @media (max-width:1280px){ #btn-aposindesi-profile{ font-size:14px !important; } } @media (max-width:980px){ #btn-aposindesi-profile{ font-size:13px !important; } } @media (max-width:600px){ #btn-aposindesi-profile{ font-size:12px !important; } } @media (max-width:480px){ #btn-aposindesi-profile{ font-size:11px !important; } } @media (max-width:400px){ #btn-aposindesi-profile{ font-size:11px !important; } } @media (max-width:380px){ #btn-aposindesi-profile{ font-size:10px !important; } } .user-info-container { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6; max-width: 400px; margin: 20px auto; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #fafafa; } .user-info-item { margin-bottom: 10px; } .user-info-label { font-weight: bold; color: #333; } .user-info-value { color: #555; margin-left: 5px; } /*------------------------------------ css FULL-WIDTH SLIDER IMAGES---------------------------*/ #purple-container-slider { padding-top: 82px !important; transition: padding-top 0.3s ease !important; padding-bottom: 0 !important; margin: 0 !important; min-height:auto !important; } .global-header-parent.scrolled ~ #purple-container-slider { padding-top: 64px !important; } /*-----------------------------------RESPONSIVE GIA full width---------------------------*/ @media (max-width: 1815px) { #purple-container-slider { padding-top: 118px !important; } } @media (max-width: 1633px) { #purple-container-slider { padding-top: 118px !important; } #purple-container-slider > div, #purple-container-slider > div > div { min-height: auto !important; height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; } #purple-container-slider .et_pb_module.et_pb_fullwidth_slider_0 img { width: 100% !important; height: auto !important; object-fit: cover !important; } } @media (max-width: 1455px) { #purple-container-slider { padding-top: 118px !important; } } @media (max-width: 1280px) { #purple-container-slider { padding-top: 118px !important; } } @media (max-width: 1024px) { #purple-container-slider { padding-top: 110px !important; } } @media (max-width: 980px) { .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide{ min-height: auto !important; padding-top: 37px !important; } #purple-container-slider { padding-top: 145px !important; } } @media (max-width: 768px) { .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide{ padding-top: 37px !important; } } @media (max-width: 610px) { .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide{ padding-top: 37px !important; } } @media (max-width: 480px) { .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide{ padding-top: 10px !important; } #purple-container-slider { padding-top: 120px !important; } } @media (max-width: 400px) { .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide{ padding-top: 10px !important; } #purple-container-slider { padding-top: 125px !important; } } @media (max-width: 380px) { .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide{ padding-top: 10px !important; } } /*APOSTASI EKDILWSEIS ME TO PANW*/ #post-2 > div > div > div > div.et_pb_section.et_pb_section_11.et_section_regular{ padding-top:54px !important; } /*DIORTHWSI GIA ENA AKYRO BACKGROUND POY PERNEI TO DIV*/ .et_pb_bg_layout_light.et_pb_slider_with_overlay .et_pb_slide_overlay_container{ background-color:transparent !important; /*DONT TOUCH*/ } /*-----------------------------------RESPONSIVE GLOBAL HEADER ME TA SCROLL ---------------------------------------------------------*/ @media(max-width:1600px){ #header-logo-dsh .header-logo svg{ width: 198px !important; height: 60px !important; transition: all 0.3s ease !important; } .global-header-parent.scrolled #menu-items > div.navlinks-header-menu > div { margin-top: 10px !important; } } @media(max-width:1500px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg{ width: 140px !important; height: 60px !important; } } @media (max-width:1280px){ #header-logo-dsh .header-logo svg{ width: 170px !important; height: 60px !important; transition: all 0.3s ease !important; } .global-header-parent.scrolled #menu-items > div.navlinks-header-menu > div { margin-top: 20px !important; } } @media (max-width:1177px){ .global-header-parent.scrolled #menu-items > div.navlinks-header-menu > div { margin-top: 0 !important; } .global-header-parent.scrolled #header-logo-dsh .header-logo svg{ width: 140px !important; height: 70px !important; } } @media (max-width:980px){ .global-header-parent.scrolled #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before { top: 33px !important; } .global-header-parent.scrolled .header-icons { margin-top: 35px !important; } .global-header-parent.scrolled #header-logo-dsh > div { margin-top: 30px !important; } } @media (max-width:480px){ #header-logo-dsh .header-logo svg{ width: 150px !important; height: 85px !important; transition: all 0.3s ease !important; margin-left:5px !important; } .global-header-parent.scrolled #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before { top: 24px !important; } .global-header-parent.scrolled #header-logo-dsh .header-logo svg{ width: 125px !important; margin-left:5px !important; } .global-header-parent.scrolled #et-boc > header > div > div > div.et_pb_row.et_pb_row_0_tb_header.header-row.et_pb_row--with-menu { max-height: 120px !important; } } @media (max-width:400px){ .global-header-parent.scrolled #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before { top: 21px !important; } #header-logo-dsh .header-logo svg{ width:135px !important; } .global-header-parent.scrolled #header-logo-dsh .header-logo svg{ width: 120px !important; margin-left:5px !important; } } @media (max-width:380px){ .global-header-parent.scrolled #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before { top: 22px !important; } } /*------------------------------------------STYLE PAGE ANA EKDILWSI /dsh-events/ -----------------------------*/ .mec-container{ padding-top:200px !important; } .mec-full-calendar-wrap { max-width: 850px; margin: 0 auto; } /*---------------------------------- PAGES ATHLITKES,EPISTIMONIKES,POLITISTIKES EKDHLWSEIS---------------------------------------*/ div.green-events-title > div > div > div > h1 { text-align: center !important; color: #8F7B50 !important; font-size: 25px !important; margin-bottom: 32px !important; font-weight: 700 !important; } #comment-wrap { display: none !important; } .mec-wrap.colorskin-custom { font-family: 'Open Sans', sans-serif !important; background: #ffffff !important; border-radius: 8px !important; /* box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; */ } div.mec-event-list-standard > div.mec-month-divider { display: none !important; } .mec-event-article { padding: 24px !important; border-bottom: 1px solid #eee !important; transition: background-color 0.3s ease !important; } .mec-event-article:hover { background-color: #fafafa !important; } .mec-event-content h3.mec-event-title { margin-bottom: 16px !important; } .mec-event-content h3.mec-event-title a { font-size: 24px !important; font-weight: 700 !important; color: #333 !important; text-decoration: none !important; transition: color 0.3s ease !important; text-align:left !important; } .mec-event-content h3.mec-event-title a:hover { color: #8F7B50 !important; } .mec-event-description { color: #666 !important; line-height: 1.6 !important; margin-bottom: 16px !important; } .mec-event-meta { display: flex !important; flex-direction: column !important; gap: 8px !important; } .mec-date-details, .mec-time-details { display: flex !important; align-items: center !important; gap: 8px !important; color: #555 !important; } .mec-date-details i, .mec-time-details svg { width: 16px !important; height: 16px !important; color: #60daf2 !important; } .mec-booking-button { display: inline-block !important; padding: 13px 24px !important; background-color: #003B70 !important; color: white !important; text-decoration: none !important; border-radius: 4px !important; transition: background-color 0.3s ease !important; margin-top: 16px !important; } .mec-booking-button:hover { background-color: #002850 !important; } @media (max-width: 768px) { .mec-event-content-wrap { padding: 16px 0 !important; } .mec-event-meta-wrap { margin-top: 16px !important; } .mec-event-title a { font-size: 19px !important; } } .mec-topsec { display: flex !important; align-items: flex-start !important; gap: 32px !important; } .mec-event-content-wrap { flex: 3 !important; } .mec-event-meta-wrap { flex: 1 !important; } .mec-event-meta span { display: flex !important; align-items: center !important; gap: 8px !important; } .event-color { display: inline-block !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; margin-left: 8px !important; } .mec-topsec .mec-event-description { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; } .mec-topsec { display: flex !important; align-items: flex-start !important; gap: 32px !important; flex-wrap: nowrap !important; } .mec-event-content-wrap { flex: 1 !important; min-width: 0 !important; } .mec-col-table-c.mec-event-meta-wrap { min-width: 250px !important; width: auto !important; padding: 16px !important; flex-shrink: 0 !important; } .mec-event-meta.mec-color-before { display: flex !important; flex-direction: column !important; gap: 16px !important; padding:0 !important; } .mec-date-details, .mec-time-details, .mec-venue-details { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; } @media only screen and (max-width: 980px) { .mec-calendar-topsec { display: flex !important; flex-direction: column !important; align-items: center !important; } .mec-calendar-side { width: 100% !important; margin-bottom: 30px !important; padding: 0 !important; align-items: center !important; } .mec-calendar .mec-calendar-header h2{ margin-top:60px !important; } .mec-calendar-events-side { width: 100% !important; padding: 0 20px; box-sizing: border-box; } .mec-calendar .mec-calendar-events-side{ padding:0 !important; } } /*--------------------------------------------------------SINGLE PAGE EVENT---------------------------------------------------*/ .mec-single-event { padding: 32px !important; background: #fff !important; border-radius: 8px !important; /* box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; */ box-shadow:none !important; } .mec-events-event-image { text-align: center !important; margin-bottom: 24px !important; } .mec-events-event-image img { max-width: 100% !important; height: auto !important; } .mec-single-title { color: #003B70 !important; font-size: 22px !important; font-weight: 700 !important; margin-bottom: 24px !important; } .mec-single-event-description { color: #666 !important; line-height: 1.6 !important; margin-bottom: 32px !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; width: 100% !important; } .mec-single-event-description p { margin: 0 !important; padding: 0 !important; } .mec-events-meta-group-countdown { background: #f9f9f9 !important; padding: 24px !important; border-radius: 8px !important; margin-bottom: 32px !important; } .mec-event-meta { background: #fff !important; padding: 24px !important; border-radius: 8px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; } .mec-event-meta h3 { color: #003B70 !important; font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; } .mec-event-meta i { color: #60daf2 !important; font-size: 16px !important; } .mec-single-event-date, .mec-single-event-time, .mec-event-cost, .mec-single-event-location, .mec-single-event-category, .mec-single-event-organizer { margin-bottom: 24px !important; padding-bottom: 16px !important; border-bottom: 1px solid #eee !important; } .mec-single-event-organizer:before{ display:none !important; } .mec-event-meta dl { margin: 0 !important; } .mec-event-meta dd { margin: 0 !important; padding: 8px 0 !important; } div.mec-single-event-location > dl > dd.author.fn.org{ text-align:center !important; } div.mec-single-event-location > dl > dd.location > address { display:flex; justify-content:center; align-items:center; } div.mec-single-event-location > dl > dd.location > address > span{ color: #8F7B50 !important; font-size: 15px !important; } .mec-event-meta a { color: #8F7B50 !important; text-decoration: none !important; transition: color 0.3s ease !important; } .mec-event-meta a:hover { color: #003B70 !important; } .mec-local-time-details { background: #f9f9f9 !important; padding: 16px !important; border-radius: 8px !important; margin-bottom: 24px !important; } .mec-local-time-details ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .mec-local-time-details li { padding: 8px 0 !important; border-bottom: 1px solid #eee !important; } .mec-local-time-details li:last-child { border-bottom: none !important; } article > div > div.mec-event-content > div > p{ font-size:15px !important; color:#333 !important; } @media (max-width: 768px) { .mec-single-event { padding: 16px !important; } .mec-single-title { font-size: 24px !important; } .countdown-w ul { flex-wrap: wrap !important; } .countdown-w li { width: 50% !important; } } div.green-events-title > div > div > div > h1 { text-align: center !important; color: #8F7B50 !important; font-size: 30px !important; margin-bottom: 32px !important; font-weight: 700 !important; } #comment-wrap { display: none !important; } .mec-wrap.colorskin-custom { font-family: 'Open Sans', sans-serif !important; background: #ffffff !important; border-radius: 8px !important; /* box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; */ } div.mec-event-list-standard > div.mec-month-divider { display: none !important; } .mec-event-article { padding: 24px !important; border-bottom: 1px solid #eee !important; transition: background-color 0.3s ease !important; } .mec-event-article:hover { background-color: #fafafa !important; } .mec-topsec { display: flex !important; align-items: flex-start !important; gap: 32px !important; } .mec-event-image-wrap { width: 120px !important; flex-shrink: 0 !important; } .mec-event-image img { width: 100% !important; height: auto;; border-radius: 4px !important; } .mec-event-content-wrap { flex: 2 !important; min-width: 0 !important; padding-right: 24px !important; } .mec-event-meta-wrap { flex: 1 !important; min-width: 280px !important; background: #f9f9f9 !important; padding: 16px !important; border-radius: 8px !important; } .mec-event-content h3.mec-event-title { margin-bottom: 16px !important; } .mec-event-content h3.mec-event-title a { font-size: 17px !important; font-weight: 700 !important; color: #333 !important; text-decoration: none !important; transition: color 0.3s ease !important; } .mec-event-content h3.mec-event-title a:hover { color: #8F7B50 !important; } .mec-event-description { color: #666 !important; line-height: 1.6 !important; margin-bottom: 16px !important; font-size: 14px !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; -webkit-line-clamp: 3 !important; } .mec-event-meta { display: flex !important; flex-direction: column !important; gap: 12px !important; } .mec-date-details, .mec-time-details, .mec-venue-details { display: flex !important; align-items: center !important; gap: 8px !important; color: #555 !important; font-size: 14px !important; } .mec-booking-button { display: inline-block !important; padding: 13px 24px !important; background-color: #003B70 !important; color: white !important; text-decoration: none !important; border-radius: 4px !important; transition: background-color 0.3s ease !important; margin-top: 16px !important; text-align: center !important; } .mec-booking-button:hover { background-color: #002850 !important; } .event-color { display: inline-block !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; margin-left: 8px !important; } @media (max-width: 768px) { .mec-topsec { flex-direction: column !important; } .mec-event-image-wrap { width: 100px !important; } .mec-event-content-wrap { padding-right: 0 !important; } .mec-event-meta-wrap { width: 100% !important; min-width: 100% !important; } .mec-event-title a{ font-size: 16px !important; } } @media (max-width: 600px) { .mec-event-title a{ font-size: 15px !important; } } @media (max-width: 480px) { .mec-event-title a { font-size: 11px !important; } .mec-single-title{ font-size:18px !important; } } @media (max-width: 400px) { .mec-event-title a { font-size: 10px !important; } .mec-single-title{ font-size:17px !important; } } article > div > div.mec-events-meta-group.mec-events-meta-group-countdown{ display:none !important; } /*-------------------------------------------RIGHT SIDEBAR DATE,TIME,LOCATION KLP -------------------------------------------------*/ article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-time, #mec_local_time_details, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-date, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-organizer, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-event-cost, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-location{ display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; gap: 15px !important; } .mec-event-meta img.mec-custom-image-icon{ width:28px !important; height:28px !important; } .mec-event-list-standard .mec-event-meta .mec-venue-details span{ color:black !important; } article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-organizer > img{ width:80px !important; height:80px !important; } article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-time > h3, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-date > h3{ padding:0 !important; } article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-category{ display:none !important; } .mec-event-list-standard .mec-event-meta svg{ vertical-align: middle; margin-right: 12px; width: 23px !important; height: 25px !important; } article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-location > dl > dd.author.fn.org > img{ display:none !important; } .mec-sl-calendar { display: none !important; } .mec-event-d { position: relative !important; padding-left: 24px !important; display: flex !important; align-items: center !important; } .mec-event-d:before { content: "\f133" !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; position: absolute !important; left: 5px !important; color: #003B70 !important; font-size: 22px !important; } div > div > article > div.mec-topsec > div.col-md-3.mec-col-table-c.mec-event-meta-wrap > div > div.mec-date-details > span > span{ margin-left:11px !important; } .mec-sl-wallet, .mec-sl-home { display: none !important; } .mec-event-cost:before { content: "\f3d1" !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; left: 0 !important; color: #003B70 !important; font-size: 16px !important; } .mec-single-event-organizer:before { content: "\f1ad" !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; left: 0 !important; color: #003B70 !important; font-size: 16px !important; } .mec-categories-wrapper:before { content: "\f07b" !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; color: #003B70 !important; font-size: 19px !important; top: 4px !important; position: relative; left: 5px; margin-right: 5px; } .mec-sl-folder { display: none !important; } .mec-organizer i { display: none !important; } section.mec-container{ margin-bottom:150px !important; } article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-category{ display:none !important; } article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-time > h3, article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-date > h3, article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-event-cost > h3, article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-location > h3, article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-organizer > h3{ padding:0 !important; } article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-location > dl > dd.author.fn.org > img{ display:none !important; } @media(max-width:994px){ article > div.col-md-4{ display:flex !important; flex:0 !important; /*DONT TOUCH*/ } article.mec-single-event{ margin: 0 auto !important; text-align: center !important; display: flex !important; justify-content: center !important; } article > div.col-md-8 > div.mec-event-content > div > p{ text-align:left !important; } .mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-date, .mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-time, .mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-event-cost, .mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-location, .mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-organizer { display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; gap: 15px !important; width:100% !important; margin-bottom: 24px !important; padding-bottom: 16px !important; border-bottom: 1px solid #eee !important; } article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-category{ display:none !important; } .mec-single-event-location dl { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 15px !important; } .mec-single-event-location dl dd { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; } article > div.col-md-8 > div.mec-event-info-mobile > div > div.mec-single-event-organizer > img{ width:60px !important; } } @media(max-width:480px){ .mec-single-event-description{ width:300px !important; } .mec-single-event-description > p{ font-size:13px !important; } } @media(max-width:380px){ .mec-single-event-description{ width:270px !important; } .mec-single-event-description > p{ font-size:12px !important; } } /*----------------------------------------------TELOSS RIGHTIDE SINGLE PAGE-----------------------------------------------*/ article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-date > dl > dd > abbr > span, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-time > dl > dd > abbr, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-event-cost > dl > dd, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-location > dl > dd.author.fn.org > h6, article > div.col-md-4 > div.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox > div.mec-single-event-organizer > dl > dd > h6{ color: #8F7B50 !important; font-size: 15px !important; font-weight: 500; } article > div.col-md-8{ display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; } .mec-wrap .col-md-8{ height:50% !important; } /*Sto oles oi ekdhlwseis to Categories - apenergopoiw to link giati paei se allo template (toy plugin) kai den fiantai swsto*/ article > div.mec-topsec > div.col-md-3.mec-col-table-c.mec-event-meta-wrap > div > div.mec-categories-wrapper > ul > li > a{ pointer-events: none !important; color:#003B70 !important; } article > div.mec-topsec > div.col-md-3.mec-col-table-c.mec-event-meta-wrap > div > div.mec-time-details > span.mec-start-time, article > div.mec-topsec > div.col-md-3.mec-col-table-c.mec-event-meta-wrap > div > div.mec-time-details > span.mec-end-time{ color:black !important; font-size:13px !important; } article > div.mec-topsec > div.col-md-3.mec-col-table-c.mec-event-meta-wrap > div > div.mec-categories-wrapper > ul > li > a{ font-size:12px !important; } #mec_skin_events_17680 > div > div > article.mec-event-article > div.mec-topsec > div > div > div.mec-categories-wrapper > ul{ padding-left:12px !important; } /*----------------------------------------SETTINGS DIMIOURGIA EVENTS----------------------------------------------------*/ .mec-meta-box-fields{ border:none !important; } #mec-fes-countdown-status{ display:none !important; } div.su-tabs-panes > div.su-tabs-pane.su-u-clearfix.su-u-trim.su-tabs-pane-open > div{ background-color:white !important; } #mec-event-color{ display:none !important; } .mec-fes-form input[type=text]#mec_fes_title{ width:100%; } .mec-fes-form .mec-meta-box-fields{ border:1px solid #003b70 !important; } .mec-fes-form .mec-meta-box-fields h4{ background: #003b70 !important; color: white !important; } .mec-fes-form .select2-container{ min-height: 38px !important; box-sizing: border-box !important; margin-bottom: 8px !important; padding: 0 6px !important; border-radius: 2px !important; outline: 0 !important; min-width: 200px !important; font-size: 14px !important; border:none !important; box-shadow:none !important; } .mec-fes-form button[type=submit].mec-fes-sub-button{ background-color:#003b70 !important; box-shadow:none !important; } .mec-fes-form button[type=submit].mec-fes-sub-button:hover{ background-color:#8F7B50 !important; } .mec-fes-form #mec-event-data input[type=date], .mec-fes-form input[type=email], .mec-fes-form input[type=number], .mec-fes-form input[type=password], .mec-fes-form input[type=tel], .mec-fes-form input[type=text], .mec-fes-form input[type=url], .mec-fes-form select, .mec-fes-form textarea, .mec-fes-form input[type=checkbox]{ border-color: #003B70 !important; } .mec-fes-form input[type=text]:focus, .mec-fes-form #mec-event-data input[type=date]:focus, .mec-fes-form input[type=email]:focus, .mec-fes-form input[type=number]:focus, .mec-fes-form input[type=password]:focus, .mec-fes-form input[type=tel]:focus, .mec-fes-form input[type=text]:focus, .mec-fes-form input[type=url]:focus, .mec-fes-form select:focus, .mec-fes-form textarea:focus, .mec-fes-form input[type=checkbox]:focus{ border-color: #8F7B50 !important; } #mec_meta_box_date_form > div > div > p{ display:none !important; } .mec-fes-form .wp-editor-tabs .wp-switch-editor{ background-color:#003B70 !important; border:none !important; color:white !important; } #mceu_30-body{ background-color:#003B70 !important; } .mec-fes-form .wp-editor-tabs .wp-switch-editor:active{ background-color:#8F7B50 !important } .mec-fes-form .mec-form-row .button:not(.wp-color-result){ background: #003B70 !important; color: white !important; box-shadow:none !important; border:none !important; margin-top:10px !important; } .mec-fes-form .quicktags-toolbar, .mec-fes-form .mec-meta-box-fields h4, .mec-fes-form .quicktags-toolbar, .mec-fes-form div.mce-toolbar-grp{ box-shadow:none !important; border:none !important; background-color:#003B70 !important; } .mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox{ border:none !important; } .js .tmce-active .wp-editor-area{ color:black !important; } .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover{ background: #8F7B50 !important; } div.su-tabs-panes > div.su-tabs-pane.su-u-clearfix.su-u-trim.su-tabs-pane-open > div > div.mec-fes-form-top-actions > a{ display:none !important; } #mec-event-data{ display:none !important; } .mec-fes-form input+label{ padding:0 !important; gap:10px !important; } .mec-fes-form input[type=text]#mec_fes_title{ margin-top:10px !important; } .mec-fes-form .select2-container--default .select2-selection--single .select2-selection__arrow{ top:1px !important; right:7px !important; } .mec-fes-form .mec-tooltip .dashicons-before:before{ line-height:23px !important; } #mec_meta_box_repeat_form > div.mec-form-row{ display:flex !important; justify-content:flex-start !important; align-items:center !important; gap:5px !important; } .select2-container--open .select2-dropdown--below{ margin-top:0 !important; } /*add koumpi gia extra organisers */ #mec_additional_organizers_add{ margin: 0 !important; padding: 0 !important; width: 60px; height: 28px !important; margin-bottom: 0 !important; position: relative !important; bottom: 5px !important; display: flex !important; justify-content: center !important; align-items: center !important; } .mec-fes-form .select2-container{ margin-bottom:0px !important; } #mec-additional-organizer-wrap > div > div.mec-additional-organizers{ display:flex !important; justify-content:flex-start !important; align-items:center !important; } #mec-event-cost > div.mec-form-row{ display:none !important; } /* JJJJ TAB PROBOLI EVENTS*/ /* div.su-tabs-panes > div.su-tabs-pane.su-u-clearfix.su-u-trim.su-tabs-pane-open > div > div.mec-fes-list-top-actions{ display:none !important; } */ .mec-fes-list-top-actions a{ background: #003B70 !important; border-radius: 5px !important; width: 160px !important; height: 47px !important; font-weight: 400 !important; line-height: 15.4px !important; font-size: 14px !important; color: white !important; margin-top: 20px !important; box-shadow:none !important; transition: all 0.3s ease-in-out; } .mec-fes-list-top-actions a:hover{ background-color:#8F7B50 !important; color:white !important; } div.su-tabs-panes > div.su-tabs-pane.su-u-clearfix.su-u-trim.su-tabs-pane-open > div > div.mec-fes-list-top-actions{ display:flex !important; justify-content:center !important; align-items:center !important; } .mec-fes-list ul li .mec-event-status{ display:none !important; } div.su-tabs-panes > div.su-tabs-pane.su-u-clearfix.su-u-trim.su-tabs-pane-open > div > ul > li:hover{ box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) !important; border-color:#8F7B50 !important; } /*Boxakia Delete-Edit-View event*/ .mec-fes-list ul li .mec-fes-event-remove > div , .mec-fes-list ul li .mec-fes-event-edit > a > div, .mec-fes-list ul li .mec-fes-event-view > a > div{ background-color:#003B70 !important; } .mec-fes-list ul li .mec-fes-event-remove:hover, .mec-fes-list ul li .mec-fes-event-edit > a:hover, .mec-fes-list ul li .mec-fes-event-view > a:hover{ background-color:#003B70 !important; color:white !important; border:none !important; box-shadow:none !important; } .mec-fes-list .wn-p-t-right i{ display:none !important; } div.su-tabs-panes > div.su-tabs-pane.su-u-clearfix.su-u-trim.su-tabs-pane-open > div > div.mec-fes-form-top-actions > span{ display:none !important; } .mec-fes-list ul li{ border:1px solid #003B70 !important; } .mec-fes-list ul li a{ color:#003B70 !important; } /* span.mec-fes-event-edit{ display:none !important; } */ .su-tabs .su-tabs-pane h4{ margin-top:0 !important; } #mec_fes_form > div.mec-fes-form-cntt > div.mec-form-row.mec-fes-title > label{ background-color:#003B70 !important; color:white !important; padding:10px !important; } #mec_meta_box_date_form > div > span{ display:none !important; } #mec_meta_box_date_form > div{ display:flex !important; align-items:center !important; gap:5px !important; } #mec-featured-image > div > button.mec_remove_image_button.button{ margin-top:10px !important; } /*-------------------------------------CATEGORY EKDILWSEIS KAI IMERIDES--------------------------------------------*/ #main-content > div > div > div > div > div > div.category-post-box> div > article > a > img{ width: 120px !important; min-height: 120px !important; height: 100%; } div.category-post-box > div > article{ display: flex; align-items: flex-start; flex-direction:column !important; gap: 5px !important; } div.category-post-box > div > article > h2.entry-title{ order:3 !important; line-height:22px !important; } div.category-post-box > div > article > p.post-meta{ order:2 !important; } @media(max-width:1450px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:20px !important; } } @media(max-width:1280px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:20px !important; } } @media(max-width:980px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:17px !important; } } @media(max-width:768px){ div.category-post-box > div > article > h2.entry-title{ display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.4em !important; max-height: calc(1.4em * 2) !important; word-wrap: break-word !important; } #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:16px !important; line-height:27px !important; } } @media(max-width:600px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:15px !important; line-height:30px !important; } } @media(max-width:480px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:14px !important; } } @media(max-width:400px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:13px !important; } } @media(max-width:380px){ #main-content > div > div > div > div > div > div.et_pb_module.et_pb_blog_0_tb_body.category-post-box.et_pb_posts.et_pb_bg_layout_light > div > article > h2 > a{ font-size:12px !important; } } /*---------------------------------OLES OI EKDHLWSEIS MAZI------------------------------------*/ .green-container-ekdilwseis-head-and-calendar{ display:flex !important; justify-content:center !important; align-items:center !important; /* gap: 120px !important; */ margin-bottom: 20px !important; max-height: 563px !important; } /*EDW EINAI TO BOX SHADOW POY PREPEI NA AFAIRETHEI*/ .mec-event-list-standard .mec-event-article{ border: none !important; box-shadow: none !important; border-bottom: 1px solid #ddd !important; min-height: 350px !important; display: flex; justify-content: center; align-items: center; } .mec-wrap.colorskin-custom{ /* box-shadow:none !important; */ transition:none !important; animation:none !important; } .mec-event-list-standard .mec-event-meta .mec-venue-details span{ font-size:13px !important; } .mec-event-meta.mec-color-before{ display: flex !important; flex-direction: column !important; gap: 5px !important; border: none !important; box-shadow: none !important; } .green-container-ekdilwseis-head-and-calendar > div > div > div > div > div> div.mec-full-calendar-skin-container > div > div > div > div.mec-event-list-standard > article:hover{ background-color:white !important; } .mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap{ background-color:white !important; border:none !important; } .mec-event-article:hover{ background-color:white !important; } article > div.mec-topsec{ display:flex !important; justify-content:center !important; align-items:center !important; } .mec-event-list-standard ul.mec-event-status-icons{ display:none !important; } #ekdilwseis-oles-text-heading > div > h1{ font-size:30px !important; font-weight:700 !important; } article > div.mec-topsec > div.mec-event-content-wrap > div > div{ text-align:left !important; width:250px !important; display: none !important; } @media(max-width:1450px){ #ekdilwseis-oles-text-heading > div > h1{ font-size:25px !important;; } } @media(max-width:1280px){ #ekdilwseis-oles-text-heading > div > h1{ font-size:22px !important;; } } @media(max-width:994px){ div.green-events-title > div > div > div > h1{ font-size:35px !important; } #ekdilwseis-oles-text-heading > div > h1{ font-size:20px !important;; } } @media(max-width:768px){ #ekdilwseis-oles-text-heading > div > h1{ font-size:18px !important;; } div.green-events-title > div > div > div > h1{ font-size:30px !important; } } @media(max-width:600px){ #ekdilwseis-oles-text-heading > div > h1{ font-size:17px !important;; } div.green-events-title > div > div > div > h1{ font-size:25px !important; } #lista-ekdhlwseis-green{ padding:0 !important; margin:0 auto !important; } } @media(max-width:480px){ #ekdilwseis-oles-text-heading > div > h1{ font-size:17px !important;; } div.green-events-title > div > div > div > h1{ font-size:20px !important; } } @media(max-width:400px){ #ekdilwseis-oles-text-heading > div > h1{ font-size:15px !important;; } div.green-events-title > div > div > div > h1{ font-size:17px !important; } } /*------------------------------------------------------TEMPLATE IMERIDES KAI EKDILWISEIS GIA TA UPLOAD VIDEO----------------------*/ #post-dynamic-title > div.et_pb_title_featured_container > span > img{ width: 200px ; height: 200px ; margin-top: 70px ; } #post-imerides-template > div > article> a{ margin-bottom:0 ; } #post-dynamic-title > div.et_pb_title_featured_container{ text-align:left ; } #post-imerides-template > div > article{ flex-direction:row !important ; align-items:center; gap:5px !important; } #post-imerides-template > div > article > p{ display:none ; } #post-dynamic-title > div.et_pb_title_featured_container{ display:none ; } #post-imerides-template > div > article > h2 { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media(max-width:1366px){ #post-imerides-template > div > article > h2 > a{ font-size:20px ; } } @media(max-width:1200px){ #post-dynamic-title > div.et_pb_title_featured_container > span > img{ width: 100px ; height: 100px ; margin-top: 70px ; margin-bottom:70px ; } } @media(max-width:1080px){ #post-imerides-template > div > article > h2 > a{ font-size:17px ; } } @media(max-width:980px){ #post-imerides-template > div > article > h2 > a{ font-size:15px ; } } @media(max-width:768px){ #post-imerides-template > div > article{ flex-direction:row ; } } @media(max-width:480px){ #ekdilwseis-imerides-green-container > div > #dynamic-post-title > div > h1{ font-size:20px ; } #post-imerides-template > div > article{ flex-direction: row ; justify-content: flex-start ; align-items: center ; } #ekdilwseis-imerides-green-container > div > #post-imerides-template > div > article > a > img{ width:100px ; } #post-imerides-template > div > article > h2{ display:flex ; flex-wrap:wrap ; white-space:wrap ; } } /*-------------------------TEMPLATE YPHRESIES DIKASTHRIWN & EKTHEMATA IMAGES PANW APO TA ARTHRA-----------------------*/ #ekthemata-category-template{ padding-top:150px !important; } #template-image-over-all > span > img{ height:auto ; min-height:auto ; } #template-image-ekthemata-over-all > span > img{ height:auto ; min-height:auto ; } #dynamic-post-title > div > h1{ margin-top:30px ; } @media(max-width:1366px){ #template-image-over-all > span > img{ height:auto ; } #template-image-ekthemata-over-all > span > img{ height:auto ; } #dynamic-post-title > div > h1{ font-size:26px ; } } @media(max-width:980px){ #template-image-over-all > span > img{ height:auto ; } #template-image-ekthemata-over-all > span > img{ height:auto ; } } @media(max-width:768px){ #template-image-over-all > span > img{ height:auto ; padding:0 ; } #template-image-ekthemata-over-all > span > img{ height:auto ; padding:0 ; } #dynamic-post-title{ margin-bottom:30px ; } #ekthemata-category-template{ padding-top:200px ; } } @media(max-width:600px){ #template-image-over-all > span > img{ height:auto ; padding:0px ; } #template-image-ekthemata-over-all > span > img{ height:auto ; padding:30px 0 ; } #dynamic-post-title{ margin-bottom:30px ; } #green-ekthemata-template-image{ padding-left:0 ; padding-right:0 ; } #dynamic-post-title > div > h1{ font-size:26px ; } #ekthemata-category-template{ padding-top:165px ; } } @media(max-width:480px){ #green-ekthemata-template-image{ padding-top:100px ; } #dynamic-post-title{ margin-bottom:30px ; } #template-image-over-all > span > img{ height:auto ; } #template-image-ekthemata-over-all > span > img{ height:auto ; padding:30px 0 ; } #dynamic-post-title > div > h1{ font-size:20px ; } } @media(max-width:400px){ #dynamic-post-title > div > h1{ font-size:18px ; } } /*---------------------------------------------OLES OI EKDHLWSEIS PAGE CSS -----------------------------------*/ .event-color{ display:none !important; } .mec-topsec { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 20px; } .mec-event-content-wrap, .mec-event-image-wrap, .mec-event-meta-wrap { box-sizing: border-box; } .mec-event-image-wrap { flex: 0 0 25%; max-width: 25%; } .mec-event-content-wrap { flex: 0 0 50%; max-width: 50%; } .mec-event-meta-wrap { flex: 0 0 25%; max-width: 25%; } .mec-event-content h3.mec-event-title a { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; } .mec-no-events { font-family: 'Open Sans', sans-serif !important; font-size: 18px !important; text-align: center !important; color: #555 !important; background: #fafafa !important; padding: 20px !important; margin: 20px 0 !important; border-radius: 8px !important; border: 1px solid #ddd !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; } .mec-event-list-standard .mec-event-content{ padding-right:0 !important; } @media (max-width: 994px) { div > div > article.mec-event-article{ margin-bottom:50px !important; } .mec-fes-form input[type=text]#mec_fes_title{ min-width:100% !important; } .mec-topsec { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; text-align: center !important; } .mec-event-content h3.mec-event-title{ margin-bottom: 16px !important; width: 400px !important; text-align: left; } article > div.mec-topsec > div.mec-event-content-wrap > div > div{ max-width: 500px !important; min-width:500px !important; text-align: left !important; } .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap{ display:flex !important; justify-content:center !important; align-items:center !important; } .mec-event-meta{ padding:0 !important; } .mec-topsec{ margin-bottom:0 !important; } .mec-event-meta.mec-color-before{ display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start; gap: 5px !important; border: none !important; box-shadow: none !important; } .mec-col-table-c.mec-event-meta-wrap{ min-width: 550px !IMPORTANT; width: auto !important; padding: 0 !important; flex-shrink: 0 !important; } .mec-event-list-standard .mec-event-article{ margin-bottom:30px !important; font-family: 'Open Sans', sans-serif !important; background: #ffffff !important; border-radius: 8px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; } .mec-no-events { font-size: 16px !important; padding: 15px !important; margin: 15px 0 !important; } .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap{ min-width:200px !important; width:200px !important; } } @media (max-width: 850px){ article > div.mec-topsec > div.mec-event-content-wrap > div > div{ max-width:400px !important; min-width:400px !important; font-size:13px !important; } .mec-col-table-c.mec-event-meta-wrap{ min-width: 430px !important; max-width: 430px !important; } .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap{ min-width:200px !important; width:200px !important; } } @media (max-width: 768px) { article > div.mec-topsec > div.mec-event-content-wrap > div > div{ max-width:400px !important; min-width:400px !important; font-size:13px !important; } .mec-col-table-c.mec-event-meta-wrap{ min-width: 430px !important; max-width: 430px !important; } .mec-no-events { font-size: 14px !important; padding: 12px !important; margin: 12px 0 !important; } .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap{ min-width:200px !important; width:200px !important; } } @media (max-width: 650px) { article > div.mec-topsec > div.mec-event-content-wrap > div > div { max-width: 250px !important; min-width: 250px !important; font-size: 12px !important; } .mec-col-table-c.mec-event-meta-wrap { min-width: 250px !important; max-width: 250px !important; } .mec-event-content h3.mec-event-title { width: 350px !important; text-align: center !important; } .mec-event-content h3.mec-event-title a{ font-size:18px !important; } .mec-event-list-standard .mec-event-content{ padding-right:15px !important; } .mec-no-events { font-size: 12px !important; padding: 10px !important; margin: 10px 0 !important; } } @media (max-width: 480px) { article > div.mec-topsec > div.mec-event-content-wrap > div > div { max-width: 250px !important; min-width: 250px !important; font-size: 11px !important; } .mec-col-table-c.mec-event-meta-wrap { min-width: 250px !important; max-width: 250px !important; } .mec-event-content h3.mec-event-title { margin-bottom: 12px !important; width: 250px !important; text-align: center !important; } .mec-event-list-standard .mec-event-content{ padding:0 !important; } .mec-no-events { font-size: 11px !important; padding: 8px !important; margin: 8px 0 !important; } } @media (max-width: 400px) { article > div.mec-topsec > div.mec-event-content-wrap > div > div { max-width: 250px !important; min-width: 250px !important; font-size: 10px !important; } .mec-col-table-c.mec-event-meta-wrap { min-width: 250px !important; max-width: 250px !important; } .mec-event-content h3.mec-event-title { margin-bottom: 10px !important; width: 100% !important; text-align: center !important; } div > div.su-tabs-nav > span{ max-width:250px !important; min-width:250px !important; } .mec-no-events { font-size: 10px !important; padding: 6px !important; margin: 6px 0 !important; } } @media(max-width:380px){ div > div.su-tabs-nav > span{ padding:10px !important; text-align:center !important; } } /*-----------------------------------FIX SIMANTIKA NEA button------------------*/ @media (max-width:980px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:14px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:14px !important; } } @media (max-width:600px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:12px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:12px !important; } } @media (max-width:480px){ #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea{ font-size:10px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_4.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > #btn-metavasi-nea:hover{ font-size:10px !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_7.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_15.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:right !important; } #post-2 > div > div > div > div.et_pb_section.et_pb_section_10.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_23.et_pb_css_mix_blend_mode_passthrough.et-last-child > div{ text-align:right !important; } } /*---------------------------------------------------RESPONSIVE CALENDAR ARXIKHS SELIDAS(Opoy den kalyptetai apo to plugin) --------------------------------------------*/ .mec-event-list-standard .mec-event-meta svg{ vertical-align: middle; margin-right: 0 !important; width: 28px !important; height: 25px !important; } #mec_skin_events_17731 > div > div > article > div.mec-topsec > div.col-md-3.mec-col-table-c.mec-event-meta-wrap > div > div.mec-time-details > svg{ width:30px !important; margin-right:0 !important; } .mec-calendar{ border:none !important; box-shadow:none !important; } .mec-full-calendar-skin-container{ /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; */ /*border:1px solid #003B70 !important;*/ /* box-shadow: 0 0px 3px rgba(0, 59, 112, 0.4) !important; */ border:none !important; } .mec-calendar .mec-calendar-topsec .mec-calendar-side .mec-calendar-table{ /* border-top:1px solid #003B70 !important; */ /* box-shadow: 0 6px 12px rgba(0, 59, 112, 0.5) !important; */ border:none !important; } .mec-calendar .mec-calendar-events-side{ /* border: none !important; */ border: 1px solid #003B70 !important; border-left: none !important; } .mec-calendar .mec-month-side .mec-event-article{ border-top: 1px solid #003B70 !important; border-bottom: 1px solid #003B70 !important; } @media(max-width:980px){ .mec-calendar .mec-calendar-events-side{ border-left:1px solid #003B70 !important; padding:20px !important; } .mec-calendar .mec-month-side .mec-event-article{ border:none !important; } .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-header, #mec_monthly_view_month_16632_202412 > dl.mec-calendar-table-head, #mec_monthly_view_month_16632_202412 > dl{ width:100% !important; } .mec-calendar{ border:none !important; box-shadow:none !important; width:450px !important; margin:0 auto !important; } .mec-calendar-side .mec-calendar-table{ min-height:320px !important; } .mec-calendar-table-head, .mec-calendar-row{ display:flex !important; justify-content:center !important; align-items:center; } } .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side{ /* box-shadow: 0 0px 3px rgba(0, 59, 112, 0.4) !important; */ border:1px solid #003B70 !important; } @media(max-width:600px){ .mec-calendar{ width:400px !important; margin:0 auto !important; } #calendar-green-container{ padding: 0 !important; } } @media(max-width:480px){ .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side{ padding:20px !important; } .mec-calendar{ width:320px !important; margin:0 auto !important; } .mec-calendar-side .mec-calendar-table{ min-height:250px !important; } } @media(max-width:400px){ .mec-calendar{ width:300px !important; margin:0 auto !important; } } @media(max-width:380px){ .mec-calendar{ width:280px !important; margin:0 auto !important; } } /*-------------------------PAGE SELIDA (D.S.H ) MENU - MELH DIOIKITIKOY SYMBOYLIOY-------------------*/ #melh-dioikisis-blue-container{ padding-top:200px; } #melh-dioikisis-blue-container > div.et_pb_row.et_pb_row_1 > div > div > div > div > ul{ margin-left:5px; } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:30px; font-weight:700; font-family:'Open Sans'; } .melh-dsh-page-container { max-width: 1200px; margin: 0 auto; padding: 32px; } .melh-dsh-page-header { text-align: center; margin-bottom: 48px; } .melh-dsh-page-title, .melh-dsh-page-members h3 { color: #8F7B50; font-size: 22px; font-weight: 600; margin-bottom: 16px; } .melh-dsh-page-board-table { width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 48px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); table-layout: fixed; } .melh-dsh-page-board-table th, .melh-dsh-page-board-table td { width: 50%; padding: 19px; border: 1px solid #e3e3e3; line-height: 1.4; height: 60px; vertical-align: middle; text-align: center; color:#333; } .melh-dsh-page-board-table th { background-color: #003B70; color: white !important; font-weight: 600; font-size: 17px; letter-spacing: 0.5px; } .melh-dsh-page-board-table td { background-color: #ffffff; font-size: 16px; } .melh-dsh-page-board-table tr:nth-child(even) td { background-color: #F5F1EB; } .melh-dsh-page-members { margin-bottom: 48px; } .melh-dsh-page-members h3 { text-align: center; margin-bottom: 24px; } .melh-dsh-page-members-grid { display: grid; grid-template-columns: repeat(2, minmax(250px, 320px)); gap: 24px; margin-top: 32px; justify-content:center; } .melh-dsh-page-member { padding: 19px; background-color: #ffffff; border: 2px solid transparent; border-radius: 5px; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; transform: scale(1); } .melh-dsh-page-member:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #8F7B50; border-width: 1px; } .melh-dsh-page-signatures { display: flex; justify-content: center; gap: 48px; margin-top: 64px; padding-top: 32px; } .melh-dsh-page-signature-box { background-color: #ffffff; border: 2px solid transparent; border-radius: 8px; padding: 24px 40px; text-align: center; min-width: 250px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; transform: scale(1); } .melh-dsh-page-signature-box:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #8F7B50; } .melh-dsh-page-signature-title { color: #003B70; font-weight: 600; font-size: 18px; margin-bottom: 8px; text-transform: uppercase; } .melh-dsh-page-signature-name { color: #333; font-size: 16px; } .melh-dsh-page-members-table th { background-color: #003B70; color: white; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; } .melh-dsh-page-members-table td { width: 50%; text-align: center; padding: 19px; height: 60px; } .melh-dsh-page-members-table tr:nth-child(even) td { background-color: #F5F1EB; } #thiteia-date-limit-span{ font-size:13px; } @media (max-width: 1600px) { .melh-dsh-page-container { max-width: 1100px; padding: 28px; } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:28px; } } @media (max-width: 1450px) { .melh-dsh-page-container { max-width: 1000px; } #melh-dioikisis-blue-container { padding-top: 180px; } } @media (max-width: 1280px) { .melh-dsh-page-container { max-width: 900px; padding: 24px; } .melh-dsh-page-title, .melh-dsh-page-members h3 { font-size: 20px; } .melh-dsh-page-members-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 200px)); } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:25px; } } @media (max-width: 980px) { #melh-dioikisis-blue-container { padding-top: 200px; } .melh-dsh-page-container { max-width: 90%; } .melh-dsh-page-board-table th, .melh-dsh-page-board-table td { padding: 15px; font-size: 15px; } .melh-dsh-page-signatures { gap: 32px; } .melh-dsh-page-signature-box { padding: 20px 30px; min-width: 200px; } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:22px; } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:15px; } #thiteia-date-limit-span{ font-size:13px; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:15px; } } @media (max-width: 768px) { #melh-dioikitikoy-symvoylioy > div > div > h1 { font-size: 26px; } .melh-dsh-page-header { margin-bottom: 32px; } .melh-dsh-page-board-table { margin-bottom: 32px; } .melh-dsh-page-members-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 180px)); gap: 16px; } .melh-dsh-page-signatures { flex-direction: column; align-items: center; gap: 24px; } .melh-dsh-page-signature-box { width: 100%; max-width: 280px; } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:20px; } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:14px; } #thiteia-date-limit-span{ font-size:13px; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:14px !important; } } @media (max-width: 600px) { #melh-dioikisis-blue-container { padding-top: 200px; } .melh-dsh-page-container { padding: 16px; } .melh-dsh-page-board-table th, .melh-dsh-page-board-table td { padding: 12px; font-size: 14px; height: 50px; } .melh-dsh-page-member { height: 50px; padding: 12px; font-size: 14px; } .melh-dsh-page-members-table td { padding: 12px; font-size: 13px; height: 50px; } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:18px; } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:13px !important; } #thiteia-date-limit-span{ font-size:13px !important; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:13px !important; } } @media (max-width: 480px) { #melh-dioikitikoy-symvoylioy > div > div > h1 { font-size: 22px; } .melh-dsh-page-title, .melh-dsh-page-members h3 { font-size: 18px; } .melh-dsh-page-board-table { font-size: 13px !important; } .melh-dsh-page-members-grid { grid-template-columns: 250px; } .melh-dsh-page-signature-title { font-size: 16px; } .melh-dsh-page-signature-name { font-size: 14px !important; } #melh-dioikitikoy-symvoylioy > div > div > h1{ font-size:18px; } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:13px !important; } #thiteia-date-limit-span{ font-size:9px !important; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:13px !important; } } @media (max-width: 400px) { .melh-dsh-page-board-table th, .melh-dsh-page-board-table td { padding: 8px; font-size: 12px; height: 45px; } .melh-dsh-page-member { height: 45px; padding: 8px; font-size: 13px; } .melh-dsh-page-members-table td { padding: 8px; font-size: 12px; height: 45px; } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:12px; } #thiteia-date-limit-span{ font-size:12px; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:12px !important; } } @media (max-width: 380px) { #melh-dioikisis-blue-container { padding-top: 100px; } .melh-dsh-page-signature-box { padding: 16px 24px; } .melh-dsh-page-members-table td { padding: 6px; font-size: 11px; height: 40px; } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:10px; } #thiteia-date-limit-span{ font-size:11px; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:10px; } } @media (max-width: 340px) { .melh-dsh-page-board-table th, .melh-dsh-page-board-table td { padding: 6px; font-size: 11px; height: 40px; } .melh-dsh-page-member { height: 40px; padding: 6px; font-size: 12px; } .melh-dsh-page-members-grid { grid-template-columns: repeat(1, 200px); } #melh-dioikisis-blue-container > div > div > div > div > div > table.melh-dsh-page-board-table > tbody > tr > th, #melh-dioikisis-blue-container > div > div > div > div > div > div.melh-dsh-page-members > table > tbody > tr > th{ font-size:10px; } #thiteia-date-limit-span{ font-size:10px; } #melh-dioikisis-blue-container > div> div > div > div > div > table > tbody > tr> td{ font-size:10px; } } /*--------------------------PAGE EPITROPES----------------------*/ #epitropes-page-blue-container { padding-top: 200px; } #epitropes-omades-heading { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } #epitropes-omades-heading > h1 { font-size: 20px; text-decoration: underline; font-weight: 700; } #custom-table-wrapper { color: #333; line-height: 24px; } #custom-table-wrapper table.custom-table { width: 100%; border-collapse: collapse; margin-bottom: 32px; table-layout: fixed; /* border: 2px solid #003B70; */ } #custom-table-wrapper table.custom-table th { background-color: #003B70; color: #ffffff; text-align: center; font-weight: bold; padding: 12px; /* border: 1px solid #fff; */ } #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td { width: 50%; min-height: 80px; font-size:15px; } #custom-table-wrapper table.custom-table td { vertical-align: top; padding: 12px; border: 1px solid #003B70; color: #333; text-align: center; font-size:17px; } #custom-table-wrapper .custom-table-container { width: 100%; overflow-x: auto; overflow-y: hidden; } #custom-table-wrapper > p { font-size: 20px; color: #333; margin: 50px auto; } #custom-table-wrapper > div > table > tbody > tr > td > div.epitropes-members-list { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; margin: 10px 0; } .epitropes-members-list span { display: block; text-align: center; padding: 5px 0; width: 100%; font-size:17px; } .epitropes-members-list span:last-child { border-bottom: none; } .epitropes-page-footer-names, .epitropes-page-footer-names > p{ display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:17px; } #custom-table-wrapper > div > table > tbody > tr > td > div > strong{ font-size:17px; } @media (max-width: 1600px) { #custom-table-wrapper table.custom-table { font-size: 15px; } } @media (max-width: 1450px) { #custom-table-wrapper table.custom-table { font-size: 14px; } #custom-table-wrapper > div > table > tbody > tr > td > div > span, #custom-table-wrapper > div > table > tbody > tr > td> div > strong{ font-size:15px; } #custom-table-wrapper > p{ font-size:15px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:15px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:15px; } #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td{ font-size:14px; } } @media (max-width: 1280px) { #custom-table-wrapper table.custom-table { font-size: 14px; } #epitropes-omades-heading > h1 { font-size: 14px; } #custom-table-wrapper > div > table > tbody > tr > td > div > span, #custom-table-wrapper > div > table > tbody > tr > td> div > strong{ font-size:14px; } #custom-table-wrapper > p{ font-size:14px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:14px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:14px; } #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td{ font-size:13px; } } @media (max-width: 980px) { #custom-table-wrapper table.custom-table { font-size: 12px; } #epitropes-omades-heading > h1 { font-size: 17px; } #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 15px; } #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td { font-size:13px; } #custom-table-wrapper > div > table > tbody > tr > td > div > span, #custom-table-wrapper > div > table > tbody > tr > td> div > strong{ font-size:14px; } #custom-table-wrapper > p{ font-size:14px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:14px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:14px; } } @media (max-width: 768px) { #custom-table-wrapper .custom-table-container { display: block; } #epitropes-omades-heading > h1 { font-size: 17px; } #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 14px; } #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td { font-size:12px; } #custom-table-wrapper > div > table > tbody > tr > td > div > span, #custom-table-wrapper > div > table > tbody > tr > td> div > strong{ font-size:14px; } #custom-table-wrapper > p{ font-size:14px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:14px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:14px; } } @media (max-width: 600px) { #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 13px; } #epitropes-omades-heading > h1 { font-size: 14px; } #page-epitropes-title-head > div > h1 { font-size: 25px; } #custom-table-wrapper table.custom-table th{ font-size:10px; } #custom-table-wrapper table.custom-table td { font-size:12px; } #custom-table-wrapper > div > table > tbody > tr > td > div > span, #custom-table-wrapper > div > table > tbody > tr > td> div > strong{ font-size:13px; } #custom-table-wrapper > p{ font-size:13px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:13px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:13px; } } @media (max-width: 480px) { #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 12px; } #epitropes-omades-heading > h1 { font-size: 10px; } #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td { font-size:11px; } #custom-table-wrapper > div > table > tbody > tr > td > div > span, #custom-table-wrapper > div > table > tbody > tr > td> div > strong{ font-size:11px; } #custom-table-wrapper > p{ font-size:12px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:12px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:12px; } } @media (max-width: 400px) { #custom-table-wrapper table.custom-table th, #custom-table-wrapper table.custom-table td { padding: 8px; } #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 11px; } #custom-table-wrapper > p{ font-size:11px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:11px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:11px; } } @media (max-width: 380px) { #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 11px; } } @media (max-width: 340px) { #custom-table-wrapper > div > table > tbody > tr > td, #custom-table-wrapper > div > table > tbody > tr > th, #custom-table-wrapper > div > table > tbody > tr > td > div > strong, .epitropes-members-list span { font-size: 10px; } #custom-table-wrapper > p{ font-size:10px; } #custom-table-wrapper > div.epitropes-page-footer-names > p{ font-size:10px; } #custom-table-wrapper > div.epitropes-page-footer-names > p > strong{ font-size:10px; } } /*---------------------------PAGE HMEROLOGIA------------------------*/ #page-imerologia-blue-container{ padding-top:200px; } #imerologio-page-title > div > h1{ font-size:30px; } #calendar-page-wrapper { background-color: #ffffff; padding: 20px; gap: 20px; } #calendar-intro > p{ font-size:17px; color:#333; } .calendar-item { padding: 20px; border: 1px solid transparent; border-radius: 5px; background-color: #ffffff; margin: 20px auto; transition: box-shadow 0.3s ease, border-color 0.3s ease; list-style-type: none; border: 1px solid #ddd; } .calendar-item:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color:#8F7B50; } .calendar-link { font-size: 17px; color: #003B70; text-decoration: none; font-weight: bold; display: block; } .calendar-link:hover { color: #005177; } #calendar-list{ margin-top:50px; padding-left:0; } @media (max-width: 1600px) { .calendar-link { font-size: 16px; } } @media (max-width: 1450px) { .calendar-link { font-size: 15px; } } @media (max-width: 1280px) { .calendar-link { font-size: 14px; } #calendar-intro > p{ font-size:14px; } } @media (max-width: 980px) { #calendar-page-wrapper { padding: 15px; } #imerologio-page-title > div > h1{ font-size:28px; } .calendar-link { font-size: 13px; } } @media (max-width: 768px) { .calendar-link { font-size: 12px; } #imerologio-page-title > div > h1{ font-size:25px; } .calendar-item{ padding:15px; } } @media (max-width: 600px) { #calendar-page-wrapper { padding: 10px; } #imerologio-page-title > div > h1{ font-size:22px; } .calendar-link { font-size: 10px; } .calendar-item{ padding:10px; } #calendar-intro > p{ font-size:13px; } #calendar-list{ padding:0; } } @media (max-width: 480px) { .calendar-link { font-size: 9px; } #imerologio-page-title > div > h1{ font-size:20px; } #calendar-intro > p{ font-size:12px; } } @media (max-width: 400px) { .calendar-link { font-size: 9px; } #calendar-intro > p{ font-size:11px; } } @media (max-width: 380px) { .calendar-link { font-size: 8px; } #imerologio-page-title > div > h1{ font-size:18px; } } /* ------------------------------------ PAGE DIKAIOLOGITIKWN------------------------------------- */ #dikaiologitika-blue-container { padding-top: 200px !important; } #dikaiologitika-heading-text { display: flex; justify-content: center; align-items: center; } #dikaiologitika-heading-text h1 { color: #8F7B50 !important; font-size: 30px !important; font-weight:700 !important; } .main-title { color: #003B70; text-align: center; margin-bottom: 10px; } .intro-text { font-size: 17px; margin-bottom: 20px; line-height: 1.4; color:#333 !important; } .table-container { margin-bottom: 30px; overflow-x: auto; } .dikaiologitika-table { width: 100%; border-collapse: collapse; min-width: 700px; } .dikaiologitika-table thead tr { background-color: #003B70; color: #fff; } .dikaiologitika-table thead th { padding: 10px; text-align: left; font-weight: bold; color: #fff !important; } .dikaiologitika-table tbody tr:nth-child(even) { background-color: #fafafa; } .dikaiologitika-table th, .dikaiologitika-table td { border: 1px solid #003B70; padding: 10px; vertical-align: top; font-size: 0.95rem; line-height: 1.3; color:#333 !important; } .dikaiologitika-table td[colspan] { background-color: #fefbf5; font-style: italic; color:#333 !important; } .dikaiologitika-table thead th{ text-align:center !important; } .dikaiologitika-table thead th:nth-of-type(1) { width: 10%; } .dikaiologitika-table thead th:nth-of-type(2) { width: 15%; } .dikaiologitika-table thead th:nth-of-type(3) { width: 35%; } .dikaiologitika-table thead th:nth-of-type(4) { width: 10%; } .dikaiologitika-table thead th:nth-of-type(5) { width: 30%; } #dikaiologitika-blue-container > div > div > div > div > div > table > tbody > tr > td{ font-size:17px !important; } /* ------------------------------------RESPONSIVE STYLING (MEDIA QUERIES)------------------------------------- */ @media (max-width:1600px) { .dikaiologitika-table thead th:nth-of-type(1) { width: 10%; } .dikaiologitika-table thead th:nth-of-type(2) { width: 15%; } .dikaiologitika-table thead th:nth-of-type(3) { width: 35%; } .dikaiologitika-table thead th:nth-of-type(4) { width: 10%; } .dikaiologitika-table thead th:nth-of-type(5) { width: 30%; } } @media (max-width:1450px) { .dikaiologitika-table thead th:nth-of-type(1) { width: 12%; } .dikaiologitika-table thead th:nth-of-type(2) { width: 15%; } .dikaiologitika-table thead th:nth-of-type(3) { width: 33%; } .dikaiologitika-table thead th:nth-of-type(4) { width: 10%; } .dikaiologitika-table thead th:nth-of-type(5) { width: 30%; } } @media (max-width:1366px) { .dikaiologitika-table thead th:nth-of-type(1) { width: 14%; } .dikaiologitika-table thead th:nth-of-type(2) { width: 15%; } .dikaiologitika-table thead th:nth-of-type(3) { width: 31%; } .dikaiologitika-table thead th:nth-of-type(4) { width: 10%; } .dikaiologitika-table thead th:nth-of-type(5) { width: 30%; } } @media (max-width: 1177px) { .dikaiologitika-table { min-width: 100% !important; font-size: 14px !important; } .dikaiologitika-table th, .dikaiologitika-table td { padding: 8px !important; } .dikaiologitika-table thead th:nth-of-type(1) { width: 15% !important; } .dikaiologitika-table thead th:nth-of-type(2) { width: 15% !important; } .dikaiologitika-table thead th:nth-of-type(3) { width: 35% !important; } .dikaiologitika-table thead th:nth-of-type(4) { width: 10% !important; } .dikaiologitika-table thead th:nth-of-type(5) { width: 25% !important; } } @media (max-width: 980px) { .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; } .dikaiologitika-table { display: block; width: 100%; } .dikaiologitika-table thead { display: none; } .dikaiologitika-table tbody, .dikaiologitika-table tr, .dikaiologitika-table td { display: block; width: 100%; } .dikaiologitika-table tr { margin-bottom: 15px; border: 1px solid #003B70; } .dikaiologitika-table td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; min-height: 30px; text-align: left; } .dikaiologitika-table td:before { content: attr(data-label); position: absolute; left: 0; width: 45%; padding-left: 10px; font-weight: bold; text-align: left; color: #003B70; } .dikaiologitika-table td:last-child { border-bottom: none; } .dikaiologitika-table td ul { margin: 0; padding-left: 20px; } .dikaiologitika-table td[colspan] { padding-left: 10px; } .dikaiologitika-table td[colspan]:before { display: none; } } @media (max-width: 768px) { .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; } #dikaiologitika-heading-text > div > div > h1{ font-size:30px !important; } .dikaiologitika-table { display: block; width: 100%; } .dikaiologitika-table thead { display: none; } .dikaiologitika-table tbody, .dikaiologitika-table tr, .dikaiologitika-table td { display: block; width: 100%; } .dikaiologitika-table tr { margin-bottom: 15px; border: 1px solid #003B70; } .dikaiologitika-table td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; min-height: 30px; text-align: left; } .dikaiologitika-table td:before { content: attr(data-label); position: absolute; left: 0; width: 45%; padding-left: 10px; font-weight: bold; text-align: left; color: #003B70; } .dikaiologitika-table td:last-child { border-bottom: none; } .dikaiologitika-table td ul { margin: 0; padding-left: 20px; } .dikaiologitika-table td[colspan] { padding-left: 10px; } .dikaiologitika-table td[colspan]:before { display: none; } .dikaiologitika-table td{ font-size:14px !important; } #dikaiologitika-blue-container > div > div > div > div > p{ font-size:14px !important; } #dikaiologitika-blue-container > div > div > div > div > div > table > tbody > tr > td{ font-size:14px !important; } } @media (max-width: 600px) { .dikaiologitika-table td { font-size: 0.85rem; padding-left: 45%; } .dikaiologitika-table td:before { width: 40%; } .dikaiologitika-table td{ font-size:12px !important; } #dikaiologitika-blue-container > div.et_pb_row.et_pb_row_1 > div > div > div > p{ font-size:13px !important; } #dikaiologitika-heading-text > div > div > h1{ font-size:25px !important; } #dikaiologitika-blue-container > div > div > div > div > div > table > tbody > tr > td{ font-size:13px !important; } } @media (max-width: 480px) { .dikaiologitika-table td { font-size: 0.8rem; padding-left: 40%; } .dikaiologitika-table td:before { width: 35%; } .dikaiologitika-table td{ font-size:11px !important; } #dikaiologitika-heading-text > div > div > h1{ font-size:20px !important; } #dikaiologitika-blue-container > div > div > div > div > div > table > tbody > tr > td{ font-size:12px !important; } #dikaiologitika-blue-container > div.et_pb_row.et_pb_row_1 > div > div > div > p{ font-size:12px !important; } } @media (max-width: 400px) { #dikaiologitika-heading-text > div > div > h1{ font-size:18px !important; } } @media (max-width: 380px) { #dikaiologitika-heading-text > div > div > h1{ font-size:16px !important; } } @media (max-width: 340px) { #dikaiologitika-heading-text > div > div > h1{ font-size:14px !important; } } /*---------------------------------PAGE METAFRASTES DIKIGOROI----------------------*/ #metafrastes-dikigoroi-blue-container{ padding-top:200px !important; } #metafrastes-page-header-title > div > div > div { display:flex !important; justify-content:center !important; align-items:center !important; } #metafrastes-page-header-title > div > div > div > h1{ font-size:30px !important; color:#8F7B50 !important; font-weight:700 !important; } @media screen and (max-width: 1200px) { #table_1_wrapper { overflow-x: auto !important; display: block !important; } #table_1 { table-layout: fixed !important; } #table_1 th, #table_1 td { /* white-space: nowrap !important; */ text-align: left !important; padding: 8px !important; } } @media (max-width: 768px) { #metafrastes-page-header-title > div > div > div > h1{ font-size:25px !important; } } @media (max-width: 600px) { #metafrastes-page-header-title > div > div > div > h1{ font-size:25px !important; } } @media (max-width: 480px) { #metafrastes-page-header-title > div > div > div > h1{ font-size:20px !important; } } @media (max-width: 400px) { #metafrastes-page-header-title > div > div > div > h1{ font-size:20px !important; } } /*FIX FONT SIZES SIMANTIKA-NEA,DELTIATYPOY,ANAKOINWSEIS ILEKTRONIKES YPHRESIES STA DIVIDERS*/ @media(max-width:980px){ #simantika-nea-divider-container > div > div > div > p, #anakoinwseis-divider-container > div > div > div > p, #ekdhlwseis-divider-container > div > div > div > p , #deltia-typoy-divider-container > div > div > div > p, #divider-heading-yphresies > div > p{ font-size: 25px !important; } } @media(max-width:480px){ #simantika-nea-divider-container > div > div > div > p, #anakoinwseis-divider-container > div > div > div > p, #ekdhlwseis-divider-container > div > div > div > p , #deltia-typoy-divider-container > div > div > div > p, #divider-heading-yphresies > div > p{ font-size: 20px !important; } } /*--------------------------------PAGE RADAMANTHIS---------------------------*/ #page-radamanthis-blue-container { padding-top: 200px; } #radamanthis-title-text > div { display: flex; justify-content: center; align-items: center; } #radamanthis-title-text > div > h1 { color: #8F7B50 !important; font-size: 40px !important; font-weight: 700; } .radamanthis-container { width: 100%; margin: 0 auto; padding: 16px; box-sizing: border-box; } .radamanthis-year { margin-bottom: 80px; } .radamanthis-year-title { font-size: 19px; color: #8F7B50; margin-bottom: 8px; text-align: center !important; } .radamanthis-year-hr { border: none; border-bottom: 1px solid #d1d1d1; margin-bottom: 16px; } .radamanthis-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0 auto; } .radamanthis-table td { text-align: center; vertical-align: top; padding: 16px; } .radamanthis-img { display: block; margin: 0 auto; width: 200px; height: 288px; object-fit: cover; border: none; } .radamanthis-table td a { color: #003B70; text-decoration: none; font-weight: bold; } #page-radamanthis-blue-container > div > div > div > div > div > section > table > tbody > tr, #page-radamanthis-blue-container > div > div > div > div > div > section > table > tbody > tr > td, #page-radamanthis-blue-container > div.et_pb_row.et_pb_row_1 > div > div > div > div > section > table{ border:none !important; } #page-radamanthis-blue-container > div> div > div > div > div > section > table > tbody > tr > td{ color:#003B70 !important; } #page-radamanthis-blue-container > div > div > div > div > div > section > table.radamanthis-table{ border:none !important; } @media(max-width:994px){ #page-radamanthis-blue-container > div > div > div > div > div > section> table.radamanthis-table > tbody > tr{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; } } @media (max-width: 768px) { #radamanthis-title-text > div > h1 { font-size: 30px !important; } .radamanthis-table tr, .radamanthis-table td { display: block; width: 100%; } .radamanthis-table td { margin-bottom: 16px; } } @media (max-width: 600px) { #radamanthis-title-text > div > h1 { font-size: 25px !important; } } @media (max-width: 480px) { #radamanthis-title-text > div > h1 { font-size: 20px !important; } } /*Fix videos in posts*/ @media (max-width: 1366px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 900px !important; max-width: 900px !important; min-width: 900px !important; max-height: 400px !important; min-height: 400px !important; margin-top:50px !important; } } @media (max-width: 1177px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 800px !important; max-width: 800px !important; min-width: 800px !important; max-height: 360px !important; min-height: 360px !important; } } @media (max-width: 1024px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 700px !important; max-width: 700px !important; min-width: 700px !important; max-height: 315px !important; min-height: 315px !important; } } @media (max-width: 980px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 640px !important; max-width: 640px !important; min-width: 640px !important; max-height: 285px !important; min-height: 285px !important; } } @media (max-width: 768px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 540px !important; max-width: 540px !important; min-width: 540px !important; max-height: 240px !important; min-height: 240px !important; } } @media (max-width: 600px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 450px !important; max-width: 450px !important; min-width: 450px !important; max-height: 213px !important; min-height: 213px !important; } } @media (max-width: 480px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 360px !important; max-width: 360px !important; min-width: 360px !important; max-height: 160px !important; min-height: 160px !important; } } @media (max-width: 400px) { #post-content-container > div > div > div > div > div > div > div > p > div { width: 320px !important; max-width: 320px !important; min-width: 320px !important; max-height: 144px !important; min-height: 144px !important; } } /*------------------------STYLE FOR PAGINATION DEFAULT DIVI ON POSTS/SEARCHES ETC ------------*/ .pagination .alignleft a, .pagination .alignright a { color: #ffffff; background: #003B70; border: none; padding: .7em 1.3em; border-radius: 50px; text-transform: capitalize; transition: all 0.3s ease-in-out; } .pagination .alignleft a:hover, .pagination .alignright a:hover { background: #8F7B50; color: #ffffff; transition: all 0.3s ease-out; } /*-----------------Responsive----------------*/ @media (max-width: 1600px) { .pagination .alignleft a, .pagination .alignright a { padding: 10px 18px; font-size: 16px; } } @media (max-width: 1450px) { .pagination .alignleft a, .pagination .alignright a { padding: 10px 16px; font-size: 15px; } } @media (max-width: 1280px) { .pagination .alignleft a, .pagination .alignright a { padding: 8px 14px; font-size: 14px; } } @media (max-width: 1024px) { .pagination .alignleft a, .pagination .alignright a { padding: 8px 12px; font-size: 13px; } } @media (max-width: 980px) { .pagination .alignleft a, .pagination .alignright a { padding: 6px 10px; font-size: 12px; } } @media (max-width: 768px) { .pagination .alignleft a, .pagination .alignright a { padding: 6px 8px; font-size: 11px; } } @media (max-width: 600px) { .pagination .alignleft a, .pagination .alignright a { padding: 5px 7px; font-size: 10px; } } @media (max-width: 480px) { .pagination .alignleft a, .pagination .alignright a { padding: 5px 6px; font-size: 9px; } } @media (max-width: 400px) { .pagination .alignleft a, .pagination .alignright a { padding: 4px 5px; font-size: 8px; } } @media (max-width: 380px) { .pagination .alignleft a, .pagination .alignright a { padding: 4px 4px; font-size: 7px; } } /*FIXES STO CALENDAR*/ .mec-calendar dl{ width:100% !important; } .mec-wrap .mec-skin-list-container{ display:flex !important; justify-content:center !important; align-items:center !important; } div.mec-wrap .mec-skin-list-container > .mec-skin-list-events-container{ color:#003B70 !important; text-align:center !important; } div.mec-categories-wrapper{ display:none !important; } /*FIX LOGIN ICON ISSUES*/ #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:25px !important; } @media(max-width:980px){ #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:27px !important; } } @media(max-width:480px){ #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:25px !important; bottom:0px !important; } } @media(max-width:400px){ #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:25px !important; } div#login-icon-press.logged-in-icon > a > span > span, div#logout-icon-press.logged-in-icon > a > span > span{ bottom:2px !important; } } #istoriko-img-fix > span > img{ border-radius:0 !important; } /*-------------------------------fix sto global header---------------------------*/ #menu-items > div.navlinks-header-menu{ margin: 0 !important; padding-bottom: 27px !important; } #et-boc > header > div > div{ padding-top:30px !important; } .global-header-parent.scrolled #menu-items > div.navlinks-header-menu { margin: 0 !important; padding-bottom: 0 !important; } @media(max-width:1400px){ #menu-items > div.navlinks-header-menu{ padding-bottom: 30px !important; } #et-boc > header > div > div > div.header-row > div.header-icons{ bottom:5px !important; } .global-header-parent.scrolled div.header-row > div.header-icons{ top:1px !important; } } @media(max-width:1180px){ #menu-items > div.navlinks-header-menu{ padding-bottom: 27px !important; } .global-header-parent.scrolled #menu-items > div.navlinks-header-menu{ padding-top:18px !important; } } /*------------------------------------PAGE YPODEIGMATA PISTOPOIITIKWN-------------------------*/ #ypodeigmata-docs-blue-container{ padding-top:200px ; } #ypodeigmata-heading-title > div > h1{ font-size:30px ; font-weight:700 ; color:#8F7B50 ; } #ypodeigmata-page-wrapper { background-color: #ffffff ; gap: 20px ; } #ypodeigmata-intro > p { font-size: 17px ; text-align: center; color: #333 ; text-transform: uppercase; font-weight: 700; } .ypodeigmata-item { padding: 20px ; border: 1px solid transparent ; border-radius: 5px ; background-color: #ffffff ; margin: 20px auto ; transition: box-shadow 0.3s ease, border-color 0.3s ease ; list-style-type: none ; border: 1px solid #ddd ; } .ypodeigmata-item:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) ; border-color: #8F7B50 ; } .ypodeigmata-link { font-size: 17px ; color: #003B70 ; text-decoration: none ; font-weight: bold ; display: flex ; justify-content: space-between ; align-items: center ; } .ypodeigmata-link:hover { color: #005177 ; } .pdf-icon { display: inline-block ; margin-left: 15px ; } .link-text { flex: 1 ; } #ypodeigmata-list { /* margin-top: 50px ; */ padding-left: 0 ; } @media (max-width: 1600px) { .ypodeigmata-link { font-size: 16px ; } } @media (max-width: 1450px) { .ypodeigmata-link { font-size: 15px ; } } @media (max-width: 1280px) { .ypodeigmata-link { font-size: 14px ; } #ypodeigmata-intro > p { font-size: 14px ; } } @media (max-width: 980px) { #ypodeigmata-page-wrapper { padding: 15px ; } .ypodeigmata-link { font-size: 13px ; } .pdf-icon svg { width: 20px ; height: 20px ; } #ypodeigmata-heading-title > div > h1{ font-size:25px ; } } @media (max-width: 768px) { .ypodeigmata-link { font-size: 12px ; } .ypodeigmata-item { padding: 15px ; } .pdf-icon svg { width: 18px ; height: 18px ; } #ypodeigmata-heading-title > div > h1{ font-size:22px ; } } @media (max-width: 600px) { #ypodeigmata-page-wrapper { padding: 10px ; } .ypodeigmata-link { font-size: 11px ; } .ypodeigmata-item { padding: 10px ; } #ypodeigmata-intro > p { font-size: 13px ; } #ypodeigmata-list { padding: 0 ; } .pdf-icon svg { width: 16px ; height: 16px ; } #ypodeigmata-heading-title > div > h1{ font-size:20px ; } } @media (max-width: 480px) { .ypodeigmata-link { font-size: 9px ; } #ypodeigmata-intro > p { font-size: 12px ; } .pdf-icon svg { width: 14px ; height: 14px ; } #ypodeigmata-heading-title > div > h1{ font-size:18px ; } } @media (max-width: 400px) { .ypodeigmata-link { font-size: 9px ; } #ypodeigmata-intro > p { font-size: 11px ; } .pdf-icon svg { width: 12px ; height: 12px ; } #ypodeigmata-heading-title > div > h1{ font-size:17px ; } } @media (max-width: 380px) { .ypodeigmata-link { font-size: 8px ; } #ypodeigmata-heading-title > div > h1{ font-size:16px ; } } @media (max-width: 340px) { .ypodeigmata-link { font-size: 8px ; } #ypodeigmata-heading-title > div > h1{ font-size:14px ; } } /*--------------------------------LOGIN ICON FIXES--------------------*/ #login-icon-press > div > a > svg, #logout-icon-press > div > a > svg{ width:25px !important; height:25px !important; } @media(max-width:980px){ #login-icon-press > div > a > svg, #logout-icon-press > div > a > svg{ width: 25px !important; height: 25px !important; } #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top:20px !important; } .global-header-parent.scrolled #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top:18px !important; } #et-boc > header > div > div > div.header-row > div.header-icons{ bottom:0 !important; } #login-icon-press > a > span > span, #logout-icon-press > a > span > span{ font-size:25px !important; } } @media(max-width:480px){ #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top:10px !important; } .global-header-parent.scrolled #menu-items > div > div > div > div.et_mobile_nav_menu > div > span:before{ top:7px !important; } .global-header-parent.scrolled #header-logo-dsh .header-logo svg{ margin-bottom:3px !important; } } /*-------------------PAGE ISTORIKO EANDH------------------*/ #page-eandh-blue-container{ padding-top:200px !important; } #page-eandh-title-heading > div > div > h1{ font-weight:700 ; } #page-eandh-content > div > div > div > div > p{ font-size:17px ; color:#333 ; line-height:30px ; } #green-container-symvoulio-content-eandh table tbody tr th{ color:white !important; } @media(max-width:980px){ #page-eandh-title-heading > div > div > h1{ font-size:28px ; } #page-eandh-content > div > div > div > div > p{ font-size:15px ; } } @media(max-width:768px){ #page-eandh-title-heading > div > div > h1{ font-size:25px ; } #page-eandh-content > div > div > div > div > p{ font-size:14px ; } #green-container-symvoulio-content-eandh{ padding:0 !important; } } @media(max-width:600px){ #page-eandh-title-heading > div > div > h1{ font-size:22px ; } #page-eandh-content > div > div > div > div > p{ font-size:13px ; } } @media(max-width:480px){ #page-eandh-title-heading > div > div > h1{ font-size:20px ; } #page-eandh-content > div > div > div > div > p{ font-size:12px ; } } @media(max-width:380px){ #page-eandh-title-heading > div > div > h1{ font-size:18px ; } #page-eandh-content > div > div > div > div > p{ font-size:11px ; } } /*------------------------PAGE DS EANDH-------------------*/ #blue-container-dioikitiko-symvoulio-eandh{ padding-top:200px !important; } #black-dsh-eandh-title > div > h1{ font-size:30px ; color:#8F7B50 ; font-weight:700 ; } .eandh-symvoulio-container { max-width: 1200px ; margin: 0 auto ; padding: 32px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr> td{ color:#333 ; } .eandh-symvoulio-header { text-align: center ; margin-bottom: 48px ; } .eandh-symvoulio-intro { margin-bottom: 32px ; line-height: 1.6 ; text-align:left ; font-size:17px ; color:#333 ; } .eandh-symvoulio-title, .eandh-symvoulio-members-title { color: #8F7B50 ; font-size: 22px ; font-weight: 600 ; margin-bottom: 16px ; } .eandh-symvoulio-subtitle { color: #333 ; margin-top: 16px ; } .eandh-symvoulio-table, .eandh-symvoulio-members-table { width: 100% ; border-collapse: separate ; border-spacing: 0 ; margin-bottom: 48px ; box-shadow: 0 2px 4px rgba(0,0,0,0.1) ; table-layout: fixed ; } .eandh-symvoulio-table th, .eandh-symvoulio-table td, .eandh-symvoulio-members-table th, .eandh-symvoulio-members-table td { width: 50% ; padding: 19px ; border: 1px solid #e3e3e3 ; line-height: 1.4 ; height: 60px ; vertical-align: middle ; text-align: center ; font-size:16px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th { background-color: #003B70 ; color: white ; font-weight: 600 ; font-size: 16px ; letter-spacing: 0.5px ; } .eandh-symvoulio-table tr:nth-child(even) td, .eandh-symvoulio-members-table tr:nth-child(even) td { background-color: #F5F1EB ; } .eandh-symvoulio-members { margin-bottom: 48px ; } .eandh-symvoulio-members-title { text-align: center ; margin-bottom: 24px ; } .eandh-symvoulio-signatures { display: flex ; justify-content: center ; gap: 48px ; margin-top: 64px ; padding-top: 32px ; } .eandh-symvoulio-signature-box { background-color: #ffffff ; border: 2px solid transparent ; border-radius: 8px ; padding: 24px 40px ; text-align: center ; min-width: 250px ; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease ; transform: scale(1) ; } .eandh-symvoulio-signature-box:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) ; border-color: #8F7B50 ; } .eandh-symvoulio-signature-title { color: #003B70 ; font-weight: 600 ; font-size: 18px ; margin-bottom: 8px ; } .eandh-symvoulio-signature-name { color: #333 ; font-size: 16px ; } @media (max-width: 1600px) { .eandh-symvoulio-container { max-width: 1100px ; padding: 28px ; } #black-dsh-eandh-title > div > h1{ font-size:28px ; } .eandh-symvoulio-intro{ font-size:15px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:16px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:15px ; } } @media (max-width: 1450px) { .eandh-symvoulio-container { max-width: 1000px ; } #black-dsh-eandh-title > div > h1{ font-size:25px ; } .eandh-symvoulio-intro{ font-size:14px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:15px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:14px ; } } @media (max-width: 1280px) { .eandh-symvoulio-container { max-width: 900px ; padding: 24px ; } .eandh-symvoulio-title, .eandh-symvoulio-members-title { font-size: 20px ; } #black-dsh-eandh-title > div > h1{ font-size:22px ; } .eandh-symvoulio-intro{ font-size:13px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:14px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:13px ; } } @media (max-width: 980px) { .eandh-symvoulio-container { max-width: 90% ; } .eandh-symvoulio-table th, .eandh-symvoulio-table td, .eandh-symvoulio-members-table th, .eandh-symvoulio-members-table td { padding: 15px ; font-size: 15px ; } .eandh-symvoulio-signatures { gap: 32px ; } .eandh-symvoulio-signature-box { padding: 20px 30px ; min-width: 200px ; } #black-dsh-eandh-title > div > h1{ font-size:20px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:15px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:14px ; } } @media (max-width: 768px) { .eandh-symvoulio-header { margin-bottom: 32px ; } .eandh-symvoulio-signatures { flex-direction: column ; align-items: center ; gap: 24px ; } .eandh-symvoulio-signature-box { width: 100% ; max-width: 280px ; } #black-dsh-eandh-title > div > h1{ font-size:20px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:14px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:13px ; } } @media (max-width: 600px) { .eandh-symvoulio-container { padding: 16px ; } .eandh-symvoulio-table th, .eandh-symvoulio-table td, .eandh-symvoulio-members-table th, .eandh-symvoulio-members-table td { padding: 12px ; font-size: 14px ; height: 50px ; } #black-dsh-eandh-title > div > h1{ font-size:18px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:14px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:13px ; } } @media (max-width: 480px) { .eandh-symvoulio-title, .eandh-symvoulio-members-title { font-size: 18px ; } .eandh-symvoulio-signature-title { font-size: 16px ; } .eandh-symvoulio-signature-name { font-size: 14px ; } #black-dsh-eandh-title > div > h1{ font-size:16px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:14px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:13px ; } .eandh-symvoulio-container{ max-width: 100%; padding: 0 !important; } #thiteia-date-limit-span{ font-size:12px; } } @media (max-width: 400px) { .eandh-symvoulio-table th, .eandh-symvoulio-table td, .eandh-symvoulio-members-table th, .eandh-symvoulio-members-table td { padding: 8px ; font-size: 12px ; height: 45px ; } #black-dsh-eandh-title > div > h1{ font-size:15px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:13px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:12px ; } } @media (max-width: 380px) { .eandh-symvoulio-signature-box { padding: 16px 24px ; } #black-dsh-eandh-title > div > h1{ font-size:14px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:12px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:11px ; } } @media (max-width: 340px) { .eandh-symvoulio-table th, .eandh-symvoulio-table td, .eandh-symvoulio-members-table th, .eandh-symvoulio-members-table td { padding: 6px ; font-size: 11px ; height: 40px ; } #black-dsh-eandh-title > div > h1{ font-size:12px ; } .eandh-symvoulio-table th, .eandh-symvoulio-members-table th{ font-size:11px ; } #green-container-symvoulio-content-eandh > div > div > div > div > table > tbody > tr > td, #green-container-symvoulio-content-eandh > div > div > div > div > div.eandh-symvoulio-members > table > tbody > tr > td{ font-size:10px ; } } /*---------------------PAGE DS LEADH----------------------------*/ #blue-container-leadh-ds{ padding-top:200px !important; } .leadh-symvoulio { font-size: 17px ; line-height: 1.6 ; margin: 20px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ color:#333 ; } .leadh-symvoulio-title { text-align: center ; font-weight: 700 ; margin-bottom: 20px ; font-size: 20px ; } #black-ds-title > div > div > h1{ font-weight:700 ; } .leadh-symvoulio-list { list-style: none ; padding: 0 ; margin: 0 ; } .leadh-symvoulio-list > li { margin-bottom: 10px ; } .leadh-symvoulio-list > li strong { font-weight: bold ; } .leadh-symvoulio-members { list-style: disc ; padding-left: 20px ; margin-top: 10px ; } .leadh-symvoulio-members li { margin-bottom: 5px ; } #black-ds-content table tbody > tr > th{ color:white !important; } /* Media Queries */ @media(max-width:980px){ .leadh-symvoulio{ font-size:15px ; } .leadh-symvoulio-title{ font-size:18px ; } .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:15px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:14px ; } } @media (max-width: 768px) { .leadh-symvoulio { font-size: 14px ; } .leadh-symvoulio-title{ font-size:18px ; } #black-ds-title > div > div > h1{ font-size:25px ; } .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:15px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:14px ; } #green-ds-content{ padding:0 !important; } } @media(max-width:600px){ .leadh-symvoulio { font-size: 13px ; } .leadh-symvoulio-title{ font-size:16px ; } #black-ds-title > div > div > h1{ font-size:22px ; } .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:14px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:13px ; } } @media (max-width: 480px) { .leadh-symvoulio { font-size: 12px ; } .leadh-symvoulio-title{ font-size:15px ; } .leadh-symvoulio-list > li { margin-bottom: 8px ; } #black-ds-title > div > div > h1{ font-size:20px ; } .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:13px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:12px ; } } @media(max-width:400px){ .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:13px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:12px ; } } @media(max-width:380px){ #black-ds-title > div > div > h1{ font-size:17px ; } .leadh-symvoulio { font-size: 11px ; } .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:12px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:11px ; } } @media(max-width:340px){ .leadh-symvoulio-table th, .leadh-symvoulio-members-table th{ font-size:11px ; } #black-ds-content > div > div > div > table > tbody > tr > td, #black-ds-content > div > div > div > div > table > tbody > tr > td{ font-size:10px ; } } /*-----------------------------KATASTATIKO PAGE LEADH----------------------*/ #katastatiko-leadh-blue-container{ padding-top:200px !important; } #katastatiko-title-heading > div > h1{ font-weight:700 ; font-size:30px ; } #katastatiko-content{ font-size:17px ; } .katastatiko-leadh-container { max-width: 1200px ; margin: 0 auto ; padding: 20px ; line-height: 1.6 ; color: #333 ; } .katastatiko-leadh-header { text-align: center ; margin-bottom: 40px ; } .katastatiko-leadh-title { font-size: 18px ; margin-bottom: 20px ; color: #003B70 ; } .katastatiko-leadh-subtitle, .katastatiko-leadh-entity { font-size: 18px ; margin: 10px 0 ; color: #003B70 ; } .katastatiko-leadh-chapter { margin: 40px 0 ; padding: 20px ; border-radius: 8px ; } .katastatiko-leadh-chapter-title { font-size: 25px ; color: #1a1a1a ; margin-bottom: 20px ; display: flex ; justify-content: center ; align-items: center ; font-weight:700 ; } .katastatiko-leadh-chapter-subtitle { font-size: 22px ; color: #2c2c2c ; margin-bottom: 30px ; display: flex ; justify-content: center ; align-items: center ; font-weight: 700 ; letter-spacing: 2px ; } .katastatiko-leadh-article { margin: 30px 0 ; padding: 20px ; background: #ffffff ; border-radius: 6px ; } .katastatiko-leadh-article-title { font-size: 22px ; color: #8F7B50 ; margin-bottom: 15px ; display: flex ; justify-content: center ; align-items: center ; } .katastatiko-leadh-article-subtitle { font-size: 20px ; color:#003B70 ; margin-bottom: 20px ; display:flex ; justify-content:center ; align-items:center ; line-height:36px ; } .katastatiko-leadh-article-text { font-size: 17px ; color: #333 ; text-align: left ; line-height:36px ; } .katastatiko-leadh-article-list { list-style-type: none ; padding:0 ; } .katastatiko-leadh-article-list-item { font-size: 17px ; color: #333 ; margin-bottom: 10px ; text-align: left ; list-style-type: none ; line-height:30px; } #katastatiko-leadh-text > div > div > div > section > article > ul > li > ul{ padding:0 ; } .signatures-container-katastatiko { display: flex ; justify-content: space-around ; flex-wrap: wrap ; margin-top: 40px ; gap: 30px ; } .signature-group-katastatiko { display: flex ; flex-direction: column ; align-items: center ; min-width: 250px ; } .signature-title-katastatiko { font-size: 17px ; font-weight: bold ; margin-bottom: 10px ; color: #003B70 ; } .signature-name-katastatiko { font-size: 17px ; color: #2c2c2c ; margin: 5px 0 ; } .signature-members-katastatiko { display: flex ; flex-direction: column ; align-items: center ; gap: 5px ; } .text-katastatiko-teliko-container{ text-align:center ; font-weight:700 ; margin-top:30px ; } @media (max-width: 1600px) { .katastatiko-leadh-container { max-width: 1400px ; } } @media (max-width: 1450px) { .katastatiko-leadh-container { max-width: 1200px ; } } @media (max-width: 1280px) { .katastatiko-leadh-container { max-width: 1000px ; } } @media (max-width: 980px) { .katastatiko-leadh-container { max-width: 800px ; } .katastatiko-leadh-title { font-size: 28px ; } } @media (max-width: 768px) { .katastatiko-leadh-container { max-width: 600px ; padding: 15px ; } .katastatiko-leadh-title { font-size: 24px ; } .katastatiko-leadh-article-text, .katastatiko-leadh-article-list-item { font-size: 15px ; } .katastatiko-leadh-chapter-title, .katastatiko-leadh-chapter-subtitle{ font-size:22px ; } .katastatiko-leadh-article-subtitle, .katastatiko-leadh-article-title{ font-size:18px ; } .katastatiko-leadh-article{ padding:0 ; } } @media (max-width: 600px) { .katastatiko-leadh-container { padding: 10px ; } .katastatiko-leadh-chapter { padding: 15px 0 ; } .katastatiko-leadh-chapter-title, .katastatiko-leadh-chapter-subtitle{ font-size:16px ; } .katastatiko-leadh-article-subtitle, .katastatiko-leadh-article-title{ font-size:15px ; } .katastatiko-leadh-article-text, .katastatiko-leadh-article-list-item{ font-size:14px ; } } @media (max-width: 480px) { .katastatiko-leadh-subtitle, .katastatiko-leadh-entity { font-size: 15px ; } .katastatiko-leadh-article-text, .katastatiko-leadh-article-list-item { font-size: 13px ; } } @media (max-width: 400px) { .katastatiko-leadh-chapter-title, .katastatiko-leadh-chapter-subtitle{ font-size:14px ; } .katastatiko-leadh-article-subtitle, .katastatiko-leadh-article-title{ font-size:13px ; } .katastatiko-leadh-article-text, .katastatiko-leadh-article-list-item{ font-size:12px ; } } @media (max-width: 380px) { .katastatiko-leadh-article-text, .katastatiko-leadh-article-list-item { font-size: 13px ; } .katastatiko-leadh-chapter-title, .katastatiko-leadh-chapter-subtitle{ font-size:12px ; } .katastatiko-leadh-article-subtitle, .katastatiko-leadh-article-title{ font-size:12px ; } .katastatiko-leadh-article-text, .katastatiko-leadh-article-list-item{ font-size:11px ; } } @media (max-width: 340px) { .katastatiko-leadh-container { padding: 8px ; } .katastatiko-leadh-article { padding: 10px ; } } /*----------------------------Page LEADH ---------------*/ .leadh-symvoulio-container { max-width: 1200px ; margin: 0 auto ; padding: 32px ; } .leadh-symvoulio-header { text-align: center ; margin-bottom: 48px ; } .leadh-symvoulio-title { color: #8F7B50 ; font-size: 22px ; font-weight: 600 ; margin-bottom: 16px ; } .leadh-symvoulio-table, .leadh-symvoulio-members-table { width: 100% ; border-collapse: separate ; border-spacing: 0 ; margin-bottom: 48px ; box-shadow: 0 2px 4px rgba(0,0,0,0.1) ; table-layout: fixed ; } .leadh-symvoulio-table th, .leadh-symvoulio-table td, .leadh-symvoulio-members-table th, .leadh-symvoulio-members-table td { width: 50% ; padding: 19px ; border: 1px solid #e3e3e3 ; line-height: 1.4 ; height: 60px ; vertical-align: middle ; text-align: center ; font-size:16px ; } .leadh-symvoulio-table th, .leadh-symvoulio-members-table th { background-color: #003B70 ; color: white ; font-weight: 600 ; font-size: 16px ; letter-spacing: 0.5px ; } .leadh-symvoulio-table tr:nth-child(even) td, .leadh-symvoulio-members-table tr:nth-child(even) td { background-color: #F5F1EB ; font-size:16px ; } .leadh-symvoulio-members { margin-bottom: 48px ; padding-left: 0 ; } .leadh-symvoulio-members-title { text-align: center ; margin-bottom: 24px ; color: #8F7B50 ; font-size: 22px ; font-weight: 600 ; } @media (max-width: 1600px) { .leadh-symvoulio-container { max-width: 1100px ; padding: 28px ; } } @media (max-width: 1450px) { .leadh-symvoulio-container { max-width: 1000px ; } } @media (max-width: 1280px) { .leadh-symvoulio-container { max-width: 900px ; padding: 24px ; } .leadh-symvoulio-title, .leadh-symvoulio-members-title { font-size: 20px ; } } @media (max-width: 980px) { .leadh-symvoulio-container { max-width: 90% ; } .leadh-symvoulio-table th, .leadh-symvoulio-table td, .leadh-symvoulio-members-table th, .leadh-symvoulio-members-table td { padding: 15px ; font-size: 15px ; } #katastatiko-title-heading > div > h1{ font-size:28px ; } #katastatiko-content{ padding:27px 0 ; } } @media(max-width:768px){ #katastatiko-title-heading > div > h1{ font-size:25px ; } } @media (max-width: 600px) { .leadh-symvoulio-container { padding: 16px ; } .leadh-symvoulio-table th, .leadh-symvoulio-table td, .leadh-symvoulio-members-table th, .leadh-symvoulio-members-table td { padding: 12px ; font-size: 14px ; height: 50px ; } #katastatiko-title-heading > div > h1{ font-size:22px ; } } @media (max-width: 480px) { .leadh-symvoulio-title, .leadh-symvoulio-members-title { font-size: 18px ; } #katastatiko-title-heading > div > h1{ font-size:20px ; } } @media (max-width: 400px) { .leadh-symvoulio-table th, .leadh-symvoulio-table td, .leadh-symvoulio-members-table th, .leadh-symvoulio-members-table td { padding: 8px ; font-size: 12px ; height: 45px ; } } @media(max-width:380px){ #katastatiko-content{ font-size:11px ; } #katastatiko-title-heading > div > h1{ font-size:17px ; } } @media (max-width: 340px) { .leadh-symvoulio-table th, .leadh-symvoulio-table td, .leadh-symvoulio-members-table th, .leadh-symvoulio-members-table td { padding: 6px ; font-size: 11px ; height: 40px ; } #katastatiko-title-heading > div > h1{ font-size:16px ; } } /*----------------------PAGE ISTORIKO DIKIGORIKOY SYLLOGOY------------------*/ #istoriko-dsh-blue-container{ padding-top:200px !important; } #dsh-content-text > div > div > div > p{ font-size:17px ; } #istoriko-dsh-heading-text > div > h1{ font-weight:700 ; font-size:30px ; } blockquote{ font-size:17px ; } @media(max-width:980px){ #dsh-content-text > div > div > div > p,blockquote{ font-size:16px ; } #istoriko-dsh-heading-text > div > h1{ font-size:25px ; } } @media(max-width:768px){ #dsh-content-text > div > div > div > p,blockquote{ font-size:15px ; } #istoriko-dsh-heading-text > div > h1{ font-size:20px ; } } @media(max-width:600px){ #dsh-content-text > div > div > div > p,blockquote{ font-size:13px ; } #istoriko-dsh-heading-text > div > h1{ font-size:14px ; } } @media(max-width:480px){ #dsh-content-text > div > div > div > p,blockquote{ font-size:12px ; } #istoriko-dsh-heading-text > div > h1{ font-size:13px ; } } @media(max-width:400px){ #dsh-content-text > div > div > div > p,blockquote{ font-size:11px ; } #istoriko-dsh-heading-text > div > h1{ font-size:13px ; } } @media(max-width:380px){ #dsh-content-text > div > div > div > p,blockquote{ font-size:10px ; } #istoriko-dsh-heading-text > div > h1{ font-size:12px ; } } /*---------------------------PAGE APOLOGISMOI-PROYPOLOGISMOI----------------------*/ #blue-container-apologismoi-proyp{ padding-top:200px !important; } #apologismoi-proyp-title-text > div > h1{ font-size:30px !important; font-weight:700 !important; color:#8F7B50 !important; } .apologismoi-container { background-color: #ffffff !important; padding: 20px !important; gap: 20px !important; } .apologismoi-item { padding: 20px !important; border-radius: 5px !important; background-color: #ffffff !important; margin: 40px 0 !important; transition: box-shadow 0.3s ease, border-color 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border: 1px solid #ddd !important; } .apologismoi-item:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) !important; border-color: #8F7B50 !important; } .apologismoi-title a { font-size: 17px !important; color: #003B70 !important; text-decoration: none !important; font-weight: bold !important; } .apologismoi-container > .apologismoi-item > h3.apologismoi-title { margin-bottom:0 !important; padding-bottom:0 !important; } .apologismoi-title a:hover { color: #005177 !important; } .apologismoi-link a { font-size: 17px !important; color: #0073aa !important; text-decoration: none !important; position:relative; top:5px; } .apologismoi-link a:hover { color: #005177 !important; } /* Breakpoints */ @media (max-width: 1600px) { .apologismoi-title a { font-size: 16px !important; } .apologismoi-link a { font-size: 14px !important; } } @media (max-width: 1450px) { .apologismoi-title a { font-size: 15px !important; } .apologismoi-link a { font-size: 13px !important; } } @media (max-width: 1280px) { .apologismoi-title a { font-size: 14px !important; } .apologismoi-link a { font-size: 12px !important; } } @media (max-width: 980px) { .apologismoi-title a { font-size: 13px !important; } .apologismoi-link a { font-size: 12px !important; } #apologismoi-proyp-title-text > div > h1{ font-size:25px !important; } } @media (max-width: 768px) { .apologismoi-title a { font-size: 12px !important; } .apologismoi-link a { font-size: 11px !important; } #apologismoi-proyp-title-text > div > h1{ font-size:22px !important; } } @media (max-width: 600px) { .apologismoi-title a { font-size: 11px !important; } .apologismoi-link a { font-size: 10px !important; } #apologismoi-proyp-title-text > div > h1{ font-size:20px !important; } #blue-container-apologismoi-proyp > div> div > div > div > div > div > p.apologismoi-link > a.pdf-icon-link > svg{ width:20px !important; height:20px !important; } .apologismoi-item{ flex-direction:column !important; gap:15px !important; } } @media (max-width: 480px) { .apologismoi-title a { font-size: 10px !important; } .apologismoi-link a { font-size: 9px !important; } #apologismoi-proyp-title-text > div > h1{ font-size:18px !important; } } @media (max-width: 400px) { .apologismoi-title a { font-size: 9px !important; } .apologismoi-link a { font-size: 8px !important; } } @media (max-width: 380px) { .apologismoi-title a { font-size: 8px !important; } .apologismoi-link a { font-size: 7px !important; } #apologismoi-proyp-title-text > div > h1{ font-size:16px !important; } } /*----------------------------------Grammateia Page---------------------*/ #grammateia-page-blue-container{ padding-top:200px !important; } #grammateia-page-title > div > h1{ font-size:30px !important; font-weight:700 !important; } #grammateia-container { margin: 20px auto !important; padding: 20px !important; max-width: 1200px !important; text-align:center !important; } /*-------------------------PAGE PAROXES------------*/ #page-paroxes-blue-container{ padding-top:200px !important; } #page-paroxes-title > div > h1{ font-size:30px !important; font-weight:700 !important; color:#8F7B50 !important; text-align:center !important; } #paroxes-leadh-content > p, #paroxes-leadh-content > ul > li{ font-size:17px !important; color:#333 !important; } #president-secretary-container > div.president > p > strong, #president-secretary-container > div.president > p, #president-secretary-container > div.secretary > p{ font-size:17px !important; } #paroxes-leadh-content { max-width: 1200px !important; margin: 0 auto !important; padding: 40px !important; background-color: #fff !important; border-radius: 12px !important; } #paroxes-leadh-content p { line-height: 1.8 !important; margin-bottom: 24px !important; color: #333 !important; } #paroxes-leadh-content ul { background-color: #F5F1EB !important; padding: 24px 48px !important; border-radius: 8px !important; margin: 32px 0 !important; } #paroxes-leadh-content ul li { margin-bottom: 12px !important; position: relative !important; padding-left: 20px !important; } #paroxes-leadh-content ul li:before { color: #8F7B50 !important; position: absolute !important; left: 0 !important; } #president-secretary-container { display: flex !important; justify-content: center !important; gap: 48px !important; margin-top: 64px !important; padding-top: 32px !important; } .president, .secretary { background-color: #ffffff !important; border: 2px solid transparent !important; border-radius: 8px !important; padding: 24px 40px !important; text-align: center !important; min-width: 250px !important; } .president p strong, .secretary p strong { color: #003B70 !important; display: block !important; margin-bottom: 8px !important; } @media (max-width: 980px) { #page-paroxes-title > div > h1{ font-size:28px !important; } #paroxes-leadh-content > p, #paroxes-leadh-content > ul > li, #president-secretary-container > div.president > p > strong, #president-secretary-container > div.president > p, #president-secretary-container > div.secretary > p{ font-size:15px !important; } #paroxes-leadh-content { padding: 40px 0 !important; } } @media (max-width: 768px) { #page-paroxes-title > div > h1{ font-size:25px !important; } #paroxes-leadh-content > p, #president-secretary-container > div.president > p > strong, #president-secretary-container > div.president > p, #president-secretary-container > div.secretary > p{ font-size:14px !important; } #paroxes-leadh-content { padding: 24px 0 !important; } #paroxes-leadh-content ul { padding: 20px 32px !important; } .president, .secretary { min-width: 200px !important; padding: 20px !important; } } @media (max-width: 600px) { #page-paroxes-title > div > h1{ font-size:22px !important; } #paroxes-leadh-content > p, #paroxes-leadh-content > ul > li, #president-secretary-container > div.president > p > strong, #president-secretary-container > div.president > p, #president-secretary-container > div.secretary > p{ font-size:14px !important; } #president-secretary-container{ gap:50px !important; } #page-paroxes-blue-container > div{ padding:27px 0 !important; } } @media (max-width: 480px) { #page-paroxes-title > div > h1{ font-size:20px !important; } #paroxes-leadh-content > p, #paroxes-leadh-content > ul > li, #president-secretary-container > div.president > p > strong, #president-secretary-container > div.president > p, #president-secretary-container > div.secretary > p{ font-size:12px !important; } #president-secretary-container { flex-direction: column !important; gap: 24px !important; } .president, .secretary { min-width: 100% !important; } } @media (max-width: 380px) { #page-paroxes-title > div > h1{ font-size:18px !important; } #paroxes-leadh-content > p, #paroxes-leadh-content > ul > li, #president-secretary-container > div.president > p > strong, #president-secretary-container > div.president > p, #president-secretary-container > div.secretary > p{ font-size:11px !important; } } /*------------------PAGE EPIKOINWNIA (TABLE KAI IMAGES)--------------------*/ #epikoinwnia-wrario-blue-container { padding-top: 200px ; } #epikoinwnia-wrario-page-title > div { text-align: center ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 30px ; font-weight: 700 ; color: #8F7B50 ; } #epikoinwnia-wrario-container { margin: 20px auto ; padding: 20px ; max-width: 1200px ; text-align: center ; width: 100% ; border-collapse: collapse ; } #epikoinwnia-wrario-container thead tr { background-color: #003B70 ; color: white ; text-align: left ; } #epikoinwnia-wrario-container th { color: white ; padding: 10px ; font-size: 1.5em ; } #epikoinwnia-wrario-container > tbody > tr > td.epikoinwnia-wrario-content-cell{ width:42%; } #epikoinwnia-wrario-container > tbody > tr > td.epikoinwnia-wrario-content-cell > h3{ color:#003B70 ; } #epikoinwnia-wrario-container th, #epikoinwnia-wrario-container td { padding: 10px ; border: 1px solid #ccc ; text-align: center ; font-size: 17px ; } #epikoinwnia-wrario-container tbody tr:nth-child(even) { background-color: #F5F1EB ; } #epikoinwnia-wrario-container img { width: 380px ; height: 200px ; object-fit: cover ; cursor:pointer ; } #epikoinwnia-wrario-container > tbody > tr > td > h3{ margin-bottom:10px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:17px ; } .epikoinwnia-wrario-full-width-cell { text-align: center ; padding: 20px ; border: 1px solid #ccc ; height:226px ; } .epikoinwnia-wrario-full-width-cell h3 { margin: 0 ; color: #003B70 ; font-size: 17px ; } .epikoinwnia-wrario-full-width-cell p { margin: 5px 0 ; font-size: 17px ; color:#333 ; } #epikoinwnia-wrario-container > tbody > tr > td.epikoinwnia-wrario-content-cell > p{ color:#333 ; } /*---------------------MEDIA QUERIES-------------------*/ @media (max-width: 1600px) { #epikoinwnia-wrario-container { padding: 18px ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 28px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:16px ; } } @media (max-width: 1450px) { #epikoinwnia-wrario-container { padding: 16px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:15px ; } } @media (max-width: 1280px) { #epikoinwnia-wrario-container { padding: 14px ; } .epikoinwnia-wrario-full-width-cell p{ font-size:15px ; } } @media (max-width: 980px) { #epikoinwnia-wrario-container { padding: 12px ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 25px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:14px ; } .epikoinwnia-wrario-full-width-cell p{ font-size:14px ; } } @media (max-width: 768px) { #epikoinwnia-wrario-container { padding: 10px ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 22px ; } .epikoinwnia-wrario-full-width-cell p{ font-size:14px ; } } @media (max-width: 600px) { #epikoinwnia-wrario-container { padding: 8px ; } #epikoinwnia-wrario-container tbody tr td{ border:none ; } #epikoinwnia-wrario-container tbody tr { display: flex ; flex-direction: column ; align-items: center ; } #epikoinwnia-wrario-container tbody tr td { width: 100% ; text-align: center ; padding: 10px 0 ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 20px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:13px ; } .epikoinwnia-wrario-full-width-cell p{ font-size:13px ; } } @media (max-width: 480px) { #epikoinwnia-wrario-container { padding: 6px ; } #epikoinwnia-wrario-container img { width: 300px ; height: 150px ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 18px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:12px ; } .epikoinwnia-wrario-full-width-cell p{ font-size:12px ; } } @media (max-width: 400px) { #epikoinwnia-wrario-container { padding: 4px ; } #epikoinwnia-wrario-container img { width: 200px ; height: 100px ; } #epikoinwnia-wrario-page-title > div > h1 { font-size: 20px ; } } @media (max-width: 380px) { #epikoinwnia-wrario-page-title > div > h1 { font-size: 16px ; } #epikoinwnia-wrario-container > tbody > tr > td > h3, #epikoinwnia-wrario-container > tbody > tr > td, #epikoinwnia-wrario-container th{ font-size:11px ; } } /*--------------------------EPIKOINWNIA PAGE POPUP CSS------------------------ */ .epikoinwnia-image-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000005E; display: none; justify-content: center; align-items: center; z-index: 9999 !important; } .epikoinwnia-image-popup-content { position: relative; max-width: 90%; max-height: 90%; display: flex; justify-content: center; align-items: center; } .epikoinwnia-image-popup-content img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); } .epikoinwnia-image-popup-close { position: fixed; top:150px !important; right: 20px; color: black; font-size: 24px; cursor: pointer; background: white; padding: 5px 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border: none; z-index: 9999 !important; display: flex; justify-content: center; align-items: center; } /*---------------------------------------------YPOLOGISMOS DIKASTIKOU ENSHMOY -----------------------------------*/ #blue-container-dikastiko-ensimo-page { padding-top: 200px !important; } table.calculation-table, table.calculation-table > tbody > tr, table.calculation-table > tbody > tr > td{ border:none !important; } table.calculation-table > tbody > tr, table.calculation-table > tbody > tr > td.label-cell{ } #dikastiko-ensimo-title-text > div { text-align: center !important; } #dikastiko-ensimo-title-text > div > h1 { font-size: 30px !important; font-weight: 700 !important; color: #8F7B50 !important; } .calculator-wrapper[data-calculator="dikastiko"] { max-width: 500px !important; width: 80% !important; margin: 20px auto !important; padding: 20px !important; background: #FFF !important; border: 2px solid #8F7B50 !important; border-radius: 10px !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; } .calculator-wrapper[data-calculator="dikastiko"] > .calculator-title { color: #003B70 !important; font-size: 25px !important; margin-bottom: 20px !important; text-align: center !important; } .calculator-wrapper[data-calculator="dikastiko"] > .calculator-description { color: #003B70 !important; text-align: center !important; margin-bottom: 20px !important; font-size: 14px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table { width: 100% !important; border-collapse: collapse; margin-top: 20px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .table-row { border-bottom: 1px solid rgba(0, 59, 112, 0.1); } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .table-row > .label-cell { color: #8F7B50 !important; padding: 10px !important; font-weight: bold !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .table-row > .value-cell { padding: 10px !important; text-align: right !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table .calculator-input { width: 100% !important; padding: 10px !important; font-size: 14px !important; border: 2px solid #8F7B50 !important; border-radius: 5px !important; color: #003B70 !important; transition: border-color 0.3s ease !important; text-align:center !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table .calculator-input:focus { outline: none; border-color: #003B70 !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table .calculated-value { color: #003B70 !important; font-weight: bold !important; font-size: 14px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .total-row { background-color: rgba(0, 59, 112, 0.05) !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .total-row .total-value { color: #003B70 !important; font-weight: bold !important; font-size: 16px !important; } div.calculator-wrapper > div.calculator-form > table.calculation-table > tbody > tr.total-row > td.value-cell { background-color: wheat !important; } #total-counter-ensimo { color: black !important; font-weight: bold !important; } table > tbody > tr > td.value-cell{ text-align:center !important; } table > tbody > tr > td.label-cell{ text-align:left !important; color:#333 !important; } div.calculator-wrapper > table > tbody > tr, div.calculator-wrapper > table > tbody > tr > td, div.calculator-wrapper > table{ border:none !important; } div.all-calculators{ text-align:center !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:30px !important; color:#8F7B50 !important; font-weight:700 !important; } @media(max-width:980px){ #dikastiko-ensimo-title-text > div > h1 { font-size: 28px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:28px !important;; } } @media (max-width: 768px) { .calculator-wrapper[data-calculator="dikastiko"] { width: 95% !important; padding: 15px !important; } .calculator-wrapper[data-calculator="dikastiko"] > .calculator-title { font-size: 22px !important; } .calculator-wrapper[data-calculator="dikastiko"] > .calculator-description { font-size: 12px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .table-row > .label-cell, .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .table-row > .value-cell { padding: 10px !important; font-size: 12px !important; } #dikastiko-ensimo-title-text > div > h1 { font-size: 22px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:22px !important; } } @media(max-width:600px){ #dikastiko-ensimo-title-text > div > h1 { font-size: 20px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:19px !important; } table.calculation-table > tbody > tr, table.calculation-table > tbody > tr > td.label-cell { font-size:12px !important; padding:10px !important; } } @media (max-width: 480px) { .calculator-wrapper[data-calculator="dikastiko"] { width: 100% !important; padding: 10px !important; } .calculator-wrapper[data-calculator="dikastiko"] > .calculator-title { font-size: 18px !important; } .calculator-wrapper[data-calculator="dikastiko"] > .calculator-description { font-size: 11px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table .calculator-input { padding: 8px !important; font-size: 12px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table .calculated-value { font-size: 12px !important; } .calculator-wrapper[data-calculator="dikastiko"] .calculation-table > .total-row .total-value { font-size: 14px !important; } #total-counter-ensimo{ font-size:12px !important; } #dikastiko-ensimo-title-text > div > h1 { font-size: 18px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:18px !important; } } @media(max-width:400px){ #dikastiko-ensimo-title-text > div > h1 { font-size: 17px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:16px !important; } } @media(max-width:380px){ #dikastiko-ensimo-title-text > div > h1 { font-size: 15px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:14px !important; } } @media(max-width:340px){ #dikastiko-ensimo-title-text > div > h1 { font-size: 13px !important; } div.all-calculators-headings > div > h1, div.all-calculators-headings > div > h2, div.all-calculators-headings > div > h3{ font-size:13px !important; } } /*-----------------------------PAGE YPOLOGISMOS APOGRAFOU---------------------------*/ #blue-container-ypologismos-apografoy{ padding-top:200px ; } #ypologismos-apografoy-title > div{ text-align:center ; } #ypologismos-apografoy-title > div > h1{ font-size:30px ; font-weight:700 ; } div.telos-apografou-button-container{ text-align:center ; } .telos-apografou-wrapper { border: 2px solid #8F7B50 ; border-radius: 10px ; padding: 20px ; max-width: 500px ; margin: 20px auto ; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) ; } div.telos-apografou-form{ display:flex; justify-content:center; align-items:center; } .telos-apografou-description { color: #003B70 ; font-size: 14px ; margin-bottom: 30px ; text-align: center ; } .telos-apografou-label { color: #8F7B50 ; font-weight: bold ; display: block ; margin-bottom: 5px ; text-align:center ; } .telos-apografou-input { width: 100% ; padding: 10px ; border: 2px solid #8F7B50 ; border-radius: 5px ; font-size: 14px ; margin-bottom: 30px ; box-sizing: border-box ; text-align:center ; } .telos-apografou-select { width: 100% ; padding: 10px ; border: 2px solid #8F7B50 ; border-radius: 5px ; font-size: 14px ; margin-bottom: 30px ; background-color: #FFF ; color: #003B70 ; text-align:center ; } div.telos-apografou-button-container{ width:100% ; display:flex ; justify-content:center ; align-items:center ; } div.telos-apografou-button-container > button{ background-color: #003B70 ; color: #FFF ; font-size: 14px ; font-weight: bold ; padding: 10px 20px ; border: none ; border-radius: 5px ; cursor: pointer ; transition: background-color 0.3s ease ; } .telos-apografou-button:hover { background-color: #8F7B50 ; color: white ; } .telos-apografou-result { color: #003B70 ; font-weight: bold ; font-size: 19px ; margin-top: 20px ; text-align: center ; display:flex ; justify-content:center ; align-items:center ; width:100% ; } .telos-apografou-note { font-size: 12px ; color: #555 ; margin-top: 20px ; text-align: left ; } @media (max-width: 1600px) { #ypologismos-apografoy-title > div > h1{ font-size:28px ; } } @media (max-width: 1450px) { #ypologismos-apografoy-title > div > h1{ font-size:28px ; } } @media(max-width:1280px){ .telos-apografou-wrapper{ padding: 15px ; } #ypologismos-apografoy-title > div > h1{ font-size:25px ; } } @media (max-width: 980px) { .telos-apografou-wrapper { width: 100% ; padding: 10px ; } #ypologismos-apografoy-title > div > h1{ font-size:25px ; } } @media (max-width: 768px) { .telos-apografou-wrapper { width: 95% ; } #ypologismos-apografoy-title > div > h1{ font-size:22px ; } .telos-apografou-description{ font-size:12px ; } .telos-apografou-note{ font-size:10px ; } } @media (max-width: 600px) { .telos-apografou-wrapper { width: 98% ; max-width: none ; } #ypologismos-apografoy-title > div > h1{ font-size:20px ; } #telos-apografou-calculator > div > div > div{ display:flex ; justify-content:center ; align-items:center ; flex-direction:column ; } .telos-apografou-input{ width:90% ; padding:8px ; font-size:12px ; } .telos-apografou-select{ width:90% ; font-size:12px ; } .telos-apografou-result{ font-size:16px ; margin-top:20px ; } div.telos-apografou-button-container > button{ font-size:12px ; } #result > span{ font-size:15px ; } } @media (max-width: 480px) { .telos-apografou-wrapper { padding: 10px ; width: 100% ; } #ypologismos-apografoy-title > div > h1{ font-size:18px ; } .telos-apografou-description{ font-size:11px ; } .telos-apografou-note{ font-size:9px ; } div.telos-apografou-button-container > button{ font-size:12px ; } } @media (max-width: 400px) { .telos-apografou-wrapper { width: 100% ; padding: 8px ; } } @media (max-width: 380px) { #ypologismos-apografoy-title > div > h1{ font-size:16px ; } } @media (max-width: 340px) { .telos-apografou-wrapper { width: 100% ; padding: 5px ; } #ypologismos-apografoy-title > div > h1{ font-size:14px ; } } /*---------------------------------------PAGE TOKOI YPERHMERIAS----------------------------------------*/ #blue-container-page-ypologismou-yperhmerias{ padding-top:200px !important; } #ypologismos-yperhmerias-text > div { text-align:center !important; } #ypologismos-yperhmerias-text > div > h1{ font-size:30px !important; color:#8F7B50 !important; font-weight:700 !important; } .tokoi-yperimerias-wrapper { max-width: 1200px !important; width: 100% !important; margin: 20px auto !important; padding: 20px !important; background: #FFF !important; border: 2px solid #8F7B50 !important; border-radius: 10px !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-title { color: #003B70 !important; font-size: 25px !important; font-weight: bold !important; margin-bottom: 20px !important; text-align: center !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-description { color: #003B70 !important; text-align: center !important; margin-bottom: 20px !important; font-size: 14px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table { width: 100% !important; border-collapse: collapse !important; margin-top: 20px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table th { color: #8F7B50 !important; text-align: center !important; font-weight: bold !important; padding: 10px 0 !important; border: 1px solid #8F7B50 !important; } #tokoi-endiameses-katavoles-container > table, #tokoi-dikastika-exoda-container > table{ border:none !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td { padding: 10px !important; text-align: center !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-input, .tokoi-yperimerias-wrapper .owed-amount, .tokoi-yperimerias-wrapper .payment-amount, .tokoi-yperimerias-wrapper .expense-amount, .tokoi-yperimerias-wrapper .owed-date, .tokoi-yperimerias-wrapper .payment-date, .tokoi-yperimerias-wrapper .expense-date, .tokoi-yperimerias-wrapper .owed-payment { width: 100% !important; padding: 10px !important; font-size: 14px !important; border: 2px solid #8F7B50 !important; border-radius: 5px !important; color: #003B70 !important; box-sizing: border-box !important; transition: border-color 0.3s ease !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-input:focus, .tokoi-yperimerias-wrapper .owed-amount:focus, .tokoi-yperimerias-wrapper .payment-amount:focus, .tokoi-yperimerias-wrapper .expense-amount:focus { outline: none; border-color: #003B70 !important; } .tokoi-yperimerias-wrapper button { background-color: #003B70 !important; color: #FFF !important; font-size: 14px !important; font-weight: bold !important; padding: 10px 20px !important; border: none !important; border-radius: 5px !important; cursor: pointer !important; transition: background-color 0.3s ease !important; } .tokoi-yperimerias-wrapper button:hover { background-color: #8F7B50 !important; } .tokoi-yperimerias-wrapper #result-section { margin-top: 2rem; color: #003B70 !important; font-size: 14px !important; text-align:center !important; } .tokoi-yperimerias-wrapper #result-table th, .tokoi-yperimerias-wrapper #result-table td { padding: 10px !important; text-align: center !important; border: 1px solid #8F7B50 !important; } .tokoi-yperimerias-wrapper #summary-total { font-weight: bold !important; color: #003B70 !important; font-size: 16px !important; } #result-section > div{ display: flex; justify-content: center; align-items: center; flex-direction: column; border: 1px solid #ccc; margin-top:20px !important; padding:20px !important; } #result-section > div > p, #result-section > div > p > strong{ font-size:16px !important; font-weight:700 !important; } div.ypologismos-container{ text-align:center !important; } /* .tokoi-yper-hidden-section{ display: none !important; } */ .tokoi-yperhmerias-extra-buttons-divs-container{ display:flex !important; justify-content:center !important; align-items:flex-start !important; flex-direction:column !important; gap:20px !important; } h4#tokoi-endiameses-katavoles, h4#tokoi-dikastika-exoda, h4#tokoi-ofeiloumena-posa, h4#anayltika-apotelesmata-heading{ text-align:center !important; color:#003B70 !important; font-weight:500 !important; margin-top:30px !important; margin-bottom:20px !important; } /* KANW HIDE TO DIV SUMMARY-WRAPPER */ div.summary-wrapper{ display: none !important; } /*EMFANIZW TO DIV SUMMARY WRAPPER OTAN DEN EINAI HIDE*/ div.summary-wrapper:not(.tokoi-yper-hidden-section), div.summary-wrapper:not(.tokoi-yper-hidden-section){ display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; border: 1px solid #8F7B50 !important; margin-top: 20px !important; padding: 20px !important; width:100% !important; } #blue-container-page-ypologismou-yperhmerias > div> div > div > div > div > div > div.summary-wrapper > p, div.summary-wrapper > p{ font-size:16px !important; font-weight:700 !important; color: #003B70 !important; } div.tokoi-yperhmerias-extra-buttons-divs-container > button, div.tokoi-yperhmerias-extra-buttons-divs-container > button, div > div.tokoi-yperhmerias-extra-buttons-divs-container > button{ width:300px !important; } #tokoi-endiameses-katavoles-container, #tokoi-dikastika-exoda-container{ width:100% !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td{ border:1px solid #8F7B50 !important; } #result-table > thead > tr > th{ color:#8F7B50 !important; } div.tokoi-yperimerias-form.calculator-form{ display:flex !important; justify-content:center !important; align-items:flex-start !important; flex-direction:column !important; gap:20px !important; } div#tokoi-ofeiloumena-posa-titlos{ display:flex !important; justify-content:center !important; align-items:center !important; width:100% !important; } button.prosthikes-buttons{ width:280px !important; } div.tokoi-yperhmeries-date-ypologismo-container{ display:flex !important; justify-content:center !important; align-items:center !important; width:100% !important; gap:50px !important; } #calculation-date{ width:50% !important; } div.tokoi-yperhmeries-date-ypologismo-container > label{ color:#8F7B50 !important; font-weight:700 !important; font-size:16px !important; } div.tokoi-yperimerias-form, .calculator-form { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap: 20px; } div.tokoi-yperimerias-wrapper > div.tokoi-yperimerias-form > div.tokoi-yperhmeries-date-ypologismo-container{ display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; gap: 50px !important; } @media (max-width: 1600px) { #ypologismos-yperhmerias-text > div > h1{ font-size:28px !important; } } @media (max-width: 1280px) { #ypologismos-yperhmerias-text > div > h1{ font-size:25px !important; } } @media (max-width: 980px) { #ypologismos-yperhmerias-text > div > h1{ font-size:25px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table, .tokoi-yperimerias-wrapper #result-table { display: block !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table thead, .tokoi-yperimerias-wrapper #result-table thead { display: none !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table tbody, .tokoi-yperimerias-wrapper .tokoi-yperimerias-table tr, .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td, .tokoi-yperimerias-wrapper #result-table tbody, .tokoi-yperimerias-wrapper #result-table tr, .tokoi-yperimerias-wrapper #result-table td { display: block !important; width: 100% !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table tr, .tokoi-yperimerias-wrapper #result-table tr { margin-bottom: 15px !important; border: 1px solid #8F7B50 !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td, .tokoi-yperimerias-wrapper #result-table td { text-align: left !important; padding: 8px !important; position: relative !important; padding-left: 50% !important; border: none !important; border-bottom: 1px solid #8F7B50 !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:before, .tokoi-yperimerias-wrapper #result-table td:before { position: absolute !important; left: 10px !important; width: 45% !important; font-weight: bold !important; color: #8F7B50 !important; } /*Rythmisi Labels sto Repsonsive gia ta ta titles*/ .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(1):before { content: "Ημερομηνία:" !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(2):before { content: "Ποσό:" !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(3):before { content: "Πληρωμή:" !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(4):before { content: "Διαγραφή:" !important; } #payments-rows > tr > td:nth-child(3):before{ content: "Διαγραφή:" !important; } #expenses-rows > tr > td:nth-child(3):before{ content: "Τοκιζόμενα:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(1):before { content: "Περίοδος:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(2):before { content: "Ημέρες:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(3):before { content: "Επιτόκιο:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(4):before { content: "Ενέργεια:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(5):before { content: "Κεφάλαιο:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(6):before { content: "Τόκοι Υπερημερίας:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(7):before { content: "Δικαστικά Έξοδα:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(8):before { content: "Τόκιζ. Δικ. Έξοδα:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(9):before { content: "Τόκος Δικ. Εξόδων:" !important; } .tokoi-yperimerias-wrapper #result-table td:nth-of-type(10):before { content: "Σύνολο Τόκων:" !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-input, .tokoi-yperimerias-wrapper .owed-amount, .tokoi-yperimerias-wrapper .payment-amount, .tokoi-yperimerias-wrapper .expense-amount, .tokoi-yperimerias-wrapper .owed-date, .tokoi-yperimerias-wrapper .payment-date, .tokoi-yperimerias-wrapper .expense-date, .tokoi-yperimerias-wrapper .owed-payment { width: 100% !important; padding: 5px !important; font-size: 14px !important; border: 2px solid #8F7B50 !important; border-radius: 5px !important; color: #003B70 !important; box-sizing: border-box !important; transition: border-color 0.3s ease !important; } #owed-rows > tr > td, #payments-rows > tr > td, #expenses-rows > tr > td{ display:flex !important; justify-content:center !important; align-items:center !important; } button.owed-delete{ background-color: #003B70 !important; color: #FFF !important; font-size: 14px !important; font-weight: bold !important; padding: 0px 10px !important; border: none !important; border-radius: 5px !important; cursor: pointer !important; transition: background-color 0.3s ease !important; } div.tokoi-yperhmeries-date-ypologismo-container{ gap:10px !important; } #result-section{ width:100% !important; } div.summary-wrapper > p{ border: 1px solid #8F7B50!important; padding: 20px !important; width: 100% !important; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; gap: 20px !important; } div.summary-wrapper > p > strong{ padding: 20px !important; width: 100% !important; text-align: center !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; background-color:#F5F1EB !important; } div.summary-wrapper:not(.tokoi-yper-hidden-section){ border:none !important; padding:0 !important; } #result-table{ display:block !important; border:none !important; } div.tokoi-yperimerias-form.calculator-form > table{ border:none !important; } } @media (max-width: 768px) { #ypologismos-yperhmerias-text > div > h1{ font-size:22px !important; } .tokoi-yperimerias-wrapper { width: 95% !important; padding: 15px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-title { font-size: 22px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-description { font-size: 12px !important; } div.summary-wrapper > p{ font-size: 14px !important; } .tokoi-yperimerias-wrapper #summary-total{ font-size:14px !important; } div.tokoi-yperimerias-form.calculator-form > div.tokoi-yperhmeries-date-ypologismo-container > label{ font-size:14px !important; } } @media (max-width: 600px) { #ypologismos-yperhmerias-text > div > h1{ font-size:18px !important; } button.prosthikes-buttons{ text-align:left !important; font-size:11px !important; width:230px !important; margin-bottom:20px !important; } div.tokoi-yperhmeries-date-ypologismo-container > label{ font-size:11px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(1):before, .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(2):before, .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(3):before, .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td:nth-of-type(4):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(1):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(2):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(3):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(4):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(5):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(6):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(7):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(8):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(9):before, .tokoi-yperimerias-wrapper #result-table td:nth-of-type(10):before{ font-size:11px !important; } } @media (max-width: 480px) { #ypologismos-yperhmerias-text > div > h1{ font-size:18px !important; } .tokoi-yperimerias-wrapper { width: 100% !important; padding: 10px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-title { font-size: 18px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-description { font-size: 11px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-input { font-size: 11px !important; } .tokoi-yperimerias-wrapper button{ font-size:11px !important; } #blue-container-page-ypologismou-yperhmerias > div > div > div > div > div > div > button.calculate-btn{ font-size:11px !important; } #calculation-date, #owed-rows > tr > td > input, #payments-rows > tr > td > input, #expenses-rows > tr > td > input, #owed-rows > tr > td > select{ height:35px !important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-table td, .tokoi-yperimerias-wrapper #result-table td, #owed-rows > tr > td > input{ font-size:11px!important; } .tokoi-yperimerias-wrapper .tokoi-yperimerias-input, .tokoi-yperimerias-wrapper .owed-amount, .tokoi-yperimerias-wrapper .payment-amount, .tokoi-yperimerias-wrapper .expense-amount, .tokoi-yperimerias-wrapper .owed-date, .tokoi-yperimerias-wrapper .payment-date, .tokoi-yperimerias-wrapper .expense-date, .tokoi-yperimerias-wrapper .owed-payment { font-size:11px !important; } } @media (max-width: 400px) { #ypologismos-yperhmerias-text > div > h1{ font-size:17px !important; } } @media (max-width: 380px) { #ypologismos-yperhmerias-text > div > h1{ font-size:16px !important; } } @media (max-width: 340px) { #ypologismos-yperhmerias-text > div > h1{ font-size:14px !important; } } /*----DIORTHWNEI TO PROBLIMA ME TO CALENDAR TEXT AREA OTAN FTIAXNW EVENT.EMFANIZEI SWSTA TA KOYMPIA EPEXERGASIAS(BOLD,TEXT-ALIGN)----------------------------------------*/ /* i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page, .mce-ico .mce-i-resize{ font: normal 20px/1 dashicons !important; /*DONT TOUCH } */ .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, body .mce-menu .mce-menu-item:hover{ background-color:#003B70 !important; } .mec-fes-form .mce-tinymce.mce-container.mce-panel{ box-shadow:none !important; } #mceu_26-body{ border:1px solid #003B70 !important; } #mceu_36 > i{ font-family:'tinymce',Arial !important; /*DONT TOUCH diorthwnei to icon poy megentynei thn eikona*/ } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { font-family:dashicons !important; } .ui-datepicker.ui-widget .ui-datepicker-prev, .ui-datepicker.ui-widget .ui-datepicker-next{ color:white !important; background-color:#003B70 !important; } .ui-datepicker.ui-widget .ui-datepicker-next:hover, .ui-datepicker.ui-widget .ui-datepicker-prev:hover{ background-color:#8F7B50 !important; color:white !important; } .ui-datepicker.ui-widget td a.ui-state-active, .ui-datepicker.ui-widget td a:hover{ background:#003B70 !important; } .mec-fes-form #mec_bfixed_form_fields input[type="checkbox"]:checked, .mec-fes-form #mec_bfixed_form_fields input[type="radio"]:checked, .mec-fes-form #mec_reg_form_fields input[type="checkbox"]:checked, .mec-fes-form #mec_reg_form_fields input[type="radio"]:checked, .mec-fes-form .mec-form-row input[type="checkbox"]:checked, .mec-fes-form .mec-form-row input[type="radio"]:checked{ background-color:#003B70 !important; } .mec-fes-form input[type=radio]{ border-color:#003B70 !important; } .mec-single-event-organizer img{ padding-left:0 !important; } /*---------------------------------TELOS DIORTHWSEWN SETTINGS EVENT CREATING FROM LOGGED IN USERS----------*/ /*-------------------------------KOYMPI GIA PDF STA POST EKDILWSEIS KAI IMERIDES----------------------------------------*/ #imerides-pdf-button{ display:none !important; } #imerides-pdf-button > div{ display:flex !important; justify-content:center !important; align-items:center !important; } #imerides-pdf-button > div > a{ padding: 10px 20px !important; background-color: #003b70 !important; color: white !important; text-decoration: none !important; border-radius: 5px !important; font-size: 14px !important; transition: background-color 0.3s ease !important; width: 235px !important; height: 47px !important; font-weight: 400 !important; line-height: 15.4px !important; display: flex !important; justify-content: center !important; align-items: center !important; border: none !important; font-size:17px !important; } #imerides-pdf-button > div > a:hover{ background-color: #8F7B50 !important; } @media(min-width:2250px){ .global-header-parent.scrolled .header-icons{ margin-top:40px !important; } } #green-post-container > div > div > a > span > img{ width:300px; display:none; } #main-content > div > div > div{ min-height:50vh; } /*Z-INDEX 0 STO FOOTER GIA NA MPOREI NA DOYLEPSEI TO POPUP IMAGE PANW TOY*/ #et-main-area > footer > div{ z-index:0 !important; } /*Page Vasi Dikografiwn*/ div.blue-database-dikografa{ padding-top:200px; min-height:732px; } div.blue-database-dikografa > div.green-database-dikografa > div > div > h1{ color:#a08958; font-size:30px; font-family:'Open Sans'; font-weight:700; } @media (max-width: 1600px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:28px ; } } @media (max-width: 1450px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:26px ; } } @media (max-width: 1280px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:24px ; } } @media(max-width:980px){ div.blue-database-dikografa > div.green-database-dikografa > div > div> div > h1{ font-size:25px ; } } @media (max-width: 768px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:25px ; } } @media (max-width: 600px) { div.blue-database-dikografa > div.green-database-dikografa > div > div> div > h1{ font-size:24px ; } } @media (max-width: 480px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:22px ; } } @media (max-width: 400px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:20px ; } } @media (max-width: 380px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:18px ; } } @media (max-width: 340px) { div.blue-database-dikografa > div.green-database-dikografa > div > div > div > h1{ font-size:15px ; } } /*PAGE STOIXEIA DIKOGRAFIAS*/ div.section-stoixeia-dikografias{ padding-top:200px; min-height:732px; } /*-----PAGE ISTORIKO LEDE----------------*/ div.page-lede-content > div > div > div > #post-content-container > p{ font-size:17px; } @media (max-width: 1600px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:16px; } } @media (max-width: 1450px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:15px; } } @media (max-width: 1280px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:14px; } } @media (max-width: 980px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:14px; } div.page-lede-content{ padding:25px 0 !important; } } @media (max-width: 768px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:14px; } } @media (max-width: 600px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:14px; } } @media (max-width: 480px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:13px ; } } @media (max-width: 400px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:13px; } } @media (max-width: 380px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:12px; } } @media (max-width: 340px) { div.page-lede-content > div > div > div > #post-content-container > p{ font-size:11px; } } /*-----------------PAGE DS LEDE--------------*/ div.ds-page-section-lede{ padding-top:200px !important; } div.ds-lede-content-text div p{ font-size:17px; font-family:"Open Sans", sans-serif; line-height:24px; color:rgb(51, 51, 51); } div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ color:rgb(51,51,51); } .ds-lede-row-content-container table tbody > tr > th{ color:white !important; } @media (max-width: 1450px) { div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:16px; } div.ds-lede-row-title{ margin-bottom:10px; } div.ds-lede-row-title > div > div > div > h1{ font-size:25px; } } @media(max-width:1280px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:15px !important; } } @media(max-width:980px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:15px; } .leadh-symvoulio-container{ max-width:100% !important; padding:0 !important; } div.ds-lede-row-content-container{ padding:0 !important; } div.ds-lede-row-title{ margin-bottom:40px; } } @media(max-width:768px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:14px !important; } } @media(max-width:600px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:13px !important; } table.lede-ds-table > tbody > tr > th{ font-size:14px; } div.ds-lede-row-title > div > div > div > h1{ font-size:20px; } } @media(max-width:480px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:13px !important; } table.lede-ds-table > tbody > tr > th{ font-size:13px !important; } } @media(max-width:400px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:13px !important; } div.ds-lede-row-title > div > div > div > h1{ font-size:18px; } } @media(max-width:380px){ div.ds-lede-content-text div p, div.ds-lede-row-content-container > div > div > div > div > table.leadh-symvoulio-table > tbody > tr > td{ font-size:11px !important; } div.ds-lede-row-title > div > div > div > h1{ font-size:16px; } table.lede-ds-table > tbody > tr > th{ font-size:12px !important; } } /*-----------------PAGE SYMB EP EYTHINIS LEDE--------*/ div.lede-asfalisi-page-section{ padding-top:200px; } div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:17px; font-family:"Open Sans", sans-serif; line-height:24px; color:rgb(51, 51, 51); } div.lede-asfalisi-text-content div p a{ color:#2ea3f2; } div.lede-asfalisi-page-title > div > h1{ font-size:30px; } @media (max-width: 1450px) { div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:16px; } div.lede-asfalisi-page-title > div > h1{ font-size:25px; } } @media (max-width: 1280px) { div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:15px; } } @media (max-width: 980px) { div.lede-asfalisi-page-section > div{ margin-bottom:20px; } div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:15px; } div.lede-asfalisi-text-content-row{ padding:0 !important; } } @media (max-width: 768px) { div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:15px; } div.lede-asfalisi-page-title > div > h1{ font-size:22px; } } @media (max-width: 600px) { div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:14px; } div.lede-asfalisi-page-title > div > h1{ font-size:18px; } } @media (max-width: 480px) { div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:13px; } div.lede-asfalisi-page-title > div > h1{ font-size:16px; } } @media (max-width: 400px) { div.lede-asfalisi-text-content div p, div.lede-asfalisi-text-content div p a{ font-size:13px; } div.lede-asfalisi-page-title > div > h1{ font-size:15px; } } /*--------------------PAGE SYMVOULOI YPHRESIAS-------------------*/ #symvouloi-yphresias-page-blue-container{ padding-top: 200px; } .symvouloi-yphresias-container { max-width: 1200px; margin: 0 auto; padding: 32px; } .symvouloi-yphresias-table { width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 48px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); table-layout: fixed; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { width: 33.33%; padding: 19px; border: 1px solid #e3e3e3; line-height: 1.4; height: 60px; vertical-align: middle; text-align: center; font-size: 17px; color:rgb(51, 51, 51); } .symvouloi-yphresias-table th { background-color: #003B70; color: white !important; font-weight: 600; font-size: 17px; letter-spacing: 0.5px; } .symvouloi-yphresias-table tr:nth-child(even) td { background-color: #F5F1EB; } .symvouloi-yphresias-signatures { display: flex; justify-content: center; gap: 48px; margin-top: 64px; padding-top: 32px; } .symvouloi-yphresias-signature-box { background-color: #ffffff; border: 2px solid transparent; border-radius: 8px; padding: 20px; text-align: center; min-width: 250px; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; transform: scale(1); } .symvouloi-yphresias-signature-box:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #8F7B50; } .symvouloi-yphresias-signature-title { color: #003B70; font-weight: 600; font-size: 18px; } @media (max-width: 1600px) { .symvouloi-yphresias-container { max-width: 1100px; padding: 28px; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { font-size:16px; } #symvouloi-yphresias-title > div > h1{ font-size:28px; } } @media (max-width: 1450px) { .symvouloi-yphresias-container { max-width: 1000px; } #symvouloi-yphresias-title > div > h1{ font-size:25px; } } @media (max-width: 1280px) { .symvouloi-yphresias-container { max-width: 900px; padding:25px 0; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { font-size:15px; } .symvouloi-yphresias-signature-box{ font-size:16px; } } @media (max-width: 980px) { .symvouloi-yphresias-container { max-width: 100%; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { font-size:13px; } .symvouloi-yphresias-signature-box{ font-size:16px; padding: 20px 30px; min-width: 200px; } .symvouloi-yphresias-signatures { gap: 32px; } #symvouloi-yphresias-page-blue-container > div.symvoyloi-yphresias-row{ width:90% ; } } @media (max-width: 768px) { .symvouloi-yphresias-signatures { flex-direction: column; align-items: center; gap: 24px; } .symvouloi-yphresias-signature-box { width: 100%; max-width: 280px; } div.symvouloi-yphresias-signature-box > div.symvouloi-yphresias-signature-title{ font-size:16px; } #symvouloi-yphresias-page-blue-container > div.symvoyloi-yphresias-row{ width:100% ; } #symvouloi-yphresias-title > div > h1{ font-size:23px; } } @media (max-width: 600px) { .symvouloi-yphresias-container { padding: 16px 8px; max-width: 100%; overflow-x: auto; } .symvouloi-yphresias-table { min-width: 300px; font-size: 10px; margin-bottom: 32px; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { padding: 6px 4px; font-size: 10px; height: 40px; line-height: 1.2; } #symvouloi-yphresias-title > div > h1 { font-size: 18px; padding: 0 10px; } .symvouloi-yphresias-signature-box { padding: 12px 16px; min-width: 200px; max-width: 280px; } .symvouloi-yphresias-signature-box > div.symvouloi-yphresias-signature-title { font-size: 14px; } #symvouloi-yphresias-page-blue-container > div.symvoyloi-yphresias-row { width: 95%; } } @media (max-width: 480px) { .symvouloi-yphresias-container { padding: 12px 4px; } .symvouloi-yphresias-table { min-width: 280px; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { padding: 4px 2px; font-size: 9px; height: 35px; } #symvouloi-yphresias-page-blue-container > div.symvoyloi-yphresias-row > div > div > div > div > table > tbody > tr > td { padding: 4px 2px !important; font-size: 9px !important; } #symvouloi-yphresias-title > div > h1 { font-size: 16px; } .symvouloi-yphresias-signature-box > div.symvouloi-yphresias-signature-title { font-size: 13px; } #symvouloi-yphresias-page-blue-container > div.symvoyloi-yphresias-row { width: 98%; } } @media (max-width: 400px) { .symvouloi-yphresias-table { min-width: 260px; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { padding: 3px 1px; font-size: 8px; height: 32px; } #symvouloi-yphresias-title > div > h1 { font-size: 15px; } .symvouloi-yphresias-signature-box { padding: 10px 12px; min-width: 180px; } .symvouloi-yphresias-signature-box > div.symvouloi-yphresias-signature-title { font-size: 12px; } } @media (max-width: 380px) { .symvouloi-yphresias-signature-box { padding: 8px 10px; } .symvouloi-yphresias-signature-box > div.symvouloi-yphresias-signature-title { font-size: 12px; } #symvouloi-yphresias-title > div > h1 { font-size: 14px; } } @media (max-width: 340px) { .symvouloi-yphresias-table { min-width: 240px; } .symvouloi-yphresias-table th, .symvouloi-yphresias-table td { padding: 2px 1px; font-size: 7px; height: 30px; } .symvouloi-yphresias-signature-box > div.symvouloi-yphresias-signature-title { font-size: 11px; } #symvouloi-yphresias-title > div > h1 { font-size: 13px; } } /*------------------------------------TEMPLATE NEO EKTHEMATA ME YPOKATIGORIES------------------------*/ div.children-prwtodikeio-left-section > div > div, div.children-efeteio-right-section> div > div{ display:flex; justify-content:center; align-items:center; flex-direction:column; } div.ekthemata-chidlren-postcategory-container a{ font-size:17px; font-weight:700; color:#003B70; font-family:'Open sans',sans-serif; line-height:31px; letter-spacing:1px; width: 85%; text-align: center; } .ekthemata-chidlren-postcategory-container { flex-wrap: wrap; gap: 15px; margin-bottom: 20px; } .ekthemata-chidlren-postcategory-container a { display: inline-block; padding: 8px 15px; background-color: white; text-decoration: none; border-radius: 5px; font-size: 15px; transition: all 0.3s ease; border: 1px solid #8F7B50; color:#003b70!important; } div.ekthemata-chidlren-postcategory-container a:hover{ color:#7B6B49 !important } div.ekthemata-prwtodikeio-heading-left div h2, div.ekthemata-efeteio-anat-heading-right div h2{ font-size:22px; } /* Responsive breakpoints */ @media (max-width: 1600px) { .ekthemata-chidlren-postcategory-container { gap: 12px; } .ekthemata-chidlren-postcategory-container a { padding: 8px 14px; font-size: 15px; } div.ekthemata-prwtodikeio-heading-left div h2, div.ekthemata-efeteio-anat-heading-right div h2{ font-size:20px; } div.ekthemata-chidlren-postcategory-container a{ font-size:17px; } } @media (max-width: 1450px) { .ekthemata-chidlren-postcategory-container { gap: 10px; } .ekthemata-chidlren-postcategory-container a { padding: 7px 12px; } div.ekthemata-prwtodikeio-heading-left div h2, div.ekthemata-efeteio-anat-heading-right div h2{ font-size:18px; } div.ekthemata-chidlren-postcategory-container a{ font-size:16px; } } @media (max-width: 1280px) { .ekthemata-chidlren-postcategory-container { gap: 10px; margin-bottom: 18px; } .ekthemata-chidlren-postcategory-container a { padding: 7px 12px; } div.ekthemata-prwtodikeio-heading-left div h2, div.ekthemata-efeteio-anat-heading-right div h2{ font-size:16px; } div.ekthemata-chidlren-postcategory-container a{ font-size:15px; } } @media (max-width: 1024px) { div.ekthemata-prwtodikeio-heading-left div h2, div.ekthemata-efeteio-anat-heading-right div h2{ font-size:14px; } } @media (max-width: 980px) { .ekthemata-chidlren-postcategory-container { justify-content: center; gap: 10px; margin-bottom: 15px; } .ekthemata-chidlren-postcategory-container a { padding: 6px 10px; font-size: 14px; } div.exhibits-category-separation div{ margin-bottom:30px; } } @media (max-width: 768px) { .ekthemata-chidlren-postcategory-container { justify-content: center; gap: 8px; } .ekthemata-chidlren-postcategory-container a { padding: 6px 10px; font-size: 13px; } } @media (max-width: 600px) { .ekthemata-chidlren-postcategory-container { flex-direction: column; align-items: center; gap: 8px; } .ekthemata-chidlren-postcategory-container a { width: 70%; text-align: center; padding: 8px 0; font-size: 14px; } } @media (max-width: 480px) { .ekthemata-chidlren-postcategory-container a { width: 90%; padding: 8px 0; font-size: 13px; } } @media (max-width: 400px) { .ekthemata-chidlren-postcategory-container a { width: 95%; padding: 7px 0; font-size: 13px; } } @media (max-width: 380px) { .ekthemata-chidlren-postcategory-container a { width: 100%; padding: 7px 0; font-size: 12px; } } @media (max-width: 340px) { .ekthemata-chidlren-postcategory-container { gap: 6px; margin-bottom: 12px; } .ekthemata-chidlren-postcategory-container a { width: 100%; padding: 6px 0; font-size: 12px; } } /*Ilektroniko Pinakio Page (syntoma konta sas)*/ div.ilektroniko-pinakio-page-section{ padding-top:200px; } div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; font-size: 30px; color: #8f7b50; text-align: center; } @media (max-width: 1600px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 28px; } } @media (max-width: 1450px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 30px; } } @media (max-width: 1280px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size:25px; } } @media (max-width: 980px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 22px; } } @media (max-width: 768px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 20px; } } @media (max-width: 600px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 18px; } } @media (max-width: 480px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 18px; } } @media (max-width: 380px) { div.ilektroniko-pinakio-page-section > div.ilektroniko-pinakio-page-row > div > div > div > h1{ font-size: 16px; } } /*Autepaggeltws diorismenoi dikigoroi PAGE*/ div.autepaggeltws-diorismenoi-dikogoroi-section{ padding-top:200px; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; font-weight: 700; color: #8f7b50; text-align: center; font-size:30px; } /*fix guteberg problem*/ .entry-content, .et_pb_post_content, .post-content { overflow-wrap: break-word; word-wrap: break-word; } #green-post-container > div > div{ margin-bottom:0; } #page-autepaggeltws-blue-container{ padding-top:200px ; } #autepaggeltws-page-title > div > h1{ font-size:30px ; } #autepaggeltws-page-wrapper { background-color: #ffffff ; padding: 20px ; gap: 20px ; } #autepaggeltws-intro > p{ font-size:17px ; color:#333 ; } .autepaggeltws-item { padding: 20px; border: 1px solid transparent ; border-radius: 5px ; background-color: #ffffff ; margin: 20px auto ; transition: box-shadow 0.3s ease, border-color 0.3s ease ; list-style-type: none ; border: 1px solid #ddd ; } .autepaggeltws-item:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3) ; border-color:#8F7B50 ; } .autepaggeltws-link { font-size: 17px ; color: #003B70 ; text-decoration: none ; font-weight: bold ; display: block ; } .autepaggeltws-link:hover { color: #005177 ; } #autepaggeltws-list{ padding-left:0 ; } @media (max-width: 1600px) { .autepaggeltws-link { font-size: 16px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:26px; } } @media (max-width: 1450px) { .autepaggeltws-link { font-size: 15px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:24px; } } @media (max-width: 1280px) { .autepaggeltws-link { font-size: 14px ; } #autepaggeltws-intro > p{ font-size:14px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:22px; } } @media (max-width: 980px) { #autepaggeltws-page-wrapper { padding: 15px ; } #autepaggeltws-page-title > div > h1{ font-size:28px ; } .autepaggeltws-link { font-size: 13px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:20px; } } @media (max-width: 768px) { .autepaggeltws-link { font-size: 12px ; } #autepaggeltws-page-title > div > h1{ font-size:25px ; } .autepaggeltws-item{ padding:15px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:17px; } } @media (max-width: 600px) { #autepaggeltws-page-wrapper { padding: 10px ; } #autepaggeltws-page-title > div > h1{ font-size:22px ; } .autepaggeltws-link { font-size: 10px ; } .autepaggeltws-item{ padding:10px ; } #autepaggeltws-intro > p{ font-size:13px ; } #autepaggeltws-list{ padding:0 ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:15px; } } @media (max-width: 480px) { .autepaggeltws-link { font-size: 9px ; } #autepaggeltws-page-title > div > h1{ font-size:20px ; } #autepaggeltws-intro > p{ font-size:12px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:14px; } } @media (max-width: 400px) { .autepaggeltws-link { font-size: 9px ; } #autepaggeltws-intro > p{ font-size:11px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:13px; } } @media (max-width: 380px) { .autepaggeltws-link { font-size: 8px ; } #autepaggeltws-page-title > div > h1{ font-size:18px ; } div.autepaggeltws-diorismenoi-dikogoroi-section > div.autepaggeltws-diorismenoi-dikogoroi-row > div > div > div > h1{ font-size:13px; } } /*Voithimata Dikigorwn*/ #voithimata-dikigorwn-section{ padding-top:200px; } #voithimata-dikigorwn-row{ display:flex; justify-content:center; align-items:center; } #voithimata-dikigorwn-docs-blue-container{ padding-top:200px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:30px; font-weight:700; color:#8F7B50; } #voithimata-dikigorwn-page-wrapper { background-color: #ffffff; padding: 20px; gap: 20px; } #voithimata-dikigorwn-intro > p { font-size: 17px; text-align: center; color: #333; text-transform: uppercase; font-weight: 700; } .voithimata-dikigorwn-item { padding: 20px; border: 1px solid transparent; border-radius: 5px; background-color: #ffffff; margin: 20px auto; transition: box-shadow 0.3s ease, border-color 0.3s ease; list-style-type: none; border: 1px solid #ddd; } .voithimata-dikigorwn-item:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #8F7B50; } .voithimata-dikigorwn-link { font-size: 17px; color: #003B70; text-decoration: none; font-weight: bold; display: flex; justify-content: space-between; align-items: center; } .voithimata-dikigorwn-link:hover { color: #005177; } .pdf-icon { display: inline-block; margin-left: 15px; } .link-text { flex: 1; } #voithimata-dikigorwn-list { margin-top: 50px; padding-left: 0; } @media (max-width: 1600px) { .voithimata-dikigorwn-link { font-size: 16px; } } @media (max-width: 1450px) { .voithimata-dikigorwn-link { font-size: 15px; } } @media (max-width: 1280px) { .voithimata-dikigorwn-link { font-size: 14px; } #voithimata-dikigorwn-intro > p { font-size: 14px; } } @media (max-width: 980px) { #voithimata-dikigorwn-page-wrapper { padding: 15px; } .voithimata-dikigorwn-link { font-size: 13px; } .pdf-icon svg { width: 20px; height: 20px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:25px; } } @media (max-width: 768px) { .voithimata-dikigorwn-link { font-size: 12px; } .voithimata-dikigorwn-item { padding: 15px; } .pdf-icon svg { width: 18px; height: 18px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:22px; } } @media (max-width: 600px) { #voithimata-dikigorwn-page-wrapper { padding: 10px; } .voithimata-dikigorwn-link { font-size: 11px; } .voithimata-dikigorwn-item { padding: 10px; } #voithimata-dikigorwn-intro > p { font-size: 13px; } #voithimata-dikigorwn-list { padding: 0; } .pdf-icon svg { width: 16px; height: 16px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:20px; } } @media (max-width: 480px) { .voithimata-dikigorwn-link { font-size: 9px; } #voithimata-dikigorwn-intro > p { font-size: 12px; } .pdf-icon svg { width: 14px; height: 14px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:18px; } } @media (max-width: 400px) { .voithimata-dikigorwn-link { font-size: 9px; } #voithimata-dikigorwn-intro > p { font-size: 11px; } .pdf-icon svg { width: 12px; height: 12px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:17px; } } @media (max-width: 380px) { .voithimata-dikigorwn-link { font-size: 8px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:16px; } } @media (max-width: 340px) { .voithimata-dikigorwn-link { font-size: 8px; } #voithimata-dikigorwn-heading-title > div > h1{ font-size:14px; } } /*alert when a user changes his password from LOGGEDIN Page */ #wppb_form_general_message{ width:50%; } @media(max-width:600px){ #wppb_form_general_message{ width:80%; } } /*Afairesi to wpDataTables etiketa katw apo ton pinaka*/ #members-list > div > div > span.powered_by_link, #table-askoumenoi-black > div > div > span.powered_by_link, #diamesolavites-green-container > div > div > div > div >span.powered_by_link, #metafrastes-dikigoroi-blue-container > div > div > div > div > div > span.powered_by_link, #page-vivliothiki-green > div > div > div > div > span.powered_by_link{ display:none !important; } div.autepaggeltws-meta-row > #autepaggeltws_theme{ width:100% !important; } div.mec-load-more-wrap{ display:none; } /* #tabs-events-list-page img { height:220px !important; } */ /*Page History*/ #history-page-content-text > div > p{ font-size:17px; font-family:'Open Sans'; } @media (max-width: 1600px) { #history-page-content-text > div > p{ font-size:15px; } } @media (max-width: 1450px) { #history-page-content-text > div > p{ font-size:14px; } } @media (max-width: 980px) { #green-container-istoriko-dsh-content{ padding:0 !important; margin-top: 50px; } #history-image-container-hero{ padding:0 !important; } } @media (max-width: 768px) { #history-page-content-text > div > p{ font-size:13px; } } @media (max-width: 400px) { #history-page-content-text > div > p{ font-size:12px; } } @media(max-width:380px){ #green-container-istoriko-dsh-content{ max-width:85% !important; } } /*latest fix*/ div.su-tabs-pane form.mec-form-row{ display:none !important; } /*Pagination for Page Ktimatologio, Hmerologia, per 20 pdfs */ #ypodeigmata-pagination, #calendar-pagination, #autepaggeltws-pagination{ margin-top: 30px; text-align: center; display: flex; justify-content: center; align-items: center; gap: 10px; } #ypodeigmata-pagination .pagination-button, #calendar-pagination .pagination-button, #autepaggeltws-pagination .pagination-button{ background: #003B70; border-radius: 5px; width: 148px; height: 40px; font-weight: 400; line-height: 15.4px; font-size: 14px; color: white; margin-top: 20px; display: flex !important; justify-content: center; align-items: center; border: none; border-radius: 50px; cursor: pointer; } #ypodeigmata-pagination .pagination-button:hover, #calendar-pagination .pagination-button:hover, #autepaggeltws-pagination .pagination-button:hover{ background-color:#A08958; transition: all 0.3s ease 0s; } #ypodeigmata-pagination .pagination-button:disabled , #calendar-pagination .pagination-button:disabled, #autepaggeltws-pagination .pagination-button:disabled{ background: #ccc; cursor: not-allowed; } #ypodeigmata-pagination .pagination-button:not(:first-child):not(:last-child), #calendar-pagination .pagination-button:not(:first-child):not(:last-child), #autepaggeltws-pagination .pagination-button:not(:first-child):not(:last-child){ width: auto; padding: 0 12px; min-width: 40px; height: 40px; margin-top: 20px; font-weight: 600; font-size: 14px; border-radius:8px; } @media (max-width: 768px) { #ypodeigmata-pagination, #calendar-pagination, #autepaggeltws-pagination { gap: 8px; } #ypodeigmata-pagination .pagination-button, #calendar-pagination .pagination-button, #autepaggeltws-pagination .pagination-button{ width: 130px; height: 40px; font-size: 13px; } #ypodeigmata-pagination .pagination-button:not(:first-child):not(:last-child), #calendar-pagination .pagination-button:not(:first-child):not(:last-child), #autepaggeltws-pagination .pagination-button:not(:first-child):not(:last-child){ padding: 0 10px; min-width: 36px; height: 36px; font-size: 13px; } } @media (max-width: 480px) { #ypodeigmata-pagination .pagination-button, #calendar-pagination .pagination-button, #autepaggeltws-pagination .pagination-button{ height: 40px; width: auto; font-size: 11px; } #ypodeigmata-pagination .pagination-button:not(:first-child):not(:last-child), #calendar-pagination .pagination-button:not(:first-child):not(:last-child), #autepaggeltws-pagination .pagination-button:not(:first-child):not(:last-child){ height: 40px; font-size: 11px; } } /*Latest Fixes MEC*/ div.mec-total-events, .mec-nextprev-wrap a svg, .mec-nextprev-wrap span svg{ display:none !important; } div.mec-nextprev-wrap{ display: flex; justify-content: center; align-items: center; flex-direction: row; gap:30px; } span.mec-nextprev-prev-button, a.mec-nextprev-next-button{ background: #003B70; border-radius: 5px; width: 160px; height: 47px; font-weight: 400; line-height: 15.4px; font-size: 14px; color: white; margin-top: 20px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } .mec-nextprev-prev-button:hover, a.mec-nextprev-next-button:hover{ border:none; color:white; background:#8F7B50; } div.mec-venue-details > address{ display:none; } .mec-event-image img{ height:300px !important; } .mec-event-list-standard .mec-event-article{ box-shadow:none !important; } .mec-event-image img{ height:100px !important; } #epistimonikes-ekdhlwseis-section .mec-event-image img, #politistikes-ekdhlwseis-section .mec-event-image img, #athlitikes-ekdhlwseis-section .mec-event-image img, #list-ekdhlwseis-oles .mec-event-image img{ height:300px !important; } @media(max-width:1600px){ .mec-event-content h3.mec-event-title a{ font-size:16px !important; } div.green-events-title > div > div > div > h1{ font-size:27px !important; } } @media(max-width:1450px){ .mec-event-content h3.mec-event-title a{ font-size:14px !important; } #epistimonikes-ekdhlwseis-section .mec-event-image img, #politistikes-ekdhlwseis-section .mec-event-image img, #athlitikes-ekdhlwseis-section .mec-event-image img, #list-ekdhlwseis-oles .mec-event-image img{ height:260px !important; } } @media(max-width:980px){ div.green-events-title > div > div > div > h1{ font-size:25px !important; } .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap{ min-height:100px !important; } .mec-event-content h3.mec-event-title a{ text-align:center !important; } } @media(max-width:768px){ .mec-event-image img{ height:250px !important; } div.green-events-title > div > div > div > h1{ font-size:22px !important; } .mec-event-image img{ height:95px !important; } #epistimonikes-ekdhlwseis-section .mec-event-image img, #politistikes-ekdhlwseis-section .mec-event-image img, #athlitikes-ekdhlwseis-section .mec-event-image img, #list-ekdhlwseis-oles .mec-event-image img{ height:260px !important; } } @media(max-width:600px){ div.green-events-title > div > div > div > h1{ font-size:17px !important; } span.mec-nextprev-prev-button, a.mec-nextprev-next-button{ font-size:12px; } } @media(max-width:480px){ div.green-events-title > div > div > div > h1{ font-size:15px !important; } .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap{ min-width:100% !important; } span.mec-nextprev-prev-button, a.mec-nextprev-next-button{ font-size:11px; } } /*Psifiakes Ypografes page*/ #psifiaki-ypografi-section{ padding-top:200px; } #psyfiaki-ypografi-title > div > h1{ font-weight: 700; color: #8f7b50; text-align: center; font-size:30px; } div.psifiaki-ypografi-text-content p{ font-size:17px; color:rgb(31,31,31); line-height:30px; text-align:left; } @media (max-width: 1280px) { #psyfiaki-ypografi-title > div > h1{ font-size:28px; } div.psifiaki-ypografi-text-content p{ font-size:16px; } } @media (max-width: 980px) { #psyfiaki-ypografi-title > div > h1{ font-size:26px; } div.psifiaki-ypografi-text-content p{ font-size:15px; } } @media (max-width: 768px) { #psyfiaki-ypografi-title > div > h1{ font-size:24px; } } @media (max-width: 600px) { #psyfiaki-ypografi-title > div > h1{ font-size:22px; } div.psifiaki-ypografi-text-content p{ font-size:14px; text-align:left !important; } #psifiaki-ypografi-section > div{ padding:25px 0 !important; } } @media (max-width: 480px) { #psyfiaki-ypografi-title > div > h1{ font-size:20px; } div.psifiaki-ypografi-text-content p{ font-size:13px; } } @media (max-width: 400px) { #psyfiaki-ypografi-title > div > h1{ font-size:18px; } div.psifiaki-ypografi-text-content p{ font-size:12px; } } /*Registration Page for Lawyers*/ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-weight: 700 !important; color: #8f7b50 !important; text-align: center !important; font-size:30px !important; } .outerContainer-register-only{ margin:70px auto; } div.um-postmessage{ border: 2px solid #8F7B50; padding: 25px !important; color: black; margin:50px auto !important; } .um .um-field-label{ color:#003b70 ; } .um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea{ color:#000 ; border:1px solid #003b70 !important; } .um .um-form input[type=password]:focus, .um .um-form input[type=search]:focus, .um .um-form input[type=tel]:focus, .um .um-form input[type=text]:focus, .um .um-form textarea:focus{ border: 2px solid #8f7b50 !important; } #um-submit-btn{ background: #003B70; border-radius: 5px; width: 100% !important; height: 47px; font-weight: 400; line-height: 15.4px; font-size: 14px; color: white; margin-top: 20px; display: flex; justify-content: center; align-items: center; } #um-submit-btn:hover{ background: #A08958; transition: all 0.3s ease 0s; } .register-form-only{ width:100% !important; max-width:100% !important; } .register-title{ text-align: center; margin-bottom: 100px; padding: 20px; line-height: 35.2px; font-size: 30px !important; font-weight: 600 !important; color: #002d55; margin: 0; padding: 0; letter-spacing: 0.18em; } .already-registered{ display:flex; justify-content:center; align-items:center; gap:10px; } .already-registered p{ color:#000; } .already-registered a{ color:#003B70; } .register-hr{ width:100%; } @media(max-width:1450px){ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-size:28px !important; } .register-title{ font-size:25px !important; } } @media(max-width:1280px){ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-size:26px !important; } .register-title{ font-size:20px !important; } } @media(max-width:980px){ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-size:26px !important; } } @media(max-width:768px){ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-size:24px !important; } .already-registered{ flex-direction:column; } } @media(max-width:620px){ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-size:22px !important; } .already-registered p, .already-registered a{ font-size:13px; } .register-only-container{ min-width:100% !important; width:100% !important; } .register-title{ font-size:16px !important; } .register-system-header{ padding:0 !important; } } @media(max-width:520px){ #eggrafi-xristwn-section > div.eggrafi-lawyer-row > div > div > div > h1{ font-size:20px !important; } .register-only-container{ min-width:100% !important; width:100% !important; } .register-form-only{ padding:20px !important; } .um-field-label label, #um-submit-btn{ font-size:13px !important; } .register-system-header{ padding:0 !important; } .register-title{ font-size:15px !important; } .register-hr{ width:100%; } } /*LAST FIXES */ /* #table_1 > thead > tr > th.wdtheader.sort.column-2.sorting{ width:45%; } */ /*FIXES SIZE IN CALENDAR ON PAGE LIST OF EVENTS*/ #mec-calendar-events-sec-16632-20250724 > article > div > img{ height:100px !important; } div#mec_skin_16632 div.mec-calendar-events-sec article.mec-event-article div.mec-event-image img { height:100px !important; } @media(max-width:1450px){ #member-table-module{ width:100% !important; } } /*fixes gia to MELH PAGE TABLE APO TO PLUGIN */ .wpDataTablesWrapper table.wpDataTable tbody tr td, .wpDataTablesWrapper table.wpDataTable thead tr th { white-space: normal !important; word-wrap: break-word !important; overflow-wrap: break-word !important; } .wpDataTablesWrapper table.wpDataTable .column-0 { min-width: 200px !important; max-width: 250px !important; padding: 8px !important; line-height: 1.4 !important; } .wpDataTablesWrapper table.wpDataTable .column-1 { min-width: 180px !important; max-width: 220px !important; padding: 8px !important; line-height: 1.4 !important; } .wpDataTablesWrapper table.wpDataTable .column-2 { min-width: 300px !important; max-width: 400px !important; padding: 8px !important; line-height: 1.4 !important; } @media (max-width: 1200px) { .wpDataTablesWrapper table.wpDataTable .column-0 { min-width: 180px !important; max-width: 200px !important; } .wpDataTablesWrapper table.wpDataTable .column-1 { min-width: 160px !important; max-width: 180px !important; } .wpDataTablesWrapper table.wpDataTable .column-2 { min-width: 250px !important; max-width: 300px !important; } } @media (max-width: 1024px) { .wpDataTablesWrapper table.wpDataTable .column-0 { min-width: 160px !important; max-width: 180px !important; } .wpDataTablesWrapper table.wpDataTable .column-1 { min-width: 140px !important; max-width: 160px !important; } .wpDataTablesWrapper table.wpDataTable .column-2 { min-width: 220px !important; max-width: 270px !important; } } @media (max-width: 980px) { table.wpDataTable { width: 100% !important; } table.wpDataTable th, table.wpDataTable td { min-width: auto !important; width: auto !important; max-width: none !important; white-space: normal !important; } } @media (max-width: 768px) { table.wpDataTable { width: 100% !important; } table.wpDataTable th, table.wpDataTable td { min-width: auto !important; width: auto !important; max-width: none !important; white-space: normal !important; } } @media (max-width: 610px) { table.wpDataTable { width: 100% !important; } table.wpDataTable th, table.wpDataTable td { min-width: auto !important; width: auto !important; max-width: none !important; white-space: normal !important; } } @media (max-width: 480px) { table.wpDataTable { width: 100% !important; } table.wpDataTable th, table.wpDataTable td { min-width: auto !important; width: auto !important; max-width: none !important; white-space: normal !important; } } @media (max-width: 400px) { table.wpDataTable { width: 100% !important; } table.wpDataTable th, table.wpDataTable td { min-width: auto !important; width: auto !important; max-width: none !important; white-space: normal !important; } } div.wp-pagenavi { text-align: center; padding-top: 15px; } div.wp-pagenavi .pages { border: none; } div.wp-pagenavi a, div.wp-pagenavi span.current, div.wp-pagenavi span.extend{ padding: 5px 10px; background: #003B70; font-weight: 400; font-size: 14px; color: white; display: flex !important; justify-content: center; align-items: center; width: auto; padding: 0 12px; min-width: 40px; height: 40px; margin-top: 20px; font-weight: 600; font-size: 14px; border-radius:8px; } div.wp-pagenavi a.last{ border: none!important; } div.wp-pagenavi a.last:hover, div.wp-pagenavi a.first:hover, div.wp-pagenavi a.nextpostslink:hover{ background-color:#A08958; border-color:#A08958; } div.wp-pagenavi { margin: 20px 0; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; } div.wp-pagenavi .pages { display: none !important; } div.wp-pagenavi a{ display: block; padding: 0.5rem 0.75rem; color: #003B70; background: white; text-decoration: none; border-radius: 4px; transition: all 0.3s ease; font-size: 1rem; } div.wp-pagenavi a.nextpostslink{ background: #003B70; color: white; } div.wp-pagenavi span.current { color: #fff; background: #003B70; font-weight: bold; } div.wp-pagenavi a:hover { background: #003B70; color:white; border:1px solid #003B70; } div.wp-pagenavi a.last, div.wp-pagenavi a.first { background: #003B70; color:white; padding: 0.5rem 1rem; } div.wp-pagenavi span.extend { display: block; padding: 0.5rem 0.75rem; color: #6c757d; background-color: #fff; border-radius: 4px; cursor: default; } /* Responsive προσαρμογές */ @media screen and (max-width: 768px) { div.wp-pagenavi a, div.wp-pagenavi span.current { padding: 0.4rem 0.6rem; font-size: 14px; } div.wp-pagenavi a.last, div.wp-pagenavi a.first { padding: 0.4rem 0.8rem; } } @media screen and (max-width: 576px) { div.wp-pagenavi a, div.wp-pagenavi span.current { padding: 0.3rem 0.5rem; font-size: 12px; } div.wp-pagenavi a.last, div.wp-pagenavi a.first { padding: 0.3rem 0.6rem; } div.wp-pagenavi a:not(:first-child):not(:last-child):not(.current):not(.nextpostslink):not(.prevpostslink):not(.first):not(.last):not(.extend) { display: none; } } /*Latest changes on POST PAGE*/ #dokimastiko-text-wrap-balance{ max-width:750px; } #dokimastiko-container-text-content-balance{ width:750px; } #dokimastiko-container-text-content-balance p{ line-height:30px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ text-align:left; max-width:750px; margin-bottom:10px; } .test-the-blue{ min-height:80vh !important; } #dokimastiko-container-text-content-balance, #dokimastiko-text-wrap-balance{ padding:0 !important; } #dokimastiko-text-wrap-balance > div > div > div{ display:flex; } #dokimastiko-text-wrap-balance{ max-width:750px; } #dokimastiko-container-text-content-balance{ width:750px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ text-align:left; max-width:750px; margin-bottom:10px; } .test-the-blue{ min-height:80vh !important; } #dokimastiko-container-text-content-balance, #dokimastiko-text-wrap-balance{ padding:0 !important; } #dokimastiko-text-wrap-balance > div > div > div{ display:flex; } /* Media Queries*/ @media(max-width:1630px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:625px; width:625px; } #dokimastiko-text-wrap-balance{ max-width:625px; } #dokimastiko-container-text-content-balance{ width:625px; } } @media(max-width:1450px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:580px; width:580px; } #dokimastiko-text-wrap-balance{ max-width:580px; } #dokimastiko-container-text-content-balance{ width:580px; } #dokimastiko-container-text-content-balance p{ font-size:16px; } } @media(max-width:1280px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:500px; width:500px; } #dokimastiko-text-wrap-balance{ max-width:500px; } #dokimastiko-container-text-content-balance{ width:500px; } #dokimastiko-container-text-content-balance p{ font-size:15px; } } @media(max-width:768px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:480px; width:480px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ font-size:17px; } #dokimastiko-prediv > div > div > p{ font-size:15px; } #dokimastiko-text-wrap-balance{ max-width:480px; } #dokimastiko-container-text-content-balance{ width:480px; } } @media(max-width:600px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:440px; width:440px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ font-size:16px; } #dokimastiko-prediv > div > div > p{ font-size:14px; } #dokimastiko-text-wrap-balance{ max-width:440px; width:440px; } #dokimastiko-container-text-content-balance{ width:440px; } } @media(max-width:480px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:380px; width:380px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ font-size:12px; } #dokimastiko-prediv > div > div > p{ font-size:12px; } #dokimastiko-text-wrap-balance{ max-width:350px; width:350px; } #dokimastiko-container-text-content-balance{ width:350px; } } @media(max-width:400px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:350px; width:350px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ font-size:11px; } #dokimastiko-prediv > div > div > p{ font-size:11px; } #dokimastiko-text-wrap-balance{ max-width:350px; width:350px; } #dokimastiko-container-text-content-balance{ width:350px; } } @media(max-width:380px){ #dokimastiko-text-wrap-balance > div > div > div{ max-width:320px; width:320px; } #dokimastiko-text-wrap-balance > div > div > div > h1{ font-size:11px; } #dokimastiko-prediv > div > div > p{ font-size:11px; } #dokimastiko-text-wrap-balance{ max-width:320px; width:320px; } #dokimastiko-container-text-content-balance{ width:320px; } } /**/ #green-post-container{ max-width:750px; } #post-dynamic-title h1{ text-align:left; margin-bottom:10px; } #post-content-container > div > div > div > div { padding:0 !important; } @media(max-width:1630px){ #green-post-container{ max-width:625px; padding-left: 0 !important; padding-right: 0 !important; } #post-dynamic-title > div > h1{ font-size:19px !important; } } @media(max-width:1450px){ #green-post-container{ max-width:600px; } #post-dynamic-title > div > h1{ font-size:18px !important; } } @media(max-width:1280px){ #post-content-container p{ font-size:16px; } #green-post-container{ max-width:500px; } #post-dynamic-title > div > h1{ font-size:17px !important; } } @media(max-width:768px){ #green-post-container{ max-width:480px; } #post-dynamic-title > div > h1{ font-size:16px !important; } } @media(max-width:600px){ #green-post-container{ max-width:440px; } #post-dynamic-title > div > h1{ font-size:16px !important; } } @media(max-width:480px){ #green-post-container{ max-width:380px; } #post-dynamic-title > div > h1{ font-size:16px !important; } } @media(max-width:400px){ #green-post-container{ max-width:350px; } #post-dynamic-title div h1{ font-size:15px !important; } } @media(max-width:380px){ #green-post-container{ max-width:320px; } } /*Popup CSS*/ /* POPUP */ .popup_outer_wrap, #popup-desktop { overflow:hidden !important; max-width:800px !important; padding:0px !important; margin:0px !important; } #et-boc > div > div.area-outer-wrap.popup_outer_wrap.et-l.entry-content{ top:85px !important; } #popup-desktop .et_pb_row{ width:100%; } #popup-desktop .et_pb_row_1 .et_pb_column .et_pb_image_1 { text-align: center; } #et-boc .area-outer-wrap .da-close { position: absolute; right: 17%; top: 2%; background:#8F7B50 !important; color:white !important; display:flex !important; justify-content:center !important; align-items:center !important; border-radius:50% !important; font-size: 23px; } #et-boc .area-outer-wrap .da-close:hover{ background:#003B70 !important; color:white !important; } #popup-desktop{ background:transparent !important; } #et-boc .area-outer-wrap[data-da-color=dark] .da-close{ text-shadow:none !important; } @media(max-width:1600px){ #et-boc .area-outer-wrap .da-close { top:1%; } } @media(max-width:1450px){ #et-boc .area-outer-wrap .da-close{ top:1%; } } @media(max-width:1280px){ #et-boc > div > div.area-outer-wrap.popup_outer_wrap.et-l.entry-content{ top:0px !important; } } @media(max-width:980px){ #popup-desktop .et_pb_row_2 .et_pb_column_2 .et_pb_image { text-align: center !important; } #popup-desktop .et_pb_row{ width:450px !important; } #et-boc > div > div.area-outer-wrap.popup_outer_wrap.et-l.entry-content{ top:85px !important; } #et-boc .area-outer-wrap .da-close { position: absolute; right: 26% !important; top: 11% !important; } } @media(max-width:768px){ #et-boc .area-outer-wrap .da-close { right: 23% !important; top: 19% !important; } } @media(max-width:650px){ #et-boc .area-outer-wrap .da-close { right: 21% !important; top: 19% !important; } } @media(max-width:600px){ #popup-desktop .et_pb_row { transform: scale(0.8); } #et-boc .area-outer-wrap .da-close { right: 19% !important; top: 26% !important; } } @media(max-width:480px){ #et-boc .area-outer-wrap .da-close { right: 14% !important; top: 28% !important; } #et-boc > div > div.area-outer-wrap.popup_outer_wrap.et-l.entry-content{ top:20px !important; } #popup-desktop .et_pb_row{ width:350px !important; } } @media(max-width:400px){ #popup-desktop .et_pb_row{ width:320px !important; } } @media(max-width:360px){ #et-boc .area-outer-wrap .da-close { right: 11% !important; top: 28% !important; } } @media(max-width:1450px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg { transform:scale(1.0); } } @media(max-width:1280px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg { transform:scale(1.0); } } @media(max-width:980px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg { transform:scale(1.0); } } @media(max-width:768px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg { transform:scale(1.0); } } @media(max-width:600px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg { transform:scale(1.0); } } @media(max-width:480px){ .global-header-parent.scrolled #header-logo-dsh .header-logo svg { transform:scale(0.9); } } /*Anakoinwseis Section DATE STYLE*/ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > p > span{ font-size: 16px !important; color: #a08958!important; line-height: 30px; } @media(max-width:980px){ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > p > span{ font-size:15px !important; } } @media(max-width:768px){ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > p > span{ font-size:14px !important; } } @media(max-width:600px){ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > p > span{ font-size:13px !important; } } @media(max-width:480px){ #simantika-nea-green-container > div.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_slide_content > p > span{ font-size:12px !important; } }