/* Theme Name:Canary Led Theme URI: https://themecanary.com/themes/canary-led Author: Theme Canary Author URI: https://themecanary.com Description:The Led theme is a modern and versatile WordPress theme that is compatible with the Elementor page builder plugin, making it a suitable choice for business, education, portfolio, and e-commerce websites. You can fully customize your site with the Elementor and rich customize options. Check the demo at https://themecanary.com/themes/canary-led/#demos and documentation at https://themecanary.com/documentation/canary-led/ Version: 1.0.3 Requires at least: 6.0 Tested up to: 6.2 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: threaded-comments, right-sidebar, left-sidebar, one-column, two-columns, three-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, theme-options, post-formats, footer-widgets, sticky-post, translation-ready, education, blog, news,rtl-language-support Text Domain: canary-led -Led is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - CSS Reset 2.0 - Normalize 3.0 - Gallery / Image 4.0 - Links 5.0 - Accessibility 6.0 - Search Modal 7.0 - Back to Top 8.0 - Forms 9.0 - Alignments 10.0 - Clearings 11.0 - Content 12.0 - Widgets 13.0 - Breadcrumb 14.0 - Navigation 15.0 - Social Icons 16.0 - bbPress 17.0 - WooCommerce 18.0 - Wpcf7 19.0 - Header Section 20.0 - Block 22.0 - Responsive 25.0 - Print ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 1.0 CSS Reset /* -------------------------------------------------------------------------- */ html,body,p,blockquote,address,h1,h2,h3,h4,h5,h6,big,cite,code,em,font,img,small,strike,sub,sup,ol, ul, li,fieldset,form,label,legend,button,table,caption,tr,th,td { border: none; font-size: inherit; margin: 0; padding: 0; line-height: 1.6; } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 2.0 - Normalize /* -------------------------------------------------------------------------- */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; overflow-y: scroll; } ::selection, ::-moz-selection { background: #000566; color: #fff; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background-color: #f4f4f4; overflow: hidden; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr , .wp-block-separator { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 15px; } code, kbd, tt, var, pre, samp { font-size: 16px; line-height: 1.5; } button, input, optgroup, select, textarea { color: #484848; font-family: "Roboto Slab", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.533; word-wrap: break-word; } select { text-transform: none; } ul { list-style: none; } ol { list-style: decimal; margin-left: 1.5em; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } table, th, .wp-block-table th, .wp-block-table td, td { border: 1px solid #ddd; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 0 0 1.75em; width: 100%; table-layout: fixed; } caption, th td { font-weight: normal; text-align: left; } th { text-transform: uppercase; border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; text-align: center; } a img { border: 0 none; } embed, iframe, object, video { max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } legend { border: 0; padding: 0; } main { display: block; } h1, h2, h3, h4, h5, h6 { color: #444; font-family: "Roboto Slab", sans-serif; font-weight: 500; margin-top:0; margin-bottom: 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #444; font-weight: inherit; } h1 { font-size: 36px; } h2 { font-size: 32px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 16px; } p { margin: 0 0 15px 0; } dfn, cite, em, i, blockquote { font-style: italic; } blockquote, .wp-block-quote { color: #444;; font-size: 18px; padding: 16px 20px 1px; position: relative; overflow: hidden; background-color: #ccc; font-style: italic; border-radius: 3px; } blockquote, .wp-block-quote, q { quotes: none; } blockquote cite, .wp-block-quote cite { display: block; font-size: 15px; font-style: normal; text-align: right; } blockquote em, blockquote i, .wp-block-quote em, .wp-block-quote i, blockquote cite, .wp-block-quote cite { font-style: normal; } address { display: block; font-style: italic; margin: 0 0 1.6em; } pre { background-color: #eee; border-radius: 5px; clear: both; color: #444; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.500; margin-bottom: 20px; overflow: auto; padding: 30px; position: relative; white-space: pre; z-index: 1; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; margin-bottom: 20px; } big { font-size: 130%; } /* -------------------------------------------------------------------------- */ /* 3.0 - Gallery / Image /* -------------------------------------------------------------------------- */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } img { height: auto; vertical-align: top; max-width: 100%; } img#wpstats { display: none; } .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.size-full, img.size-large { max-width: 100%; height: auto; } .entry-content img, .comment-content img, .widget img { max-width: 100%; } .img-border { background-color: #fff; padding: 5px; border: 1px solid #ccc; } .wp-caption { margin-bottom: 20px; display: inline-block; text-align: center; max-width: 100%; } .wp-caption a { position: relative; } .wp-caption .wp-caption-text { margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #ddd; } .wp-caption.aligncenter { display: block; } .wp-caption .wp-caption-text, .gallery-caption { font-style: italic; } .wp-block-gallery ul.blocks-gallery-grid, ul.wp-block-gallery { padding: 0; } .wp-block-gallery ul.blocks-gallery-grid img, ul.wp-block-gallery img { margin-bottom: 0; } /* -------------------------------------------------------------------------- */ /* 4.0 - Links /* -------------------------------------------------------------------------- */ a { color: #000566; } a:focus, a:active, a:hover { text-decoration: none; } a:focus, a img:focus { outline: auto; text-decoration: underline; } a.more-link { color: #000566; display: block; font-family: "Roboto Slab",sans-serif; font-size: 16px; font-weight: bold; position: relative; text-align: left; text-transform: uppercase; padding-left: 10px; } .entry-content a.more-link:focus { width: fit-content; padding-right: 20px; } .custom-header-content .more-button:focus{ text-decoration: underline; } a.more-link:hover { color: #444; } a.more-link:after { content: "\f101"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 14px; font-style: normal; left: 5px; position: relative; } /* -------------------------------------------------------------------------- */ /* 5.0 - Accessibility /* -------------------------------------------------------------------------- */ /* Text meant only for screen readers */ .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; /* many screen reader and browser combinations announce broken words as they would appear visually */ word-wrap: normal !important; } .skip-link { left: 5px; top: 5px; text-decoration: none; z-index: 99999999; } .logged-in .site .skip-link { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); } .skip-link:focus { display: block; left: 6px; top: 7px; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #000566; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* -------------------------------------------------------------------------- */ /* 6.0 - Search Modal /* -------------------------------------------------------------------------- */ .search-toggle { background-color: transparent; border: none; cursor: pointer; height: 36px; margin: 0 50px 5px 0; position: absolute; right: 0; bottom: 0; } .search-toggle:hover, .search-toggle:focus { text-decoration: none; } .search-toggle:before { content: "\f002"; font-family: 'Font Awesome 6 Free'; font-weight: 600; } #header-search-box input[type="search"] { border: 1px solid #bbb; } #header-search-box.show { visibility: visible; z-index: 9999; } #header-search-box { box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); width: 370px; visibility: hidden; position: absolute; right: 35px; } .widget_search .search-form { width: 100%; } .search-form { width: calc(100% - 46px); display: inline-block; } #header-search-box .search-box { background-color: #fff; padding: 15px; } .search-icon { cursor: pointer; width: 44px; height: 40px; border: 1px solid #ddd; float: right; } .header-search-nav:not(.show) { display: none; } /* -------------------------------------------------------------------------- */ /* 7.0 - Back to Top /* -------------------------------------------------------------------------- */ .back-to-top, .back-to-top::after, .back-to-top-text { transition: all 0.25s ease-in-out; } .back-to-top, .back-to-top::after { position: fixed; width: 45px; color: #fff; padding: 3px 5px; font-size: 12px; font-weight: bold; } .back-to-top { right: 30px; z-index: 999; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #000566; cursor: pointer; font-size: 34px; opacity: 0.7; } .back-to-top:hover { background-color: #777; } .back-to-top-text { display: block; font-size: 0; } .display-top { bottom: 5%; } /* -------------------------------------------------------------------------- */ /* 8.0 - Forms /* -------------------------------------------------------------------------- */ label { color: #3f3f3f; font-weight: 800; margin-bottom: 0.5em; } fieldset { margin-bottom: 1em; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; vertical-align: middle; line-height: 1.15; margin: 0; vertical-align: baseline; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { width: 95%; margin-bottom: 30px; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #d7d7d7; border-radius: 3px; padding: 14px; } input[type="search"] { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: transparent; border-radius: 0; } button[type="submit"]:focus, button.search-icon:focus, .wpcf7-submit:focus, .back-to-top:focus { background-color: #ccc; } button, input[type="reset"], input[type="button"], input[type="submit"] { background-color: #000566; border-radius: 3px; border: 0; color: #fff; cursor: pointer; display: block; padding: 6px 18px; text-transform: uppercase; text-decoration: none; } input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #444;; } input[type="checkbox"], input[type="radio"] { padding: 0; margin-right: 0.5em; } /* -------------------------------------------------------------------------- */ /* 9.0 - Alignments /* -------------------------------------------------------------------------- */ blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } /* -------------------------------------------------------------------------- */ /* 10.0 - Clearings /* -------------------------------------------------------------------------- */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { clear: both; } /* -------------------------------------------------------------------------- */ /* 11.0 - Content /* -------------------------------------------------------------------------- */ .wrapper:after { clear: both; content: ""; display: block; } .wrapper { margin: 0 auto; max-width: 1400px; position: relative; } #primary { float: left; width: 70%; } #secondary { float: left; padding-left: 40px; width: 30%; } .full-width #primary { width: 100%; } .left-sidebar #primary { float: right; width: 70%; } .left-sidebar #secondary { padding-right: 40px; padding-left: 0; float: left; width: 30%; } .site-content { padding: 40px; } .entry-content, .site-content { font-size: 18px; } .entry-content a { color: #000566; } .entry-content a:hover { color: #444;; } .cats-links a { color: #444444; text-transform: uppercase; font-weight: 600; font-size: 14px; } .cats-links a:first-child:before { content: ''; } /* -------------------------------------------------------------------------- */ /* 12.0 - Widgets /* -------------------------------------------------------------------------- */ .widget ul li a { color: #444;; } .widget .post-date, .widget .rss-date, .widget cite { font-size: 13px; font-style: italic; float: right; } .site-footer .post-date, .site-footer .rss-date, .site-footer cite { float: inherit; } input.search-field { color: #585858; float: left; height: 40px; margin: 0; width: 80%; width: calc(100% - 50px); } .search-submit { background-color: #000566; border: none; border-radius: 0; height: 40px; width: 50px; } .search-submit:hover { background-color: #444;; border: 1px solid #444;; } .widget-title, .widget_block h2 { color: #fff; font-size: 16px; width: 100%; display: inline-block; text-transform: uppercase; text-align: center; background-color: #000566; padding: 5px; margin-bottom: 0px; } .widget_tag_cloud a { background-color: #FFF; color: #000566; display: inline-block; padding: 2px 15px; border: 1px solid #ddd; } .widget_tag_cloud { margin-top: 5px; } .widget_tag_cloud a:hover { color: #444;; } .widget_rss .rsswidget img { margin-top: 6px; float: left; margin-left: 10px; } a.rss-widget-title{ color: #fff; } .widget_rss .rssSummary{ display: none; } .widget_calendar #wp-calendar { margin: 0 auto; } .widget_calendar #wp-calendar caption { font-size: 18px; padding: 5px; text-transform: uppercase; background-color: #000566; color: #fff; margin-bottom: 10px; text-align: center; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar tfoot td { background-color: #ddd; } /* -------------------------------------------------------------------------- */ /* 13.0 - Breadcrumb /* -------------------------------------------------------------------------- */ .breadcrumb { margin-bottom: 10px; font-size: 14px; } .breadcrumb a:hover { color: #000566; } .breadcrumb, .breadcrumb a { color: #585858;; } /* -------------------------------------------------------------------------- */ /* 14.0 - Navigation /* -------------------------------------------------------------------------- */ .main-navigation { display: block; width: 100%; } .main-navigation ul, .menu ul { margin: 0; padding: 0; list-style: none; } .main-navigation ul li { position: relative; display: inline-block; } .menu ul li { display: inline-block; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul li a { color: #fff; display: block; font-family: "Roboto Slab", sans-serif; font-size: 14px; font-weight: 500; line-height: 50px; padding: 0 10px; position: relative; text-transform: uppercase; outline-offset: -4px; } .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation li.current-menu-item.menu-item-has-children > a:after, .main-navigation ul li:hover > a:after, .main-navigation li.menu-item-has-children > a:hover:after, .main-navigation li.page_item_has_children > a:hover:after, .main-navigation ul li.current-menu-ancestor a { color: #d3d3d3; } .main-navigation ul li ul { background-color: #000566; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); list-style-type: none; margin: 0; opacity: 0; padding: 0; position: absolute; left: -9999rem; top: 50px; width: 200px; z-index: 9999; } .main-navigation ul li ul li ul { left: 190px; top: 10px; } .main-navigation > ul > li:hover > ul, .main-navigation > ul > li.focus > ul { display: block; opacity: 1; left: 0; } .is-sticky .main-navigation > ul > li:hover > ul { top: 50px; } .main-navigation ul li ul li { margin: 0; position: relative; text-align: left; width: 170px; z-index: 9; } .main-navigation ul li ul li:before { border-top: 1px solid #ddd; content: ""; left: 10px; top: 0; width: 100%; position: absolute; } .main-navigation ul li ul li:first-child:before { border-top: none; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { content: "\f107"; } .main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after { content: "\f105"; position: absolute; right: 15px; } .main-navigation ul ul li:hover ul, .main-navigation ul ul li.focus ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul li.focus ul { top: 0; display: block; opacity: 1; visibility:visible; } .menu-toggle, .close-btn { display: none; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-style: normal; text-decoration: inherit; font-size: 12px; padding-left: 6px; } .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_item ul li a, .main-navigation ul li ul li.current-page-item a { color: #fff; float: none; font-size: 13px; height: inherit; line-height: 1.538; padding: 12px 15px; text-transform: capitalize; outline-offset: -5px; } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover, .main-navigation ul li ul li.current-menu-ancestor a:hover, .main-navigation ul li ul li.current-page-ancestor a:hover, .main-navigation ul li ul li.current-menu-ancestor a:active, .main-navigation ul li ul li.current-menu-page a:active { color: #fff; } /* -------------------------------------------------------------------------- */ /* 15.0 - Social Icons /* -------------------------------------------------------------------------- */ .social-display { float: right; margin-top: 3px; } .social-display li a { color: #444; } .entry-content .social-icons { margin: 0; } .social-display.clear { clear: inherit; } .social-icons li { float: left; display: inline-block; } .social-display.adv li a { color: #555; } .social-icons li a { color: #ffffff; display: block; float: left; font-family: 'Font Awesome 6 Brands'; font-size: 20px; text-align: center; line-height: 35px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.2s linear 0s; width: 35px; border-radius: 20px; margin-right: 2px; } .social-icons .fab.fa-default-link:before { content: '\f360'; font-family: 'Font Awesome 6 Free'; font-weight: 900; } .social-icons li a:hover { background-color: #000566; color:#fff; } .social-icons .fab.fa-envelope { display: none; } .social-icons li a[href*="facebook.com"]:hover { background-color: #3b5999; color:#fff; } .social-icons li a[href*="twitter.com"]:hover { background-color: #55acee; color:#fff; } .social-icons li a[href*="pinterest.com"]:hover { background-color: #bd081c; color:#fff; } .social-icons li a[href*="dribbble.com"]:hover { background-color: #ea4c89; color:#fff; } .social-icons li a[href*="youtube.com"]:hover { background-color: #cd201f; color:#fff; } .social-icons ul li a[href*="mailto:"]:before { content: '\f0e0'; font-family: 'Font Awesome 6 Free'; font-weight: 900; } .social-icons li a[href*="mailto:"]:hover { background-color: #999; color:#fff; } .social-icons li a[href*="wordpress.com"]:hover { background-color: ##117ac9; color:#fff; } .social-icons li a[href*="wordpress.org"]:hover { background-color: #23282d; color:#fff; } .social-icons li a[href*="bitcoin.org"]:hover { background-color: #F9A136; color:#fff; } /* -------------------------------------------------------------------------- */ /* 16.0 - bbPress /* -------------------------------------------------------------------------- */ #bbpress-forums, div.bbp-breadcrumb, div.bbp-topic-tags, div.bbp-template-notice p, #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { font-size: 14px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar { border: 0; float: none; margin-bottom: 2px; margin-right: 1px; } .bbp-pagination { text-align: right; } .bbp-pagination-count { float: none; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 14px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #f4f4f4; border: none; font-weight: 700; text-align: center; padding: 15px 18px 15px 18px; } #bbpress-forums li.bbp-footer { padding: 8px; border-top: 1px solid #ddd; } #bbpress-forums .bbp-topics a { color: #444;; } #bbpress-forums .bbp-topics a:hover { color: #000566; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #ddd; } #bbpress-forums li.bbp-header ul { font-size: 16px; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { font-size: 14px; padding: 12px 0 10px 18px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 14px; margin: 5px 0 5px; padding: 0; word-wrap: break-word; } div.bbp-template-notice.info { color: #1891a8; } div.bbp-template-notice.info a { color: #1891a8; font-weight: 400; } #bbpress-forums p.bbp-topic-meta img.avatar { width:25px; height:25px; } #bbpress-forums fieldset.bbp-form { border: none; padding: 0; } #bbpress-forums fieldset.bbp-form legend { font-size: 15px; font-weight: 700; padding: 0 0 10px; } div.bbp-template-notice, div.indicator-hint { background: #f4f4f4; border: 1px solid #ddd; padding: 15px 20px; border-radius: 0; } #bbpress-forums .wp-editor-container, #wp-bbp_topic_content-editor-container, #wp-bbp_reply_content-editor-container { border: 1px solid #ddd; } .bbp-topic-form input#bbp_topic_title, .bbp-topic-form input#bbp_topic_tags, .bbp-topic-form select#bbp_stick_topic_select, .bbp-topic-form select#bbp_topic_status_select { color: #AAA9A9; background-color: #ffffff; border: 1px solid #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; color: #444; font-size: 13px; padding: 8px 2%; } .bbp-submit-wrapper{ float: left; } #bbp_topic_tags, #bbp_topic_title { width: 100%; } #bbpress-forums fieldset.bbp-form input[type=password], #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select{ min-height: 36px; } .bbp-submit-wrapper button.submit { border: 1px solid #000566; background-color: #000566; color: #fff; padding: 8px 30px; font-size: 15px; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .bbp-submit-wrapper button.submit:hover { background-color: #ddd; border: 1px solid #ddd; color: #666; cursor: pointer; } .bbp-search-form input[type="submit"] { display: inline-block; height: 45px; margin: 0 0 0 -4px; } div.bbp-template-notice, div.indicator-hint { color: #ed1c24; } @media only screen and (max-width: 480px) { .bbp-search-form input[type="submit"] { height: 29px; } } /* -------------------------------------------------------------------------- */ /* 17.0 - WooCommerce /* -------------------------------------------------------------------------- */ .woocommerce #main .page-title { display: none; } .woocommerce .content-area { padding: 30px; background-color: #fff; box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 15%); } .woocommerce-ordering .orderby { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; } .woocommerce-pagination .page-numbers { border-radius: inherit; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #000566; color: #fff; border-radius: 3px; font-size: 14px; font-weight: 400; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #000566; color: #fff; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #999; color: #fff; } .woocommerce .quantity .qty { height: 34px; } .woocommerce span.onsale { background-color: #2eb851; font-size: 14px; font-weight: 500; left: -20px; min-height: 4em; min-width: 4em; padding: 0.402em; top: -20px; } .woocommerce ul.products li.product .onsale { margin: -1em -1em 0 0; } .woocommerce ul.products li.product h3 { font-size: 1.2em; } .woocommerce ul.products li.product .price { font-size: 1em; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #444; } .woocommerce ul.products li.product .price { color: #444; } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 20px; } .woocommerce-demo-store p.demo_store { background-color: #000566; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; } .woocommerce .woocommerce-message:before { color: #000566; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 10px 6px 12px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 15px; } .woocommerce table.shop_table td { padding: 12px; border-top: 0; } .woocommerce table.shop_table { border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.5em 0.8em; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 0 3em; } .woocommerce ul.products li.product a img { border: 1px solid #ddd; margin: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #2eb851; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #008922; } .woocommerce .star-rating, .comment-form-rating .stars span a { color: #f9b91e; } .woocommerce .woocommerce-product-search input.search-field { width: calc(100% - 95px); } .woocommerce .woocommerce-product-search button[type="submit"] { cursor: pointer; height: 40px; padding: 0 15px; margin-left: -1px; } .woocommerce .tagcloud a { border: 1px solid #ddd; display: inline-block; margin: 0 2px 6px 0; padding: 3px 10px; } .woocommerce-review-link { color: #444; } #main .woocommerce-MyAccount-navigation > ul { list-style: none; } .woocommerce-MyAccount-navigation ul li > a { border: 1px solid #e4e4e4; display: block; height: 100%; margin-bottom: -1px; padding: 8px; width: 100%; } .woocommerce-MyAccount-navigation ul li > a:hover, .woocommerce-MyAccount-navigation ul li.is-active { background-color: #fff; } .related.products { display: inline-block; } .woocommerce nav.woocommerce-pagination { display: inline-block; margin-bottom: 40px; width: 100%; } .woocommerce-pagination .page-numbers { outline: none; } .woocommerce .single-featured-image-header { display: none; } #colophon .payment-gateway li { display: inline-block; font-size: 2em; margin: 0 5px 5px 0; border: none; padding: 0; } @media only screen and (max-width: 767px) { .woocommerce span.onsale { left: 0; } .woocommerce ul.products li.product .onsale { margin: -0.6em -0.6em 0 0; } } /* -------------------------------------------------------------------------- */ /* 18.0 - Wpcf7 /* -------------------------------------------------------------------------- */ .wpcf7-select { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 30px; padding: 10px; width: 40%; display: block; } .wpcf7 p { margin-bottom: 0; } input[type="file"] { margin: 0 0 30px; display: block; } input[type="checkbox"] { margin: 0 0 30px; } /* -------------------------------------------------------------------------- */ /* 19.0 - Header Section /* -------------------------------------------------------------------------- */ #site-branding { padding: 0 10px; text-align: left; } .nav-bar #site-branding { float: left; } #site-branding-center { float: none; text-align: center; } #site-detail, #site-detail-center { display: block; padding: 0; } #site-detail { text-align: left; } #site-detail-center { text-align: center; } #site-detail .site-title, #site-detail-center .site-title { font-family: "Roboto Slab", sans-serif; font-size: 36px; font-style: inherit; font-weight: 400; line-height: 1.5; margin: 0; } .site-title a { color: #444; display: block; } #site-detail-center .site-description { margin-bottom: 10px; } .site-description { clear: both; color: #444; font-family: "Roboto Slab", sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.727; margin: 0; text-transform: capitalize; } .header-wrapper { position: relative; display: block; clear: both; } .info-bar { background-color: #555; margin: 0; } .info-menu { display: inline-block; float: left; } .info-bar .info-menu a { color: #fff; display: block; line-height: 39px; padding: 0 3px; text-align: left; outline-offset: -4px; } .info-bar .info-menu ul li ul li a { color: #444;; } .info-bar .info-menu a:hover { color: #000566; } .info-bar .info-menu ul li { display: inline-block; position: relative; } .info-bar .info-menu ul li ul, .info-bar .info-menu ul li:hover ul ul, .info-bar .info-menu ul ul li:hover ul ul, .info-bar .info-menu ul ul ul li:hover ul ul, .info-bar .info-menu ul ul ul ul li:hover ul ul { visibility:hidden; } .info-bar .info-menu ul li ul { background-color: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); line-height: 2.667; list-style-type: none; left: 0; margin: 0; opacity: 0; padding: 5px 5px 0; position: absolute; top: 40px; transition: all 0.5s ease 0s; visibility: hidden; width: 200px; z-index: 9999; } .info-bar .info-menu ul li ul li:last-child { border-bottom: none; } .info-bar .info-menu ul li ul li { border-bottom: 1px solid #ddd; display: block; } .info-bar .info-menu > ul > li:hover > ul, .info-bar .info-menu ul li:hover ul, .info-bar .info-menu ul li ul li:hover ul { opacity: 1; visibility: visible; display: block; } .info-bar .info-menu ul li ul li ul { left: 190px; top: 0; } .info-bar .info-menu>ul>li:before { content: ''; border-right: 1px solid #fff; position: absolute; height: 100%; right: 0; } .info-bar .info-menu>ul>li{ padding: 0 10px 0 10px; } .info-bar .info-menu li ul li a:after{ content: ""; } .info-menu::after { display: block; clear: both; content: ""; } .nav-bar { background-position: center center; background-size: cover; padding: 20px 0; background-color: #fff; } .custom-logo { height: 90px; width: auto; } .nav-bar .ad-section { float: right; padding: 0; } .nav-bar .ad-section-center { float: inherit; text-align: center; } #main-menu { background-color: #000566; transition: all 300ms ease-out 0s; width: 100%; z-index: 999; } .info-bar .widget-title { display: none; } .header-image { width: 100%; height: auto; } .custom-header { display: block; height: auto; width: 100%; } .header-wrapper .custom-header { padding: 40px; background-color: #fff; } .wp-custom-header { position: relative; } .custom-header-wrap { position: relative; } .custom-header-content { position: absolute; top: 50%; left: 15%; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); right: 15%; text-align: center; } .section-title, .site-header-text { color: #fff; font-family: "Roboto Slab", sans-serif; } .section-title { font-size: 60px; font-weight: 500; } .site-header-text { font-size: 18px; font-weight: 300; } .custom-header-content .more-link { clear: both; display: block; margin-top: 21px; word-wrap: break-word; color: #fff; text-align: center; } .custom-header-content .more-link:after { content: inherit; } .custom-header-content .more-link:hover { color: #fff; } .custom-header-content .more-button { -webkit-border-radius: 0; border-radius: 0; display: inline-block; font-size: 13px; font-weight: 600; padding: 10px 21px; line-height: 1.6; letter-spacing: 0.1em; text-decoration: none; text-transform: capitalize; border: 2px solid; background-color: transparent; } .more-button:hover { background-color: #000566; border: 2px solid transparent; } #main ul { list-style-type: disc; } #main ol { list-style-type: decimal; } #main ol ol { list-style: upper-alpha; } #main ol ol ol { list-style: lower-roman; } #main ol ol ol ol { list-style: lower-alpha; } .sticky.post { position: relative; overflow: hidden; } .sticky.post:before { color: #ddd; content: "\f08d"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: -50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 20px; padding: 5px 0; background-color: #ed1c24; color: #fff; width: 150px; text-align: center; letter-spacing: 10px; z-index: 999; } .post, .page, .widget-area .widget, .no-results { margin-bottom: 50px; background: #fff; padding: 10px; box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 15%); } .site-footer .widget{ margin-bottom: 50px; background: #fff; padding: 10px; box-shadow: none; } .page { padding: 20px;; } .page-template-default.page, .page-template, .page-template-fullwidth-template { padding: 0; margin-bottom: 0; } .page-template-fullwidth-template #content { padding: 0; } article .entry-header, article .entry-content { padding-left: 30px; } .site-footer .widget { color: #444; ; } .post-content { background-color: #fff; position: relative; } .post-image-content { position: relative; z-index: 2; } .post-featured-image { margin: 30px; text-align: left; } .post-featured-image a { display: block; } .entry-title { font-size: 22px; margin-bottom: 15px; } .entry-title, .entry-title a { color: #444; } .entry-title a:hover, .entry-title a:active { color: #000566; } .entry-meta span:last-child { margin-right: 0; } .entry-meta span { color: #999; display: inline-block; margin-right: 15px; margin-bottom: 10px; } .entry-meta, .entry-meta a { color: #949494; font-family: "Roboto Slab", sans-serif; font-size: 12px; letter-spacing: 0.2px; line-height: 1.666; text-transform: uppercase; } .entry-meta a:hover { color: #000566; } .post-image-content .entry-meta .posted-on:before { content: "\f073"; } .entry-meta .comments:before { content: "\f075"; } .entry-content .entry-meta { float: right; } .tags-links a { padding: 0 5px 5px 0; } .tags-links:before { content: "\f02b"; } .entry-meta .comments:before, .tags-links:before { font-family: 'Font Awesome 6 Free'; font-weight: 600; font-size: 12px; font-style: normal; font-variant: normal; line-height: 18px; padding-right: 5px; } .post-image-content .posted-on { left: 50px; margin: 0; max-width: 110px; padding: 10px 15px 15px; position: absolute; top: 0; z-index: 1; } .post-image-content .posted-on:before{ background-color: #000566; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .post-image-content .entry-meta .posted-on:before{ font-family: 'Font Awesome 6 Free'; font-weight: 600; font-size: 25px; line-height: 40px; padding: 10px; color: #fff; opacity: 0.8; } .post-image-content .entry-meta .posted-on a{ color: #fff; font-size: 14px; } .post-image-content span.date-day { color: #fff; display: inline-block; font-size: 36px; line-height: 34px; padding-left: 20px; } time.entry-date.published.updated { display: inline-block; } .wp-pagenavi, .default-wp-page { margin: 50px 0; clear: both; } .wp-pagenavi .pages { border: 1px solid #ddd; border-radius: 3px; color: #444; padding: 9px 15px; } .wp-pagenavi .current, .wp-pagenavi a { border-radius: 3px; color: #444; display: block; float: left; border: 1px solid rgba(0, 0, 0, 0.15); padding: 4px 11px; } .wp-pagenavi .current, .wp-pagenavi a:hover, .wp-pagenavi span.current { color: #444; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #f4f4f4; } .wp-pagenavi span.current { font-weight: 200; } .wp-pagenavi { text-align: center; } .wp-pagenavi .current, .wp-pagenavi a { display: inline-block; float: none; margin-left: 4px; } #main ul.default-wp-page { margin-left: 0; list-style: none; padding-bottom: 0; } ul.default-wp-page li a { color: #848484; border: 1px solid #ddd; border-radius: 3px; display: inline-block; padding: 2px 10px; } ul.default-wp-page li a:hover { background-color: #f4f4f4; } ul.default-wp-page li { padding: 0 0 20px; } ul.default-wp-page li.previous { float:left; } ul.default-wp-page li.next { float:right; } .navigation.pagination:after { clear: both; content: ""; display: table; table-layout: fixed; } .navigation.pagination { clear: both; margin-bottom: 50px; text-align: center; } .navigation.pagination .nav-links { display: inline-block; } .page-numbers { background-color: #f4f4f4; border: 1px solid #fafafa; min-width: 42px; color: #444; display: block; line-height: 1; float: left; margin-right: 8px; border-radius: 50%; outline: 1px solid #eee; padding: 10px; } .page-numbers:last-child { margin-right: 0; } .page-numbers.current, .page-numbers:hover { background-color: #e8e8e8; } .navigation.post-navigation { margin-bottom: 50px; clear: both; } .nav-previous, .nav-next { background-color: #fff; box-shadow: 0 3px 3px rgb(0 0 0 / 15%); padding: 10px; } .navigation.post-navigation .nav-links { display: inline-block; width: 100%; font-size: large; padding: 5px; } .navigation.post-navigation .nav-previous { float: left; } .navigation.post-navigation .nav-previous::before { font-family: 'Font Awesome 6 Free'; font-weight: bold; content: "\f100"; margin-left: 12px; color: #000566; padding-right: 10px; } .navigation.post-navigation .nav-next { float: right; } .navigation.post-navigation .nav-next::after { font-family: 'Font Awesome 6 Free'; font-weight: bold; content: "\f101"; margin-right: 12px; color: #000566; padding-left: 10px; } .navigation.post-navigation .post-title { color: #949494; display: block; } .image-attachment div.attachment { background-color: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background-color: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } .attachment-jpeg .attachment { text-align: center; } .byline:before { content: '\f007'; font-family: 'Font Awesome 6 Free'; } #comments{ background-color: #fff; padding: 10px; } .comments-title { font-size: 30px; font-weight: 400; line-height: 1.267; padding-bottom: 15px; } #main .comments-area ul, #main .comments-area ol { margin: 0 0 30px 30px; } #main .comments-area ul ul, #main .comments-area ol ol { margin-bottom: 0; } .comments-area article { margin: 24px 0; margin: 1.5em; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #484848; } .comments-area article header a { text-decoration: none; color: #484848; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: 400; color: #fff; background-repeat: repeat-x; background: #0088d0; background: -webkit-linear-gradient(#009cee, #0088d0); background: -moz-linear-gradient(#009cee, #0088d0); background: -ms-linear-gradient(#009cee, #0088d0); background: -o-linear-gradient(#009cee, #0088d0); background: -webkit-gradient(#009cee, #0088d0); background: linear-gradient(#009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } a.comment-reply-link { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #444; } a.comment-reply-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } #comments .comment ol { list-style: none; } #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 30px; font-weight: 400; line-height: 1.267; padding-bottom: 15px; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: 400; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #484848; } .required { color: red; } label ~ span.required { display: block; float: left; margin: -18px 0 0 -16px; margin: -1.285714286rem 0 0 -1.142857143rem; } .page-header { padding: 0 0 20px; position: relative; overflow: hidden; } .elementor-template-full-width .page-header, .elementor-page .page-header, .siteorigin-panels.full-width-layout .page-header { display: none; } .elementor-template-full-width .wrapper { max-width: 100%; } .elementor-template-full-width .header-wrapper .wrapper { max-width: 1400px; } .elementor-template-full-width .site-content { padding: inherit; } .blog .page-header, .category .page-header { display: none; } .error-404 .page-header { background-color: #fddbdd; margin-top: 0; padding: 25px 20px 15px; } .error-404 .page-title { padding: 0; } .error-404 .page-content { padding: 20px 0; } .error-404 #colophon { position: absolute; bottom: 0; width: 100%; } .page-title { color: #444;; font-size: 22px; line-height: 1.333; } #colophon p { margin-bottom: 15px; } #colophon { line-height: 1.5; } #colophon .widget-wrapper { background-position: center center; background-size: cover; background-color: #444;; border-top: 1px solid rgba(0, 0, 0, 0.05); color: #fff; } #colophon .widget-area { margin: 0 -15px; padding: 40px 0 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } #colophon .widget { margin-bottom: 10px; } #colophon .widget ul li a { color: #444;; } #colophon .widget ul li a:hover { color: #000566; } #colophon .widget_categories ul li a, #colophon .widget_pages ul li a, #colophon .widget_nav_menu ul li a, #colophon .widget_recent_entries ul li a, #colophon .widget_categories ul li a, #colophon .widget_recent_comments ul li a, #colophon .widget_meta ul li a, #colophon .widget_rss ul li a { display: block; } #colophon .widget_categories ul ul li a, #colophon .widget_pages ul ul li a, #colophon .widget_nav_menu ul ul li a, #colophon .widget_recent_entries ul ul li a, #colophon .widget_categories ul ul li a, #colophon .widget_recent_comments ul ul li a, #colophon .widget_meta ul ul li a, #colophon .widget_rss ul ul li a { padding-left: 20px; } #colophon .widget_categories ul ul ul li a, #colophon .widget_pages ul ul ul li a, #colophon .widget_nav_menu ul ul ul li a, #colophon .widget_recent_entries ul ul ul li a, #colophon .widget_categories ul ul ul li a, #colophon .widget_recent_comments ul ul ul li a, #colophon .widget_meta ul ul ul li a, #colophon .widget_rss ul ul ul li a { padding-left: 30px; } .widget_search .widget-title { display: none; } .wp-block-search__input { line-height: 1.15; } .wp-block-search .wp-block-search__label { display: none; } .widget_rss ul li { display: block; padding: 10px 0; } .widget-area ul, .widget-area .wp-block-latest-posts.wp-block-latest-posts__list, .widget_meta ul, .widget_recent_comments ul, .widget_categories ul, .widget_recent_entries ul, .widget_archive ul { padding-left: 0; } .widget-area ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_archive ul li { display: block; padding: 10px 0; position: relative; border-bottom: 1px solid #ddd; } .widget-area ul li:last-child{ border: none; } #colophon .widget_posts .post-title { font-size: 15px; line-height: 1.467; padding-bottom: 0; } .column-3 { float: left; padding: 0 15px 30px; } .column-3 { width: 33.33%; } .column-3:nth-child(3n+4) { clear: both; } #colophon .column-3 { margin-bottom: 30px; padding: 0 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } #colophon #site-branding, #colophon #site-branding-center { float: none; } .site-info { background-color: #444;; font-size: 14px; line-height: 1.571; text-align: center; } .border-line { border-top: 1px dotted #585858; } .copyright-wrapper { padding: 15px 0 10px; } .site-info .copyright { color: #ffffff; font-size: 16px; line-height: 1.666; } .site-info .copyright a { color: #ffffff; } .site-info .copyright a:hover { color: #000566; } .site-info .copyright a:first-child { font-size: 14px; font-weight: bold; } /* -------------------------------------------------------------------------- */ /* 20.0 Block /* -------------------------------------------------------------------------- */ .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment, .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-excerpt p { border-bottom: 1px solid #ddd; } .wp-block-categories-dropdown select { width: 100%; } .ad-section .wp-block-image { margin: 0; } .widget-area .wp-block-gallery .blocks-gallery-item { margin-bottom: 0; } /* Captions */ [class^="wp-block-"]:not(.wp-block-gallery) figcaption { margin-bottom: 1.5em; text-align: left; font-size: 24px; } .rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption { text-align: right; } .alignfull.wp-block-cover, .alignwide.wp-block-cover { width: auto; } .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { margin: 10px; } /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter { font-size: 5em; margin-top: 0.075em; } /* Image */ .wp-block-image { margin-bottom: 1.5em; } .wp-block-image figure { margin-bottom: 0; margin-top: 0; } .wp-block-image figure.alignleft { margin-right: 1.5em; } .wp-block-image figure.alignright { margin-left: 1.5em; } /* Gallery */ .wp-block-gallery { margin-bottom: 1.5em; } .wp-block-gallery figcaption { font-style: italic; } .wp-block-gallery.aligncenter { display: flex; margin: 0 -8px; } /* Quote */ .wp-block-quote.alignleft p:last-of-type, .wp-block-quote.alignright p:last-of-type { margin-bottom: 0; } .wp-block-quote cite { color: inherit; font-size: inherit; } .wp-block-quote.is-large { padding: 1em 2em; } /* Audio */ .wp-block-audio audio { display: block; width: 100%; } /* Cover */ .wp-block-cover-image.alignright, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover.alignleft, .wp-block-cover-image.aligncenter, .wp-block-cover.aligncenter { display: flex; } /* File */ .wp-block-file .wp-block-file__button { background-color: #444; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; margin-top: 2em; padding: 0.7em 2em; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; white-space: nowrap; } .wp-block-file .wp-block-file__button:hover { background-color: #767676; -webkit-box-shadow: none; box-shadow: none; } /* Separator */ .wp-block-separator { border-color: #eee; border: 0; } /* Editor Font Size */ pre.wp-block-verse { font-family: Inconsolata, monospace; } .editor-post-title__block .editor-post-title__input { font-family: "Roboto Slab", sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: 500; line-height: 1.25; margin: 0 0 35px; padding: 0; text-align: center; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } h2, h3 { font-size: 1.3em; } h1 { font-size: 2em; margin: .67em 0; } .aligncenter.wp-block-site-logo { margin-left: auto; margin-right: auto; text-align: center; } /* Quotes */ .wp-block-quote, .wp-block-quote.has-text-align-right { border: 0; } .wp-block-quote.has-text-align-right { padding: 67px 0 0 0; } .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right cite { text-align: right; } .wp-block-quote.has-text-align-left, .wp-block-quote.has-text-align-left cite { text-align: left; } .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center cite { text-align: center; } .wp-block-quote, .wp-block-pullquote { color: #1a1a1a; font-size: 16px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; letter-spacing: 0.3px; line-height: 1.625; margin-bottom: 20px; padding: 16px 20px 1px; position: relative; quotes: none; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; } .wp-block-pullquote.alignright.is-style-solid-color, .wp-block-pullquote.alignleft.is-style-solid-color { border: 0; } .wp-block-pullquote.alignright.is-style-solid-color, .wp-block-pullquote.alignleft.is-style-solid-color, .wp-block-pullquote.aligncenter.is-style-solid-color, .wp-block-pullquote.is-style-solid-color { padding: 35px; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } .wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; font-size: 1.25rem; } .wp-block-quote p, .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote p { margin-bottom: 28px; } .wp-block-quote cite, .wp-block-pullquote cite { font-weight: 400; text-transform: capitalize; font-size: 13px; font-size: 0.8125rem; line-height: 2.15; color: #999999; } .wp-block-quote.is-style-large cite { font-weight: 700; text-transform: capitalize; font-size: inherit; color: #999999; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-top: 67px; } /* PULLQUOTE */ .wp-block-pullquote { padding: 35px 0; } .wp-block-pullquote.is-style-solid-color { background-color: #eef2f8; border: 0; } .wp-block-pullquote { border-bottom: 5px solid; border-top: 5px solid; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { border-bottom: 0; border-top: 0; border-left: 5px solid; padding: 0 0 0 35px; text-align: left; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote { margin: 0; } .wp-block-pullquote.alignright { border-left: 0; border-right: 5px solid; padding-left: 0; padding-right: 35px; text-align: right; } /* BUTTONS */ .wp-block-file .wp-block-file__button, .wp-block-button .wp-block-button__link { border: none; -webkit-border-radius: 6px; border-radius: 6px; font-weight: 700; line-height: 1.66; text-transform: capitalize; margin-top: 1em; } .page-template-fullwidth-template .wc-block-grid.has-5-columns .wc-block-grid__product, .page-template-fullwidth-template .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .page-template-fullwidth-template .wc-block-grid.has-5-columns .wc-block-grid__product, .page-template-fullwidth-template .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .page-template-fullwidth-template .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .page-template-fullwidth-template .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product { font-size: inherit; } .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, .editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title, .wp-block-file .wp-block-file__button, .wp-block-button .wp-block-button__link, { font-size: 1em; } #colophon .wp-block-button__link.add_to_cart_button.ajax_add_to_cart, #colophon .wp-block-button__link.add_to_cart_button { color: #fff; } /* Table */ .wp-block-table table { border-width: 1px 1px 0 1px; } .wp-block-table thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } .wp-block-table tr { border-bottom: 1px solid #eee; } .wp-block-table th, .wp-block-table td { border-color: #ccc; padding: 15px 25px; } .rtl .wp-block-table th, .rtl .wp-block-table td { text-align: right; } /* Archives, Categories & Latest Posts */ .wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter { list-style-position: inside; text-align: center; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{ color: #949494; font-family: "Roboto Slab", sans-serif; font-size: 12px; letter-spacing: 0.2px; line-height: 1.666; text-transform: uppercase; } .wp-block-post-excerpt__excerpt, .wp-block-latest-posts__post-excerpt { font-size: 18px; } . wp-block-categories li { padding: 0 0 10px; } .page-template-fullwidth-template .wp-block-latest-posts__post-title { font-size: 22px; } .wp-block-latest-posts.is-grid { margin-left: 0; } /* Comments */ .wp-block-latest-comments article { margin-bottom: 1em; } .blog:not(.has-sidebar) #primary .wp-block-latest-comments article, .archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article, .search:not(.has-sidebar) #primary .wp-block-latest-comments article { float: none; width: 100%; } .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-excerpt p { font-size: inherit; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 0; } .wp-block-latest-comments__comment-meta { margin: 14px 0; } .wp-block-latest-comments__comment-author, .wp-block-latest-comments__comment-link { text-decoration: none; } .wp-block-latest-comments__comment-date { font-size: 12px; font-size: 0.75rem; line-height: 1.75; margin-top: 7px; text-transform: capitalize; } .editor-block-list__block .wp-block-latest-comments__comment-excerpt p { font-size: 14px; font-size: 0.875rem; } .wp-block-gallery .item { padding-left: 0; } .wp-block-calendar a { text-decoration: none; } .wp-block-calendar tbody td, .wp-block-calendar th { text-align: center; } .wp-block-calendar table { border-width: 1px; } .wp-block-calendar table thead th { border-right-color: #fff; } .wp-block-calendar table thead th:last-child { border-right-color: #ddd; } table tr:last-child td { border-bottom: 0; } table tr td:last-child { border-right: 0; } .wp-block-table thead { border-bottom: 0; } .wp-block-table td, .wp-block-table th { padding: 14px 28px; } thead th, .wp-block-table td, .wp-block-table th, tbody td { border-width: 0 1px 1px 0; } ul.blocks-gallery-grid { margin: 0; } .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link { background-color: #000566; color: #fff; } .is-style-outline .wp-block-button__link, .is-style-outline .more-link, .is-style-outline .button { border: 1px solid #000566; background-color: transparent; color: #222222; } .is-style-outline .wp-block-button__link:hover, .is-style-outline .more-link:hover, .is-style-outline .button:hover { border-color: transparent; } .wp-block-table, .wp-block-table caption, .wp-block-table th, .wp-block-table td { border-color: #ebebeb; } .wp-block-pullquote, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote { border-color: #000566; } .wp-block-latest-comments__comment-date, [class^="wp-block-"]:not(.wp-block-gallery) figcaption { color: #999; } /* Background Color */ .has-blue-background-color { background-color: #2c7dfa; } .has-green-background-color { background-color: #07d79c; } .has-orange-background-color { background-color: #ff8737; } .has-black-background-color { background-color: #2f3633; } .has-white-background-color { background-color: #fff; } .has-grey-background-color { background-color: #82868b; } /* Text Color */ .has-blue-color { color: #000566; } .has-green-color { color: #07d79c; } .has-orange-color { color: #ff8737; } .has-black-color { color: #2f3633; } .has-white-color { color: #fff; } .has-grey-color { color: #82868b; } .wp-block-button .wp-block-button__link.has-white-color, .wp-block-pullquote.is-style-solid-color.has-white-color, .has-white-color { color: #fff; } .wp-block-button .wp-block-button__link.has-white-background-color, .wp-block-pullquote.is-style-solid-color.has-white-background-color { background-color: #fff; } .wp-block-button .wp-block-button__link.has-white-color, .wp-block-pullquote.is-style-solid-color blockquote.has-white-color, .wp-block-pullquote blockquote.has-white-color { color: #fff; } .wp-block-button .wp-block-button__link.has-black-color, .wp-block-pullquote.is-style-solid-color blockquote.has-black-color, .wp-block-pullquote blockquote.has-black-color { color: #000; } .wp-block-button .wp-block-button__link.has-dark-gray-color, .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .wp-block-pullquote blockquote.has-dark-gray-color { color: #666666; } .wp-block-button .wp-block-button__link.has-light-black-color, .wp-block-pullquote.is-style-solid-color blockquote.has-light-black-color, .wp-block-pullquote blockquote.has-light-black-color { color: #111111; } .wp-block-button .wp-block-button__link.has-fade-black-color, .wp-block-pullquote.is-style-solid-color blockquote.has-fade-black-color, .wp-block-pullquote blockquote.has-fade-black-color { color: #222222; } /* Editor Wrap Size -*/ .wp-block { max-width: 840px; } /* Patterns */ .wp-block-buttons { margin-top: 3rem; margin-right: auto; margin-bottom: 3rem; margin-left: auto; } .wp-block-cover { margin-bottom: 3em; } .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #484848; color: #fff; } .wp-block-button .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { text-decoration: underline; background-color: #ccc; } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { color: #000566; background-color: transparent; border: 2px solid; } .wp-block-separator.is-style-dots:before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto; } .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) { color: #fff; } .wp-block-cover-image-text a:active .wp-block-cover-image-text a:hover,.wp-block-cover-text a:active, .wp-block-cover-text a:hover, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:hover{ color: #fff; } footer .widget-wrapper ..wp-block-cover { margin-bottom: inherit; } footer .widget_block .wp-block-cover, footer .widget-wrapper .aligncenter, footer .widget-wrapper .wp-block-gallery, footer .widget-wrapper { margin-bottom: 0px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-size: 20px; } /* -------------------------------------------------------------------------- */ /* 21.0 Footer Navigation /* -------------------------------------------------------------------------- */ #footer-navigation { padding: 20px; } #footer-navigation .menu-item:not([class*="cl-"]) a:hover, #footer-navigation li.menu-item-object-category[class*="cl-"] a:hover, #footer-navigation a:hover { color: #000566; } #footer-navigation a { font-size: 14px; font-weight: 400; padding: 0 15px; color: #ffffff; } #footer-navigation .menu-item:not([class*="cl-"]) a { color: #ffffff; } #footer-navigation ul li:after { content: '|'; color: #989898; font-size: 11px; } #footer-navigation ul li:last-child:after { content: none; } #footer-navigation ul li { position: relative; display: inline-block; } #footer-navigation .sub-menu { display: inline-block; } .site-info .social-icons ul { display: inline-block; } .site-info .social-icons a { color: #ffffff; font-size: 16px; } .site-info .social-icons a:hover { color: #fff; } .copyright-wrapper .social-icons { padding-bottom: 10px; } /* -------------------------------------------------------------------------- */ /* 22.0 Responsive /* -------------------------------------------------------------------------- */ /* All size larger than 1400 */ @media only screen and (min-width: 1366px) { /* for sumo sized (mac) screens */ .post-featured-image .featured-image { min-width:100%; } } /* All size smaller than 1400 */ @media only screen and (max-width: 1400px) { .wrapper, .elementor-template-full-width .header-wrapper .wrapper { max-width: 94%; } } /* All size smaller than 1366 */ @media only screen and (max-width: 1366px) { #secondary { padding-left: 30px; } .section-title { font-size: 50px; } .site-header-text { font-size: 18px; } } /* All size smaller than 1024 */ @media only screen and (max-width: 1023px) { #header-search-box { background-color: #fff; } .social-display { display: inline-block; } #colophon .widget-area { margin: 0; display: block; } #colophon .column-3 { border-right: none; width: 100%; float: none; padding: 0; display: block; } } /* All size smaller than 981px */ @media only screen and (max-width: 980px) { /* ----- Responsive Navigation ----- */ .menu-container { top: 0; left: 0; width: 100%; height: 100%; display: none; } .menu-container ul { list-style: none; padding: 0; margin: 0; text-align: center; } .menu-container a { text-decoration: none; color: #fff; font-size: 24px; } .show-menu { display: block; } .search-navigation.show-menu{ display: none; } #close-btn { position: absolute; top: 0px; right: 10px; } .nav-site-title { display: none; } .menu-toggle, .close-btn { background-color: rgba(0, 0, 0, 0); border: 0 none; color: #fff; cursor: pointer; display: inline-block; font-size: 28px; width: 45px; } .menu-toggle { padding-left: 10px; } .left-sidebar #primary, .left-sidebar #secondary, #primary, #secondary { margin-bottom: 50px; padding: 0px; width: 100%; border: none; } .left-sidebar #primary { float: none; padding-left: 0px; } .left-sidebar #secondary { float: none; padding-right: 0px; border: none; } .main-navigation ul li a, .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a { color: #fff; text-align: left; } .widget_nav_menu .menu { display: block; } .main-navigation > ul > li { position: inherit; width: 100%; border-top: 1px solid rgba(225, 225, 225, 0.1); margin-left: 0; } .main-navigation > ul > li::before { visibility: hidden; } .main-navigation a { float: none; height: inherit; line-height: 1.833; padding: 10px 0; } .sub-menu-toggle { background-color: #fff; border: none; color: #444; float: right; text-align: center; line-height: 30px; margin: 6px; cursor: pointer; position: relative; z-index: 9; font-size: 12px; } /* ----- Dropdown ----- */ .main-navigation ul li:hover ul { top: auto; } .main-navigation ul li ul { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; left: 40px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); position: static; top: auto; visibility: visible; width: 100%; transition: none; transform: none; } .main-navigation ul li ul li { float: none; margin: 0; position: relative; text-align: left; width: 100%; z-index: 1; display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; } .main-navigation ul li ul li { border-top: 1px solid rgba(225, 225, 225, 0.1); } .main-navigation ul li ul li::before { position: static; } .main-navigation ul li ul li ul { left: 160px; display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; } #site-navigation ul ul ul a { padding-left: 40px; } .main-navigation ul ul li:hover ul { top: 0; display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { display: none; } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover, .main-navigation ul li.current-menu-ancestor { color: #d3d3d3; } .header-search { top: 6px; } .info-menu { margin-left: 0; } .section-title { font-size: 35px; } .site-header-text { font-size: 18px; } } /* All Mobile Screen ( smaller than 768px ) */ @media only screen and (max-width: 767px) { .comments-title, #respond h3#reply-title { font-size: 26px; line-height: 1.231; } h1, h2, h3, h4, h5, h6, p { margin-bottom: 10px; } hr { margin-bottom: 30px; } input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="reset"], input[type="button"], input[type="submit"] { margin-bottom: 20px; } input.s { margin: 0; } .social-display { float: right; margin: 3px 0; } #header-search-box .search-box { padding-bottom: 0; } .nav-bar { padding: 10px 0; } .nav-bar #site-branding, .nav-bar #site-branding-center { float: none; margin: 0 auto; text-align: center; } .custom-logo { height: 70px; } .page-header { padding: 10px 20px; } .site-content { padding-top: 50px; } #main .latest-blog-content .post { margin-bottom: 0; } .blog a.more-link:before { left: -50%; width: 50%; } .blog a.more-link:after { right: -50%; width: 50%; } .widget { margin-bottom: 40px; } .widget_custom-tagcloud { margin-bottom: 32px; } .widget_posts { margin-bottom: 20px; } #colophon .widget-area { margin: 0; display: block; } #colophon .widget_posts { margin-bottom: 20px; } .site-info #site-branding, .site-info #site-branding-center { max-width: 100%; } .column-3 { width: 100%; } .column-3:nth-child(3n+4) { clear: none; } .column-3:nth-child(2n+3) { clear: both; } #header-search-box.show { visibility: visible; z-index: 9999; } .sticky.post:before { z-index: 99; } .section-title { font-size: 24px; } } /* All Mobile Screen ( smaller than 621px ) */ @media only screen and (max-width: 620px) { .header-wrapper .custom-header { padding: 0; } .custom-header-content .more-button { padding: 5px; line-height: 1; border: 1px solid; } .section-title { font-size: 20px; } #wp-custom-header img { height: 210px; } .site-content{ padding: inherit; } } /* All Mobile Screen ( smaller than 481px ) */ @media only screen and (max-width: 480px) { #site-branding, #site-branding-center { margin: 0 auto; } .custom-logo { height: 60px; } #header-search-box { width: 100%; right: 0; } .flex-direction-nav li { display: none; } } /* All Mobile Screen ( smaller than 401px ) */ @media only screen and (max-width: 400px) { .custom-header-content .more-button { font-size: 10px; padding: 5px; line-height: 1; border: 1px solid; } } /* >= 1660px */ @media screen and (min-width: 103.75em) { .wp-block-quote, .wp-block-pullquote, .wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 22px; font-size: 1.375rem; } } /* > = 1366px */ @media screen and (min-width: 85.375rem) { .wp-block-file .wp-block-file__button, .wp-block-button .wp-block-button__link { padding: 11px 35px; } } /* -------------------------------------------------------------------------- */ /* 25.0 Print /* -------------------------------------------------------------------------- */ @media print { /* Hide elements */ form, button, input, select, textarea, .navigation, .main-navigation, .social-navigation, .sidebar, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link { display: none !important; } body, blockquote cite, blockquote small, pre, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content .author-title { font-size: 12pt; } blockquote { font-size: 14.25pt; } .site-title, .page-title, .comments-title, .entry-content h2, .entry-summary h2, .comment-content h2, .widecolumn h2 { font-size: 17.25pt; } .site-description { display: block; } .entry-title { font-size: 24.75pt; line-height: 1.2727272727; margin-bottom: 1.696969697em; } .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 17.25pt; line-height: 1.304347826; margin-bottom: 1.826086957em; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 21pt; } .entry-content h3, .entry-summary h3, .comment-content h3, body:not(.search-results) .entry-summary { font-size: 14.25pt; } .site-description, .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .site-info, .wp-caption .wp-caption-text, .gallery-caption { font-size: 9.75pt; } body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, blockquote cite, blockquote small, .site-branding .site-title a, .entry-title a, .comment-author { color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ } blockquote, .page-header, .comments-title { border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ } blockquote, .site-description, body:not(.search-results) .entry-summary, body:not(.search-results) .entry-summary blockquote, .author-bio, .entry-footer, .entry-footer a, .sticky-post, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .site-info, .site-info a, .wp-caption .wp-caption-text, .gallery-caption { color: #686868 !important; /* Make sure color schemes don't affect to print */ } code, hr { background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } pre, abbr, acronym, table, th, td, .author-info, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments { border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } a { color: #007acc !important; /* Make sure color schemes don't affect to print */ } .entry-content a, .entry-summary a, .taxonomy-description a, .comment-content a, .pingback .comment-body > a { box-shadow: none; border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */ } .site { margin: 5%; } .site-inner { max-width: none; } .site-header { padding: 0 0 1.75em; } .site-branding { margin-top: 0; margin-bottom: 1.75em; } .site-main { margin-bottom: 3.5em; } .entry-header, .entry-footer, .page-header, .page-content, .entry-content, .entry-summary, .post-thumbnail, .comments-area { margin-right: 0; margin-left: 0; } .post-thumbnail, .site-main > article { margin-bottom: 3.5em; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); } body:not(.search-results) .entry-header + .entry-summary { margin-top: -1.473684211em; } .site-footer, .widecolumn { padding: 0; } }