/* Theme Name: Napoli Theme URI: https://themezee.com/themes/napoli/ Author: ThemeZee Author URI: https://themezee.com Description: Napoli is a beautiful WordPress theme perfectly suited for a food magazine. It features a great featured post slider, smooth typography and a grid-layout for posts. Bon appetit! Version: 2.2.9 Requires at least: 5.2 Tested up to: 6.1 Requires PHP: 5.6 AMP: true License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: napoli Tags: two-columns, custom-background, custom-header, custom-logo, custom-menu, editor-style, block-styles, rtl-language-support, grid-layout, blog, food-and-drink, news, featured-images, flexible-header, full-width-template, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Napoli is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # - CSS Variables # - Normalize # - Typography # - Elements # - Forms # - Accessibility # - Alignments # - Clearings # - Site Layout # - Header # - Navigation # - Social Icons Menu # - Posts and pages # - Archives and Blog Layouts # - Blocks # - Featured Posts # - Widgets # - Magazine Widgets # - Comments # - Media # - Footer # - Plugins # - Media Queries for Typography # - Media Queries for Layout # - Media Queries for Navigation # - Media Queries for Featured Posts # - Media Queries for Media # - Theme Options --------------------------------------------------------------*/ /*-------------------------------------------------------------- # - CSS Variables --------------------------------------------------------------*/ :root { --primary-color: #ee4455; --secondary-color: #d52b3c; --tertiary-color: #bb1122; --accent-color: #4466ee; --highlight-color: #eee644; --light-gray-color: #e0e0e0; --gray-color: #999; --dark-gray-color: #303030; --text-color: #303030; --medium-text-color: #666; --light-text-color: #999; --dark-border-color: #303030; --medium-border-color: #c0c0c0; --light-border-color: #e0e0e0; --link-color: #ee4455; --link-hover-color: #303030; --button-color: #ee4455; --button-text-color: #fff; --button-hover-color: #303030; --button-hover-text-color: #fff; --header-background-color: #ee4455; --header-text-color: #fff; --header-text-hover-color: #ccc; --navi-color: #fff; --navi-hover-color: rgba(255, 255, 255, 0.5); --navi-border-color: rgba(255, 255, 255, 0.2); --navi-submenu-color: #fff; --navi-submenu-text-color: #444; --navi-submenu-hover-color: #999; --navi-submenu-border-color: rgba(0, 0, 0, 0.1); --page-background-color: #fff; --title-color: #ee4455; --title-hover-color: #303030; --widget-background-color: #fff; --widget-title-background-color: #ee4455; --widget-title-color: #fff; --widget-title-hover-color: rgba(255, 255, 255, 0.5); --footer-background-color: #ee4455; --footer-text-color: #ddd; --footer-link-color: #fff; --footer-link-hover-color: rgba(255, 255, 255, 0.5); --footer-border-color: rgba(255, 255, 255, 0.1); --text-font: "Open Sans", arial, helvetica, sans-serif; --title-font: "Montserrat", arial, helvetica, sans-serif; --navi-font: "Montserrat", arial, helvetica, sans-serif; --widget-title-font: "Montserrat", arial, helvetica, sans-serif; --title-font-weight: normal; --navi-font-weight: normal; --widget-title-font-weight: normal; --title-text-transform: none; --navi-text-transform: uppercase; --widget-title-text-transform: uppercase; --text-line-height: 1.75; --title-line-height: 1.4; } /*-------------------------------------------------------------- # - Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } 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; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 0; } hr { box-sizing: content-box; height: 0; } code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; } button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*-------------------------------------------------------------- # - Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #303030; color: var(--text-color); font-size: 17px; font-size: 1.0625rem; font-family: "Open Sans", arial, helvetica, sans-serif; font-family: var(--text-font); line-height: 1.75; line-height: var(--text-line-height); } h1, h2, h3, h4, h5, h6 { clear: both; margin-top: 0.75em; margin-bottom: 0.75em; line-height: 1.4; line-height: var(--title-line-height); } h1 { font-size: 36px; font-size: 2.25rem; } h2 { font-size: 28px; font-size: 1.75rem; } h3 { font-size: 24px; font-size: 1.5rem; } h4 { font-size: 22px; font-size: 1.375rem; } h5 { font-size: 20px; font-size: 1.25rem; } h6 { font-size: 19px; font-size: 1.1875rem; } p { margin-top: 1.5em; margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { overflow: auto; margin-top: 1.5em; margin-bottom: 1.5em; padding: 1.5em; max-width: 100%; border: 1px solid #e5e5e5; background: #f5f5f5; font-size: 15px; font-size: 0.9375rem; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.6; } code, kbd, tt, var { font-size: 15px; font-size: 0.9375rem; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # - Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } body { background: #ddd; /* Fallback for when there is no custom background color defined. */ } blockquote { margin: 1.5em 0; padding-left: 1.5em; border-left: 6px solid; border-color: #ee4455; border-color: var(--link-color); color: #666; color: var(--medium-text-color); font-style: normal; font-size: 18px; font-size: 1.125rem; } blockquote cite, blockquote small { display: block; margin-top: 1em; color: #303030; color: var(--text-color); font-size: 16px; font-size: 1rem; line-height: 1.75; } blockquote cite::before, blockquote small::before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote > :last-child { margin-bottom: 0.5em; } hr { margin-top: 1.5em; margin-bottom: 1.5em; height: 1px; border: 0; background-color: #e0e0e0; background-color: var(--light-border-color); } ul, ol { margin: 1.5em 0; padding: 0 0 0 1.25em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1.5em; } img { max-width: 100%; /* Adhere to container width. */ height: auto; /* Make sure images are scaled correctly. */ } table { margin-top: 1.5em; margin-bottom: 1.5em; width: 100%; border: none; table-layout: auto; } th, td { padding: 0.3em 0.6em; border: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); } th { font-weight: normal; text-align: initial; background: rgba(0, 0, 0, 0.05); } tfoot td { background: rgba(0, 0, 0, 0.05); } a { color: #ee4455; color: var(--link-color); text-decoration: none; } a:link, a:visited { color: #ee4455; color: var(--link-color); } a:hover, a:focus, a:active { color: #303030; color: var(--link-hover-color); } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- # - Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { margin: 0; padding: 0.6em 1em; border: none; background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); text-decoration: none; font-size: 17px; font-size: 1.0625rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #303030; background-color: var(--button-hover-color); color: #fff; color: var(--button-hover-text-color); } input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { padding: 0.3em 0.6em; max-width: 100%; border: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); color: #666; color: var(--medium-text-color); } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border: 1px solid; border-color: #c0c0c0; border-color: var(--medium-border-color); color: #303030; color: var(--text-color); } textarea { width: 100%; } /* Search Form */ .search-form { display: flex; margin: 0; padding: 0; } .search-form label { flex-grow: 1; } .search-form .search-field { display: inline-block; box-sizing: border-box; margin: 0; padding: 0.75rem; min-width: 100px; width: 100%; -webkit-appearance: none; line-height: 1; } .search-form .search-submit { display: flex; margin-left: -1px; padding: 0.75rem 0.95rem; align-items: center; } .search-form .search-submit .icon-search { width: 21px; height: 21px; fill: currentColor; } /*-------------------------------------------------------------- # - Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar. */ display: block; clip: auto !important; padding: 15px 23px 14px; width: auto; height: auto; border-radius: 3px; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); color: #21759b; text-decoration: none; font-weight: bold; font-size: 14px; font-size: 0.875rem; line-height: normal; } /*-------------------------------------------------------------- # - Alignments --------------------------------------------------------------*/ .alignleft { float: left; margin-right: 1.5em; } .alignright { float: right; margin-left: 1.5em; } .aligncenter { display: block; clear: both; margin-right: auto; margin-left: auto; text-align: center; } /*-------------------------------------------------------------- # - Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .post-navigation .nav-links:before, .post-navigation .nav-links:after, .comment-navigation:before, .comment-navigation:after { display: table; content: ""; } .clearfix:after, .post-navigation .nav-links:after, .comment-navigation:after { clear: both; } /*-------------------------------------------------------------- # - Site Layout --------------------------------------------------------------*/ .site { margin: 0; width: 100%; } .container { margin: 0 auto; padding: 0 2em; max-width: 1220px; width: 100%; } .site-content { padding-top: 2em; } .content-area { float: left; box-sizing: border-box; padding-right: 2em; width: 73%; } .sidebar { float: right; width: 27%; } /* No Sidebar & Centered Layout Template */ .no-sidebar .content-single, .site-content .centered-content-area { float: none; margin: 0 auto; padding: 0; max-width: 900px; width: 100%; } /* Fullwidth Template */ .site-content .fullwidth-content-area { float: none; margin: 0; padding: 0; max-width: 100%; width: 100%; } /*-------------------------------------------------------------- # - Header --------------------------------------------------------------*/ .site-header { background-color: #ee4455; background-color: var(--header-background-color); color: #fff; color: var(--header-text-color); } .header-main { display: flex; flex-wrap: wrap; align-items: center; } .site-branding { margin: 1em 3em 1em 0; padding: 0; max-width: 100%; } .site-branding a:link, .site-branding a:visited, .site-branding a:hover { padding: 0; border: none; text-decoration: none; } .site-title { display: inline-block; margin: 0.25rem 0 0; padding: 0; color: #fff; color: var(--header-text-color); text-decoration: none; font-size: 32px; font-size: 2rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--title-font); font-weight: normal; font-weight: var(--title-font-weight); text-transform: none; text-transform: var(--title-text-transform); line-height: 1.75; line-height: var(--text-line-height); } .site-title a:link, .site-title a:visited { color: #fff; color: var(--header-text-color); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .site-title a:hover, .site-title a:active { color: #ccc; color: var(--header-text-hover-color); } .site-branding .custom-logo { margin: 0.25em 1em 0 0; padding: 0; max-width: 100%; height: auto; border: none; vertical-align: top; } .site-description { margin: -0.25rem 0 0.5rem; font-size: 13px; font-size: 0.8125rem; } /* Custom Header Image */ .header-image { text-align: center; } .header-image img { max-width: 2500px; width: 100%; height: auto; vertical-align: top; } /*-------------------------------------------------------------- # - Navigation --------------------------------------------------------------*/ .primary-navigation { position: relative; width: 100%; } /* Hide the menu on small screens when JavaScript is available. */ .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation ul a > .icon, .header-social-icons { display: none; } .primary-navigation.toggled-on .main-navigation > ul.menu, .primary-navigation.toggled-on .header-social-icons { display: block; } /* Main Navigation Toggle */ .mobile-menu-toggle { display: flex; margin: 0; margin-left: auto; padding: 1em; border: none; background: none; color: #fff; color: var(--navi-color); text-decoration: none; font-size: 15px; font-size: 0.9375rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--navi-font); font-weight: normal; font-weight: var(--navi-font-weight); text-transform: uppercase; text-transform: var(--navi-text-transform); text-align: left; transition: all 0.2s ease; align-items: center; } .mobile-menu-toggle:focus { outline: thin dotted; color: #fff; color: var(--navi-color); background: none; } .mobile-menu-toggle:hover, .mobile-menu-toggle:active { color: rgba(255, 255, 255, 0.5); color: var(--navi-hover-color); background: none; cursor: pointer; } .mobile-menu-toggle .icon { margin: 0; width: 28px; height: 28px; vertical-align: top; fill: #fff; fill: var(--navi-color); transition: fill 0.2s ease; } .mobile-menu-toggle:hover .icon, .mobile-menu-toggle:active .icon { fill: rgba(255, 255, 255, 0.5); fill: var(--navi-hover-color); } .mobile-menu-toggle[aria-expanded="true"] .icon-menu, .mobile-menu-toggle[aria-expanded="false"] .icon-close { display: none; } .mobile-menu-toggle[aria-expanded="true"] .icon-close { display: inline-block; } /* Menu Items Styling */ .main-navigation ul { margin: 0; padding: 0; color: #fff; color: var(--navi-color); list-style: none; font-size: 15px; font-size: 0.9375rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--navi-font); font-weight: normal; font-weight: var(--navi-font-weight); text-transform: uppercase; text-transform: var(--navi-text-transform); } .main-navigation > ul { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.2); border-color: var(--navi-border-color); } .main-navigation ul li { position: relative; margin: 0; } .main-navigation ul a { display: block; margin: 0; padding: 1.2em; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.2); border-color: var(--navi-border-color); text-decoration: none; } .main-navigation ul a, .main-navigation ul a:link, .main-navigation ul a:visited { color: #fff; color: var(--navi-color); text-decoration: none; transition: all 0.2s ease; } .main-navigation ul a:hover, .main-navigation ul a:active, .main-navigation ul a:focus { color: rgba(255, 255, 255, 0.5); color: var(--navi-hover-color); } .main-navigation ul li.current-menu-item > a { text-decoration: underline; } /* Submenus */ .main-navigation ul ul { font-size: 13px; font-size: 0.8125rem; background-color: #fff; background-color: var(--navi-submenu-color); } .main-navigation ul ul a { padding-left: 1.5em; border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.1); border-color: var(--navi-submenu-border-color); } .main-navigation ul ul a:link, .main-navigation ul ul a:visited { color: #444; color: var(--navi-submenu-text-color); } .main-navigation ul ul a:hover, .main-navigation ul ul a:active, .main-navigation ul ul a:focus { color: #999; color: var(--navi-submenu-hover-color); } .is-amp-page .main-navigation ul button.toggled-on + ul, .main-navigation ul ul.toggled-on { display: block; } .main-navigation ul ul ul a { padding-left: 3em; } .main-navigation ul ul ul ul a { padding-left: 4.5em; } /* Submenu Dropdown Toggles */ .main-navigation .dropdown-toggle { position: absolute; display: block; top: 0; right: 0; padding: 1em 1.5em; background: none; border: none; } .main-navigation .dropdown-toggle:focus { outline: thin dotted; color: #fff; color: var(--navi-color); background: none; } .main-navigation .dropdown-toggle:hover, .main-navigation .dropdown-toggle:active { background: none; } .main-navigation .dropdown-toggle .icon { margin: 0.2em 0 0; width: 24px; height: 24px; vertical-align: top; fill: #fff; fill: var(--navi-color); transition: fill 0.2s ease; } .main-navigation .dropdown-toggle:hover .icon, .main-navigation .dropdown-toggle:active .icon, .main-navigation .dropdown-toggle:focus .icon { fill: rgba(255, 255, 255, 0.5); fill: var(--navi-hover-color); } .main-navigation .dropdown-toggle.toggled-on .icon { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } .main-navigation ul ul .dropdown-toggle { padding: 0.7em 1.25em; } .main-navigation ul ul .dropdown-toggle .icon { width: 20px; height: 20px; fill: #444; fill: var(--navi-submenu-text-color); } .main-navigation ul ul .dropdown-toggle:hover .icon, .main-navigation ul ul .dropdown-toggle:active .icon, .main-navigation ul ul .dropdown-toggle:focus .icon { fill: #999; fill: var(--navi-submenu-hover-color); } /*-------------------------------------------------------------- # - Social Icons Menu --------------------------------------------------------------*/ .header-social-icons { margin: 1.5em 0; margin-left: auto; } .header-social-icons .social-icons-menu { display: flex; flex-flow: row wrap; margin: 0; padding: 0; border: none; list-style: none; } .header-social-icons .social-icons-menu li { margin: 0; padding: 0; border: none; list-style: none; } .header-social-icons .social-icons-menu li a { display: flex; margin: 0; padding: 0.7em; color: #fff; color: var(--header-text-color); } .header-social-icons .social-icons-menu li a:hover, .header-social-icons .social-icons-menu li a:active { color: #ccc; color: var(--header-text-hover-color); text-decoration: none; } .header-social-icons .social-icons-menu li a .icon { margin: 0; width: 24px; height: 24px; vertical-align: top; fill: currentColor; } /*-------------------------------------------------------------- # - Posts and pages --------------------------------------------------------------*/ .type-post, .type-page, .type-attachment, .comments-area, .comment-respond, .site-main > article:not(.type-post):not(.type-page):not(.type-attachment), .post-wrapper > .post-column > article:not(.type-post):not(.type-page):not(.type-attachment) { margin: 0 0 2em 0; max-width: 100%; background-color: #fff; background-color: var(--page-background-color); box-shadow: 0 1px 2px #bbb; } .page-title, .entry-title { margin: 0; padding: 0; color: #ee4455; color: var(--title-color); -ms-word-wrap: break-word; word-wrap: break-word; font-size: 28px; font-size: 1.75rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--title-font); font-weight: normal; font-weight: var(--title-font-weight); text-transform: none; text-transform: var(--title-text-transform); line-height: 1.4; line-height: var(--title-line-height); } .entry-title a:link, .entry-title a:visited { color: #ee4455; color: var(--title-color); text-decoration: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .entry-title a:hover, .entry-title a:active { color: #303030; color: var(--title-hover-color); } .wp-post-image { margin: 0; vertical-align: top; } .post-content { padding: 1.25em 1.5em 1.5em; } .entry-content > *:first-child { margin-top: 1.5em; } .entry-content p:first-child { margin-top: 0.5em; } .entry-content p:last-child { margin-bottom: 0; } .entry-content a { text-decoration: underline; } .sticky { border: none; } /* Page Links | wp_link_pages() */ .page-links { margin: 0; word-spacing: 1em; font-weight: bold; } /* Error 404: Not Found Template */ .error404 .not-found .widget { padding: 0; border: none; box-shadow: none; } /* Entry Meta */ .entry-meta { margin: 0; padding: 1em 1.5rem; border-top: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); color: #303030; color: var(--text-color); font-size: 14px; font-size: 0.875rem; } .entry-meta .meta-date, .entry-meta .meta-author, .entry-meta .meta-category, .entry-meta .meta-comments { margin-right: 1.5em; } .entry-meta a:link, .entry-meta a:visited { color: #303030; color: var(--text-color); } .entry-meta a:hover, .entry-meta a:active { color: #999; color: var(--light-text-color); } .entry-meta span .icon { margin: 0.3em 0.4em 0 0; width: 17px; height: 17px; vertical-align: top; fill: #999; fill: var(--light-text-color); } /* Hide post meta if they are deactivated in settings */ body.date-hidden .type-post .entry-meta .meta-date, body.author-hidden .type-post .entry-meta .meta-author, body.categories-hidden .type-post .entry-meta .meta-category, body.comments-hidden .type-post .entry-meta .meta-comments { position: absolute; clip: rect(1px, 1px, 1px, 1px); } body.date-hidden.author-hidden .content-archive .type-post .entry-meta, body.date-hidden.author-hidden .post-slider .type-post .entry-meta { display: none; } body.date-hidden.author-hidden.categories-hidden.comments-hidden .content-single .type-post .entry-meta { display: none; } /* Entry Tags & Tagcloud Widget */ .entry-tags { margin: 1em 0 0; } .widget_tag_cloud .tagcloud, .entry-tags .meta-tags { font-size: 14px; font-size: 0.875rem; } .widget_tag_cloud .tagcloud::before, .widget_tag_cloud .tagcloud::after, .entry-tags .meta-tags::before, .entry-tags .meta-tags::after { display: table; content: ""; } .widget_tag_cloud .tagcloud::after, .entry-tags .meta-tags::after { clear: both; } .widget_tag_cloud .tagcloud a, .entry-tags .meta-tags a { display: inline-block; float: left; margin: 0 2px 2px 0; padding: 0.2em 0.5em; background-color: #ee4455; background-color: var(--button-color); text-decoration: none; font-size: 13px !important; font-size: 0.8125rem !important; } .widget_tag_cloud .tagcloud a:link, .widget_tag_cloud .tagcloud a:visited, .entry-tags .meta-tags a:link, .entry-tags .meta-tags a:visited { color: #fff; color: var(--button-text-color); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:active, .entry-tags .meta-tags a:hover, .entry-tags .meta-tags a:active { background-color: #303030; background-color: var(--button-hover-color); color: #fff; color: var(--button-hover-text-color); } /* Post Navigation */ .post-navigation { margin: 0; padding: 1.5rem; border-top: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); font-size: 15px; font-size: 0.9375rem; } .post-navigation .nav-links .nav-previous { float: left; box-sizing: border-box; padding-right: 0.5em; max-width: 50%; } .post-navigation .nav-links .nav-next { float: right; box-sizing: border-box; padding-left: 0.5em; max-width: 50%; } .post-navigation .nav-links .nav-link-text { display: block; color: #404040; } .post-navigation .nav-links .nav-previous .nav-link-text::before { margin-right: 3px; content: "\00AB"; } .post-navigation .nav-links .nav-next .nav-link-text::after { margin-left: 4px; content: "\00BB"; } .post-navigation .nav-links .entry-title { font-size: 17px; font-size: 1.0625rem; } .post-navigation .nav-links a:hover .entry-title { color: #303030; color: var(--title-hover-color); } /*-------------------------------------------------------------- # - Archives and Blog Layouts --------------------------------------------------------------*/ /* Archives and Search Heading */ .page-header { margin: 0 0 2em 0; padding: 0; background-color: #fff; background-color: var(--page-background-color); box-shadow: 0 1px 2px #bbb; } .page-header .archive-title { display: block; margin: 0; padding: 0.75em 1em; background-color: #ee4455; background-color: var(--widget-title-background-color); color: #fff; color: var(--widget-title-color); font-size: 15px; font-size: 0.9375rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--widget-title-font); font-weight: normal; font-weight: var(--widget-title-font-weight); text-transform: uppercase; text-transform: var(--widget-title-text-transform); line-height: 1.4; line-height: var(--title-line-height); } .blog-description, .archive-description { padding: 0.75em 1em; } .blog-description:empty { display: none; } .archive-description p:first-child { margin-top: 0; } .archive-description p:last-child { margin-bottom: 0; } .search-form-wrap { padding: 1.5em; } /* Post Columns */ .post-layout-columns .post-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -2em; } .post-layout-columns .post-wrapper .post-column { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; padding-right: 2em; } .post-layout-columns .post-wrapper .post-column article { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .post-layout-columns .post-wrapper .post-column article .post-content { flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; } .post-layout-columns .post-wrapper .post-column article .entry-title { font-size: 20px; font-size: 1.25rem; } .post-layout-columns .post-wrapper .post-column article .post-content .entry-content { font-size: 16px; font-size: 1rem; } .post-layout-columns .post-wrapper .post-column article .more-link { font-size: 15px; font-size: 0.9375rem; } /* 2 Columns */ .post-layout-two-columns .post-wrapper .post-column { width: 50%; } /* 3 Columns */ .post-layout-three-columns .content-archive { float: none; padding: 0; width: 100%; } .post-layout-three-columns .post-wrapper .post-column { width: 33.3333333333333%; } /* Post Columns Fixes for IE 10 and IE 11*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .post-layout-columns .post-wrapper .post-column, .post-layout-columns .post-wrapper .post-column article { display: block; } } /* Theme Pagination */ .pagination { margin: 0 0 2em; } .pagination a, .pagination .current { display: inline-block; margin: 0 3px 3px 0; padding: 0.4em 1em; background-color: #fff; background-color: var(--page-background-color); box-shadow: 0 1px 2px #bbb; color: #303030; color: var(--text-color); text-align: center; text-decoration: none; } .pagination a:link, .pagination a:visited { color: #303030; color: var(--text-color); } .pagination a:hover, .pagination a:active, .pagination .current { background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); } /* Infinite Scroll Pagination */ .infinite-scroll .pagination { display: none; } .infinite-scroll #infinite-handle, .infinite-scroll .infinite-loader { margin-right: 2em; width: 100%; text-align: center; } .infinite-scroll .infinite-loader .spinner { bottom: -0.5em; left: auto; margin: 0 auto; padding-right: 2em; } .infinite-scroll #infinite-handle span { display: inline-block; margin: 0 0 2em; padding: 0.4em 1em; background-color: #303030; background-color: var(--button-hover-color); color: #fff; color: var(--button-hover-text-color); text-decoration: none; font-size: 17px; font-size: 1.0625rem; } .infinite-scroll #infinite-handle span:hover { background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); } /*-------------------------------------------------------------- # - Blocks --------------------------------------------------------------*/ /* Block Spacing */ .wp-block-audio, .wp-block-button, .wp-block-buttons, .wp-block-columns, .wp-block-embed, .wp-block-image, .wp-block-gallery, .wp-block-cover, .wp-block-table { margin-bottom: 1.5em; } /* Paragraph Block */ p.has-background { padding: 1rem 1.25rem; } .has-drop-cap:not(:focus)::first-letter { font-size: 4.5rem; line-height: 0.7; font-weight: bold; } /* Code Block */ .wp-block-code { border-radius: 3px; } /* Separator Block */ .wp-block-separator { border: none; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots), .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { margin-left: auto; margin-right: auto; max-width: 4rem; height: 6px; } /* Table Block */ .wp-block-table table { margin: 0; } .wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: rgba(0, 0, 0, 0.05); } .wp-block-table.is-style-stripes thead { border-bottom: 2px solid; } .wp-block-table.is-style-stripes tfoot { border-top: 2px solid; } .wp-block-table.is-style-stripes thead, .wp-block-table.is-style-stripes tfoot { border-color: #303030; border-color: var(--text-color); } .wp-block-table.is-style-stripes thead th, .wp-block-table.is-style-stripes tfoot td { background: none; } /* Buttons Block */ .wp-block-buttons .wp-block-button { margin: 0 0.5rem 0 0; } .wp-block-buttons .wp-block-button:last-child { margin-right: 0; } /* Button Block */ .wp-block-button { font-size: 17px; font-size: 1.0625rem; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button__link { margin: 0; padding: 0.6em 1em; border: none; border-radius: 0; color: inherit; text-decoration: none; font-size: inherit; transition: all 0.2s ease; } .wp-block-button__link:link, .wp-block-button__link:visited { color: inherit; text-decoration: none; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color), .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):link, .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):visited { color: #fff; color: var(--button-text-color); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { background-color: #ee4455; background-color: var(--button-color); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):active { background-color: #303030; background-color: var(--button-hover-color); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active { text-decoration: underline; } /* Outline Style */ .wp-block-button.is-style-outline .wp-block-button__link { padding: calc(0.6em - 2px) calc(1em - 2px); background-color: transparent !important; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color), .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-media-text .wp-block-button.is-style-outline .wp-block-button__link { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { text-decoration: underline; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active { color: inherit; } /* Quote Block */ .wp-block-quote.has-text-align-center:not(.is-style-large), .wp-block-quote.has-text-align-right:not(.is-style-large) { padding-left: 0; border-left: 0; } .wp-block-quote.has-text-align-right:not(.is-style-large) { padding-right: 1.5em; border-right: 6px solid; border-color: #ee4455; border-color: var(--link-color); } .wp-block-quote.is-style-large { padding: 0; border: none; font-size: 28px; font-size: 1.75rem; } .wp-block-quote.is-style-large p { font-size: inherit; font-style: inherit; line-height: inherit; } .wp-block-quote.is-style-large cite { text-align: inherit; font-size: 16px; font-size: 1rem; } /* Pullquote Block */ .wp-block-pullquote { margin-top: 1.5em; margin-bottom: 1.5em; padding: 0; border-bottom: 6px solid; border-top: 6px solid; border-color: #e0e0e0; border-color: var(--light-border-color); } .wp-block-pullquote blockquote { border: none; padding: 0; font-size: 28px; font-size: 1.75rem; } .wp-block-pullquote p { font-size: inherit; line-height: inherit; } .wp-block-pullquote blockquote > p:last-of-type { margin-bottom: 0; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 0.75em; } .wp-block-pullquote blockquote cite { color: #303030; color: var(--text-color); } .wp-block-pullquote.is-style-solid-color { padding: 1px 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: 0; margin-right: 0; max-width: 100%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: inherit; } .wp-block-pullquote.is-style-solid-color blockquote cite { color: inherit; } /* Audio */ .wp-block-audio audio { width: 100%; } /* Image Block */ .wp-block-image img { vertical-align: top; } /* Cover Block */ .wp-block-cover, .wp-block-cover-image { width: auto; } .wp-block-cover > .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover > .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } /* Gallery Block */ .wp-block-gallery { justify-content: center; } /* Video Embed Block */ .wp-block-embed-vimeo.alignfull iframe { width: 100%; } /* Group Block */ .wp-block-group.has-background { padding: 1.5em; } .wp-block-group.has-background > .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group.has-background > .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } /* Columns Block */ div.wp-block-columns { gap: 1.5em; } /* Column Block */ .wp-block-column.has-background { padding: 1.5em; box-sizing: border-box; } .wp-block-column.has-background > *:first-child { margin-top: 0; } .wp-block-column.has-background > *:last-child { margin-bottom: 0; } /* Latest Posts */ .wp-block-latest-posts.wp-block-latest-posts__list { margin-top: 1.5em; margin-bottom: 1.5em; padding: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li { margin-top: 0.5rem; } .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { color: #666; color: var(--medium-text-color); font-size: 14px; font-size: 0.875rem; } /* Search Block */ .wp-block-search .wp-block-search__label { width: auto; } /* Block Text Colors */ .has-primary-color, .wp-block-button__link.has-primary-color { color: #ee4455; color: var(--primary-color); } .has-secondary-color, .wp-block-button__link.has-secondary-color { color: #d52b3c; color: var(--secondary-color); } .has-tertiary-color, .wp-block-button__link.has-tertiary-color { color: #bb1122; color: var(--tertiary-color); } .has-accent-color, .wp-block-button__link.has-accent-color { color: #4466ee; color: var(--accent-color); } .has-highlight-color, .wp-block-button__link.has-highlight-color { color: #eee644; color: var(--highlight-color); } .has-white-color, .wp-block-button__link.has-white-color { color: #fff; } .has-light-gray-color, .wp-block-button__link.has-light-gray-color { color: #e0e0e0; color: var(--light-gray-color); } .has-gray-color, .wp-block-button__link.has-gray-color { color: #999; color: var(--gray-color); } .has-dark-gray-color, .wp-block-button__link.has-dark-gray-color { color: #303030; color: var(--dark-gray-color); } .has-black-color, .wp-block-button__link.has-black-color { color: #000; } /* Block Background Colors */ .has-primary-background-color, .has-primary-background-color[class] { background-color: #ee4455; background-color: var(--primary-color); } .has-secondary-background-color, .has-secondary-background-color[class] { background-color: #d52b3c; background-color: var(--secondary-color); } .has-tertiary-background-color, .has-tertiary-background-color[class] { background-color: #bb1122; background-color: var(--tertiary-color); } .has-accent-background-color, .has-accent-background-color[class] { background-color: #4466ee; background-color: var(--accent-color); } .has-highlight-background-color, .has-highlight-background-color[class] { background-color: #eee644; background-color: var(--highlight-color); } .has-white-background-color, .has-white-background-color[class] { background-color: #fff; } .has-light-gray-background-color, .has-light-gray-background-color[class] { background-color: #e0e0e0; background-color: var(--light-gray-color); } .has-gray-background-color, .has-gray-background-color[class] { background-color: #999; background-color: var(--gray-color); } .has-dark-gray-background-color, .has-dark-gray-background-color[class] { background-color: #303030; background-color: var(--dark-gray-color); } .has-black-background-color, .has-black-background-color[class] { background-color: #000; } /* Block Font Sizes */ .has-small-font-size { font-size: 16px; } .has-medium-font-size { font-size: 24px; } .has-large-font-size { font-size: 36px; } .has-extra-large-font-size { font-size: 48px; } .has-huge-font-size { font-size: 64px; } /*-------------------------------------------------------------- # - Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 2em 0; padding: 1rem 1.5rem 1.5rem; max-width: 100%; background-color: #fff; background-color: var(--widget-background-color); box-shadow: 0 1px 2px #bbb; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 16px; font-size: 1rem; } .widget-header { margin: -1rem -1.5rem 1.25em; } .widget-title, .is-style-widget-title { display: block; margin: 0; padding: 0.75em 1em; background-color: #ee4455; background-color: var(--widget-title-background-color); color: #fff; color: var(--widget-title-color); font-size: 15px; font-size: 0.9375rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--widget-title-font); font-weight: normal; font-weight: var(--widget-title-font-weight); text-transform: uppercase; text-transform: var(--widget-title-text-transform); line-height: 1.4; line-height: var(--title-line-height); } .is-style-widget-title { margin: -1rem -1.5rem 1.25em; } .widget-title a:link, .widget-title a:visited { color: #fff; color: var(--widget-title-color); } .widget-title a:hover, .widget-title a:active { color: rgba(255, 255, 255, 0.5); color: var(--widget-title-hover-color); } .widget ul { margin: 0; padding: 0; list-style: circle inside; } .widget ul .children, .widget ul .sub-menu { margin: 0.5em 0 0.5em 1em; padding: 0; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Theme Calendar Widget */ .widget_calendar { font-size: 14px; font-size: 0.875rem; } .widget_calendar table { margin: 0; } .widget_calendar table caption { padding: 0 0 1em; } .widget_calendar table thead tr { background: #f5f5f5; } .widget_calendar table tr td { text-align: center; } .widget_calendar table tbody tr td a { font-weight: bold; } .widget_calendar table tfoot tr td { padding-top: 1em; border: none; } .widget_calendar table tfoot tr #prev { text-align: left; } .widget_calendar table tfoot tr #next { text-align: right; } /*-------------------------------------------------------------- # - Magazine Widgets --------------------------------------------------------------*/ .widget-magazine-posts { margin-bottom: -1.5em; } .widget-magazine-posts .widget-header { margin-bottom: 1.5em; } /* Magazine Post Reset */ .widget-magazine-posts .type-post { margin: 0 0 1.5em 0; padding: 0; border: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); background: none; box-shadow: 0 0 2px #eee; } .widget-magazine-posts .type-post .wp-post-image { margin: 0; } .widget-magazine-posts .type-post .post-content { padding: 0.75em 1em 1em; } .widget-magazine-posts .type-post .entry-meta { padding: 0; border: none; font-size: 13px; font-size: 0.8125rem; } .widget-magazine-posts .type-post .entry-meta span::before { font-size: 18px; } /* Magazine Large Post Styling */ .widget-magazine-posts .large-post .entry-title { font-size: 18px; font-size: 1.125rem; } /* Magazine Medium Post Styling */ .widget-magazine-posts .medium-post .entry-title { font-size: 15px; font-size: 0.9375rem; } .widget-magazine-posts .medium-post .post-content { padding: 0.5em 1em; } /* Magazine Small Post Styling */ .widget-magazine-posts .small-post { display: block; float: left; box-sizing: border-box; margin: 0 0 1em; width: 100%; } .widget-magazine-posts .small-post .wp-post-image { float: left; margin: 0; max-width: 30%; } .widget-magazine-posts .small-post .post-content { float: right; padding: 0.5em 1em; width: 70%; } .widget-magazine-posts .small-post .entry-title { font-size: 15px; font-size: 0.9375rem; } /* Magazine Posts Grid Widget */ .widget-magazine-posts .magazine-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1.5em; } .widget-magazine-posts .magazine-grid .post-column { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; padding-right: 1.5em; } .widget-magazine-posts .magazine-grid-two-columns .post-column { width: 50%; } .widget-magazine-posts .magazine-grid-three-columns .post-column { width: 33.3333333333333%; } .widget-magazine-posts .magazine-grid .post-column .type-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .widget-magazine-posts .magazine-grid .post-column .type-post .post-content { flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; } /*-------------------------------------------------------------- # - Comments --------------------------------------------------------------*/ .comments-area, .comment-respond { padding: 1rem 1.5rem; } /* Comment Header */ .comments-header, .comment-reply-title { margin: -1rem -1.5rem 1.5em; background-color: #ee4455; background-color: var(--widget-title-background-color); } .comments-header .comments-title, .comment-reply-title { display: inline-block; margin: 0; padding: 0.75em 1em; color: #fff; color: var(--widget-title-color); -ms-word-wrap: break-word; word-wrap: break-word; font-size: 15px; font-size: 0.9375rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--widget-title-font); font-weight: normal; font-weight: var(--widget-title-font-weight); text-transform: uppercase; text-transform: var(--widget-title-text-transform); line-height: 1.4; line-height: var(--title-line-height); } .comment-reply-title { display: block; margin: -1rem -1.5rem 1.5em; } /* Comment List */ .comment-list { margin: 0; padding: 0; list-style: none; } .comment { margin: 0 0 1.5em; padding: 1.5em 0 0; border-top: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); -ms-word-wrap: break-word; word-wrap: break-word; } .comment-meta { float: left; padding: 0; width: 100%; } .comment-meta .comment-author img { float: left; margin-right: 1em; } .bypostauthor { display: block; } .comment-meta .comment-metadata { margin-top: 0.3em; font-size: 14px; font-size: 0.875rem; } .comment-meta .comment-metadata a { margin-right: 1em; } .comment-content { clear: left; padding: 0.2em 0 0; } .comment-content a { word-wrap: break-word; } .comment ol.children { margin: 1.5em 0 0; list-style: none; } /* Comment Pagination */ .comment-navigation { margin: 0 0 1.5em; padding: 0; font-size: 14px; font-size: 0.875rem; } .comment-navigation .nav-previous { float: left; } .comment-navigation .nav-next { float: right; } .comment-navigation .nav-previous a:before { margin-right: 3px; content: "\00AB"; } .comment-navigation .nav-next a:after { margin-left: 4px; content: "\00BB"; } /* Comment Form */ .comment-form { padding: 0; } .comment-form label { display: inline-block; min-width: 150px; font-weight: bold; font-size: 15px; font-size: 0.9375rem; } .comment-form textarea { margin-top: 0.4em; } .comment-form .form-submit { margin-bottom: 0.5em; } .comment-form input[type="checkbox"] + label { display: inline; padding-left: 0.5em; font-weight: normal; } /* Comment Reply */ .comment .comment-respond { margin-top: 1.5em; border: 1px solid; border-color: #e0e0e0; border-color: var(--light-border-color); box-shadow: none; } .comment-reply-title small a { float: right; margin: -0.5rem -0.5rem 0 0; padding: 0.75em 1em; text-transform: none; font-weight: normal; font-size: 13px; font-size: 0.8125rem; } .comment-reply-title small a:link, .comment-reply-title small a:visited { color: #fff; text-decoration: underline; } .comment-reply-title small a:hover, .comment-reply-title small a:active { text-decoration: none; } /*-------------------------------------------------------------- # - Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, figure, img, picture { max-width: 100%; } /*-------------------------------------------------------------- ## 16.1 - Captions --------------------------------------------------------------*/ figcaption, .wp-caption, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-audio figcaption, .wp-block-table figcaption { font-size: 13px; font-size: 0.8125rem; } .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-audio figcaption, .wp-block-table figcaption, .wp-block-gallery > figcaption { margin: 0.5rem 0 1.5rem; max-width: 100%; width: auto !important; text-align: center; } .wp-block-table figcaption { margin-bottom: 0; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption .wp-caption-text { margin: 0.5em 0; } /*-------------------------------------------------------------- ## 16.2 - Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1em; } .gallery-item { display: inline-block; box-sizing: border-box; margin: 0; padding: 0 1em 0.75em 0; width: 100%; vertical-align: top; text-align: center; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .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-caption { display: block; font-size: 13px; font-size: 0.8125rem; margin-bottom: 0.75em; } /*-------------------------------------------------------------- # - Footer --------------------------------------------------------------*/ .footer-wrap { background-color: #ee4455; background-color: var(--footer-background-color); } .site-footer { color: #ddd; color: var(--footer-text-color); font-size: 15px; font-size: 0.9375rem; } .site-footer .site-info { float: left; padding: 2.5em 0; } .site-footer a:link, .site-footer a:visited { color: #fff; color: var(--footer-link-color); text-decoration: underline; } .site-footer a:hover, .site-footer a:focus, .site-footer a:active { text-decoration: none; } /*-------------------------------------------------------------- # - Plugins --------------------------------------------------------------*/ /* Breadcrumbs */ .breadcrumbs { margin: 0; padding: 0.5em 0; background: #fff; box-shadow: 0 1px 2px #bbb; -ms-word-wrap: break-word; word-wrap: break-word; } .breadcrumbs-container { color: #222; font-size: 14px; font-size: 0.875rem; } .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline; margin: 0; padding: 0; } .breadcrumbs .trail-browse { margin-right: 0.5em; font-weight: normal; font-size: 14px; font-size: 0.875rem; } .breadcrumbs .trail-items { list-style: none; } .breadcrumbs .trail-items li::after { padding: 0 0.5em; content: "\00bb"; /* Raquo */ } .trail-separator-slash .trail-items li::after { content: "\002F"; } .trail-separator-dash .trail-items li::after { content: "\2013"; } .trail-separator-bull .trail-items li::after { content: "\2022"; } .trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; } .trail-separator-raquo .trail-items li::after { content: "\00bb"; } .trail-separator-single-arrow .trail-items li::after { content: "\2192"; } .trail-separator-double-arrow .trail-items li::after { content: "\21D2"; } .breadcrumbs .trail-items li:last-of-type::after { display: none; } :root { --tz-column-gap: 1.5em; } .tz-magazine-block .tz-magazine-post { margin: 0 0 1.5em 0; padding: 0; border: none; background: none; box-shadow: none; } .tz-magazine-block .tz-entry-image { margin: 0 0 1em; } .tz-magazine-block .tz-entry-title { font-size: 20px; font-size: 1.25rem; } .tz-magazine-block .tz-magazine-grid-columns-3 .tz-entry-title { font-size: 17px; font-size: 1.0625rem; } .tz-magazine-block .tz-magazine-grid-columns-4 .tz-entry-title, .tz-magazine-block .tz-magazine-thumbnail-list .tz-entry-title { font-size: 16px; font-size: 1rem; } .tz-magazine-block .tz-entry-meta { margin: 0.4em 0; padding: 0; border: none; font-size: 14px; font-size: 0.875rem; } .tz-magazine-block .tz-entry-meta .tz-meta-field { margin-right: 1em; } .tz-magazine-block .tz-meta-field a { text-decoration: none; } .tz-magazine-block .tz-entry-content { margin-top: 1em; font-size: 16px; font-size: 1rem; } .tz-magazine-block .tz-read-more { margin-top: -0.5em; } /* Related Posts */ .related-posts { margin: 0 0 2em; } .related-posts-title { display: block; margin: 0; padding: 0.75em 1em; background-color: #ee4455; background-color: var(--widget-title-background-color); color: #fff; color: var(--widget-title-color); font-size: 15px; font-size: 0.9375rem; font-family: "Montserrat", arial, helvetica, sans-serif; font-family: var(--widget-title-font); font-weight: normal; font-weight: var(--widget-title-font-weight); text-transform: uppercase; text-transform: var(--widget-title-text-transform); line-height: 1.4; line-height: var(--title-line-height); } ul.related-posts-list { margin: 1.5em 1.5em 0; padding: 0; list-style: none; } .related-posts-list li { margin: 0 0 2em; padding: 0; list-style: none; } .related-posts-list li .entry-header { margin-top: 0.25em; } .related-posts-list li .entry-title { font-size: 20px; font-size: 1.25rem; } .related-posts-list li .wp-post-image { float: left; margin: 0 1em 0 0; padding: 0; max-width: 20%; height: auto; border: none; } .related-posts-list li .entry-meta { margin: 0; padding: 0; border-top: none; } .related-posts-grid { margin: 1.5em 1.5em 0; } .related-posts-columns { margin-right: -1em; } .related-posts-columns .related-post-column { float: left; box-sizing: border-box; margin-bottom: 2em; padding-right: 2em; } .related-posts-two-columns .related-post-column { width: 50%; } .related-posts-three-columns .related-post-column { width: 33.3333333333333%; } .related-posts-four-columns .related-post-column { width: 25%; } .related-posts-two-columns .related-post-column:nth-child(2n + 1) { clear: left; } .related-posts-three-columns .related-post-column:nth-child(3n + 1) { clear: left; } .related-posts-four-columns .related-post-column:nth-child(4n + 1) { clear: left; } .related-posts-two-columns .related-post-column .entry-title { font-size: 24px; font-size: 1.5rem; } .related-posts-three-columns .related-post-column .entry-title { font-size: 16px; font-size: 1rem; } .related-posts-four-columns .related-post-column .entry-title { font-size: 15px; font-size: 0.9375rem; } .related-posts-three-columns .related-post-column .entry-meta, .related-posts-four-columns .related-post-column .entry-meta { font-size: 12px; font-size: 0.75rem; } .related-posts-four-columns .related-post-column .entry-meta .meta-date, .related-posts-four-columns .related-post-column .entry-meta .meta-author { display: block; } .related-posts-four-columns .related-post-column .entry-meta .meta-date::after { display: none; } .related-posts-columns .related-post-column .wp-post-image { margin: 0 0 0.5em 0; padding: 0; border: none; } .related-posts-columns .related-post-column .entry-meta { margin: 0.3em 0 0; padding: 0; border-top: none; } @media only screen and (max-width: 80em) { /* Columns */ .related-posts-two-columns .related-post-column .entry-title { font-size: 22px; font-size: 1.375rem; } } @media only screen and (max-width: 70em) { /* Columns */ .related-posts-two-columns .related-post-column .entry-title { font-size: 20px; font-size: 1.25rem; } } @media only screen and (max-width: 50em) { /* Columns */ .related-posts-four-columns .related-post-column { width: 50%; } .related-posts-four-columns .related-post-column:nth-child(2n + 1) { clear: left; } .related-posts-two-columns .related-post-column .entry-title, .related-posts-four-columns .related-post-column .entry-title { font-size: 18px; font-size: 1.125rem; } .related-posts-two-columns .related-post-column .entry-meta { font-size: 12px; font-size: 0.75rem; } .related-posts-four-columns .related-post-column .entry-meta .meta-date, .related-posts-four-columns .related-post-column .entry-meta .meta-author { display: inline; } .related-posts-four-columns .related-post-column .entry-meta .meta-date::after { display: inline-block; } /* List */ .related-posts-list li .wp-post-image { max-width: 25%; } .related-posts-list li .entry-header { margin-top: 0; } .related-posts-list li .entry-title { font-size: 18px; font-size: 1.125rem; } } @media only screen and (max-width: 40em) { .related-posts-two-columns .related-post-column .entry-title, .related-posts-four-columns .related-post-column .entry-title { font-size: 16px; font-size: 1rem; } } @media only screen and (max-width: 35em) { /* Columns */ .related-posts-three-columns { margin: 0; } .related-posts-three-columns .related-post-column { float: none; padding-right: 0; width: 100%; } } @media only screen and (max-width: 25em) { /* Columns */ .related-posts-two-columns, .related-posts-four-columns { margin: 0; } .related-posts-two-columns .related-post-column, .related-posts-four-columns .related-post-column { float: none; padding-right: 0; width: 100%; } /* List */ .related-posts-list li .wp-post-image { float: none; margin: 0 0 0.5em 0; max-width: 100%; } } @media only screen and (max-width: 20em) { .related-posts .entry-meta .meta-date, .related-posts .entry-meta .meta-author { display: block; margin: 0; } .related-posts-four-columns .related-post-column .entry-meta .meta-date::after { display: none; } } /* Widget Bundle */ .tzwb-clearfix::before, .tzwb-clearfix::after { display: table; content: " "; } .tzwb-clearfix::after { clear: both; } .tzwb-posts-list li { clear: left; margin-bottom: 0.75em; padding: 0; list-style: none; } .tzwb-posts-list .tzwb-excerpt p { margin: 0; padding: 0; } .tzwb-posts-list .wp-post-image { float: left; margin: 0.3em 0.8em 1em 0; max-width: 90px; height: auto; } .tzwb-posts-list .tzwb-entry-meta { margin: 0; padding: 0; border-top: none; font-size: 12px; font-size: 0.75rem; } .tzwb-comments-list li { clear: left; margin-bottom: 0.75em; padding: 0; list-style: none; } .tzwb-comments-list .avatar { float: left; margin: 0.3em 0.8em 0.8em 0; } .tzwb-comments-list .tzwb-comment-content { font-style: italic; } .tzwb-comments-list .tzwb-comment-date { color: #303030; color: var(--text-color); font-size: 12px; font-size: 0.75rem; } .tzwb-tabbed-content .tzwb-tabnavi-wrap { overflow: auto; margin: 0; padding: 0; list-style: none; } .tzwb-tabbed-content .tzwb-tabnavi { position: relative; float: left; width: 100%; list-style: none; list-style-position: outside; } .tzwb-tabbed-content .tzwb-tabnavi li { position: relative; float: left; margin: 0 3px 3px 0; padding: 0; list-style: none; } .tzwb-tabbed-content .tzwb-tabnavi li a { display: block; margin: 0; padding: 0.3em 0.8em; text-decoration: none; font-size: 14px; font-size: 0.875rem; } .tzwb-tabbed-content .tzwb-tabnavi li a:link, .tzwb-tabbed-content .tzwb-tabnavi li a:visited { background-color: #303030; background-color: var(--button-hover-color); color: #fff; color: var(--button-hover-text-color); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .tzwb-tabbed-content .tzwb-tabnavi li a:hover, .tzwb-tabbed-content .tzwb-tabnavi li a:active { background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); text-decoration: none; } .tzwb-tabbed-content .tzwb-tabnavi li a.current-tab { background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); } .tzwb-tabbed-content .tzwb-tabcontent { margin: 1em 0 0 0; padding: 0; } .tzwb-social-icons .social-icons-menu { display: flex; flex-flow: row wrap; margin: 0; padding: 0; border: none; list-style: none; line-height: 1; } .tzwb-social-icons .social-icons-menu li { margin: 0 2px 2px 0; } .tzwb-social-icons .social-icons-menu li a { display: flex; padding: 0.75em; background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); } .tzwb-social-icons .social-icons-menu li a:hover { background-color: #303030; background-color: var(--button-hover-color); color: #fff; color: var(--button-hover-text-color); text-decoration: none; } .tzwb-social-icons .social-icons-menu .icon { margin: 0; width: 20px; height: 20px; vertical-align: middle; fill: currentColor; } /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * * @package Napoli */ /* RESETS */ .zeeflex-container a:hover, .zeeflex-slider a:hover, .zeeflex-container a:focus, .zeeflex-slider a:focus { outline: none; } .zeeslides, .zeeslides > li, .zeeflex-control-nav, .zeeflex-direction-nav { margin: 0; padding: 0; list-style: none; } .zeeflex-pauseplay span { text-transform: capitalize; } /* BASE STYLES */ .zeeflexslider { margin: 0; padding: 0; } .zeeflexslider .zeeslides > li { display: none; } .zeeflexslider .zeeslides img { display: block; width: 100%; } .zeeflexslider .zeeslides::after { display: block; visibility: hidden; clear: both; height: 0; content: "\0020"; line-height: 0; } html[xmlns] .zeeflexslider .zeeslides { display: block; } * html .zeeflexslider .zeeslides { height: 1%; } .no-js .zeeflexslider .zeeslides > li:first-child { display: block; } /* Napoli Slider Theme */ .post-slider-wrap { position: relative; overflow: hidden; margin: 0 0 2em 0; background: #e5e5e5; box-shadow: 0 1px 2px #bbb; } .post-slider, .zeeflexslider .zeeslides { zoom: 1; } .post-slider .zeeslide { position: relative; } .zeeflex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .post-slider .zeeslide .type-post { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; background: none; box-shadow: none; } .post-slider .zeeslide .slide-image-link { width: 67%; } .post-slider .zeeslide .slide-image-wrap { margin: 0; padding: 0; } .post-slider .zeeslide .slide-image { margin: auto; padding: 0; max-width: 100%; max-height: 500px; width: auto; height: auto; vertical-align: top; } .post-slider .zeeslide .type-post .slide-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; width: 33%; background: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .post-slider .zeeslide .slide-content .post-content { flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; } .post-slider-controls { clear: left; } /* Direction Nav */ .post-slider-controls .zeeflex-direction-nav { position: absolute; top: 1em; left: 1em; *height: 0; } .post-slider-controls .zeeflex-direction-nav a { position: absolute; z-index: 10; display: flex; justify-content: center; align-items: center; margin: 0; width: 40px; height: 40px; background: #fff; color: #444; text-align: left; font-size: 0; cursor: pointer; } .post-slider-controls .zeeflex-direction-nav a:hover { background-color: #ee4455; background-color: var(--button-color); color: #fff; color: var(--button-text-color); text-decoration: none; } .post-slider-controls .zeeflex-direction-nav a::before { display: inline-block; color: currentColor; vertical-align: text-bottom; text-decoration: inherit; font-size: 20px; font-weight: bold; } .post-slider-controls .zeeflex-direction-nav a.zeeflex-next::before { content: '\003e'; } .post-slider-controls .zeeflex-direction-nav a.zeeflex-prev::before { content: '\003c'; } .post-slider-controls .zeeflex-direction-nav .zeeflex-next { left: 45px; } /* Media Queries */ @media only screen and (max-width: 75em) { .post-slider-wrap { margin-bottom: 1.5em; } } @media only screen and (max-width: 60em) { .post-slider .zeeslide .type-post { display: block; } .post-slider .zeeslide .type-post .slide-image-link { width: 100%; } .post-slider .zeeslide .type-post .slide-content { width: 100%; box-shadow: none; } } @media only screen and (min-width: 60.001em) { .post-slider .zeeslide .slide-content .post-content .entry-title { font-size: 20px; font-size: 1.25rem; } .post-slider .zeeslide .slide-content .post-content .entry-content { font-size: 16px; font-size: 1rem; } } /*-------------------------------------------------------------- # - Media Queries for Typography --------------------------------------------------------------*/ @media only screen and (max-width: 60em) { .page-title, .entry-title { font-size: 26px; font-size: 1.625rem; } .post-layout-columns .post-wrapper .post-column article .entry-title { font-size: 22px; font-size: 1.375rem; } } @media only screen and (max-width: 50em) { .site-title { font-size: 28px; font-size: 1.75rem; } .page-title, .entry-title { font-size: 24px; font-size: 1.5rem; } .post-layout-columns .post-wrapper .post-column article .entry-title { font-size: 20px; font-size: 1.25rem; } } @media only screen and (max-width: 40em) { .page-title, .entry-title, .post-layout-columns .post-wrapper .post-column article .entry-title { font-size: 22px; font-size: 1.375rem; } .entry-content { font-size: 16px; font-size: 1rem; } } @media only screen and (max-width: 30em) { .site-title { font-size: 24px; font-size: 1.5rem; } .page-title, .entry-title, .post-layout-columns .post-wrapper .post-column article .entry-title { font-size: 20px; font-size: 1.25rem; } } @media only screen and (max-width: 20em) { .page-title, .entry-title, .post-layout-columns .post-wrapper .post-column article .entry-title { margin: 0 0 0.5em; font-size: 18px; font-size: 1.125rem; } } /*-------------------------------------------------------------- # - Media Queries for Layout --------------------------------------------------------------*/ @media only screen and (max-width: 75em) { .container { padding: 0 1.5em; } .site-content { padding-top: 1.5em; } .content-area { padding-right: 1.5em; } .widget, .page-header, .type-post, .type-page, .type-attachment, .pagination, .comments-area, .site-main > article:not(.type-post):not(.type-page):not(.type-attachment), .post-wrapper > .post-column > article:not(.type-post):not(.type-page):not(.type-attachment) { margin-bottom: 1.5em; } .post-layout-columns .post-wrapper { margin-right: -1.5em; } .post-layout-columns .post-wrapper .post-column { padding-right: 1.5em; } .infinite-scroll #infinite-handle, .infinite-scroll .infinite-loader { margin-right: 1.5em; } } @media only screen and (max-width: 70em) { .content-area { width: 70%; } .sidebar { width: 30%; } } @media only screen and (max-width: 60em) { .content-area, .site-content .content-fullwidth { float: none; padding: 0; width: 100%; } .sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: none; margin-right: -1.5em; padding: 0; width: auto; } .sidebar .widget-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; box-sizing: border-box; padding-right: 1.5em; width: 50%; } .sidebar .widget-wrap .widget { width: 100%; } .sidebar .widget-wrap:nth-child(2n + 1) { clear: left; } .post-layout-three-columns .post-wrapper .post-column { width: 50%; } .site-branding { margin: 1em 0; } .site-footer .site-info { float: none; text-align: center; } } @media only screen and (max-width: 40em) { .post-layout-columns .post-wrapper { display: block; margin-right: 0; } .post-layout-columns .post-wrapper .post-column { display: block; float: none; padding-right: 0; } .post-layout-two-columns .post-wrapper .post-column, .post-layout-three-columns .post-wrapper .post-column { width: 100%; } .infinite-scroll #infinite-handle, .infinite-scroll .infinite-loader { margin-right: 0; } /* Sidebar */ .sidebar { margin-right: 0; } .sidebar .widget-wrap { float: none; padding-right: 0; width: 100%; } } @media only screen and (max-width: 30em) { .post-content { padding: 1em 1.25em 1.25em; } .post-navigation { padding: 1rem 1.5rem; font-size: 14px; font-size: 0.875rem; } .post-navigation .nav-links .entry-title { font-size: 16px; font-size: 1rem; } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { float: none; padding: 0; max-width: 100%; } .post-navigation .nav-links .nav-next { text-align: right; } .post-navigation .nav-links a { display: block; margin-bottom: 0.5em; } } @media only screen and (max-width: 20em) { .entry-meta .meta-date, .entry-meta .meta-author, .entry-meta .meta-category, .entry-meta .meta-comments { display: block; } } /*-------------------------------------------------------------- # - Media Queries for Navigation --------------------------------------------------------------*/ @media only screen and (min-width: 60em) { .mobile-menu-toggle, .main-navigation .dropdown-toggle { display: none; } .header-main { flex-wrap: nowrap; } .main-navigation ul, .main-navigation ul ul, .header-social-icons { display: block; } .primary-navigation { display: flex; align-items: center; flex-grow: 1; width: auto; } #masthead .main-navigation > ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; border-bottom: none; } .main-navigation > ul, .main-navigation > ul > li > a { border: none; } /* Dropdown Menus */ .main-navigation ul ul { position: absolute; left: -999em; top: 100%; z-index: 99999; box-shadow: 0 1px 2px #bbb; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { right: auto; left: 0; } .main-navigation ul ul li a { width: 16rem; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { right: auto; left: 100%; } .main-navigation ul ul li a, .main-navigation ul ul ul li a, .main-navigation ul ul ul ul li a { padding: 1em; } /* Dropdown Icons */ .main-navigation .menu-item-has-children > a > .icon { position: relative; display: inline-block; left: 0.5rem; top: 0.05rem; width: 12px; height: 12px; fill: #fff; fill: var(--navi-color); transition: fill 0.2s ease; } .main-navigation ul ul .menu-item-has-children > a > .icon { position: absolute; left: auto; right: 1em; top: 50%; margin-top: -0.4rem; fill: #444; fill: var(--navi-submenu-text-color); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .main-navigation ul .menu-item-has-children > a:hover > .icon { fill: rgba(255, 255, 255, 0.5); fill: var(--navi-hover-color); } .main-navigation ul ul .menu-item-has-children > a:hover > .icon { fill: #999; fill: var(--navi-submenu-hover-color); } } /*-------------------------------------------------------------- ## - Media Queries for Blocks --------------------------------------------------------------*/ /*-------------------------------------------------------------- # - Media Queries for Magazine widgets --------------------------------------------------------------*/ @media only screen and (max-width: 60em) { .widget-magazine-posts .large-post .entry-title { font-size: 20px; font-size: 1.25rem; } } @media only screen and (max-width: 50em) { .widget-magazine-posts .large-post .entry-title { font-size: 18px; font-size: 1.125rem; } } @media only screen and (max-width: 45em) { .widget-magazine-posts .small-post .entry-title { font-size: 14px; font-size: 0.875rem; } } @media only screen and (max-width: 40em) { /* Magazine Post Widgets */ .widget-magazine-posts .magazine-grid-three-columns .post-column { width: 50%; } .widget-magazine-posts .large-post .entry-title { font-size: 15px; font-size: 0.9375rem; } .widget-magazine-posts .large-post .post-content { padding: 0.5em 1em; } .widget-magazine-posts .large-post .entry-meta { display: none; } .widget-magazine-posts .small-post .entry-title { font-size: 13px; font-size: 0.8125rem; } } @media only screen and (max-width: 35em) { .widget-magazine-posts .small-post .entry-title { font-size: 15px; font-size: 0.9375rem; } } @media only screen and (max-width: 30em) { /* Magazine Post Widgets */ .widget-magazine-posts .magazine-grid-two-columns, .widget-magazine-posts .magazine-grid-three-columns { display: block; margin-right: 0; } .widget-magazine-posts .magazine-grid-two-columns .post-column, .widget-magazine-posts .magazine-grid-three-columns .post-column { display: block; padding-right: 0; width: 100%; } .widget-magazine-posts .large-post .entry-title, .widget-magazine-posts .medium-post .entry-title { font-size: 17px; font-size: 1.0625rem; } .widget-magazine-posts .large-post .entry-meta { display: block; } } @media only screen and (max-width: 25em) { .widget-magazine-posts .type-post { border: none; box-shadow: none; } .widget-magazine-posts .type-post .post-content { padding: 0.5em 0 0; } .widget-magazine-posts .large-post .entry-title, .widget-magazine-posts .medium-post .entry-title { font-size: 16px; font-size: 1rem; } .widget-magazine-posts .small-post .entry-title { font-size: 14px; font-size: 0.875rem; } .widget-magazine-posts .small-post .post-content { padding: 0 0 0 0.75em; } } @media only screen and (max-width: 20em) { .widget-magazine-posts .large-post .entry-title, .widget-magazine-posts .medium-post .entry-title { font-size: 15px; font-size: 0.9375rem; } .widget-magazine-posts .small-post .entry-title { font-size: 13px; font-size: 0.8125rem; } } /*-------------------------------------------------------------- # - Media Queries for Media --------------------------------------------------------------*/ @media only screen and (max-width: 50em) { /* Gallery */ .gallery-item { padding: 0 0.75em 0.5em 0; } .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 25%; } } @media only screen and (max-width: 30em) { .alignright, .alignleft { float: none; margin: 1em 0; } /* Gallery */ .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 50%; } } /*-------------------------------------------------------------- # - Theme Options --------------------------------------------------------------*/ /* Sidebar Left Layout */ .sidebar-left .content-area { float: right; padding-right: 0; padding-left: 2em; } .sidebar-left .sidebar { float: left; } @media only screen and (max-width: 80em) { .sidebar-left .content-area { padding-right: 0; padding-left: 1.5em; } } @media only screen and (max-width: 60em) { .sidebar-left .content-area { padding: 0; } } /* Do not add left sidebar styles if there are no widgets */ .no-sidebar .content-area { float: none; padding: 0; width: 100%; }