Top
Home / Προσβασιμότητα ΑμεΑ – Πρότυπο WCAG
Προσβασιμότητα ΑμεΑ – Πρότυπο WCAG
Προσβασιμότητα ΑμεΑ – Πρότυπο WCAG
ΛΙΓΑ ΛΟΓΙΑ ΓΙΑ ΤΗΝ ΠΡΟΣΒΑΣΙΜΟΤΗΤΑ
Προσβασιμότητα στο διαδίκτυο (Web Accessibility) σημαίνει ότι τα ΑμεΑ μπορούν να χρησιμοποιήσουν το διαδίκτυο. Πιο συγκεκριμένα, σημαίνει ότι μπορούν να αντιληφθούν, να καταλάβουν, να πλοηγηθούν, και να αλληλεπιδράσουν στο διαδίκτυο.
Η δυνατότητα αξιοποίησης των συστημάτων πληροφορικής και της ηλεκτρονικής πληροφορίας από οποιονδήποτε κατοχυρώνεται τεχνικά και νομικά σε διεθνές και εθνικό επίπεδο*.
Η δυνατότητα πρόσβασης στο Διαδίκτυο όμως ωφελεί επίσης και τους ανθρώπους χωρίς ανικανότητες (άτομα τρίτης ηλικίας, τραυματισμα κλπ). Βασική αρχή της προσβασιμότητας είναι να σχεδιάζονται ευέλικτα λογισμικά, προκειμένου να ικανοποιήσουν τις διαφορετικές ανάγκες, προτιμήσεις και καταστάσεις των χρηστών (Σχεδιασμός για όλους).
Είναι σημαντικό να καλύπτονται όλες οι ανικανότητες που επηρεάζουν την πλοήγηση:
Οπτικές: Προσαρμογή μεγέθους & χρωματικών συνδυασμών, εναλλακτικό κείμενο στη θέση των εικόνων, μετατρκειμένου σε ομιλία.
Ακουστικές: Εναλλακτικό κείμενο στη θέση των ηχητικών αρχείων και βίντεο.
Σωματικές: Πλοήγηση μόνον από το πληκτρολόγιο ή μόνον από το ποντίκι.
Γνωστικές – νοητικές: Σαφής & απλοποιημένη διάταξη του περιεχομένου.
Με εφαρμογή των διεθνών τεχνικών προτύπων, η μπάρα προσβασιμότητας “Eucleides” προσφέρει τις παραπάνω λειτουργίες, παρέχοντας έτσι στα ΑμεΑ νέες δυνατότητες πλοήγησης, καλύπτοντας ορισμένες από τις σύνθετες ανάγκες τους.
*
α) OHE: Σύμβαση για τα Δικαιώματα ΑμεΑ
β) Ε.Ε.: 1083/2006/ΕΚ
γ) Ελλάδα: Ν.4074/2012, N. 3979/2011
δ) W3C: WCAG 2.0.
ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΜΠΑΡΑΣ ΠΡΟΣΒΑΣΙΜΟΤΗΤΑΣ
Η μπάρα προσβασιμότητας “Eucleides” ενεργοποιείται και απενεργοποιείται κάνοντας κλικ στα σχετικά εικονίδια ή πατώντας το πλήκτρο “0”. Αφήνοντας το ποντίκι για 2 δευτερόλεπτα πάνω στο εκάστοτε εικονίδιο, εμφανίζονται λεπτομέρειες για την αντίστοιχη λειτουργία. Η μπάρα αποτελείται από τέσσερα (4) μενού:
Πληροφορίες
Οδηγός χρήσης
Ο οδηγός χρήσης περιγράφει όλες τις λειτουργίες και επιλογές της μπάρας προσβασιμότητας. Ενεργοποιείται και απενεργοποιείται, πατώντας το σχετικό εικονίδιο ή το πλήκτρο Shift + “5”.
Πληροφορίες
Παρατίθενται σύντομες πληροφορίες την προσβασιμότητα στο διαδίκτυο.
Σχόλια/Αξιολόγηση
Στείλτε μας τα σχόλιά σας για την εμπειρία σας από τη χρήση της μπάρας προσβασιμότητας.
Συντομεύσεις σελίδας
Πλοήγηση μέσω TAB
Χρησιμοποιήστε το πλήκτρο TAB, για να επισημάνετε και να πλοηγηθείτε στα διάφορα σημεία ενδιαφέροντος της ιστοσελίδας (συνδέσμους, κουμπιά, πεδία εισαγωγής κειμένου κλπ). Επιλέξτε τα, πατώντας το πλήκτρο “Enter” ως εναλλακτική στο αριστερό κλικ με το ποντίκι. Η λειτουργία αυτή είναι ενεργοποιημένη από προεπιλογή. Τα πρώτα στοιχεία πλοήγησης είναι αυτά της μπάρας προσβασιμότητας.
Πλήκτρα πλοήγησης
Ενεργοποιήστε ή απενεργοποιήστε μερικές από τις λειτουργίες της μπάρας μέσω συντομεύσεων από το πληκτρολόγιο. Πλοηγηθείτε στις διάφορες ιστοσελίδες του ιστοτόπου μέσω συντομεύσεων από το πληκτρολόγιο.
Δομή ιστοσελίδας
Εδώ καταλογοποιούνται με αυτόματο τρόπο τα κύρια μέρη της ιστοσελίδας (κεφαλίδα, μενού, κύριο μέρος, τμήμα, άρθρο, πλάγιο μενού, φόρμα, υποσέλιδο). Μπορείτε να μεταβείτε σε αυτά, κάνοντας κλικ στο εκάστοτε υπογραμμισμένο στοιχείο. Εδώ καταλογοποιούνται με αυτόματο τρόπο όλες οι επικεφαλίδες της ιστοσελίδας (h1, h2, h3, h4, h5, h6). Μπορείτε να μεταβείτε σε αυτές, κάνοντας κλικ στο εκάστοτε υπογραμμισμένο στοιχείο.
Σύνδεσμοι ιστοσελίδας
Εδώ καταλογοποιούνται με αυτόματο τρόπο όλοι οι σύνδεσμοι που υπάρχουν στην ιστοσελίδα. Ομαδοποιούνται σε εσωτερικούς και εξωτερικούς. Μπορείτε να μεταβείτε σε αυτούς, κάνοντας κλικ στο εκάστοτε υπογραμμισμένο στοιχείο. Οι εξωτερικοί σύνδεσμοι δεν ανοίγουν σε νέα καρτέλα αλλά στην ίδια.
Ανάγνωση σελίδας
Κείμενο σε ομιλία
Πιέστε το εικονίδιο “Αναπαραγωγή” και στη συνέχεια κάνετε κλικ πάνω στο κείμενο που θέλετε να ακούσετε. Για διακοπή πιέστε το αντίστοιχο εικονίδιο “Διακοπή” ή το πλήκτρο “Escape”. Το κείμενο που επιλέγεται κάθε φορά μπορεί να περιέχει έως 2000 χαρακτήρες.
Αλλαγή αντίθεσης
Η ιστοσελίδα μπορεί να εμφανίζεται σε λειτουργίας υψηλής αντίθεσης (μαύρο φόντο με λευκά γράμματα, κίτρινες επικεφαλίδες και λευκούς υπογραμμισμένους συνδέσμους) ή σε αποχρώσεις του γκρι. Η λειτουργία υψηλής αντίθεσης ενεργοποιείται από το εικονίδιο ή από το πλήκτρο Shift + “3”. Απενεργοποιείται από το εικονίδιο επαναφοράς ή από το πλήκτρο Shift + “4”. Η λειτουργία αποχρωματισμού ενεργοποιείται από το εικονίδιο και απενεργοποιείται από το εικονίδιο επαναφοράς.
Μέγεθος κειμένου
Με το πάτημα του εικονιδίου ή του πλήκτρου Shift + “2”.
Επισήμανση κειμένου
Επισημάνετε με κίτρινο χρώμα το κείμενο που διαβάζετε, περνώντας το ποντίκι σειριακά πάνω από τις λέξεις. Στη λειτουργία υψηλής αντίθεσης για την επισήμανση κειμένου χρησιμοποιείται το μπλε χρώμα. Πιέστε ξανά το κουμπί της επισήμανσης για παύση της λειτουργίας. Με το πλήκτρο επαναφοράς αφαιρείται η επισήμανση από όλες τις λέξεις.
Ρυθμίσεις
Τα επισημασμένα με κίτρινο χρώμα εικονίδια αντιστοιχούν στις λειτουργίες που είναι ενεργοποιημένες, αποθηκευμένες και εκτελούνται σε κάθε είσοδό σας στην ιστοσελίδα.
Πληροφορίες ρυθμίσεων
Διαβάστε περισσότερες πληροφορίες για την αποθήκευση των προτιμήσεών σας σχετικά με την μπάρα προσβασιμότητας.
Επαναφορά ρυθμίσεων
Η ιστοσελίδα επαναφορτώνει, διαγράφοντας τις προτιμήσεις σας και επαναφέροντας τις προεπιλεγμένες.
Top
/* content animation */
.taptap-content-animation-active {
-webkit-transform:scale(0.9) ;
transform:scale(0.9) ;
opacity:;
/* blur effect (unless hidden on non-mobile devices) */
-webkit-filter:blur(px);
filter:blur(px);
}
/* if push down site */
/* hide taptap between resolutions */
@media ( min-width:px) and (max-width:px) {
.taptap-menu-button-wrapper,
.taptap-logo-wrapper,
.taptap-header,
.taptap-header-bg-image,
.taptap-background-color,
.taptap-background-image,
.taptap-background-overlay,
.taptap-main-wrapper,
.taptap-woo-button-wrapper,
.taptap-search-wrapper,
.taptap-search-button-wrapper,
.taptap-woo-cart-wrapper,
.taptap-search-background,
.taptap-search-overlay { display:none; }
html { margin-top:0 !important; }
}
/* hide theme menu */
/**************************************************************
*** CUSTOM COLORS + SETTINGS
**************************************************************/
/* show hovers on non-touch devices only */
/* menu label */
.taptap-menu-button-wrapper:hover .taptap-menu-button-label { color:inherit; }
/* logo hover */
.taptap-logo a:hover { color:; }
/* search label hover */
.taptap-search-button-wrapper:hover .taptap-search-button-label { color:; }
/* search button hover*/
.taptap-search-button-wrapper:hover .taptap-search-button { border-color:#ddd; }
.taptap-search-button-wrapper:hover .taptap-search-button::after { background-color:#ddd; }
/* search close button hover */
.taptap-search-close-wrapper:hover .taptap-search-close-inner::before,
.taptap-search-close-wrapper:hover .taptap-search-close-inner::after { background-color:#ddd; }
/* search clear field button hover */
.taptap-search-clear-wrapper:hover .taptap-search-clear { background-color:#666; }
/* current menu item hover */
.taptap-by-bonfire ul li.current-menu-item.full-item-arrow-hover > a,
.taptap-by-bonfire ul li.current-menu-item > a:hover { color:; }
/* current submenu item hover */
.taptap-by-bonfire .sub-menu .current-menu-item.full-item-arrow-hover > a,
.taptap-by-bonfire .sub-menu .current-menu-item > a:hover { color:; }
/* menu item icon hover */
.taptap-by-bonfire ul li a:hover i,
.taptap-by-bonfire ul li.full-item-arrow-hover a i { color:; }
/* submenu item icon hover */
.taptap-by-bonfire .sub-menu a:hover i,
.taptap-by-bonfire .sub-menu .full-item-arrow-hover a i { color:; }
/* menu item hovers */
.taptap-by-bonfire ul li.full-item-arrow-hover > a,
.taptap-by-bonfire ul li a:hover { color:#E4D7D7; }
.taptap-by-bonfire ul.sub-menu li.full-item-arrow-hover > a,
.taptap-by-bonfire ul.sub-menu li a:hover { color:#77787C; }
/* submenu arrow hover */
.full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::before,
.full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::after,
.taptap-sub-arrow:hover .taptap-sub-arrow-inner::before,
.taptap-sub-arrow:hover .taptap-sub-arrow-inner::after { background-color:#fff; }
/* menu button hover */
.taptap-menu-button-wrapper:hover .taptap-main-menu-button:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:after {
background-color:#ddd;
}
/* menu bars hover (if menu opened) */
.taptap-menu-active:hover .taptap-main-menu-button:before,
.taptap-menu-active:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button:after,
.taptap-menu-active:hover .taptap-main-menu-button-two:before,
.taptap-menu-active:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-two:after,
.taptap-menu-active:hover .taptap-main-menu-button-three:before,
.taptap-menu-active:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-three:after,
.taptap-menu-active:hover .taptap-main-menu-button-four:before,
.taptap-menu-active:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-four:after,
.taptap-menu-active:hover .taptap-main-menu-button-five:before,
.taptap-menu-active:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-active:hover .taptap-main-menu-button-five:after,
.taptap-menu-active:hover .taptap-main-menu-button-six:before,
.taptap-menu-active:hover .taptap-main-menu-button-six:after {
background-color:;
}
/* MENU BUTTON */
/* menu button opacity */
.taptap-menu-button-wrapper { opacity:; }
/* menu button */
.taptap-main-menu-button:before,
.taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-main-menu-button:after,
.taptap-main-menu-button-two:before,
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-main-menu-button-two:after,
.taptap-main-menu-button-three:before,
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-main-menu-button-three:after,
.taptap-main-menu-button-four:before,
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-main-menu-button-four:after,
.taptap-main-menu-button-five:before,
.taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-main-menu-button-five:after,
.taptap-main-menu-button-six:before,
.taptap-main-menu-button-six:after {
background-color:;
}
/* menu button (if menu opened) */
.taptap-menu-active .taptap-main-menu-button:before,
.taptap-menu-active .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-active .taptap-main-menu-button:after,
.taptap-menu-active .taptap-main-menu-button-two:before,
.taptap-menu-active .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-active .taptap-main-menu-button-two:after,
.taptap-menu-active .taptap-main-menu-button-three:before,
.taptap-menu-active .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-active .taptap-main-menu-button-three:after,
.taptap-menu-active .taptap-main-menu-button-four:before,
.taptap-menu-active .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-active .taptap-main-menu-button-four:after,
.taptap-menu-active .taptap-main-menu-button-five:before,
.taptap-menu-active .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-active .taptap-main-menu-button-five:after,
.taptap-menu-active .taptap-main-menu-button-six:before,
.taptap-menu-active .taptap-main-menu-button-six:after { background-color:; }
/* menu button animations (-/X) */
/* menu button animation speed + logo/search hover speeds */
.taptap-menu-button-label::before,
.taptap-menu-button-label::after,
.taptap-search-button-label,
.taptap-search-button,
.taptap-search-button::after,
.taptap-logo a,
.taptap-search-close-inner::before,
.taptap-search-close-inner::after,
.taptap-search-clear,
.taptap-main-menu-button:before,
.taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-main-menu-button:after,
.taptap-main-menu-button-two:before,
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-main-menu-button-two:after,
.taptap-main-menu-button-three:before,
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-main-menu-button-three:after,
.taptap-main-menu-button-four:before,
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-main-menu-button-four:after,
.taptap-main-menu-button-five:before,
.taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-main-menu-button-five:after,
.taptap-main-menu-button-six:before,
.taptap-main-menu-button-six:after {
-webkit-transition:all s ease !important;
transition:all s ease !important;
}
/* menu button top, side distances + right position */
.taptap-menu-button-wrapper { top:px; }
/* if menu button hidden, remove button height and set default label position to 0 */
/* menu button label customization */
.taptap-menu-button-label {
left:px;
top:px;
color:;
font-size:px;
letter-spacing:px;
}
/* menu button label font + theme font */
.taptap-menu-button-label {
font-family:'Roboto Condensed';
font-weight:400;
}
/* menu button labels */
.taptap-menu-button-label::before { content:''; }
/* LOGO */
/* logo font size + letter spacing */
.taptap-logo a {
color:;
font-size:px;
letter-spacing:px;
}
/* logo font + theme font */
.taptap-logo a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* logo image size + top/side distances + right positioning */
.taptap-logo-image img { max-height:px; }
.taptap-logo-wrapper { top:px; }
/* WOO BUTTON */
/* woocommerce icon select */
/* woocommerce icon colors */
.taptap-shopping-icon {
background-color:;
}
a.taptap-cart-count:hover .taptap-shopping-icon {
background-color:;
}
.taptap-cart-count > span {
color:;
background-color:;
}
/* woo button top, side distances + right position */
.taptap-woo-button-wrapper { top:px; }
/* SEARCH */
/* search button */
.taptap-search-button {
border-color:;
}
.taptap-search-button::after {
background-color:;
}
/* search button top, side distances + right position */
.taptap-search-button-wrapper { top:px; }
/* if search button hidden, remove button height and set default label position to 0 */
.taptap-search-button-wrapper { height:auto; }
.taptap-search-button-label { top:0; left:0; }
/* search button label customization */
.taptap-search-button-label {
left:px;
top:px;
color:;
font-size:px;
letter-spacing:px;
}
/* search button label font + theme font */
/* search form background + background color + animation speed */
.taptap-search-wrapper,
.taptap-search-background {
height:px;
-webkit-transition:-webkit-transform s ease 0s, top 0s ease s;
transition:transform s ease 0s, top 0s ease s;
}
.taptap-search-background {
opacity:;
background-color:;
}
.taptap-search-wrapper-active {
-webkit-transition:-webkit-transform s ease 0s, top 0s ease 0s !important;
transition:transform s ease 0s, top 0s ease 0s !important;
}
.taptap-search-overlay {
background-color:;
-webkit-transition:opacity s ease 0s, top 0s ease s;
transition:opacity s ease 0s, top 0s ease s;
}
.taptap-search-overlay-active {
opacity:;
-webkit-transition:opacity s ease 0s, top 0s ease 0s;
transition:opacity s ease 0s, top 0s ease 0s;
}
/* search form placeholder */
#searchform input::-webkit-input-placeholder { font-size:px; color: !important; }
#searchform input:-moz-placeholder { font-size:px; color: !important; }
#searchform input::-moz-placeholder { font-size:px; color: !important; }
#searchform input:-ms-input-placeholder { font-size:px; color: !important; }
/* search form text color + align + padding if clear field hidden */
.taptap-search-wrapper #searchform input {
color:;
font-size:px;
letter-spacing:px;
}
/* search field font */
/* search form close button */
.taptap-search-close-inner::before,
.taptap-search-close-inner::after { background-color:; }
/* search clear field button */
.taptap-search-clear { background-color:; }
/* make search field X the same color as search field background */
.taptap-search-clear::before,
.taptap-search-clear::after { background-color:; }
/* HEADER */
/* header height + background image + background color */
.taptap-header-bg-image {
height:px;
opacity:;
background-image:url();
}
.taptap-header {
height:px;
background-color:;
opacity:;
}
/* show header shadow */
/* MENU CONTAINER */
/* background color */
.taptap-background-color {
opacity:;
background-color:;
}
/* pulsating background colors + speed */
/* background image opacity + horizontal/vertical alignment */
.taptap-background-image {
opacity:;
background-position: ;
background-size:;
}
/* background pattern */
/* menu container top/bottom padding */
.taptap-main-inner-inner {
padding-top:px;
padding-bottom:px;
padding-left:px;
padding-right:px;
}
/* max content width */
.taptap-contents-wrapper {
max-width:px;
}
/* menu container appearance speed */
.taptap-main-wrapper {
-webkit-transition:-webkit-transform s ease, top 0s ease s, opacity s ease 0s;
transition:transform s ease, top 0s ease s, opacity s ease 0s;
}
.taptap-main-wrapper-active {
-webkit-transition:-webkit-transform s ease, top 0s ease 0s, opacity s ease 0s;
transition:transform s ease, top 0s ease 0s, opacity s ease 0s;
}
.taptap-background-color,
.taptap-background-image {
-webkit-transition:-webkit-transform s ease, top 0s ease s;
transition:transform s ease, top 0s ease s;
}
.taptap-background-color-active,
.taptap-background-image-active {
-webkit-transition:-webkit-transform s ease, top 0s ease 0s;
transition:transform s ease, top 0s ease 0s;
}
/* menu corner roundness */
.taptap-background-color,
.taptap-background-image,
.taptap-main-wrapper {
border-radius:px;
}
/* distance from edges */
/* menu contents horizontal alignment */
/* menu contents vertical alignment */
/* menu animations (top/left/right/bottom/fade) */
.taptap-main-wrapper {
-webkit-transform:translateY(-125%) scale(0.75);
transform:translateY(-125%) scale(0.75);
}
.taptap-main-wrapper-active {
-webkit-transform:translateY(0) scale(1);
transform:translateY(0) scale(1);
}
/* BACKGROUND OVERLAY */
/* background overlay opacity + color + animation speed */
.taptap-background-overlay {
background-color:;
-webkit-transition:opacity s ease, top 0s ease s;
transition:opacity s ease, top 0s ease s;
}
.taptap-background-overlay-active {
opacity:;
-webkit-transition:opacity s ease, top 0s ease 0s;
transition:opacity s ease, top 0s ease 0s;
}
/* ALTERNATE CLOSE BUTTON */
.taptap-alternate-close-button {
top:px;
right:px;
}
.taptap-alternate-close-button::before,
.taptap-alternate-close-button::after {
background-color:;
height:px;
}
.taptap-alternate-close-button:hover::before,
.taptap-alternate-close-button:hover::after {
background-color:;
}
/* HEADING + SUBHEADING */
/* headings */
.taptap-heading,
.taptap-heading a,
.taptap-heading a:hover { color:; }
.taptap-subheading,
.taptap-subheading a,
.taptap-subheading a:hover { color:; }
/* heading */
.taptap-heading,
.taptap-heading a {
font-size:30px;
letter-spacing:px;
line-height:px;
}
/* subheading */
.taptap-subheading {
margin-top:px;
}
.taptap-subheading,
.taptap-subheading a {
font-size:px;
letter-spacing:px;
line-height:px;
}
/* heading font */
.taptap-heading,
.taptap-heading a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* subheading font */
.taptap-subheading,
.taptap-subheading a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* HEADING IMAGE */
.taptap-image {
margin-top:px;
margin-bottom:px;
}
.taptap-image img {
max-width:px;
}
/* MENUS */
/* menu */
.taptap-by-bonfire ul li a {
color:;
font-size:px;
line-height:px;
letter-spacing:px;
margin-top:px;
}
.taptap-by-bonfire > .menu > li.menu-item-has-children > span { margin-top:px; }
/* submenu */
.taptap-by-bonfire .sub-menu a {
color:;
font-size:px;
letter-spacing:px;
margin-bottom:px;
}
/* drop-down arrow position (top-level) */
.taptap-by-bonfire > .menu > li.menu-item-has-children > span { top:px; }
/* drop-down arrow position (sub-level) */
.taptap-by-bonfire .sub-menu li.menu-item-has-children span { top:px; }
/* submenu arrow */
.taptap-sub-arrow .taptap-sub-arrow-inner::before,
.taptap-sub-arrow .taptap-sub-arrow-inner::after { background-color:; }
.taptap-by-bonfire .menu li span { border-color:; }
/* current menu items */
.taptap-by-bonfire ul li.current-menu-item > a { color:; }
.taptap-by-bonfire .sub-menu .current-menu-item > a { color:; }
/* menu font */
/* MENU ITEM DESCRIPTIONS */
.taptap-menu-item-description {
color:;
font-size:px;
padding-top:px;
padding-bottom:px;
line-height:px;
letter-spacing:px;
}
/* menu item description font */
/* MENU ITEM ICONS */
/* menu icons */
.taptap-by-bonfire ul li a i {
color:;
font-size:px;
margin-top:px;
}
/* submenu icons */
.taptap-by-bonfire .sub-menu a i {
color:;
font-size:px;
margin-top:px;
}
/* HORIZONTAL MENU */
/* horizontal menu section titles */
.taptap-by-bonfire-horizontal .taptap-title a {
font-size:px;
color:;
}
.taptap-by-bonfire-horizontal .taptap-title i {
font-size:px;
color:;
}
.taptap-by-bonfire-horizontal .taptap-title-line::before {
background-color:;
}
/* horizontal menu items */
.taptap-by-bonfire-horizontal ul li a {
font-size:px;
color:;
}
/* horizontal menu item icons */
.taptap-by-bonfire-horizontal .menu-item:not(.taptap-title) i {
font-size:px;
color:;
}
/* sub-menu arrow icon */
.taptap-horizontal-sub-arrow::before,
.taptap-horizontal-sub-arrow::after {
background-color:;
}
/* horizontal menu back button */
.taptap-horizontal-back {
font-size:px !important;
color: !important;
border-color:;
}
.taptap-horizontal-back::before,
.taptap-horizontal-back::after {
background-color:;
}
/* show horizontal menu hovers on non-touch devices only */
.taptap-by-bonfire-horizontal ul li:not(.taptap-title) a:hover {
color:;
}
.taptap-by-bonfire-horizontal ul li:not(.taptap-title):hover > a i {
color:;
}
.taptap-by-bonfire-horizontal .menu-item:hover .taptap-horizontal-sub-arrow::before,
.taptap-by-bonfire-horizontal .menu-item:hover .taptap-horizontal-sub-arrow::after {
background-color:;
}
.taptap-horizontal-close-submenu:hover .taptap-horizontal-back {
color: !important;
}
.taptap-horizontal-close-submenu:hover .taptap-horizontal-back::before,
.taptap-horizontal-close-submenu:hover .taptap-horizontal-back::after {
background-color: !important;
}
/* IMAGE-BASED MENU */
/* image-based menu item colors */
.taptap-image-grid-item > a { color:; }
.taptap-by-bonfire-image .sub-menu li a { color:; }
.taptap-by-bonfire-image .sub-menu li a:hover { color:; }
/* image-based drop-down indicator colors */
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::before,
.taptap-by-bonfire-image .taptap-image-sub-arrow-inner::after { background-color:; }
.taptap-by-bonfire-image .taptap-image-sub-arrow { background:; }
/* image-based sub-menu drop-down indicator colors */
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow-inner::before,
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow-inner::after { background-color:; }
.taptap-by-bonfire-image .sub-menu .taptap-image-sub-arrow { background:; }
.taptap-by-bonfire-image .sub-menu span.taptap-submenu-active { border-color:; }
/* image-based scrollbar color */
.taptap-image-grid-item > .scroll-element .scroll-bar { background-color:; }
/* image-based background color */
.taptap-image-grid-item { background:; }
.taptap-image-grid-item > ul::before {
background:;
background:linear-gradient(180deg, rgba(30,30,30,0) 25%, 100%, 100%);
}
/* image-based menu animation origin */
.taptap-by-bonfire-image > ul > li {
opacity:0;
-webkit-transform:translateY(125px);
transform:translateY(125px);
}
/* image-based menu corner roundness */
.taptap-image-grid-item,
.taptap-image-grid-item > a:before {
border-radius:px;
}
/* image-based menu item gap */
.taptap-by-bonfire-image > ul {
grid-gap:px;
}
/* image-based menu images */
.taptap-by-bonfire-image > ul > li:first-child .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(2) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(3) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(4) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(5) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(6) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(7) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(8) .taptap-image-grid-item > a:before {
background-image:url();
}
.taptap-by-bonfire-image > ul > li:nth-child(9) .taptap-image-grid-item > a:before {
background-image:url();
}
/* WIDGETS */
/* widget top distance */
.taptap-widgets-wrapper { margin-top:px; }
/* widget titles */
.taptap-widgets-wrapper .widget .widgettitle {
color:;
font-size:px;
letter-spacing:px;
line-height:px;
}
/* widget title font */
/* widgets */
.taptap-widgets-wrapper .widget,
.taptap-widgets-wrapper .widget a {
color:;
font-size:px;
letter-spacing:px;
line-height:px;
}
.taptap-widgets-wrapper .widget a {
color:;
}
.taptap-widgets-wrapper .widget a:hover {
color:;
}
/* widget font */
.taptap-widgets-wrapper .widget,
.taptap-widgets-wrapper .widget a {
font-family:'Roboto Condensed';
font-weight:400;
}
/* STYLED SCROLLBAR */
/* show scrollbar styling, if scrollbar enabled */
/* MENU ITEMS APPEARACE ANIMATION */
/* MISC */
/* show header + search when menu open */
/* push down site by height of menu */
/* if submenu arrow divider is hidden */