/* Theme Name: Conrads Style aus Twenty Twenty Version: 1.5 Requires at least: 4.7 Requires PHP: 5.2.4 Author: sauerdesign and WP team Template: twentytwenty */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ /* Clearing ---------------------------------- */ /* Base Transitions -------------------------- */ @font-face { font-family: 'Niconne'; src: url('/deutsches-restaurant/wp-content/themes/conrads20_child/schrift/niconne-regular.eot'); src: url('/deutsches-restaurant/wp-content/themes/conrads20_child/schrift/niconne-regular.eot?iefix') format('embedded-opentype'), url('/deutsches-restaurant/wp-content/themes/conrads20_child/schrift/niconne-regular.ttf') format('truetype'); } @font-face { font-family: 'Maven Pro'; src: url('/deutsches-restaurant/wp-content/themes/conrads20_child/schrift/mavenpro-bold.eot'); src: url('/deutsches-restaurant/wp-content/themes/conrads20_child/schrift/mavenpro-bold.eot?iefix') format('embedded-opentype'), url('/deutsches-restaurant/wp-content/themes/conrads20_child/schrift/mavenpro-bold.ttf') format('truetype'); } body, button, input, select, textarea { color: #880000; font-family: "Arial", sans-serif; } /* Screen Reader Text ------------------------ */ /* Skip Link --------------------------------- */ /* Fonts ------------------------------------- */ /* ---------------------------------------------- Inter variable font. Usage: ---------------------------------------------- */ /* Accessibility Settings -------------------- */ /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ h1, h2, h3, h4, h5, h6, .faux-heading { font-weight: 400; letter-spacing:0; } h1 {font-size: 4.8rem;} .entry-content a { color: #000000; text-decoration: underline; } /* Lists ------------------------------------- */ /* Quotes ------------------------------------ */ /* Code -------------------------------------- */ /* Media ------------------------------------- */ /* GALLERIES */ /* Inputs ------------------------------------ */ /* Tables ------------------------------------ */ /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ /* Sections ---------------------------------- */ .section-inner.medium {z-index: -1000; position: absolute;} /*Basis HL Block Container*/ /* Toggles ----------------------------------- */ /* Hiding and Showing ------------------------ */ /* Typography -------------------------------- */ h1, h2 {font-family: "Niconne" !important; color: #880000 !important;} p {font-family: "Arial", sans-serif; color: #880000;} /* Colors ------------------------------------ */ /* COLOR */ /* BACKGROUND COLOR */ /* BORDER COLOR */ /* FILL COLOR */ /* Opacity ----------------------------------- */ /* Image Classes ----------------------------- */ /* Search Form ------------------------------- */ /* Social Icons ------------------------------ */ /* Cover Modals ------------------------------ */ /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header, #site-footer {background:#f5efe0;} div.entry-content div.alignfull {margin-top: 0 !important;} /* Header Titles ----------------------------- */ /* Overlay Header ---------------------------- */ /* Header Navigation ------------------------- */ /* Header Toggles ---------------------------- */ .nav-toggle .toggle-icon, .toggle-inner .toggle-text {color:#880000;} /* Search Toggle ----------------------------- */ /* Navigation Toggle ------------------------- */ /* Primary Menu ---------------------------- */ .primary-menu li a {font-style: italic; color: #880000 !important;} .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu.reset-list-style li#menu-item-51.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-51 ul.sub-menu { background-color: #ffffff !important; background: #ffffff !important;} .header-navigation-wrapper nav.primary-menu-wrapper ul.primary-menu.reset-list-style li#menu-item-44.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-44 ul.sub-menu { background-color: #ffffff !important; background: #ffffff !important;} .primary-menu > li > .icon {color: #880000 !important;} /* SUB MENU */ /* DEEP DOWN */ /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ /* Main Menu --------------------------------- */ div.menu-top nav.mobile-menu ul.modal-menu.reset-list-style li a {color:#880000 !important;} /* Main menu animation ----------------------- */ /* Expanded Menu ----------------------------- */ /* Menu Bottom ------------------------------- */ /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ /* Modal Search Form ------------------------- */ /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ /* To The Content ---------------------------- */ /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ /* Posts ------------------------------------- */ /* Search Results ---------------------------- */ /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header{ background: url(https://conrads-restaurant.de/deutsches-restaurant/wp-content/uploads/2020/09/Conrads-Restaurant-Frankfurt.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 400px; } /* POST META */ /* Featured Media ---------------------------- */ .post-inner { padding-top: 0rem; } /* Post Footer ------------------------------- */ /* POST NAV LINKS */ /* POST META BOTTOM */ /* Author Bio -------------------------------- */ /* Single Pagination ------------------------- */ /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ /* CUSTOM COLORS */ /* Block Typography Classes ------------------ */ .entry-content a.wp-block-button__link {} /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { font-family: "Arial", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { font-family: "Arial", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } .custom-html-widget .footer-widgets a {color: #000000 !important; text-decoration: underline !important;} /* Block Font Sizes -------------------------- */ /* Block: Base Margins ----------------------- */ /* Block: Shared Nesting Alignment Resets ---- */ /* Block: Shared Widget Styles --------------- */ /* Block: Gallery ---------------------------- */ /* Block: Pullquote -------------------------- */ .wp-block-pullquote blockquote p { font-size: 2.7rem; font-weight: 200;} .wp-block-pullquote::before { color: #880000 !important;} /* STYLE: DEFAULT */ /* STYLE: SOLID BACKGROUND COLOR */ /* Block: Separator ------------------------- */ .wp-block-separator.is-style-wide { color: #880000 !important;} /* STYLE: WIDE */ /* STYLE: DOTS */ /* Block: Search ----------------------------- */ /* Block: Table ------------------------------ */ /* Block: Quote ------------------------------ */ /* STYLE: LARGE */ /* Block: Widget Latest Comments ------------- */ /* Block: Widget Latest Posts ---------------- */ . /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ /* Font Families ----------------------------- */ /* Alignment Classes ------------------------- */ /* Full */ /* Wide */ /* Center */ /* Left and right */ /* Entry Media ------------------------------- */ /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ /* Comment Item ----------------------------- */ /* COMMENT HEADER */ /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ /* Font Families ----------------------------- */ .entry-content { font-family: NonBreakingSpaceOverride, "Arial", Helvetica, sans-serif; letter-spacing: normal; } .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary { font-family: NonBreakingSpaceOverride, "Arial" , sans-serif; letter-spacing: normal; } .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings: normal ) { .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: "Arial", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } .textwidget.custom-html-widget p a {color: #000000 !important; text-decoration: underline !important;} div.widget_text.widget-content div.textwidget.custom-html-widget {color: #880000 !important;} /* Base List Widget -------------------------- */ /* Widget: Calendar -------------------------- */ /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ /* Widget: Nav Menu -------------------------- */ /* Widget: Recent Comments ------------------- */ /* Widget: Recent Entries -------------------- */ /* Widget: RSS ------------------------------- */ /* Widget: Search ---------------------------- */ /* Widget: Tag Cloud ------------------------- */ /* Widget: Text ------------------------------ */ /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ /* Footer Top -------------------------------- */ /* FOOTER MENU */ /* FOOTER SOCIAL */ /* Footer Widgets ---------------------------- */ .footer-nav-widgets-wrapper { background-image: url(https://conrads-restaurant.de/deutsches-restaurant/wp-content/uploads/2020/09/hg2.jpg) !important; margin-top: 0 !important; } /* Footer Bottom ----------------------------- */ /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media ( max-width: 486px ) { .singular .entry-header { background-size: 295%; height: 300px;} } @media ( max-width: 479px ) { .singular .entry-header { background-size: 290%; height: 260px;} } @media ( max-width: 360px ) { .singular .entry-header {height: 230px;} } @media ( min-width: 480px ) { } @media ( max-width: 599px ) { } @media ( min-width: 600px ) { } @media ( min-width: 660px ) { } @media ( min-width: 700px ) { .footer-nav-widgets-wrapper { margin-top: 0 !important; } } @media (min-width: 782px) {} @media ( min-width: 1000px ) {} @media ( min-width: 1220px ) { /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignfull { margin-top: 0rem; } .widget-content { font-size: 1.8rem; line-height: 1.5em; } } @media ( min-width: 1240px ) {} @media ( min-width: 1280px ) { } /* Sonstiges --- */ #origincode-contact-wrapper_3 { background: transparent !important;} #origincode-contact-wrapper_3 label {font-family: Arial, sans-serif !important; font-size: 16px !important; font-weight: 300 !important; } #origincode-contact-wrapper_3 .textarea-block textarea, #origincode-contact-wrapper_3 input { background: #ffffff !important;} div.origincode-field-block:nth-child(7) {height: 25px !important;} h1.ot-title {margin: 0 !important;}