/* Theme Name: Unos Publisher Template: unos Version: 1.0.16 Text Domain: unos-publisher Author: wpHoot Author URI: https://wphoot.com/ Theme URI: https://wphoot.com/themes/unos-publisher/ Requires at least: 5.4 Tested up to: 5.8 Requires PHP: 5.6 Description: Blogging and Magazine style child theme with minimal white design. Unos Publisher is translation and multi-lingual ready with SEO optimized code which works with all popular plugins. Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/unos-publisher/ and demo at https://demo.wphoot.com/unos-publisher/ for a closer look. Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, blog, e-commerce, news License: GNU General Public License 3.0 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (https://www.gnu.org/licenses/gpl-3.0.en.html) This theme, like WordPress, is licensed under the GPL. */ /** * ----------------------------------------------------------------------------------------------- * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING * ** 'Additional Custom CSS' / 'Custom CSS' section in Customize Screen * - This is the preferred location for small css snippets * - These CSS rules are given highest priority * - Your customizations remains unaffected by Theme updates (IMPORTANT!) * ----------------------------------------------------------------------------------------------- */ /************* Headings *************/ h1, h2, h3, h4, h5, h6, .title { font-family: Georgia, "Times New Roman", Times, serif; } .titlefont { font-family: Georgia, "Times New Roman", Times, serif; } /*** Buttons Default ***/ body.wordpress input[type="submit"], body.wordpress #submit, body.wordpress .button { background: #ffffff; color: #000000; border: solid 1px #000000; } body.wordpress input[type="submit"]:hover, body.wordpress #submit:hover, body.wordpress .button:hover { background: #000000; color: #ffffff; } #topbar { overflow: inherit; } /** * Header (Topbar, Header, Main Nav Menu) * ======================================================== */ /************* Topbar *************/ #topbar.js-search .searchform.expand .searchtext { border-bottom: solid 1px rgba(0, 0, 0, 0.33); } /************* Header Layout *************/ #header { border-bottom: solid 1px #000000; } #header.header-layout-secondary-bottom { border-bottom: none; } #header-primary, #header-supplementary, .below-header { border-bottom: none; } #header-supplementary.with-menubg { border-bottom: solid 1px rgba(0, 0, 0, 0.33); } @media only screen and (max-width: 969px) { #header-aside { padding: 0; border-top: none; } } /************* Logo *************/ #site-logo { margin: 30px 0; } /* Text Logo */ #site-title { font-family: Vidaloka, "Times New Roman", Times, serif; font-weight: normal; } #site-description { margin: 5px 0; } /* Custom Text */ .site-title-heading-font { font-family: Georgia, "Times New Roman", Times, serif; } /*** Responsive Logo ***/ @media only screen and (max-width: 969px) { #page-wrapper #site-description { margin: 5px 7px; } } /************* Nav Menus *************/ .nav-menu { position: relative; bottom: -1px; } .menu-items { /* Current & Hover */ /* Title & Description */ } .menu-items li { position: relative; } .menu-items > li.current-menu-item:not(.nohighlight):after, .menu-items > li.current-menu-ancestor:after, .menu-items > li:hover:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; display: block; border-bottom: solid 3px #000000; } /* Menu Tag */ .menu-items > li > a .menu-hoottag { display: block; } .menu-hoottag { display: none; position: absolute; left: 100%; bottom: 100%; padding: 2px 5px; white-space: nowrap; font-weight: normal; font-size: 12px; line-height: 1em; border: none; border-color: #000000; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33); } .menu-hoottag:after { content: ''; position: absolute; bottom: -5px; left: 4px; width: 0; height: 0; border: 0 solid transparent; border-top: 5px solid; border-top-color: inherit; border-right: 5px solid transparent; } .menu-hoottag { margin-bottom: 5px; margin-left: -30px; } @media only screen and (min-width: 970px) { #header.stuck .menu-hoottag { display: none; } } @media only screen and (max-width: 969px) { .menu-items > li > a .menu-title { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; } .menu-hoottag { position: static; white-space: break-spaces; margin: 0 5px 0 2px; } .menu-hoottag:after { visibility: hidden; } .mobilemenu-inline .menu-items { border-bottom: solid 1px rgba(0, 0, 0, 0.33); } .menu-items > li.current-menu-item:not(.nohighlight), .menu-items > li.current-menu-ancestor, .menu-items > li:hover { background: rgba(0, 0, 0, 0.04); } .menu-items > li.current-menu-item:not(.nohighlight):after, .menu-items > li.current-menu-ancestor:after, .menu-items > li:hover:after { bottom: 0; top: 0; left: 0; right: auto; display: block; border-left: solid 3px #000000; } } @media only screen and (min-width: 970px) { .header-supplementary-center .menu-items > li > a { text-align: center; } .header-supplementary-center .nav-menu .sf-menu.sf-arrows > li > a.sf-with-ul { padding-right: 15px; padding-left: 15px; } .header-supplementary-center .sf-menu.sf-arrows .sf-with-ul .menu-title:after { position: relative; right: -5px; margin: 0; top: 0; } .header-supplementary-center .sf-menu.sf-arrows ul .sf-with-ul .menu-title:after { position: absolute; top: 50%; right: -2px; margin-top: -0.5em; } } /************* Menu Side Header *************/ .header-supplementary-center { text-align: center; } .header-supplementary-center .menu-area-wrap { display: inline-flex; padding: 0 20px; } .header-supplementary .menu-area-wrap { border-bottom: solid 1px #000000; } .with-menubg .menu-area-wrap { border-bottom: none; } @media only screen and (max-width: 969px) { .header-supplementary-center .menu-area-wrap { display: block; } .menu-side-box { border-top: none; } } /************* Aside Header *************/ /************* Below Header *************/ /** * Main #Content * ======================================================== */ /** Use 'entry-content'/'entry-the-content' classes to style posts on single post pages specifically **/ /************* Loop Meta *************/ .main.fullwidth > .loop-meta-wrap { position: relative; text-align: center; } .main.fullwidth > .loop-meta-wrap.pageheader-bg-default, .main.fullwidth > .loop-meta-wrap.pageheader-bg-stretch, .main.fullwidth > .loop-meta-wrap.pageheader-bg-both { background: none; border-top: solid 1px rgba(0, 0, 0, 0.33); border-bottom: none; } .main.fullwidth > .loop-meta-wrap.pageheader-bg-default:after, .main.fullwidth > .loop-meta-wrap.pageheader-bg-stretch:after, .main.fullwidth > .loop-meta-wrap.pageheader-bg-both:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: solid 3px; background: none; font: 0/0 a; visibility: visible; display: block; } .main.fullwidth > .loop-meta-wrap.pageheader-bg-incontent, .main.fullwidth > .loop-meta-wrap.pageheader-bg-none { border-top: solid 1px rgba(0, 0, 0, 0.33); border-bottom: none; } .main.fullwidth > .loop-meta-wrap.pageheader-bg-incontent:after, .main.fullwidth > .loop-meta-wrap.pageheader-bg-none:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: solid 3px; background: none; font: 0/0 a; visibility: visible; display: block; } .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta { background: none; color: inherit; display: block; margin: 0; } .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h1, .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h2, .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h3, .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h4, .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h5, .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h6, .main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta a { color: inherit; } /*** Featured Image without Title (title inline with content) ***/ .entry-featured-img-headerwrap { height: 400px; } /************* Content Wrap *************/ .main.fullwidth > .content .loop-meta-wrap { margin-bottom: 1em; border: solid 1px rgba(0, 0, 0, 0.14); background: none; } .main.fullwidth > .content .loop-meta-wrap > .hgrid { padding: 0; } .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-default, .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-stretch, .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-none { background: rgba(0, 0, 0, 0.04); padding: 1em 1.5em; border: solid rgba(0, 0, 0, 0.14); border-width: 1px 2px 2px 1px; text-align: center; } .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-default:after, .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-stretch:after, .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-none:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: solid 3px; background: none; font: 0/0 a; visibility: visible; display: block; } .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-incontent, .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-both { text-align: center; background: rgba(0, 0, 0, 0.04); padding: 1em 1.5em; border: solid rgba(0, 0, 0, 0.14); border-width: 1px 2px 2px 1px; } .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-incontent:after, .main.fullwidth > .content .loop-meta-wrap.pageheader-bg-both:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: solid 3px; background: none; font: 0/0 a; visibility: visible; display: block; } .main.fullwidth > .content .loop-meta { padding: 0; } .main.fullwidth > .content .loop-title { font-size: 2.3333em; } /************* Entry Meta Byline (Singular Post Page) *************/ .main.fullwidth .entry-footer .entry-byline { line-height: 1.3333em; text-transform: uppercase; border-bottom: solid 1px; display: block; position: relative; } .main.fullwidth .entry-footer .entry-byline-block { display: block; } .main.fullwidth .entry-footer .entry-byline-block:after { content: ""; margin: 0 15px; } .main.fullwidth .entry-footer .entry-byline a { color: inherit; } .main.fullwidth .entry-footer .entry-byline a:hover { color: inherit; text-decoration: underline; } .main.fullwidth .entry-footer .entry-byline-label { margin-right: 5px; } .main.fullwidth .entry-footer .entry-byline-cats a { background: rgba(0, 0, 0, 0.14); padding: 5px 7px; margin: 0 8px 0 0; } .main.fullwidth .entry-footer .entry-byline-tags a { background: rgba(0, 0, 0, 0.14); padding: 5px 7px; margin: 0 8px 0 0; } /*************
#content *************/ .main.fullwidth .content-wrap .header-side .widget, .main.fullwidth .content-wrap .menu-side .widget, .main.fullwidth .content-wrap .topbar .widget, .main.fullwidth .content-wrap .below-header .widget { margin-bottom: 1em; padding-bottom: 1em; } .main.fullwidth .content-wrap .header-side .widget:after, .main.fullwidth .content-wrap .menu-side .widget:after, .main.fullwidth .content-wrap .topbar .widget:after, .main.fullwidth .content-wrap .below-header .widget:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: solid 3px; background: none; font: 0/0 a; visibility: visible; display: block; } .main.fullwidth .content-wrap .header-side .widget > a, .main.fullwidth .content-wrap .menu-side .widget > a, .main.fullwidth .content-wrap .topbar .widget > a, .main.fullwidth .content-wrap .below-header .widget > a { text-decoration: underline; } .main.fullwidth .content-wrap .header-side .widget .widget-title, .main.fullwidth .content-wrap .menu-side .widget .widget-title, .main.fullwidth .content-wrap .topbar .widget .widget-title, .main.fullwidth .content-wrap .below-header .widget .widget-title { font-size: inherit; color: inherit; background: none; } /************* Page Template - Landing *************/ .page-template-landing #main.main { padding-bottom: 0; } .page-template-landing #page-wrapper .main-content-grid { margin-top: 0; } .page-template-landing .entry-content { border-bottom: none; } .page-template-landing .entry-the-content { margin: 2.66666667em 0; } /** Use 'entry-content'/'entry-the-content' classes to style posts on single post pages specifically **/ /************* Loop Meta *************/ #below-header + .main > .loop-meta-wrap, #below-header + .main > .entry-featured-img-headerwrap { margin-top: 25px; /*@widgetMargin/2*/ } /************* Entry Meta Byline (Singular Post Page) *************/ .entry-byline { font-size: 0.86666667em; text-transform: uppercase; } /*************
#content *************/ .main > .main-content-grid:first-child { margin-top: 25px; /*@widgetMargin/2*/ } /************* Read More *************/ .entry-grid .more-link { font-family: Georgia, "Times New Roman", Times, serif; } .content-frontpage > .frontpage-area-boxed:first-child { margin-top: 25px; /*@widgetMargin/2*/ } .frontpage-widgetarea.frontpage-area-boxed:first-child .hootkitslider-widget { margin: 0; } /*Overwrite parent css since we are now reducing first boxed area margin-top*/ /************* Sidebars *************/ .sidebar .widget-title, .sub-footer .widget-title, .footer .widget-title { background: #ffffff; color: #000000; border: solid 1px #000000; padding: 5px; -webkit-transition: color 0.3s ease-in, background-color 0.3s linear; -moz-transition: color 0.3s ease-in, background-color 0.3s linear; -o-transition: color 0.3s ease-in, background-color 0.3s linear; transition: color 0.3s ease-in, background-color 0.3s linear; } .sidebar .widget:hover .widget-title, .sub-footer .widget:hover .widget-title, .footer .widget:hover .widget-title { background: #000000; color: #ffffff; } /************* WordPress Widgets *************/ /** * Theme and WordPress Plugins * ======================================================== */ /************* Light Gallery *************/ /************* Woocommerce *************/ /************* Newsletter *************/ /*** Newsletter ***/ .widget_newsletterwidget, .widget_newsletterwidgetminimal { background: rgba(0, 0, 0, 0.04); } /** * Footer * ======================================================== */ /************* Sub Footer *************/ .sub-footer { border-top: solid 1px rgba(0, 0, 0, 0.14); } /************* Footer *************/ /************* Post Footer *************/ .post-footer { padding: 0; border-top: none; } .post-footer .credit { border-top: solid 1px; display: inline-block; min-width: 70%; margin: 0; padding: 1.5em 0; } /************* Sticky Header *************/ @media only screen and (min-width: 970px) { #header.stuck { -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); } }