/*** Theme Name: Essential Theme URI: https://essential.spyr.me Description: Blog. Simply. Author: SPYR Author URI: https://spyr.me Version: 1.4.3 */ /* ----------------------- ** TABLE OF CONTENTS ** ** - Reset ** - Defaults ** - Containers ** - Site Header ** - Navigation ** - Content ** - Site Footer ** - Widget Areas ** - Widgets ** - Landing Page ** - Element Classes ** - Special Classes ** - Shortcodes ** - Unused Styling ** - Helper Classes ** - Plugins ** - Responsive ** ** ----------------------- */ /* ----------------------- ** DEFAULTS ** ** - Accessibility ** - Typography ** - Headings ** - Anchors ** - Images ** - Forms ** - Blockquotes ** - HR ** - Tables ** - Inline Elements ** - Block Elements ** ** ----------------------- */ /* Typography */ body { line-height:2.0em; } /* Headings */ h1, .site-title { font-size:5.0em;letter-spacing:-0.04em;line-height:0.9em; } h2,h3,h4,h5,h6, .entry-title { letter-spacing:-0.02em;line-height:1.25em; } h2, .entry-title { font-size:2.65em; } h3 { font-size:2.0em; } h4 { font-size:1.6em; } h5 { font-size:1.2em; } h6 { font-size:1.0em; } /* Forms */ input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), textarea { border-radius:6px;font-size:1.263em; } .sidebar input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .sidebar textarea { font-size:1.0em; } /* Blockquotes */ blockquote { border:none;font-size:30px;font-weight:600;margin-right:3em;padding-left:60px; } blockquote:before { content:'\201C';font-size:140px;font-style:normal;position:absolute;left:-20px;top:50px; } /* Inline Elements */ strong { font-weight:600; } /* END DEFAULTS */ /* ----------------------- ** CONTAINERS ** ** - Container Defaults ** - Content-Sidebar-Wrap ** - Content ** - Sidebars ** ** ----------------------- */ /* */ /* END CONTAINERS */ /* ----------------------- ** SITE HEADER ** ** - Header Defaults ** - Title Area ** ** ----------------------- */ /* Header Defaults */ .site-header { padding-left:0;padding-right:0; } /* Title Area */ .site-title-align-center .site-title-wrap { padding-top:40px; } .title-area .title-image { margin:0 0 22px 0; } .site-title { line-height:1.05em;margin-bottom:0; } .site-description { font-size:0.75em;font-weight:600;letter-spacing:0.2em;margin-top:12px; } /* END SITE HEADER */ /* ----------------------- ** NAVIGATION ** ** - Navigation Defaults ** - Horizontal Navigation ** - Menu Toggle ** - Header Navigation ** - Footer Navigation ** - Vertical Navigation ** - Navigation Area ** ** ----------------------- */ /* Menu Toggle */ .site-header .nav-button-wrap { margin-top:0;top:0;right:auto;left:0; } .spyr .nav-button { background:#fff;border-radius:0 0 20px 20px;display:block;padding:16px 8px 16px 8px; } .spyr .nav-button-icon { fill:#d9e1e9; } /* Navigation Area */ .spyr .nav-button-icon { width:auto; } .nav-area .search-form input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .nav-area .search-form input[type="submit"] { border-radius:0;font-size:15px; } .nav-area .menu .search-form input[type=submit], .nav-area .search-form input[type="submit"] { padding:12px 5px; } /* END NAVIGATION */ /* ----------------------- ** CONTENT ** ** - Entry Defaults ** - Entry Title ** - Entry Metas ** - Featured Images ** - Image Captions ** - Comments/Trackbacks ** - Author Box ** - Entry Navigation ** - Archives ** - Archive Navigation ** - Buttons ** - Columns ** ** ----------------------- */ /* Entry Defaults */ .entry-header { margin-bottom:0;padding-bottom:0;position:relative; } .entry-title-meta-wrap { margin-bottom:0; } .entry-header .entry-title, .entry-header .entry-meta, .entry-content, .entry-footer .entry-meta { background:#fff;margin:0;padding:30px 60px 10px 60px;position:relative; } .entry-footer .entry-meta { padding:0 60px 30px 60px; } .entry .entry-header .entry-title, .entry .entry-header .entry-meta, .entry .entry-content, .entry .entry-footer .entry-meta { margin:0 30px; } .has-post-thumbnail.featured-image-below .entry-content { padding-top:40px; } .entry-content { padding-top:10px;padding-bottom:60px; } .entry-content a:hover { text-decoration:underline; } /* Entry Title */ .entry-header .entry-title { padding-top:50px; } .has-post-thumbnail .entry-header .entry-title { padding-top:30px; } /* Entry Metas */ .entry-header .entry-meta { font-style:italic;padding:10px 60px; } .entry-header .entry-meta a { font-style:normal;text-transform:uppercase; } .entry-categories { display:inline; } /* Featured Images */ .featured-image-above .entry-image-wrap { margin:0 -30px -110px -30px;max-width:none;position:relative; } .featured-image-above .entry-image-wrap .wp-caption-text { font-size:0.65em;font-style:italic;height:30px;line-height:1;margin:0;padding:12px 12px 0 0;position:absolute;right:60px;bottom:80px;z-index:1; } .featured-image-below .entry-image-wrap { background:#fff;margin:0 30px;padding:30px 0 0 0; } .featured-image-above.featured-image-size-round .entry-image-wrap { margin-bottom:1.0em; } .featured-image-above.featured-image-size-thumbnail .entry-image-wrap, .featured-image-above.featured-image-size-medium .entry-image-wrap, .featured-image-above.featured-image-size-square .entry-image-wrap { margin-bottom:2.0em; } /* Comments/Trackbacks */ .entry-comments, .comment-respond { margin-left:90px;margin-right:90px; } .entry-comments .comment-respond { margin-right:0; } /* Author Box */ .after-post .widget.widget_author_box { padding-left:30px; } .spyr .author-box { background:transparent;border:none;margin-top:0;padding:30px 0; } .spyr .author-box .author-box-title { margin-top:0;margin-bottom:5px;padding-top:0; } .spyr .author-box-title .author-box-title-intro { font-size:13px;font-weight:700;letter-spacing:-0.25px;margin-bottom:35px;} .spyr .author-box .avatar { border-radius:1000px;width:200px; } .spyr .author-box-content { font-size:0.9em;line-height:1.75;margin:0; } .author-box a, .author-box a:hover { text-decoration:underline; } /* Entry Navigation */ .widget-area .widget-entry-nav { padding-bottom:0; } .entry-nav { line-height:1.25em;padding:60px 0; } .entry-nav a { font-weight:400;text-decoration:none; } .entry-nav .previous strong, .entry-nav .next strong { display:block;font-size:13px;font-style:italic;font-weight:400; } /* Archives */ .blog .entry, .archive .entry, .search .entry { margin-bottom:140px; } .blog .entry:last-of-type, .archive .entry:last-of-type, .search .entry:last-of-type { margin-bottom:60px; } .entry-content .more-link { border-radius:1000px;line-height:100px;height:100px;margin:0;position:absolute;left:40px;bottom:-48px;text-align:center;transition:background 0.5s;width:100px; } .entry-content .more-link, .entry-content .more-link:hover { text-decoration:none; } /* Archive Navigation */ .archive-pagination { font-size:13px;font-weight:700;margin:0;text-align:center; } .archive-pagination ul { margin:0; } /* Buttons */ button, .button, input[type="button"], input[type="reset"], input[type="submit"], .comment-reply-link { border-radius:6px; } /* -Icon Button */ .button.icon-button .fa { border-radius:6px 0 0 6px; } /* END Buttons */ /* END CONTENT */ /* ----------------------- ** SITE FOOTER ** ** - Footer Defaults ** - Footer Nav/Copyright ** - Footer Widgets ** ** ----------------------- */ /* Footer Defaults */ .site-footer { padding-top:20px; } .site-footer .wrap { border-top:1px solid transparent;padding-top:50px; } /* Footer Nav/Copyright */ .site-footer .menu, .site-footer .footer-copyright, .footer-default .menu, .footer-default .footer-copyright { font-size:13px;line-height:1.5em; } .site-footer .menu, .footer-default .menu { text-transform:uppercase; } .has-footer-nav .site-footer .footer-nav { width:65%; } .has-footer-nav .site-footer .footer-copyright { width:35%; } .site-footer .menu a { font-weight:700; } /* END SITE FOOTER */ /* ----------------------- ** WIDGET AREAS ** ** - Widget Area Defaults ** - Before/After Header ** - Before/After Content ** - After Post ** - Sidebars ** - Navigation Area ** - Mid-Archive CTA ** ** ----------------------- */ /* After Post */ .after-post { margin-left:30px;margin-right:30px; } .after-post .widget-wrap { border-top:1px solid transparent; } .after-post .bg-2 .widget-wrap { border:none; } .after-post .widget { background:#fff;line-height:1.25em;margin:0;padding-left:60px;padding-right:60px; } .after-post .widget_entry_nav { padding-bottom:0; } .after-post .widget_author_box .widget-wrap { border:none; } /* Sidebars */ .sidebar { font-size:14px;line-height:1.425em; } .sidebar a { font-style:italic;font-weight:700; } .sidebar input, .sidebar select, .sidebar textarea { padding:10px 15px; } .sidebar ul { margin-left:0; } .sidebar ul li { border-bottom:1px solid transparent;list-style-type:none;margin:0;padding:10px 0; } .sidebar ul li:first-child { padding-top:0; } /* Mid-Archive CTA */ .archive-cta .widget { margin-bottom:100px; } /* END WIDGET AREAS */ /* ----------------------- ** WIDGETS ** ** - Widget Defaults ** - Calendar Widget ** - Fixed Widget ** - Round Widget ** - Icon Widget ** - Header Bar ** - Subscribe Widget ** ** ----------------------- */ /* Icon Widget */ .spyr .icon-widget .widget-icon { top:35px; } /* Subscribe Widget */ .widget-subscribe input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .widget_spyr_subscribe input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size:1.263em; } .widget-subscribe input:not([type=radio]):not([type=reset]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .widget-subscribe input[type="submit"], .widget_spyr_subscribe input:not([type=radio]):not([type=reset]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .widget_spyr_subscribe input[type="submit"] { border:2px solid transparent;border-radius:6px;padding:12px 24px; } .widget-subscribe input[type="submit"], .widget_spyr_subscribe input[type="submit"] { font-weight:700;width:auto; } .widget-subscribe input[type="submit"], .widget_spyr_subscribe input[type="submit"] { font-size:1.0em; } .widget-subscribe input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder, .widget_spyr_subscribe input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder { font-family:"Damion"; } .widget-area .widget-subscribe, .widget-area .widget_spyr_subscribe { padding-right:80px;padding-bottom:30px;padding-left:80px; } .widget-area .widget-subscribe .widgettitle, .widget-area .widget_spyr_subscribe .widgettitle { font-size:40px;letter-spacing:-2px;margin-bottom:15px; } .widget-area .widget-subscribe.icon-widget { padding-top:145px; } .widget-area .widget-subscribe.icon-widget .widget-icon, .widget-area .widget_spyr_subscribe .widget-icon { font-size:90px; } /* -CTA Widget */ .widget-area.archive-cta .widget_spyr_subscribe { border-radius:1000px;height:600px;margin-left:auto;margin-right:auto;max-width:100%;overflow:hidden;padding:60px 40px 0 40px;text-align:center;width:600px; } .widget-area.archive-cta .widget-subscribe .widget-wrap, .widget-area.archive-cta .widget_spyr_subscribe { line-height:1.684em; } .widget-area.archive-cta .widget-subscribe.icon-widget { padding-top:170px; } .widget-area.archive-cta .widget-subscribe.icon-widget .widget-icon, .widget-area.archive-cta .widget_spyr_subscribe .widget-icon { top:65px; } .widget-area.archive-cta .widget-subscribe .widget-title, .widget-area.archive-cta .widget_spyr_subscribe .widget-title { font-size:4.0em;margin-bottom:30px; } .widget-area.archive-cta .widget-subscribe strong, .widget-area.archive-cta .widget_spyr_subscribe strong { font-size:1.263em; } .widget-area.archive-cta .section-content, .widget-area.archive-cta .section-subscribe { float:left;width:50%; } .widget-area.archive-cta .section-content { padding-right:4%; } .widget-area.archive-cta .section-subscribe { padding-left:4%; } .widget-area.archive-cta .section-content { text-align:right; } .widget-area.archive-cta .section-subscribe form .column { float:none;width:100%; } .widget-area.archive-cta .section-subscribe form input[type="submit"] { padding-left:30px;padding-right:30px;width:auto; } .widget-area.archive-cta .section-subscribe form input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { width:100%; } /* -After Post Widget */ .after-post .widget-subscribe, .after-post .widget_spyr_subscribe { line-height:unset;text-align:center; } .after-post.widget-area .widget_spyr_subscribe { padding-top:30px;padding-bottom:30px; } .after-post .widget-subscribe .widget-wrap, .after-post .widget_spyr_subscribe .widget-wrap { border:none; } .after-post .widget-subscribe p, .after-post .widget_spyr_subscribe p { line-height:1.25em; } /* END Subscribe Widget */ /* END WIDGETS */ /* ----------------------- ** LANDING PAGE ** ** - Landing Defaults ** - Sections ** - Content Section ** - Posts Section ** - Feature Area Section ** - Section Classes ** ** ----------------------- */ /* */ /* END LANDING PAGE */ /* ----------------------- ** ELEMENT CLASSES ** ** - Sub-Headings ** - Heading Lines ** - Typography Sizing ** - Divider List ** - Text Alignment ** - Borders ** - Remove Margins/Padding ** ** ----------------------- */ /* */ /* END ELEMENT CLASSES */ /* ----------------------- ** SPECIAL CLASSES ** ** - Callout ** - Desktop/Mobile ** - Entry Grid ** - Error ** - Narrow ** - Note ** - Progress Bar ** - Rounded/Squared ** - Table of Contents ** - Miscellaneous ** ** ----------------------- */ /* */ /* END SPECIAL CLASSES */ /* ----------------------- ** SHORTCODES ** ** - [expand_collapse] ** - [responsive_video] ** - [subscribe] ** - [spyr_posts] ** - [share_this] ** - [share] ** - [code] ** ** ----------------------- */ /* [share] */ .spyr-share { font-size:0.8em; } .after-post .spyr-share { display:block;padding:30px 0; } .after-post .share-widget { padding-bottom:0; } /* END SHORTCODES */ /* ----------------------- ** HELPER CLASSES ** ** - Font Awesome ** - Github Gist ** ** ----------------------- */ /* Font Awesome ** @todo Move to Engine? */ .spyr .fa-ul { line-height:1.25em;margin-left:0;max-width:100%;width:600px; } .spyr .fa-ul li { border-bottom:1px solid transparent;margin:0 0 14px 0;padding:8px 0 20px 3em; } .spyr .fa-ul a, .spyr .fa-ul a:hover { text-decoration:none; } .spyr .fa-ul .fa-li { font-size:2.0em;left:10px;top:8px;width:auto; } /* END HELPER CLASSES */ /* ----------------------- ** PLUGINS ** ** - Jetpack ** - WP Recipe Maker ** ** ----------------------- */ /* */ /* END PLUGINS */ /* ----------------------- ** RESPONSIVE ** ** - 720-960 ** - 320-719 (.mobile-only) ** - WP Admin Bar ** - Navigation Area ** ** ----------------------- */ /* 720-960 */ @media only screen and (max-width:960px) { /* DEFAULTS */ /* Headings */ h1, .site-title { font-size:4.0em; } /* END DEFAULTS */ /* CONTAINERS *//* END CONTAINERS */ /* SITE HEADER */ /* Site Header Defaults */ .site-header { padding-left:30px;padding-right:30px; } /* END SITE HEADER */ /* NAVIGATION */ /* CONTENT */ /* SITE FOOTER */ /* WIDGET AREAS */ /* After Post */ .after-post .widget_author_box { padding-left:30px;padding-right:30px; } /* END WIDGET AREAS */ /* WIDGETS */ /* Subscribe Widgets */ .widget-area .widget-subscribe, .widget-area .widget_spyr_subscribe { padding-left:40px;padding-right:40px; } /* END WIDGETS */ /* LANDING PAGE */ /* ELEMENT CLASSES */ /* SPECIAL CLASSES */ /* SHORTCODES */ /* HELPER CLASSES */ /* PLUGINS */ } /* END 720-960 */ /* 320-719 (.mobile-only) */ @media only screen and (max-width:719px) { /* DEFAULTS * /* Headings */ h1, .site-title { font-size:1.875em; } h2, .entry-title { font-size:1.4em; } h3 { font-size:1.3em; } h4 { font-size:1.2em; } h5 { font-size:1.1em; } h6 { font-size:1.0em; } /* Blockquotes */ blockquote { margin-left:0;margin-right:0;padding-left:30px;padding-right:0; } blockquote:before { font-size:80px;left:-15px;top:20px; } /* END DEFAULTS */ /* CONTAINERS */ /* Container Defaults */ .site-inner { padding-left:0;padding-right:0; } /* END CONTAINERS */ /* SITE HEADER */ /* Title Area */ .site-description { letter-spacing:0.01em;margin-top:10px; } /* END SITE HEADER */ /* NAVIGATION */ /* Menu Toggle */ .site-header .nav-button-wrap { left:-10px; } /* END NAVIGATION */ /* CONTENT */ /* Entry Defaults */ .entry-header .entry-title, .entry-header .entry-meta, .entry-content, .entry-footer .entry-meta { padding-left:30px;padding-right:30px; } .has-post-thumbnail .entry-header .entry-title, .has-post-thumbnail .entry-header .entry-meta, .has-post-thumbnail .entry-content { margin:0; } /* Entry Metas */ .entry-terms { display:block; } /* Featured Images */ .featured-image-above .entry-image-wrap { margin:0; } .featured-image-above .entry-image-wrap .wp-caption-text { background:#fff;background:rgba(255,255,255,0.8);padding:10px;right:0;bottom:0; } /* Comments/Trackbacks */ .entry-comments, .comment-respond { margin-left:30px;margin-right:30px; } .entry-comments .comment-respond { margin-left:0; } .entry-comments .children .comment-respond { margin-left:85px; } /* END CONTENT */ /* SITE FOOTER */ .has-footer-nav .site-footer .footer-nav, .has-footer-nav .site-footer .footer-copyright { width:100%; } /* END SITE FOOTER */ /* WIDGET AREAS */ /* Sidebars */ .sidebar { padding-left:30px;padding-right:30px; } /* After Post */ .after-post { margin-left:0;margin-right:0; } .after-post .widget { padding-left:30px;padding-right:30px; } /* CTA Widget */ .widget-area.archive-cta .widget_spyr_subscribe { border-radius:0;width:100%; } .widget-area.archive-cta .widget-subscribe .widget-title, .widget-area.archive-cta .widget_spyr_subscribe .widget-title { font-size:1.875em; } .widget-area.archive-cta .section-content, .widget-area.archive-cta .section-subscribe { float:none;padding-left:0;padding-right:0;width:100%; } .widget-area.archive-cta .section-content { text-align:center; } .widget-area.archive-cta .widget-subscribe input[type="submit"], .widget-area.archive-cta .section-subscribe form input[type="submit"] { width:100%; } .widget-area.archive-cta .widget-subscribe .column-wrap, .widget-area.archive-cta .widget_spyr_subscribe .column-wrap { margin-top:1.0em;margin-bottom:1.0em; } /* END WIDGETS AREAS */ /* WIDGETS */ /* LANDING PAGE */ /* ELEMENT CLASSES */ /* SPECIAL CLASSES */ /* SHORTCODES */ /* HELPER CLASSES */ /* PLUGINS */ } /* END 320-719 (.mobile-only) */