/* ** SPYR Engine ** ** @package SPYR Engine ** @author SPYR ** @link https://SPYR.me ** @copyright SPYR Media, LLC ** @license GPL-2.0+ ** ** WARNING: DO NOT edit this file if you wish to install future releases. All changes to this ** file will be overwritten upon update. To retain the freedom to install future versions we ** recommend that all theme modifications happen via the WordPress Customizer and/or plugins. */ /* ----------------------- ** 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 ** ** ----------------------- */ /* ----------------------- ** RESET ** ** - Normalize ** - Box Sizing ** - Float Clearing ** ** ----------------------- */ /* Normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:65%;font-weight:400;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:inherit}button,select{text-transform:none}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;-webkit-border-radius:0;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* Box Sizing */ html, input[type="search"] { box-sizing:border-box; } *, *::before, *::after { box-sizing:inherit; } /* Float Clearing */ .site-container:before,.site-container:after, .wrap:before,.wrap:after, .before-header:before,.before-header:after, .site-header:before,.site-header:after, .after-header:before,.after-header:after, .site-inner:before,.site-inner:after, .content-sidebar-wrap:after, .before-content:before,.before-content:after, .entry:before,.entry:after, .clearfix:before,.clearfix:after, .entry-pagination:before,.entry-pagination:after, .archive-pagination:before,.archive-pagination:after, .after-post:before,.after-post:after, .after-content:before,.after-content:after, .before-footer:before,.before-footer:after, .site-footer:before,.site-footer:after { content:'';display:table; } .site-container:after, .wrap:after, .before-header:after, .site-header:after, .after-header:after, .site-inner:after, .content-sidebar-wrap:after, .before-content:after, .entry:after, .clearfix:after, .entry-pagination:after, .archive-pagination:after, .after-post:after, .after-content:after, .before-footer:after, .site-footer:after { clear:both; } /* END RESET */ /* ----------------------- ** DEFAULTS ** ** - Accessibility ** - Typography ** - Headings ** - Anchors ** - Images ** - Forms ** - Blockquotes ** - HR ** - Tables ** - Inline Elements ** - Block Elements ** ** ----------------------- */ /* Accessibility ** - https://make.wordpress.org/accessibility/handbook/best-practices/markup/the-css-class-screen-reader-text/ */ .screen-reader-text { border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important; } /* Typography */ html { font-size:62.5%; } /* 10px browser default */ body { font-family:sans-serif;font-size:1.9em;font-weight:400;line-height:1.9; } body, body * { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } em { font-style:italic; } small { font-size:0.8em; } strong { font-weight:700; } sup { font-size:smaller;vertical-align:super; } /* Headings */ h1,h2,h3,h4,h5,h6, .site-title { font-family:sans-serif;font-weight:700; } h1,h2,h3,h4,h5,h6 { line-height:1.25;margin:1.5em 0 0.25em 0; } h1, .entry-title { letter-spacing:-0.04em;font-size:60px;font-size:3.0em;word-wrap:break-word; } h2 { letter-spacing:-0.05em;font-size:40px;font-size:2.5em; } h3 { letter-spacing:-0.03em;font-size:30px;font-size:1.8em; } h4 { letter-spacing:-0.02em;font-size:25px;font-size:1.4em; } h5 { letter-spacing:-0.0125em;font-size:1.0em; } h6 { letter-spacing:0;font-size:0.75em; } /* Images */ img { height:auto;max-width:100%; } /* -Image Filters */ body.bw-images img, img.bw { -webkit-filter:grayscale(1);filter:grayscale(1); } body.bw-images img.color, img.color { -webkit-filter:grayscale(0);filter:grayscale(0); } body.sepia-images img, img.sepia { -webkit-filter:sepia(1);filter:sepia(1); } body.sepia-images img.color, img.color { -webkit-filter:sepia(0);filter:sepia(0); } img.blur { -webkit-filter:blur(15px);filter:grayscale(15px); } /* -Image Helpers */ img.round, .size-round, .attachment-round, figure.size-round img { border-radius:2000px; } figure.size-round { text-align:center; } img.retina { transform:scale(0.5); } /* -Avatars */ .avatar { float:left; } .alignleft .avatar { margin-right:24px; } .alignright .avatar { margin-left:24px; } /* -Image Captions */ .wp-caption { max-width:100%; } .wp-caption img { display:inline-block; } .wp-caption-text { font-size:0.8em;font-weight:400;margin-top:0.5em; } .wp-caption a { text-decoration:underline; } .wp-caption a:hover { text-decoration:none; } /* -Image/Caption Alignment */ .alignnone, .alignleft, .alignright, .aligncenter { margin-top:1em;margin-bottom:1em; } img:first-child { margin-top:0; } img.centered, .aligncenter { display:block;margin:0 auto 2em auto; } .alignleft { float:left;text-align:left; } img.alignleft, .wp-caption.alignleft { margin:0.5em 1.825em 2.0em 0; } .alignright { float:right;text-align:right; } img.alignright, .wp-caption.alignright { margin:0.5em 0 2.0em 1.825em; } /* END Images */ /* Forms */ form { margin:0 0 2em 0; } form p, form .column-wrap { margin:0 0 0.8em 0; } form .column { padding-right:0.8em; } .before-header form .column { padding-right:0.5em; } form .column.last { padding-right:0; } label { vertical-align:middle; } input, select, textarea { border:1px solid transparent;font-weight:inherit;vertical-align:top;width:100%; } /* @since 2.0.3 Override Button padding for horizontal alignment */ input, select, textarea, form input[type="button"], form input[type="reset"], form input[type="submit"] { padding:0.25em 0.75em; } input, textarea { } input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), input[type="submit"], .widget input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border:1px solid transparent;margin:0 0 0.5em 0;position:relative; } form input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), form input[type="submit"] { margin:0; } input[type="checkbox"], input[type="radio"] { vertical-align:middle; } input[type="checkbox"], input[type="radio"], input[type="image"] { width:auto; } input:focus, textarea:focus { outline:none; } input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), input[type="search"] { -webkit-appearance:none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display:none; } input[type="button"] + label, label + input[type="button"], input[type="submit"] + label, label + input[type="submit"] { margin-left:0.5em; } input[type="checkbox"] + label, label + input[type="checkbox"], input[type="radio"] + label, label + input[type="radio"] { margin-left:0.25em; } input.rounded { border-radius:100px; } /* -Search Form */ .search-form .column-wrap { margin-bottom:0; } .search-results-term { font-style:italic; } .search-results .entry { margin-bottom:1em; } .search-results h2.entry-title { font-size:1.25em;margin-bottom:10px; } .search-results .entry-header { margin-bottom:0; } .search-results .entry-content { font-size:0.875em; } /* -Input Icons */ .input-icon { position:relative; } .input-icon input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding-left:40px; } .spyr .input-icon .fa { position:absolute;left:12px;top:22px;z-index:9999; } /* END Forms */ /* Blockquotes */ blockquote { border-left:1px solid transparent;font-size:1.1em;font-style:italic;margin:2em 3.75em 2em 1.5em;padding-left:1.6em;position:relative; } .quote footer { font-size:0.8em; } .quote .quote-author-image { border-radius:1000px;margin:1.0em 0.5em 1.0em 0;vertical-align:middle;width:2.0em; } /* HR */ hr { border:none;border-bottom:1px solid transparent;clear:both;margin:5em auto;padding:0;max-width:100%; } hr.less-margin { margin:2.5em auto; } hr.less-margin-top { margin-top:2.5em; } hr.less-margin-bottom { margin-bottom:2.5em; } hr.hr-small { width:50%; } /* Tables */ table { border-collapse:collapse;border-spacing:0;line-height:2;margin-bottom:2em;width:100%; } tbody { } th, td, .responsive-table td:before { padding:6px 10px;text-align:left; } th, .responsive-table td:before { font-weight:bold; } td { border-top:1px solid transparent; } td select { vertical-align:baseline; } /* Inline Elements */ a { text-decoration:none;transition:color 0.5s; } cite { font-style:normal; } small { display:inline-block; } /* Block Elements */ p { margin:0 0 2em 0;padding:0; } ol, ul { margin:0 0 2em 2.5em;padding:0; } ol ol, ol ul, ul ul, ul ol { margin-bottom:0; } ol { list-style-type:decimal; } ul { list-style-type:disc; } ol li, ul li { list-style-type:inherit; } code { } embed, iframe, object, video { max-width:100%; } iframe { margin-bottom:2em; } /* END DEFAULTS */ /* ----------------------- ** CONTAINERS ** ** - Container Defaults ** - Content-Sidebar-Wrap ** - Content ** - Sidebars ** ** ----------------------- */ /* Container Defaults */ .site-container { transition:transform 0.3s; } .wrap, .site-inner, .wp-block-group__inner-container { margin:0 auto;width:100%; } .site-inner { clear:both; } .site-header, .after-header, .site-inner, .wp-block-group__inner-container, .site-footer { padding-left:30px;padding-right:30px; } /* Content-Sidebar-Wrap */ .content-sidebar-wrap { width:100%; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width:85%; } .content-sidebar-sidebar .content-sidebar-wrap { float:left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float:right; } /* Content */ .content { float:right;max-width:100%;padding-top:0;padding-bottom:50px;width:75%; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float:left; } .full-width-content .content { float:none;margin-left:auto;margin-right:auto;width:100%; } /* Sidebars */ .sidebar-primary { float:right;width:25%; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float:left; } .sidebar-alt { float:left;width:15%; } .content-sidebar-sidebar .sidebar-alt { float:right; } /* END CONTAINERS */ /* ----------------------- ** SITE HEADER ** ** - Header Defaults ** - Title Area ** ** ----------------------- */ /* Header Defaults */ .site-header { margin:0 auto 40px auto;padding-top:0;padding-bottom:0; } .site-header .wrap { margin:0;padding-top:20px;padding-bottom:20px;position:relative; } /* Site Title ** ** Right alignment option has been removed, but CSS left for potential future use */ .site-title-align-left .site-header .wrap, .site-title-align-right .site-header .wrap { align-items:center;display:flex;justify-content:space-between; } .site-title-align-left .site-image-wrap, .site-title-align-left .site-title-text-wrap, .site-title-align-right .site-image-wrap, .site-title-align-right .site-title-text-wrap { display:inline-block;max-width:70%;vertical-align:middle; } /* -Site Image */ .site-title-align-left .site-image-wrap, .site-title-align-right .site-image-wrap { margin-right:10px;max-width:26%;max-width:calc(26% - 10px); } .site-title-align-left.has-header-nav .site-image-wrap, .site-title-align-right.has-header-nav .site-image-wrap { max-width:100%; } .site-image { line-height:1; } .site-image a { display:inline-block;outline:none;width:auto; } .site-image img { display:block; } .site-title-align-center .site-image img { display:inline-block; } .site-title-align-center .site-image + .site-title-text { margin-top:5px; } /* -Site Title/Description */ .site-title-align-left .site-title-wrap { flex-grow:1;text-align:left; } .site-title-align-center .site-title-wrap { text-align:center; } .site-title-align-right .site-title-wrap { float:right;text-align:right; } .site-title { font-size:1.2em;letter-spacing:-0.02em;line-height:1;margin:0;text-align:inherit;word-wrap:break-word; } .site-title a { display:inline-block; } .site-title a, .entry-content .site-title a, .entry-content .site-title a:hover { text-decoration:none; } .site-title-text { display:block; } .site-description { font-size:0.825em;line-height:1.25;margin:5px 0 0 0; } /* END SITE HEADER */ /* ----------------------- ** NAVIGATION ** ** - Navigation Defaults ** - Horizontal Navigation ** - Menu Toggle ** - Header Navigation ** - Footer Navigation ** - Vertical Navigation ** - Navigation Area ** ** ----------------------- */ /* Navigation Defaults */ .menu { clear:both;line-height:1;margin:0;width:100%; } .menu a { border:none;display:block; } .menu .fa { vertical-align:middle; } .menu-item { margin-bottom:6px; } .sub-menu { margin-top:6px; } /* Horizontal Navigation */ .menu-horizontal .menu .menu-item, .before-header .menu .menu-item, .site-header .menu .menu-item, .after-header .menu .menu-item, .site-footer .menu .menu-item { display:inline-block;margin-bottom:0; } .menu-horizontal .menu a, .before-header .menu a, .site-header .menu a, .after-header .menu a, .site-footer .menu a { display:block;padding:10px;position:relative; } .menu-horizontal .menu > .menu-item:first-child > a, .before-header .menu > .menu-item:first-child > a, .site-header .menu > .menu-item:first-child > a, .after-header .menu > .menu-item:first-child > a, .site-footer .menu > .menu-item:first-child > a { padding-left:0; } .menu-horizontal .menu > .menu-item:last-child > a, .before-header .menu > .menu-item:last-child > a, .site-header .menu > .menu-item:last-child > a, .after-header .menu > .menu-item:last-child > a, .site-footer .menu > .menu-item:last-child > a { padding-right:0; } .menu-horizontal .menu .menu-item:hover, .before-header .menu .menu-item:hover, .site-header .menu .menu-item:hover, .after-header .menu .menu-item:hover, .site-footer .menu .menu-item:hover { position:static; } /* -Sub-Menus */ .menu-horizontal.has-dropdown .menu > .menu-item-has-children > a:before, .site-header .menu > .menu-item-has-children > a:before { content:'\25BF';display:inline-block;float:right;margin:0 0 0 5px; } .menu-horizontal.has-dropdown .menu > .menu-item-has-children:hover > a:before, .site-header .menu > .menu-item-has-children:hover > a:before { content:'\25BE'; } .menu-horizontal.has-dropdown .sub-menu, .site-header .sub-menu { margin:0;opacity:0;position:absolute;left:-9999px;text-align:left;transition:opacity .4s ease-in-out;width:12em;z-index:99; } .menu-horizontal.has-dropdown .menu-item:hover > .sub-menu, .site-header .menu-item:hover > .sub-menu { left:auto;opacity:1; } .menu-horizontal.has-dropdown .sub-menu .menu-item, .site-header .sub-menu .menu-item { display:block;padding:0 0 1px 0; } .menu-horizontal.has-dropdown .sub-menu .menu-item a, .site-header .sub-menu .menu-item a { display:block;padding:10px; } /* -Full Width Sub-Menu */ .menu-horizontal.has-dropdown .menu > .menu-item.full-width-dropdown > .sub-menu:before, .site-header .menu > .menu-item.full-width-dropdown > .sub-menu:before { display:none; } .menu-horizontal.has-dropdown .menu .full-width-dropdown > .sub-menu, .site-header .menu .full-width-dropdown > .sub-menu { margin-left:0;width:100%; } .menu-horizontal.has-dropdown .menu > .menu-item-has-children.full-width-dropdown:hover > .sub-menu, .site-header .menu > .menu-item-has-children.full-width-dropdown:hover > .sub-menu { left:0;right:0; } /* -Sub-Sub-Menus */ .menu-horizontal.has-dropdown .sub-menu .sub-menu, .site-header .sub-menu .sub-menu { margin-left:12em; } .menu-horizontal.has-dropdown .sub-menu .sub-menu .menu-item, .site-header .sub-menu .sub-menu .menu-item { padding-left:1px; } .menu-horizontal.has-dropdown .sub-menu .sub-menu .sub-menu .menu-item, .site-header .sub-menu .sub-menu .sub-menu .menu-item { padding-left:0; } .menu-horizontal.has-dropdown .menu-item:hover > .sub-menu > .menu-item:hover > .sub-menu, .site-header .menu-item:hover > .sub-menu > .menu-item:hover > .sub-menu { top:0; } .menu-horizontal.has-dropdown .sub-menu .menu-item-has-children > a:before, .site-header .sub-menu .menu-item-has-children > a:before { content:'+';display:inline-block;float:right;margin:0 0 0 5px; } /* Header Navigation */ .site-title-align-left.has-header-nav .site-title-wrap, .site-title-align-right.has-header-nav .site-title-wrap { display:inline-block;vertical-align:top;width:33%; } .header-nav { font-size:0.9em; } .header-nav .menu { display:inline-block; } .site-title-align-left.has-header-nav .site-header .header-nav, .site-title-align-right.has-header-nav .site-header .header-nav { display:inline-block;flex-grow:1;vertical-align:top;width:67%; } .site-title-align-center.has-header-nav .site-header .header-nav { display:block;margin-left:auto;margin-right:auto;text-align:center; } /* -Center Alignment */ .site-title-align-center .site-header .menu { text-align:center; } .site-title-align-center .site-header .header-nav { margin-top:20px; } /* -Left Alignment */ .site-title-align-left .site-header .menu { text-align:right; } .site-title-align-left .site-header .sub-menu .sub-menu { margin-left:-12em; } .site-title-align-left .site-header .sub-menu .sub-menu .menu-item { padding-left:0;padding-right:1px; } /* -Right Alignment */ .site-title-align-right .site-header .menu { text-align:left; } /* Footer Navigation */ .site-footer .sub-menu { display:none; } /* Menu Toggle */ .nav-button-wrap { line-height:1; } .site-header .nav-button-wrap { margin-top:-12.5px;position:absolute;top:50%;right:0; } .site-title-align-right .site-header .nav-button-wrap { left:0;right:auto; } .nav-button, .nav-button:hover, .entry-content .nav-button, .entry-content .nav-button:hover { text-decoration:none; } .nav-button:focus { outline:none; } .nav-button-icon { height:1em;transition:fill 0.5s; } .menu-item .nav-button-icon { height:0.8em;vertical-align:middle; } /* Navigation Area */ .nav-area.has-menu .nav-close { margin-bottom:0; } .nav-area .nav-area-nav { margin-bottom:2.0em; } .nav-area .menu { font-size:inherit;text-align:inherit; } .nav-area .menu-item { display:block;margin:0;padding:0; } .nav-area .menu .menu-item a { background:transparent;border-bottom:1px solid transparent;padding:20px 10px;text-decoration:none; } .nav-area .menu > .menu-item-has-children > a:before, .nav-area .sub-menu .menu-item-has-children > a:before { display:none; } .nav-area .sub-menu { background:transparent;border:none;margin:0;opacity:1;position:relative;left:auto;width:auto;z-index:auto; } .nav-area .menu-item.menu-item-has-children { padding-bottom:0; } .nav-area .sub-menu .menu-item:last-child { border-bottom:none;padding-bottom:0; } .nav-area .sub-menu .menu-item a:before { content:'–';display:inline-block;float:none;margin:0 5px 0 0;padding-left:0; } .nav-area .sub-menu .sub-menu .menu-item a { padding-left:15px; } .nav-area .sub-menu .sub-menu .sub-menu .menu-item a { padding-left:30px; } /* END NAVIGATION */ /* ----------------------- ** CONTENT ** ** - Entry Defaults ** - Entry Title ** - Entry Metas ** - Featured Images ** - Image Captions ** - Comments/Trackbacks ** - Author Box ** - Entry Navigation ** - Archives ** - Archive Navigation ** - Buttons ** - Columns ** - Block Editor ** ** ----------------------- */ /* Entry Defaults */ .entry:last-child { margin-bottom:0; } .entry-content a { font-weight:700;text-decoration:underline; } .entry-content a:hover { text-decoration:none; } .entry-content .attachment a, .entry-content .gallery a { border:none; } .entry-title-meta-wrap { margin-bottom:2.0em; } /* Entry Title */ .entry-title { line-height:1.15;margin:0 0 25px 0; } .post .entry-title { margin:0 0 10px 0; } .featured-image-above.featured-image-size-round .entry-title, .featured-image-above.featured-image-size-round .entry-meta, .featured-image-above.featured-image-size-square .entry-title, .featured-image-above.featured-image-size-square .entry-meta, .featured-image-above.featured-image-size-thumbnail .entry-title, .featured-image-above.featured-image-size-thumbnail .entry-meta { text-align:center; } /* Entry Metas */ .entry-meta { font-size:0.75em;font-weight:400;line-height:1.578;margin:0; } .entry-meta-header { margin-bottom:5px; } .entry-meta-byline { margin-top:5px; } .entry-meta-footer { line-height:1;margin:0 0 6em 0; } .entry-meta a { font-weight:700;text-decoration:none; } .entry-meta a.author-social.fa { font-size:1.2em;margin:0 2px; } /* Featured Images */ .entry-image-wrap { margin:0 0 1.0em 0; } .featured-image-below .entry-image-wrap { margin:1.0em 0 2.0em 0; } .featured-image-below .entry-title-meta-wrap { margin-bottom:0; } .entry-image { display:block;margin:0 auto; } /* @todo Remove? */ .entry-image.alignleft { margin-left:0;margin-right:2.0em; } .entry-image.alignright { margin-left:2.0em;margin-right:0; } /* END @todo */ .wp-post-image.size-round + .featured-image-caption { text-align:center; } .has-post-thumbnail.featured-image-left .entry-image-wrap { float:left; } .has-post-thumbnail.featured-image-right .entry-image-wrap { float:right; } .featured-image-above.featured-image-size-round .entry-image-wrap, .featured-image-below.featured-image-size-round .entry-image-wrap {text-align:center; } .featured-image-above.featured-image-size-round .entry-image, .featured-image-below.featured-image-size-round .entry-image { display:inline-block;max-width:500px; } /* Comments/Trackbacks */ .comment-author span { font-weight:700;font-family:sans-serif; } .entry-comments, .comment-respond, .entry-pings { font-size:0.95em;line-height:1.9; } .comment { word-wrap:break-word; } .comment-respond, .entry-comments { margin-bottom:40px; } .entry-pings { margin-bottom:80px; } .entry-comments h3, .entry-pings h3 { margin:120px 0 30px 0; } .entry-comments .comment { clear:both;position:relative; } .comment-author, .comment-meta { margin:0;padding:0; } .comment .avatar { display:block;margin:0 25px 60px 0; } .comment-author span { display:block;font-size:26px;line-height:1.25;margin:0 0 5px 0;padding:0; } .comment-author span a { color:inherit; } .comment-edit-link { display:none; } .comment-meta { font-size:0.75em;font-style:italic;line-height:1;margin-bottom:20px; } .comment-content, .comment-reply { padding:0; } .comment-reply { margin-top:30px; } .comment-reply-link { display:inline-block;margin-bottom:60px; } .ping { margin-bottom:60px; } .comment-content a { text-decoration:underline; } .comment-reply { margin-bottom:60px; } .entry-comments .children { margin:0 0 60px 0; } .entry-comments .children:before { border-left:1px solid transparent;content:'';display:block;position:absolute;bottom:0; } .comment-respond { margin-bottom:120px; } .comment-respond h3 { margin:0; } .comment-respond h3 small { font-size:0.5em;font-weight:400;letter-spacing:0;text-transform:capitalize; } .comment-form p { margin:0 0 10px 0; } .comment-respond input[type="checkbox"] { margin:0 5px 0 0; } .comment-respond input[type="checkbox"] + label { float:none;line-height:inherit;margin:0;text-transform:none;width:auto; } /* @todo Remove line-height? */ .comment-list { margin-left:0; } .comment-list li, .ping-list li { list-style-type:none; } .form-allowed-tags { font-size:0.75em;padding:24px; } .logged-in-as { font-size:0.75em; } /* Author Box */ .author-box { border:none;font-size:0.9em;line-height:1.5;max-width:100%;min-height:100px;padding:0; } .author-box-title { line-height:1;margin:0 40px 10px 40px;padding-top:30px; } .author-box-title span { font-size:1.1em; } .author-box-title .author-box-title-intro { display:block;font-size:0.5em;letter-spacing:0.02em;text-transform:uppercase; } .author-box .avatar { margin-right:30px; } .author-box-content { margin:0 40px 0 40px; } .author-box-content:after { clear:both;content:'';display:block; } /* Entry Navigation */ .entry-nav { font-size:0.9em;line-height:1.5;margin:0;padding:0;position:relative; } .entry-nav .entry-nav-prefix { display:block;margin-bottom:5px; } .after-post .entry-nav { margin-top:0; } .entry-nav div { display:inline-block;margin:0 30px 0 0; } .entry-nav .previous, .entry-nav .next { margin:0;vertical-align:top;width:50%; } .entry-nav .previous { padding-right:30px;text-align:right; } .entry-nav .next { padding-left:30px; } .entry-nav .entry-nav-first { padding-right:0;text-align:left;width:100%; } .entry-nav .entry-nav-last { padding-left:0;width:100%; } .entry-nav .previous + .next:before { border-left:1px solid transparent;content:'';display:block;position:absolute;top:0;bottom:0;left:50%; } /* Archives */ .archive-header { margin-bottom:4em; } .archive-title { font-size:2.5em;letter-spacing:-0.02em;margin-top:0; } .archive-header p:last-child { margin-bottom:0; } .archive-categories { font-size:0.95em; } .archive-categories a { font-weight:700;margin:0 6px; } .blog .entry, .archive .entry, .archive-cta .widget { margin:0 0 80px 0; } .blog .entry:last-of-type, .archive .entry:last-of-type { margin-bottom:0; } body.infinite-scroll.blog .entry, body.infinite-scroll.archive .entry { margin-bottom:80px; } .entry-title a, .entry-title a:hover, .entry-content .entry-title a, .entry-content .entry-title a:hover { text-decoration:none; } .more-link, .entry-content .more-link { display:inline-block;text-decoration:none; } /* Archive Navigation */ .archive-pagination { font-size:0.9em;margin:40px 0 0 0; } .infinite-scroll .archive-pagination { display:none; } .infinite-scroll .spinner { margin:0 auto; } .infinite-scroll .infinite-loader { margin:-28px 0 0 0; } .archive-pagination ul { margin-left:0; } .archive-pagination li { display:inline;margin:0 10px 0 0; } .archive-pagination .pagination-previous, .archive-pagination .pagination-next { margin-top:0;margin-bottom:0; } .archive-pagination .pagination-next { text-align:right; } .archive-pagination.has-prev-next .pagination-previous, .archive-pagination.has-prev-next .pagination-next { display:inline-block;width:50%; } .archive-pagination li a { border:2px solid transparent;border-radius:1000px;cursor:pointer;display:inline-block;height:2em;line-height:1.65;outline:none;padding:0;text-align:center;text-decoration:none;width:2em;-moz-transition:background 0.5s,border-color 0.5s,color 0.5s;-webkit-transition:background 0.5s,border-color 0.5s,color 0.5s;transition:background 0.5s,border-color 0.5s,color 0.5s; } .archive-pagination .pagination-previous a, .archive-pagination .pagination-next a { border:none;font-weight:700;width:auto; } .archive-pagination .pagination-previous a:hover, .archive-pagination .pagination-next a:hover { } .archive-pagination li a:hover, .archive-pagination li.active a { } /* Buttons */ button, .button, .comment-reply-link, input[type="button"], input[type="reset"], input[type="submit"] { border:1px solid transparent;box-shadow:none;cursor:pointer;font-weight:bold;margin:0;padding:5px 20px;text-align:center;text-decoration:none !important;white-space:normal;width:auto;-moz-transition:background-color 0.5s,border-color 0.5s,color 0.5s;-webkit-transition:background-color 0.5s,border-color 0.5s,color 0.5s;transition:background-color 0.5s,border-color 0.5s,color 0.5s; } .button { display:inline-block; } form .column button, form .column .button, form .column input[type="button"], form .column input[type="reset"], form .column input[type="submit"], button.full-width, .button.full-width, input[type="button"].full-width, input[type="reset"].full-width, input[type="submit"].full-width { max-width:100%;padding-left:0;padding-right:0;width:100%; } /* -Button Shape ** @todo Update Round to use flex alignment */ .button.squared, .button.squared icon-button .fa { border-radius:0; } .button.rounded { border-radius:100px; } .button.rounded.icon-button .fa { border-radius:100px 0 0 100px; } .button.rounded-square { border-radius:4px; } .button.rounded-square.icon-button .fa { border-radius:4px 0 0 4px; } .button.round, .button.round-large, .entry-content .button.round, .entry-content .button.round-large { border-radius:100%;display:inline-block;margin:10px 0;overflow:hidden;padding:0 10px;position:relative;text-align:center; } .button.round, .entry-content .button.round { font-size:1.25em;height:150px;line-height:150px;width:150px;} .button.round-large, .entry-content .button.round-large { font-size:1.75em;height:260px;line-height:260px;width:260px; } .button.round .button-text, .button.round-large .button-text { display:inline-block;line-height:1;margin-top:-0.5em;vertical-align:middle; } .round small, .round-large small { line-height:1;position:absolute;left:0;right:0; } .round small { font-size:0.55em;top:90px; } .round-large small { font-size:0.55em;top:175px; } .round .fa, .round-large .fa { position:absolute;right:0;left:0; } .round .fa { top:25px; } .round-large .fa { top:50px;text-align:center; } /* -Icon Button */ .button.icon-button { border:none;display:inline-flex;font-weight:700;padding:5px 2em 5px 7em;position:relative; } .button.icon-button .fa { align-items:center;display:inline-flex;font-size:1.6em;line-height:1;padding:0 20px;position:absolute;top:0;bottom:0;left:0;transition:background-color 0.5s; } /* -Remove Button Fill */ .button.no-fill { background:transparent;border:2px solid transparent; } /* END Buttons */ /* Columns ** ** - Gutter and width calculated based on Customizer options */ .column-wrap { margin-top:2em;margin-bottom:2em; } .column-wrap:after { clear:both;content:'';display:block; } .column { clear:none;float:left; } .column.first, .nav-area .menu-item.column.first { clear:both;margin-left:0; } .column h1:nth-child(1), .column h2:nth-child(1), .column h3:nth-child(1), .column h4:nth-child(1), .column h5:nth-child(1), .column h6:nth-child(1) { margin-top:0; } .column p:last-child { margin-bottom:0; } /* -Vertical Dividers */ .vertical-dividers { position:relative; } .vertical-dividers .column { border:none;clear:none;margin-left:0;margin-right:0; } .vertical-dividers .column:before { border-left:1px solid transparent;content:'';display:block;position:absolute;top:0;bottom:0; } .vertical-dividers .column.first:before { display:none; } .vertical-dividers .column h1:nth-child(1), .vertical-dividers .column h2:nth-child(1), .vertical-dividers .column h3:nth-child(1), .vertical-dividers .column h4:nth-child(1), .vertical-dividers .column h5:nth-child(1), .vertical-dividers .column h6:nth-child(1) { margin-top:0; } /* -Full-Width Columns */ .full-width-columns .column, .column.no-margin, form .column { margin-left:0; } /* END Columns */ /* Block Editor */ /* -Buttons */ .entry-content .wp-block-button__link { text-decoration:none; } /* -Group Block */ .wp-block-group { margin:0 0 2em 0; } .wp-block-group.has-background { padding-top:2em;padding-bottom:2em; } .wp-block-group.has-background .wp-block-group__inner-container > p:last-child { margin-bottom:0; } /* -Wide Alignment */ .full-width-content .alignfull { margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw; } .full-width-content .alignwide { margin-left:calc(15% - 15vw);margin-right:calc(15% - 15vw);max-width:100vw;width:auto; } /* END Block Editor Wide Alignment */ /* END CONTENT */ /* ----------------------- ** SITE FOOTER ** ** - Footer Defaults ** - Footer Nav/Copyright ** - Footer Widgets ** ** ----------------------- */ /* Footer Defaults */ .site-footer { margin:0 auto;padding-top:60px;padding-bottom:60px;text-align:center; } .has-footer-nav .site-footer { text-align:left; } .site-footer .wrap { font-size:0.725em;line-height:1.5; } .site-footer a, .site-footer a:hover { font-weight:700;text-decoration:none; } /* Footer Nav/Copyright */ .site-footer .footer-copyright { padding-top:0;width:100%; } .has-footer-nav .site-footer .footer-nav, .has-footer-nav .site-footer .footer-copyright { display:inline-block;vertical-align:top; } .has-footer-nav .site-footer .footer-nav { width:75%; } .has-footer-nav .site-footer .footer-copyright { text-align:right;width:25%; } .site-footer .menu { line-height:inherit;} .site-footer .menu a { font-weight:400;padding:0 20px 0 0; } /* Footer Widgets */ .site-footer .widget-area .widget { padding:60px 0; } .site-footer .widget-area .widget:first-child { padding-top:0; } /* END SITE FOOTER */ /* ----------------------- ** WIDGET AREAS ** ** - Widget Area Defaults ** - Before/After Header ** - Before/After Content ** - After Post ** - Sidebars ** - Navigation Area ** - Mid-Archive CTA ** ** ----------------------- */ /* Widget Area Defaults */ .widget-area { word-wrap:break-word; } .widget-area .widget { clear:both;padding:0 0 4em 0; } .widget-area .widget:last-child { padding-bottom:0; } .widget-area .widget.column { clear:none; } .widget hr { margin:2em 0; } /* Before/After Header */ .after-header { margin:0 auto 2em auto;padding-top:0;padding-bottom:0; } .before-header .widget-area, .after-header .widget-area { padding:0; } .before-header .widget, .after-header .widget { padding:0; } body.site-title-align-center .before-header, body.site-title-align-center .after-header { text-align:center; } .before-header .wrap { padding:0.5em; } .before-header form { margin-bottom:0; } .before-header form .column-wrap, .before-header form .column-wrap input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { margin-bottom:0; } /* Before/After Content */ .before-content .widget, .after-content .widget { padding:0; } .before-content { margin:0 0 50px 0; } .before-content .widgettitle { margin-bottom:15px; } .before-content .widgettitle:after { display:none; } /* After Post */ .after-post .widget { } /* Sidebars */ .sidebar { font-size:0.9em;line-height:1.825; } .sidebar .menu { line-height:inherit; } .sidebar .widget { margin-bottom:4em; } .sidebar h1:first-child:first-of-type, .sidebar h2:first-child:first-of-type, .sidebar h3:first-child:first-of-type, .sidebar h4:first-child:first-of-type, .sidebar h5:first-child:first-of-type, .sidebar h6:first-child:first-of-type { margin-top:0; } .sidebar .widgettitle { font-size:1.25em; } .sidebar a { } .sidebar ul, .sidebar ol { margin-left:1.25em; } /* Navigation Area */ .nav-area { padding:0 20px 20px 20px;position:fixed;text-align:left;z-index:9999;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s; } .slide-left, .slide-right, .push-left, .push-right { height:100%;overflow-y:scroll;width:100%; } .slide-left, .push-left { top:0;left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%); } .admin-bar .slide-left, .admin-bar .push-left, .admin-bar .slide-right, .admin-bar .push-right { top:32px; } .slide-left.is-active, .push-left.is-active { -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); } .slide-right, .push-right { top:0;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%); } .slide-right.is-active, .push-right.is-active { -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); } .slide-top, .slide-bottom, .push-top, .push-bottom { height:60px;max-height:75%;overflow-x:scroll;text-align:center;vertical-align:middle;width:100%; } .slide-top, .push-top { top:0;left:0;-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px); } .slide-top.is-active, .push-top.is-active, .slide-bottom.is-active, .push-bottom.is-active { height:auto; } .slide-top.is-active, .push-top.is-active { -webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); } .slide-bottom, .push-bottom { bottom:0;left:0;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px); } .slide-bottom.is-active, .push-bottom.is-active { -webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); } .site-container.has-push-left { -webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%); } .site-container.has-push-right { -webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%); } .site-container.has-push-top { -webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px); } .site-container.has-push-bottom { -webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px); } .nav-mask { position:fixed;z-index:9998;top:0;left:0;overflow:hidden;width:0;height:0;background-color:#000;opacity:0;-webkit-transition:opacity 0.3s, width 0s 0.3s, height 0s 0.3s;transition:opacity 0.3s, width 0s 0.3s, height 0s 0.3s; } .nav-mask.is-active { height:100%;opacity:0.7;width:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s; } body.has-active-menu { overflow:hidden; } .nav-close { border-bottom:1px solid transparent;display:block;font-size:24px;line-height:1.0;margin:0 0 20px 0;padding:15px 4px 15px 0;text-align:right; } /* -Navigation Area Elements */ .nav-area .widget { margin:0 0 2em 0; } .nav-area .widgettitle { letter-spacing:0;margin:0 0 1em 0; } .nav-area .widgettitle:after { display:none; } .nav-area hr { margin:50px 0; } /* END Navigation Area */ /* Mid-Archive CTA */ .archive-cta .widget { } /* END WIDGET AREAS */ /* ----------------------- ** WIDGETS ** ** - Widget Defaults ** - Search Widget ** - Subscribe Widget ** - Calendar Widget ** - Fixed Widget ** - Round Widget ** - Icon Widget ** - Header Bar ** ** ----------------------- */ /* Widget Defaults */ .widgettitle { font-size:1.15em;line-height:1.25;margin:0 0 1em 0; } .widget p { margin:0 0 1.5em 0; } .widget p:last-child { margin-bottom:0; } .widget li { margin-bottom:6px;position:relative;word-wrap:break-word; } .widget .entry-title { letter-spacing:0; } /* Search Widget */ .widget_search form { margin-bottom:0; } .sidebar .widget_search .column { display:block;padding:0;width:100%;} /* Subscribe Widget */ .widget .widget-title-icon-wrap { text-align:center; } .widget_spyr_subscribe form { margin-bottom:0; } .widget_spyr_subscribe form .column-wrap { margin-bottom:0; } .widget_spyr_subscribe .widget-icon-wrap + .widget-title-wrap { margin-top:0.26em; } .widget_spyr_subscribe .section-content, .widget_spyr_subscribe .section-subscribe { margin-bottom:1em; } .widget_spyr_subscribe .widget-wrap > div:last-child, .widget_spyr_subscribe .section-content p:last-child { margin-bottom:0; } .widget_spyr_subscribe form .column-wrap { margin-bottom:0; } .widget_spyr_subscribe form input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { margin-bottom:0.5em; } .widget_spyr_subscribe form input[type="submit"] { display:block;width:100%; } /* Calendar Widget */ .widget_calendar table { line-height:1;width:100%; } .widget_calendar table caption { font-size:13px;text-align:right; } .widget_calendar td, .widget_calendar th { font-size:10px;text-align:center; } .widget_calendar table thead th { padding-bottom:10px; } .widget_calendar table tbody td { border:1px solid transparent;padding:8px;text-align:center; } .widget_calendar table tbody td:hover { cursor:default; } .widget_calendar table tbody a { font-weight:bold; } .widget_calendar table tbody .pad { background:none; } .widget_calendar table tfoot { font-size:13px; } .widget_calendar table tfoot #next { text-align:right;text-transform:uppercase; } .widget_calendar table tfoot #prev { padding-top:10px;text-align:left;text-transform:uppercase; } /* Fixed Widget ** @todo Test */ .fixed-top, .fixed-right, .fixed-bottom, .fixed-left { background:#fff;background:rgba(255,255,255,0.9);margin:0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999; } .fixed-top, .fixed-bottom { padding-left:10px;padding-right:10px; } .fixed-top .widget, .fixed-bottom .widget { padding-bottom:0; } .fixed-top { bottom:auto; } .admin-bar .fixed-top { top:32px;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s; } .admin-bar.has-active-menu .fixed-top { top:0;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s; } .fixed-bottom { top:auto; } .fixed-left, .fixed-right { max-width:33.333333333%; } .fixed-left { right:auto; } .fixed-right { left:auto; } .fixed-filler { margin:0;padding:0; } /* Round Widget */ .spyr .widget.widget-round { border-radius:1000px;height:600px;margin-left:auto;margin-right:auto;max-width:100%;overflow:hidden;padding:50px;text-align:center;width:600px; } /* Icon Widget */ .widget.icon-widget { padding-top:60px;position:relative; } .spyr .icon-widget .widget-icon { font-size:30px;position:absolute;top:20px;left:30px; } .spyr .icon-widget.aligncenter-text .widget-icon, .spyr .widget-round.icon-widget .widget-icon { margin-left:-0.642857145em;left:50%;right:auto; } .spyr .icon-widget.alignright-text .widget-icon { left:auto;right:30px; } /* Header Bar ** @todo Test */ .spyr .header-bar.widget { font-size:0.95em;padding:8px 0;text-align:center; } .header-bar .gf_simple_horizontal_wrapper { display:inline-block;margin:0; } .spyr .header-bar .gf_simple_horizontal_wrapper input[type="text"] { line-height:inherit;padding:0 5px; } .spyr .header-bar .gf_simple_horizontal_wrapper input[type="submit"] { line-height:inherit;margin-bottom:0;padding:0 5px; } .spyr .header-bar .gf_simple_horizontal_wrapper .gfield { margin-bottom:0; } /* END WIDGETS */ /* ----------------------- ** ELEMENT CLASSES ** ** - Sub-Headings ** - Heading Lines ** - Typography Sizing ** - Divider List ** - Text Alignment ** - Borders ** - Remove Margins/Padding ** ** ----------------------- */ /* Sub-Headings */ h1 .smaller_heading, h2 .smaller_heading, h3 .smaller_heading, .entry-title .smaller_heading { display:inline-block;font-size:0.625em;line-height:1; } h1 .larger_heading, h2 .larger_heading, h3 .larger_heading, .entry-title .larger_heading { display:inline-block;font-size:1.75em;line-height:1; } /* Heading Lines */ .line-before { text-align:right; } .line-before.line-after { text-align:center; } .line-before.line-after img.aligncenter { display:inline-block; } .line-after, .line-before, .line-before-after { overflow:hidden; } .line-after img, .line-before img, .line-after .fa, .line-before .fa { vertical-align:middle; } .line-after:after, .line-before:before { border-top:1px solid transparent;content:'';display:inline-block;margin-right:-100%;margin-left:10px;vertical-align:middle;width:100%; } .line-before:before { margin-left:-100%;margin-right:10px; } /* Typography Sizing */ .font-0_5x, h1.font-0_5x,h2.font-0_5x,h3.font-0_5x, h4.font-0_5x,h5.font-0_5x,h6.font-0_5x { font-size:0.5em;letter-spacing:0.05em; } .font-0_75x, h1.font-0_75x,h2.font-0_75x,h3.font-0_75x, h4.font-0_75x,h5.font-0_75x,h6.font-0_75x { font-size:0.75em;letter-spacing:0.05em; } .font-1_25x, h1.font-1_25x,h2.font-1_25x,h3.font-1_25x, h4.font-1_25x,h5.font-1_25x,h6.font-1_25x { font-size:1.25em;letter-spacing:0.025em; } .font-1_5x, h1.font-1_5x,h2.font-1_5x,h3.font-1_5x, h4.font-1_5x,h5.font-1_5x,h6.font-1_5x { font-size:1.5em;letter-spacing:0.01em; } .font-1_75x, h1.font-1_75x,h2.font-1_75x,h3.font-1_75x, h4.font-1_75x,h5.font-1_75x,h6.font-1_75x { font-size:1.75em;letter-spacing:0; } .font-2x, h1.font-2x,h2.font-2x,h3.font-2x, h4.font-2x,h5.font-2x,h6.font-2x { font-size:2.0em;letter-spacing:-0.01em; } .font-2_25x, h1.font-2_25x,h2.font-2_25x,h3.font-2_25x, h4.font-2_25x,h5.font-2_25x,h6.font-2_25x { font-size:2.25em;letter-spacing:-0.025em; } .font-2_5x, h1.font-2_5x,h2.font-2_5x,h3.font-2_5x, h4.font-2_5x,h5.font-2_5x,h6.font-2_5x { font-size:2.5em;letter-spacing:-0.05em; } .font-2_75x, h1.font-2_75x,h2.font-2_75x,h3.font-2_75x, h4.font-2_75x,h5.font-2_75x,h6.font-2_75x { font-size:2.75em;letter-spacing:-0.05em; } .font-3x, h1.font-3x,h2.font-3x,h3.font-3x, h4.font-3x,h5.font-3x,h6.font-3x { font-size:3.0em;letter-spacing:-0.05em; } .font-3_25x, h1.font-3_25x,h2.font-3_25x,h3.font-3_25x, h4.font-3_25x,h5.font-3_25x,h6.font-3_25x { font-size:3.25em;letter-spacing:-0.05em; } .font-3_5x, h1.font-3_5x,h2.font-3_5x,h3.font-3_5x, h4.font-3_5x,h5.font-3_5x,h6.font-3_5x { font-size:3.5em;letter-spacing:-0.05em; } .font-3_75x, h1.font-3_75x,h2.font-3_75x,h3.font-3_75x, h4.font-3_75x,h5.font-3_75x,h6.font-3_75x { font-size:3.75em;letter-spacing:-0.05em; } .font-4x, h1.font-4x,h2.font-4x,h3.font-4x, h4.font-4x,h5.font-4x,h6.font-4x { font-size:4.0em;letter-spacing:-0.05em; } /* Divider List ** @todo Add ordered list support? */ ul.divider-list { margin-left:0; } ul.divider-list.columns-2, ul.divider-list.columns-3 { -webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px; } ul.divider-list.columns-2 { -webkit-column-count:2;-moz-column-count:2;column-count:2; } ul.divider-list.columns-3 { -webkit-column-count:3;-moz-column-count:3;column-count:3; } ul.divider-list li { border-top:1px solid transparent;border-bottom:1px solid transparent;list-style-type:none;margin:0 0 -1px 0;padding:10px 0; } ul.divider-list.columns-3 li { -webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid; } /* Text Alignment */ .alignleft-text, .entry-title.alignleft-text, .widget-area .column.alignleft-text { text-align:left; } .aligncenter-text, .entry-title.aligncenter-text, .widget-area .column.aligncenter-text { text-align:center; } .alignright-text, .entry-title.alignright-text, .widget-area .column.alignright-text { text-align:right; } /* Borders */ .border-top { border-top:1px solid transparent; } .border-right { border-right:1px solid transparent; } .border-bottom { border-bottom:1px solid transparent; } .border-left { border-left:1px solid transparent; } /* Remove Margins/Padding */ .no-margin { margin:0 !important; } .no-top-margin, .no-margin-top { margin-top:0 !important; } .no-right-margin, .no-margin-right { margin-right:0 !important; } .no-bottom-margin, .no-margin-bottom { margin-bottom:0 !important; } .no-left-margin, .no-margin-left { margin-left:0 !important; } .no-padding { padding:0 !important; } .no-top-padding, .no-padding-top { padding-top:0 !important; } .no-right-padding, .no-padding-right { padding-right:0 !important; } .no-bottom-padding, .no-padding-bottom { padding-bottom:0 !important; } .no-left-padding, .no-padding-left { padding-left:0 !important; } /* END ELEMENT CLASSES */ /* ----------------------- ** SPECIAL CLASSES ** ** - Callout ** - Desktop/Mobile ** - Entry Grid ** - Error ** - Narrow ** - Note ** - Progress Bar ** - Rounded/Squared ** - Skew/Angled Edges ** - Table of Contents ** - Miscellaneous ** ** ----------------------- */ /* Callout ** ** Currently static colors except border ** ** @todo Pull colors from Customizer */ .callout { background:repeating-linear-gradient( -45deg, #fff, #fff 30px, #fafafa 20px, #fafafa 60px ); border:1px solid transparent; color:#111; font-size:0.85em; line-height:1.5; margin:1em 0; padding:40px 50px; } .callout *:first-child { margin-top:0; } .callout p:last-child { margin-bottom:0; } .callout a, .callout a:hover { color:#6492cb; } /* Desktop/Mobile */ .spyr .mobile-only, .spyr .only-mobile { display:none; } .spyr .desktop-only, .spyr .only-desktop { } .spyr .hide { display:none; } /* Logged In/Logged Out */ .logged-in-only { display:none; } .logged-in .logged-in-only { display:block; } .logged-out-only { } .logged-in .logged-out-only { display:none; } /* Entry Grid ** @todo Adjust colors and font-sizes */ .entry-grid .post { float:left;margin:0;overflow:hidden;position:relative;width:33.3333333333%; } .entry-grid-4 .post { width:25%; } .entry-grid-5 .post { width:20%; } .entry-grid-feature .post:nth-child(1) { width:66.6666666666%; } .entry-grid-feature .post:nth-child(2), .entry-grid-feature .post:nth-child(3) { float:right; } .entry-grid .post:nth-child(3n+1) { clear:both; } .entry-grid-4 .post:nth-child(3n+1), .entry-grid-5 .post:nth-child(3n+1) { clear:none; } .entry-grid-4 .post:nth-child(4n+1) { clear:both; } .entry-grid-5 .post:nth-child(5n+1) { clear:both; } .entry-grid .entry-header { background:#111;padding-top:100%;position:relative; } .entry-grid .has-post-thumbnail .entry-header, .entry-grid-4 .has-post-thumbnail .entry-header, .entry-grid-5 .has-post-thumbnail .entry-header { background:transparent;padding-top:0; } .entry-grid .entry-image-wrap { margin:0; } .entry-grid .entry-image-anchor:before { background:rgba(0,0,0,0.25);content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:background 0.5s; } .entry-grid .entry-image-anchor:hover:before { background:rgba(0,0,0,0); } .entry-grid .entry-title-meta-wrap { margin:0;position:absolute;right:20px;bottom:20px;left:20px; } .entry-grid .has-post-thumbnail .entry-title-meta-wrap { pointer-events:none; } .entry-grid .entry-title { margin-bottom:0; } .entry-grid .entry-title a, .entry-grid .entry-meta { background:#fff;display:inline;line-height:1.3;margin:0; } .entry-grid .entry-title-meta-wrap, .entry-grid .featured-image-size-square .entry-title, .entry-grid .featured-image-size-square .entry-meta { text-align:left; } .entry-grid .entry-title, .entry-grid .featured-image-size-square .entry-title { font-size:1.25em; } .entry-grid .featured-image-size-round .entry-header { padding:2%; } .entry-grid .featured-image-size-round .entry-title-meta-wrap { top:50%;right:unset;bottom:unset;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px); } .entry-grid .featured-image-size-round .entry-image { max-width:100%; } .entry-grid .featured-image-size-round .entry-image-wrap a { display:block;line-height:0; } .entry-grid .featured-image-size-round .entry-image-anchor:before { border-radius:1000px;line-height:0;top:2%;right:2%;bottom:2%;left:2%; } .entry-grid .featured-image-size-round .entry-title-meta-wrap, .entry-grid .featured-image-size-round .entry-title, .entry-grid .featured-image-size-round .entry-meta { text-align:center; } /* Error */ .error { color:#cc0000;font-style:italic; } .error a { color:inherit; } .nav-area .error { background:#990000;color:#fff;line-height:1.5;padding:15px; } .nav-area .error a { color:inherit;text-decoration:underline; } .nav-area .error a:hover { color:inherit;text-decoration:none; } .nav-area .error .support-link { font-size:0.85em;font-weight:700;margin-left:2px;text-decoration:none;vertical-align:super; } /* Narrow */ .narrow, .narrow.center { margin-left:auto;margin-right:auto;width:70%; } .narrow.left { margin-left:0;margin-right:0; } .narrow.right { margin-left:auto; margin-right:0; } /* Note */ .note { border:1px solid transparent;margin:0 0 2em 0;padding:30px; } .note.bg-2 { border:none; } .note h1:nth-child(1), .note h2:nth-child(1), .note h3:nth-child(1), .note h4:nth-child(1), .note h5:nth-child(1), .note h6:nth-child(1) { margin-top:0; } .note p:last-child { margin-bottom:0; } /* Progress Bar - https://css-tricks.com/css3-progress-bars/ */ .meter { background:#555;height:20px;padding:5px;position:relative; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px; -webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); } .meter > span { display:block;height:100%;overflow:hidden;position:relative; -webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px; background-color:rgb(43,194,83); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,194,83)),color-stop(1, rgb(84,240,84))); background-image:-moz-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%); -webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4); box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4); } .meter > span:after { content:"";overflow:hidden;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1; background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)),color-stop(.25, transparent), color-stop(.5, transparent),color-stop(.5, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)),color-stop(.75, transparent), to(transparent)); background-image:-moz-linear-gradient(-45deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent); -webkit-background-size:50px 50px;-moz-background-size:50px 50px;background-size:50px 50px; -webkit-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite; -webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px; } @-webkit-keyframes move { 0% { background-position:0 0; } 100% { background-position:50px 50px; } } @-moz-keyframes move { 0% { background-position:0 0; } 100% { background-position:50px 50px; } } .orange > span { background-color:#f1a165;background-image:-moz-linear-gradient(top, #f1a165, #f36d0a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));background-image:-webkit-linear-gradient(#f1a165, #f36d0a); } .red > span { background-color:#f0a3a3;background-image:-moz-linear-gradient(top, #f0a3a3, #f42323);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));background-image:-webkit-linear-gradient(#f0a3a3, #f42323); } .nostripes > span > span, .nostripes > span:after { -webkit-animation:none;-moz-animation:none;background-image:none; } /* END Progress Bar */ /* Rounded/Squared */ .squared { border-radius:0; } .rounded { border-radius:40px; } .rounded-square { border-radius:10px; } /* Skew/Angled Edges ** ** Makes section with bg appear to have a skewed edge ** ** @since 2.0.3 */ .skew-bottom, .skew-bottom-flip, .skew-top, .skew-top-flip { position:relative;z-index:1; } .skew-bottom:after, .skew-bottom-flip:after, .skew-top:before, .skew-top-flip:before { background:inherit;content:'';display:block;height:50%;position:absolute;right:0;left:0;z-index:-1;-webkit-backface-visibility:hidden; } .skew-bottom:after { bottom:0;-webkit-transform:skewY(-2deg);transform:skewY(-2deg);-webkit-transform-origin:100%;transform-origin:100%; } .skew-bottom-flip:after { bottom:0;-webkit-transform:skewY(2deg);transform:skewY(2deg);-webkit-transform-origin:0 100%;transform-origin:0 100%; } .skew-top:before { top:0;-webkit-transform:skewY(-2deg);transform:skewY(-2deg);-webkit-transform-origin:0 0;transform-origin:0 0; } .skew-top-flip:before { top:0;-webkit-transform:skewY(2deg);transform:skewY(2deg);-webkit-transform-origin:100% 0;transform-origin:100% 0; } /* Table of Contents */ .content-toc { border-top:1px solid transparent;border-bottom:1px solid transparent;font-size:0.85em;line-height:1.9;padding:20px 0; } .content-toc strong { color:initial; } .content-toc a { font-weight:400;margin:0 5px;text-decoration:none; } .content-toc a strong { color:inherit; } /* Miscellaneous */ .clear { clear:both;display:block; } .spacer { display:inline-block;margin:0 10px; } .uppercase { text-transform:uppercase; } .highlighter { background:#ffea56; } .highlighter-accent-1, .highlighter-accent-2 { color:#fff; } /* END SPECIAL CLASSES */ /* ----------------------- ** SHORTCODES ** ** - [expand_collapse] ** - [posts] ** - [responsive_video] ** - [subscribe] ** - [share_this] ** - [share] ** - [table] ** - [code] ** ** ----------------------- */ /* [expand_collapse] */ .expand-collapse { transition:padding 0.2s; } .expand-collapse .expand-collapse-label { cursor:pointer;display:block;font-weight:bold;transition:font-size 0.2s; } .expand-collapse .fa { font-size:0.8em;line-height:inherit;text-align:center;vertical-align:middle;width:1.5em; } .expand-collapse-checkbox:checked + .expand-collapse > .expand-collapse-label { font-size:1.8em; } .expand-collapse-checkbox:checked + .expand-collapse > .expand-collapse-label .fa { font-size:0.5em; } .expand-collapse.expand-title-brackets > .expand-collapse-label > .expand-title:before, .expand-collapse.expand-title-brackets > .expand-collapse-label > .expand-title:after { display:inline; } .expand-collapse.expand-title-brackets > .expand-collapse-label > .expand-title:before { content:'['; } .expand-collapse.expand-title-brackets > .expand-collapse-label > .expand-title:after { content:']'; } .expand-collapse-content { margin-left:1.2em;padding:1em;position:relative; } .expand-collapse-content h1:nth-child(1), .expand-collapse-content h2:nth-child(1), .expand-collapse-content h3:nth-child(1), .expand-collapse-content h4:nth-child(1), .expand-collapse-content h5:nth-child(1), .expand-collapse-content h6:nth-child(1) { margin-top:0; } .expand-collapse-content p:last-child { margin-bottom:0; } .expand-collapse-content:before { border-left:1px solid transparent;content:'';position:absolute;top:0;bottom:0;left:-0.6em; } .expand-collapse-checkbox:checked + .expand-collapse { padding-top:0.5em; } .expand-collapse-checkbox, .expand-collapse-checkbox:not(:checked) + .expand-collapse > .expand-collapse-label > .collapse, .expand-collapse-checkbox:checked + .expand-collapse > .expand-collapse-label > .expand, .expand-collapse-checkbox:not(:checked) + .expand-collapse > .expand-collapse-content { display:none; } .expand-collapse-checkbox:checked + .expand-collapse > .expand-collapse-label > .collapse { display:inline-block; } .expand-collapse-checkbox:checked + .expand-collapse > .expand-collapse-content { display:block; } /* [posts] */ .spyr-posts-archive-entry .column-wrap { line-height:1.5;margin-top:0;margin-bottom:0.75em; } .entry .spyr-posts-archive a, .entry .spyr-posts-archive a:hover { text-decoration:none; } /* [responsive_video] */ .responsive-video, .wp-block-embed.is-type-video { height:0;margin:0 0 25px 0;padding-bottom:56.25%;position:relative; } .responsive-video iframe, .wp-block-embed.is-type-video iframe { height:100%;position:absolute;top:0;left:0;width:100%; } /* [subscribe] */ .spyr-subscribe input { margin:0 0 10px 0; } /* [share_this] ** ** - Currently Twitter exclusive, including the colors */ .share-this, .entry-content .share-this { color:inherit;font-weight:inherit;text-decoration:none; } .share-this .text { border-bottom:1px dotted #67AEEB; } .share-this .fa { color:#67AEEB;margin-right:4px; } .share-this:hover, .entry-content .share-this:hover { color:#67AEEB;text-decoration:none; } /* [share] */ .spyr-share { display:inline-block;line-height:1.0; } .spyr-share .text-before { margin-right:4px;vertical-align:middle; } .spyr-share-link { display:inline-block;font-size:1.1em;line-height:1.1;margin:0 5px;transition:background 0.5s,color 0.5s;vertical-align:middle; } .spyr-share-link, .spyr-share-link:hover, .entry-content .spyr-share-link, .entry-content .spyr-share-link:hover { text-decoration:none; } .entry-content .spyr-share-text { display:inline-block;font-size:0.9em;margin:0 4px; } .spyr-share.style-round .spyr-share-link, .spyr-share.style-square .spyr-share-link { color:#fff;margin:0 4px;padding:4px; } .spyr-share.style-round.display-icon .spyr-share-link, .spyr-share.style-square.display-icon .spyr-share-link { height:1.75em;line-height:1.75;padding:0;text-align:center;width:1.75em; } .spyr-share.style-round.display-icon .spyr-share-link .fa, .spyr-share.style-square.display-icon .spyr-share-link .fa { vertical-align:middle; } .spyr-share.display-icon-text .spyr-share-link .fa, .spyr-share.style-round .spyr-share-link .fa, .spyr-share.style-square .spyr-share-link .fa { line-height:inherit; } /* Network Colors - Circle, Square */ .spyr-share.style-round.network-colors .spyr-share-link.facebook, .spyr-share.style-square.network-colors .spyr-share-link.facebook { background:#3b5998; } .spyr-share.style-round.network-colors .spyr-share-link.twitter, .spyr-share.style-square.network-colors .spyr-share-link.twitter { background:#00b6f1; } .spyr-share.style-round.network-colors .spyr-share-link.gplus, .spyr-share.style-square.network-colors .spyr-share-link.gplus { background:#df4a32; } .spyr-share.style-round.network-colors .spyr-share-link.tumblr, .spyr-share.style-square.network-colors .spyr-share-link.tumblr { background:#35465d; } .spyr-share.style-round.network-colors .spyr-share-link.pinterest, .spyr-share.style-square.network-colors .spyr-share-link.pinterest { background:#cb2027; } .spyr-share.style-round.network-colors .spyr-share-link.pocket, .spyr-share.style-square.network-colors .spyr-share-link.pocket { background:#ee4056; } .spyr-share.style-round.network-colors .spyr-share-link.reddit, .spyr-share.style-square.network-colors .spyr-share-link.reddit { background:#ff5700; } .spyr-share.style-round.network-colors .spyr-share-link.linkedin, .spyr-share.style-square.network-colors .spyr-share-link.linkedin { background:#007bb6; } .spyr-share.style-round.network-colors .spyr-share-link.wordpress, .spyr-share.style-square.network-colors .spyr-share-link.wordpress { background:#21759b; } .spyr-share.style-round.network-colors .spyr-share-link.pinboard, .spyr-share.style-square.network-colors .spyr-share-link.pinboard { background:#0000e6; } .spyr-share.style-round.network-colors .spyr-share-link.weibo, .spyr-share.style-square.network-colors .spyr-share-link.weibo { background:#e6162d; } .spyr-share.style-round.network-colors .spyr-share-link.email, .spyr-share.style-square.network-colors .spyr-share-link.email { } /* Network Colors - Icon, Icon-Text */ .spyr-share.style-icon.network-colors .spyr-share-link.facebook { color:#3b5998; } .spyr-share.style-icon.network-colors .spyr-share-link.twitter { color:#00b6f1; } .spyr-share.style-icon.network-colors .spyr-share-link.gplus { color:#df4a32; } .spyr-share.style-icon.network-colors .spyr-share-link.tumblr { color:#35465d; } .spyr-share.style-icon.network-colors .spyr-share-link.pinterest { color:#cb2027; } .spyr-share.style-icon.network-colors .spyr-share-link.pocket { color:#ee4056; } .spyr-share.style-icon.network-colors .spyr-share-link.reddit { color:#ff5700; } .spyr-share.style-icon.network-colors .spyr-share-link.linkedin { color:#007bb6; } .spyr-share.style-icon.network-colors .spyr-share-link.wordpress { color:#21759b; } .spyr-share.style-icon.network-colors .spyr-share-link.pinboard { color:#0000e6; } .spyr-share.style-icon.network-colors .spyr-share-link.email { } .spyr-share.style-round .spyr-share-link:hover, .spyr-share.style-square .spyr-share-link:hover { } .spyr-share.style-round .spyr-share-link { border-radius:1000px; } .spyr-share.style-square .spyr-share-link { margin:0; } /* [table] */ .responsive-table { } /* [code] */ .spyr pre[class*="language-"] { margin-bottom:2em; } /* END SHORTCODES */ /* ----------------------- ** UNUSED STYLING ** ** Provides easy access to various styling that child themes can swipe and modify. ** ** ----------------------- */ /* Borders ** @todo Test and refine .site-header .wrap { border-bottom:1px solid transparent; } .entry-header { border-bottom:1px solid transparent;margin-bottom:40px;padding-bottom:40px; } .entry-nav { border-top:1px solid transparent;border-bottom:1px solid transparent; } .site-footer .wrap { border-top:1px solid transparent;padding:30px 0 0 0; } .archive-description { border-bottom:1px solid transparent;margin-bottom:100px;padding-bottom:50px; } .sidebar li a { position:relative; } .sidebar li a:after { border-bottom:1px solid transparent;content:'';display:block;position:absolute;left:-20px;right:0;bottom:-8px; } .no-title-border .widgettitle { margin:0 0 15px 0; } .sidebar .widgettitle:after { margin-left:auto;margin-right:auto; } .no-title-border .widgettitle:after { display:none; } /* END UNUSED STYLING */ /* ----------------------- ** HELPER CLASSES ** ** - Font Awesome ** - Github Gist ** ** ----------------------- */ /* Font Awesome */ .fa.fa-li { line-height:inherit;top:0; } /* Github Gist */ .gist { max-width:100%; } /* END HELPER CLASSES */ /* ----------------------- ** PLUGINS ** ** - Jetpack ** - Prism ** - WP Recipe Maker ** ** ----------------------- */ /* Jetpack */ img#wpstats { display:none; } /* ** Prism ** - Minified from /engine/inc/lib/prism/prism.css ** ** @since 2.4.2 Moved to style.css */ code[class*="language-"], pre[class*="language-"] { color:black;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; } pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection { text-shadow:none;background:#b3d4fc; } pre[class*="language-"]::selection,pre[class*="language-"] ::selection, code[class*="language-"]::selection,code[class*="language-"] ::selection { text-shadow:none;background:#b3d4fc; } @media print { code[class*="language-"],pre[class*="language-"] { text-shadow:none; } } pre[class*="language-"] { padding:1em;margin:.5em 0;overflow:auto; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background:#f5f2f0; } :not(pre) > code[class*="language-"] { padding:.1em;border-radius:.3em;white-space:normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color:slategray; } .token.punctuation { color:#999; } .namespace { opacity:.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color:#905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color:#690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {color:#a67f59;background:hsla(0,0%,100%,.5); } .token.atrule, .token.attr-value, .token.keyword { color:#07a; } .token.function { color:#DD4A68; } .token.regex, .token.important, .token.variable { color:#e90; } .token.important, .token.bold { font-weight:bold; } .token.italic { font-style:italic; } .token.entity { cursor:help; } pre.line-numbers { position:relative;padding-left:3.8em;counter-reset:linenumber; } pre.line-numbers > code { position:relative; } .line-numbers .line-numbers-rows { position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:3em; /* works for line-numbers below 1000 lines */ } .line-numbers-rows > span { pointer-events:none;display:block;counter-increment:linenumber; } .line-numbers-rows > span:before { content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right; } /* WP Recipe Maker */ .wprm-recipe-container { background:#fff;border:1px solid transparent;font-size:0.825em;margin:4em auto;padding:60px 75px; } html body .wprm-recipe-container .wprm-recipe { border:none; } .wprm-recipe-print { cursor:pointer;float:right;font-size:11px;line-height:1.25;text-align:center;text-transform:uppercase;transition:color 0.5s; } .wprm-recipe-print .wprm-recipe-details-icon:after { content:'';display:block; } body .wprm-recipe-clean-print h3.wprm-recipe-header { font-size:1.5em; } body .wprm-recipe-clean-print .wprm-recipe-details-unit { font-size:inherit; } .wprm-recipe li, .wprm-recipe p { line-height:1.825; } .wprm-recipe-details-container { line-height:1.5; } .wprm-recipe-ingredients-container, .wprm-recipe-instructions-container { margin:2em 0; } .wprm-recipe-ingredients-container { border-top:1px solid transparent;border-bottom:1px solid transparent;margin:35px 0;padding:25px 0; } .spyr .wprm-recipe-clean-print h3.wprm-recipe-header { margin-bottom:10px; } /* END PLUGINS */ /* ----------------------- ** RESPONSIVE ** ** - 720-960 ** - 320-719 (.mobile-only) ** - WP Admin Bar ** - Navigation Area ** ** ----------------------- */ /* 720-960 */ @media only screen and (max-width:960px) { /* DEFAULTS */ /* Blockquotes */ blockquote { margin-right:40px; } /* END DEFAULTS */ /* CONTAINERS */ /* Content-Sidebar-Wrap */ .spyr.content-sidebar .content-sidebar-wrap, .spyr.content-sidebar-sidebar .content-sidebar-wrap, .spyr.sidebar-content-sidebar .content-sidebar-wrap, .spyr.sidebar-content .content-sidebar-wrap, .spyr.sidebar-sidebar-content .content-sidebar-wrap { display:block;float:none;margin-left:0;margin-right:0;width:100%; } /* Content */ .spyr.content-sidebar .content, .spyr.sidebar-content .content, .spyr.content-sidebar-sidebar .content, .spyr.sidebar-content-sidebar .content, .spyr.sidebar-sidebar-content .content { display:block;float:none;width:100%; } /* END CONTAINERS */ /* SITE HEADER */ /* NAVIGATION */ /* CONTENT */ /* Sidebars */ .spyr .sidebar, .spyr .sidebar.sidebar-primary, .spyr .sidebar.sidebar-alt { display:block;float:none;margin-left:0;margin-right:0;width:100%; } .spyr .sidebar { column-count:2;column-gap:10%; } .spyr .sidebar .widget { -webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid; } /* Comments/Trackbacks */ .spyr .entry-comments .children { margin-left:0; } /* END CONTENT */ /* SITE FOOTER */ /* Footer Defaults */ .site-footer { padding-bottom:30px; } /* END SITE FOOTER */ /* WIDGET AREAS *//* END WIDGET AREAS */ /* WIDGETS */ /* Fixed Widget ** @todo Test */ .fixed-top, .fixed-bottom { padding:0 10px; } .fixed-top .wrap, .fixed-bottom .wrap { padding:initial; } /* END WIDGETS */ /* ELEMENT CLASSES */ /* SPECIAL CLASSES */ /* SHORTCODES */ /* UNUSED STYLING */ /* HELPER CLASSES */ /* PLUGINS */ } /* END 720-960 */ /* 320-719 (.mobile-only) */ @media only screen and (max-width:719px) { /* DEFAULTS */ /* Typography */ body { font-size:1.6em; } /* Headings */ .entry-title { font-size:2.5em; } /* Blockquotes */ blockquote { margin-left:20px; } /* Forms */ body form .desktop-columns .column { margin-bottom:0; } form .desktop-columns .column { padding-right:0; } form 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 form input:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { margin-bottom:0.5em; } /* Images ** -Image/Caption Alignment */ .alignleft, .alignright { float:none; } img.alignleft, .wp-caption.alignleft, img.alignright, .wp-caption.alignright { display:block;margin-left:auto;margin-right:auto; } /* Tables */ table { font-size:0.8em; } /* END DEFAULTS */ /* CONTAINERS *//* END CONTAINERS */ /* SITE HEADER */ /* Site Title/Description */ .site-title-align-left .site-title-wrap, .site-title-align-right .site-title-wrap, .site-title-align-center.site-title-wrap, .site-title-align-left.has-header-nav .site-title-wrap, .site-title-align-right.has-header-nav .site-title-wrap, .site-title-align-center.has-header-nav .site-title-wrap { display:block;flex-grow:unset;margin-left:auto;margin-right:auto;text-align:center;width:95%;width:calc(100% - 65px); } .site-title-align-left .site-image-wrap, .site-title-align-right .site-image-wrap { display:block;margin:0;max-width:100%; } .site-image img { margin-left:auto;margin-right:auto; } .site-image-wrap + .site-title-text-wrap { margin-top:5px; } .site-title-align-left .site-title-text-wrap, .site-title-align-right .site-title-text-wrap { max-width:100%; } /* END SITE HEADER */ /* NAVIGATION */ /* Header Navigation */ .header-nav { display:none; } /* Menu Toggle */ .site-title-align-right .site-header .nav-button-wrap { right:auto;left:0; } /* END NAVIGATION */ /* CONTENT */ /* Content Defaults */ .content { padding-left:0;padding-right:0; } /* Entry Title */ .featured-image-above.featured-image-size-round .entry-title, .featured-image-above.featured-image-size-round .entry-meta, .featured-image-above.featured-image-size-square .entry-title, .featured-image-above.featured-image-size-square .entry-meta, .featured-image-above.featured-image-size-thumbnail .entry-title, .featured-image-above.featured-image-size-thumbnail .entry-meta { text-align:inherit; } /* Featured Images */ .featured-image-above.featured-image-size-round .entry-image, .featured-image-below.featured-image-size-round .entry-image { max-width:100%; } .spyr .has-post-thumbnail.featured-image-left .entry-image-wrap, .spyr .has-post-thumbnail.featured-image-right .entry-image-wrap { float:none;margin-left:auto;margin-right:auto;width:100%; } .spyr .has-post-thumbnail.featured-image-left .entry-content, .spyr .has-post-thumbnail.featured-image-left .entry-header .entry-title, .spyr .has-post-thumbnail.featured-image-left .entry-header .entry-meta, .spyr .has-post-thumbnail.featured-image-left .entry-footer .entry-meta { margin-left:auto; } .spyr .has-post-thumbnail.featured-image-right .entry-content, .spyr .has-post-thumbnail.featured-image-right .entry-header .entry-title, .spyr .has-post-thumbnail.featured-image-right .entry-header .entry-meta, .spyr .has-post-thumbnail.featured-image-right .entry-footer .entry-meta { margin-right:auto; } /* Columns */ body .desktop-columns .column { float:none;margin:0 0 2em 0; } body .desktop-columns.vertical-dividers .column { padding:0; } body .desktop-columns .column, body .desktop-columns .one-half, body .desktop-columns .one-third, body .desktop-columns .one-fourth, body .desktop-columns .one-fifth, body .desktop-columns .one-sixth, body .desktop-columns .two-thirds, body .desktop-columns .two-fourths, body .desktop-columns .two-fifths, body .desktop-columns .two-sixths, body .desktop-columns .three-fourths, body .desktop-columns .three-fifths, body .desktop-columns .three-sixths, body .desktop-columns .four-fifths, body .desktop-columns .four-sixths, body .desktop-columns .five-sixths, body .desktop-columns .column.no-margin, body .desktop-columns.vertical-dividers .column { width:100%; } body .desktop-columns.vertical-dividers { margin-left:0;margin-right:0; } body .desktop-columns.vertical-dividers .column:before { display:none; } /* Sidebars */ .spyr .sidebar { column-count:1; } /* Author Box */ .author-box { padding:30px; } .author-box .avatar { display:block;float:none;margin:0 auto 20px auto; } .author-box-title { font-size:1.0em;margin:0 0 10px 0;padding-top:0; } .author-box-content { clear:both;margin:0; } /* Entry Navigation */ .entry-nav .previous, .entry-nav .next { padding-left:0;text-align:left;width:100%; } .entry-nav .previous + .next { margin-top:2.0em; } .entry-nav .previous + .next:before { display:none; } /* END CONTENT */ /* SITE FOOTER */ /* Footer Nav/Copyright */ .has-footer-nav .site-footer .footer-nav { display:none; } .has-footer-nav .site-footer { text-align:center; } .has-footer-nav .site-footer .footer-nav, .has-footer-nav .site-footer .footer-copyright { display:block;text-align:inherit;width:100%; } .has-footer-nav .site-footer .footer-nav { margin-bottom:10px; } .site-footer .menu a { padding:0 10px; } /* END SITE FOOTER */ /* WIDGET AREAS */ /* Before/After Header */ .after-header { margin:0 auto; } /* END WIDGET AREAS */ /* WIDGETS */ /* Round Widget */ .spyr .widget.widget-round { border-radius:0;height:auto;padding:30px;width:auto; } .spyr .widget.widget-round .alignleft-text, .spyr .widget.widget-round .alignright-text { text-align:inherit; } /* END WIDGETS */ /* ELEMENT CLASSES */ /* Mobile-Only Text Alignment */ .alignleft-text-mobile { text-align:left; } .aligncenter-text-mobile { text-align:center; } .alignright-text-mobile { text-align:right; } /* Divider List ** @todo Add ordered list support? */ ul.divider-list.columns-2, ul.divider-list.columns-3 { -webkit-column-count:1;-moz-column-count:1;column-count:1; } /* END ELEMENT CLASSES /* SPECIAL CLASSES */ /* Desktop/Mobile */ .spyr .desktop-only, .spyr .only-desktop { display:none !important; } .spyr .mobile-only, .spyr .only-mobile { display:block; } /* Entry Grid */ .entry-grid .post, .entry-grid-feature .post:nth-child(1) { float:none;width:100%; } .entry-grid-feature .post:nth-child(1) .entry-title { font-size:1.8em; } .entry-grid-feature .post:nth-child(1) .entry-header { display:flex;align-items:center;padding:0;top:0;bottom:0; } .entry-grid-feature .post:nth-child(1) .entry-content { display:none; } /* Narrow */ .narrow { width:100%; } /* END SPECIAL CLASSES */ /* SHORTCODES */ /* Table - https://codepen.io/team/css-tricks/pen/wXgJww */ .responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table tfoot, .responsive-table tr, .responsive-table th, .responsive-table td { display:block; } .responsive-table { font-size:inherit; } .responsive-table thead, .responsive-table th, .responsive-table tfoot, .responsive-table tfoot td { position:absolute;top:-9999px;left:-9999px; } .responsive-table tr { margin:0 0 2.0em 0; } .responsive-table tr:nth-child(odd) { } .responsive-table td { border:none;border-bottom:1px solid transparent;padding-left:50%;position:relative; } .responsive-table td:last-child { border:none; } .responsive-table td:before { overflow:hidden;position:absolute;top:0;left:0;white-space:nowrap;width:50%; } /* [posts] */ .spyr-posts-archive-entry .column.first { font-size:0.9em;margin-bottom:0; } /* END SHORTCODES */ /* UNUSED STYLING */ /* HELPER CLASSES */ /* PLUGINS */ /* WP Recipe Maker */ .wprm-recipe-container { width:100%; } /* END PLUGINS */ } /* END 320-719 (.mobile-only) */ /* WP Admin Bar */ @media only screen and (max-width:782px) { /* NAVIGATION */ /* Navigation Area */ .admin-bar .nav-area { top:46px; } /* END NAVIGATION */ /* WIDGETS */ /* Fixed Widget */ .admin-bar .fixed-top { top:46px; } /* END WIDGETS */ } /* END WP Admin Bar */ /* Navigation Area */ @media all and (min-width:320px) { /* NAVIGATION */ /* Navigation Area */ .slide-left, .slide-right, .push-left, .push-right { width:320px; } .slide-left, .push-left { -webkit-transform:translateX(-320px);-ms-transform:translateX(-320px);transform:translateX(-320px); } .slide-right, .push-right { -webkit-transform:translateX(320px);-ms-transform:translateX(320px);transform:translateX(320px); } .site-container.has-push-left { -webkit-transform:translateX(320px);-ms-transform:translateX(320px);transform:translateX(320px); } .site-container.has-push-right { -webkit-transform:translateX(-320px);-ms-transform:translateX(-320px);transform:translateX(-320px); } /* END NAVIGATION */ } /* END Navigation Area */ /* END RESPONSIVE */