/* Theme Name: Airin Blog Theme URI: https://airinblog.web-zone.org Author: DMCWebZone Author URI: https://web-zone.org Description: Airin Blog the most adaptive and fast theme for blogs and article sites. Requires at least: 6.0 Tested up to: 6.4 Requires PHP: 7.0 Version: 1.3.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: DMCWebZone Text Domain: airin-blog Domain Path: /languages Tags: blog, news, e-commerce, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, block-styles, buddypress, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, translation-ready */ /*========================================================================================== * Attention! * Do not edit this file, after updating all changes will be lost * To add your own styles, use the special section in the customizer * Instructions: * 1. In your WordPress dashboard, go to - Appearance - Customize * 2. In the customizer panel, select - Additional CSS * 3. In the text editor that opens, add your styles ==========================================================================================*/ /*------------------------------------------------------------------------------------------ Style content: -------------------------------------------------------------------------------------------- # Basic styles # Connecting fonts # Connecting icons # General # Typography # Links # Forms # Images # Media # Gallery # Subtitles # Comments # Screen readers # Infinite scroll # Alignments # Cleaning # Theme styles # General # Top bar # Ticker # Top menu # Accessibility Top menu # Header # Social Links # Top search # Main menu # Breadcrumbs # Pagination # Post navigation # Footer # Common Blocks (Gutenberg) # Widgets (General) # Block widgets (Gutenberg) # Widgets (Footer) # Content part # Blocks of posts in the category # Meta tags for post blocks in categories # Posts and pages # Meta tags for posts # Author block in posts # Links to the next and previous post # Similar posts # Pages 404 # Site map # Block editor (Gutenberg) # Main page # Sliders # Scroll up # Mobile css # Various changes ------------------------------------------------------------------------------------------*/ /*========================================================================================== Basic styles ==========================================================================================*/ /*-------------------------------------------------------------- Basic - Connecting fonts --------------------------------------------------------------*/ @font-face { font-family: 'Play'; src: url('fonts/play/play.eot'); src: local('play'), url('fonts/play/play.eot?#iefix') format('embedded-opentype'), url('fonts/play/play.woff2') format('woff2'), url('fonts/play/play.woff') format('woff'), url('fonts/play/play.ttf') format('truetype'), url('fonts/play/play.svg#Play') format('svg'); } @font-face { font-family: 'Open Sans'; src: url('fonts/open-sans/open-sans.eot'); src: local('Open Sans'), url('fonts/open-sans/open-sans.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/open-sans.woff2') format('woff2'), url('fonts/open-sans/open-sans.woff') format('woff'), url('fonts/open-sans/open-sans.ttf') format('truetype'), url('fonts/open-sans/open-sans.svg#OpenSans') format('svg'); } /*-------------------------------------------------------------- Basic - Connecting icons --------------------------------------------------------------*/ @font-face { font-family: 'icomoon'; src: url('img/icomoon/fonts/icomoon.eot?nloz38'); src: url('img/icomoon/fonts/icomoon.eot?nloz38#iefix') format('embedded-opentype'), url('img/icomoon/fonts/icomoon.ttf?nloz38') format('truetype'), url('img/icomoon/fonts/icomoon.woff?nloz38') format('woff'), url('img/icomoon/fonts/icomoon.svg?nloz38#icomoon') format('svg'); font-weight: 400; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; /* use important to prevent issues with browser extensions that change fonts */ speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*-------------------------------------------------------------- Basic - General --------------------------------------------------------------*/ *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior */ box-sizing: inherit; } html { font-family: sans-serif; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { color: #404040; font-family: "Play", "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; margin: 0; background: #f0f0f1; /* For mobile devices and older browsers */ word-break: break-word; overflow-wrap: anywhere; -webkit-font-smoothing: antialiased; /* Bug fix Android before 4.1.2 - http://timpietrusky.com/advanced-checkbox-hack */ -webkit-animation: bugfix infinite 1s; } main { /* IE 10 */ display: block; } div, p, a, li, h1, h2, h3, h4, h5, h6 { transition: 0.2s; } button, input, select, span { /* For mobile devices and older browsers */ word-break: normal; overflow-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, cite { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } template, [hidden] { display: none; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { min-height: 20px; min-width: 20px; margin-right: 7px; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type=text], input[type="search"], input[type=submit], textarea, select { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- Basic - Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #404046; } h1 { font-size: 32px; margin: 1.5em 0; } h2 { font-size: 26px; margin: 1.375em 0; } h3 { font-size: 24px; margin: 1.25em 0; } h4 { font-size: 22px; margin: 1.125em 0; } h5 { font-size: 20px; margin: 1.0625em 0; } h6 { font-size: 18px; margin: 1em 0; } dt, b, strong { font-weight: 700; } blockquote { margin: 1.5em; padding: 1.25em; } @media (max-width: 700px) { blockquote { margin: 1.5em 0; } } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } code, kbd, tt, var, pre { margin: 1.5em; max-width: 100%; overflow: auto; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #777; cursor: help; } a, ins { text-decoration: none; } big { font-size: 125%; } hr { background: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } dd { margin: 0 1.5em 1.5em; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- Basic - Links --------------------------------------------------------------*/ a { color: #1e73bb; } a:hover { color: #dd9925; outline: 0; } /* Support focus */ a:focus { outline: 2px solid #dd9922; } /* Support focus for img */ a:focus img { border: 1px solid #dd9922; } @supports selector(:focus-visible) { a:focus { outline: none; } a:focus-visible { outline: 2px solid #dd9922; } a:focus img { border: none; } a:focus-visible img { border: 1px solid #dd9922; } } /*-------------------------------------------------------------- Basic - Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 3px; background: #dd9922; color: #fff; font-size: 1em; padding: .6em 1em; border: 0; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { transition-duration: 0.2s; opacity: 0.9; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fffffa; border: 1px solid #dd9922; border-radius: 2px; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); font-size: 16px; padding: 8px; } select { max-width: 100%; border: 1px solid #dd9922; padding: 0.4em; cursor: pointer; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } textarea { padding-left: 3px; width: 100%; } /* Search */ .search-form { display: flex; font-size: 16px; line-height: 1.5; width: 100%; } .search-wrap { width: 100%; } .search-wrap input[type="text"] { border-radius: 2px 0 0 2px; border: 1px solid #dd9922; } .search-icon { border: 0; padding: 0; border-radius: 0 3px 3px 0; line-height: 0; } .search-icon:before { content: '\26B2'; font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-size: 26px; display: inline-block; transform: rotate(-45deg); padding: 20px 15px 18px; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } /*-------------------------------------------------------------- Basic - Images --------------------------------------------------------------*/ img { max-width: 100%; vertical-align: middle; height: auto; /* IE 10 */ border-style: none; } figure { height: auto; margin: 0; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /*-------------------------------------------------------------- Basic - Media --------------------------------------------------------------*/ /* Emoticons */ img.wp-smiley { border: none; margin: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- Basic - Gallery --------------------------------------------------------------*/ .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .wp-block-gallery.alignleft:not(.has-nested-images) { margin-right: 15px; } /*-------------------------------------------------------------- Basic - Subtitles --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } figcaption { padding-bottom: 15px; } /*-------------------------------------------------------------- Basic - Comments --------------------------------------------------------------*/ #comments { padding: 20px; margin-bottom: 15px; } #comments ol { list-style:none; margin: 0; padding: 0; } #comments .comment-author { display:inline-block; } #comments .comment-author img { border-radius:50%; height:auto; width: 40px; } #comments .comment-meta { background: #fffffa; box-shadow: 0 0.1em 0.4em rgba(0,0,0,0.1); font-size: 0.875em; padding: 10px; } #comments .comment-body { margin-bottom: 15px; } #comments .comment-body ol { list-style: decimal; padding: 0 0 0 35px; } #comments .comment-body li { line-height:1.3; } #comments .comment .children { margin-bottom:15px; margin-left:15px; } #respond { background: #fffffa; margin-top: 30px; padding: 20px; } .comment-content { padding: 15px; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .fn { padding-left: 10px; } /*-------------------------------------------------------------- Basic - Screen readers --------------------------------------------------------------*/ .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; width: 1px; word-wrap: normal!important; } .screen-reader-text:focus { background-color: #eee; clip: auto!important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ opacity: 0.8; } /* Remove content selection (when using the keyboard) */ #primary[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- Basic - Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .airinblog-css-site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .airinblog-css-site-footer { display: block; } /*-------------------------------------------------------------- Basic - Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1em; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- Basic - Cleaning --------------------------------------------------------------*/ .clear:before, .clear:after, .comment-content:before, .comment-content:after { content: ""; display: table; table-layout: fixed; } .clear:after, .comment-content:after { clear: both; } /*========================================================================================== Theme styles ==========================================================================================*/ /*-------------------------------------------------------------- Theme - General --------------------------------------------------------------*/ /* Cleaning */ .clear-both { clear:both; } .clear-title-box:before, .clear-title-box:after { content: ""; display: table; table-layout: fixed; clear: both; } .hidden { display: none; } .airinblog-css-post-content:before, .airinblog-css-post-content:after, .airinblog-css-page-content:before, .airinblog-css-page-content:after, .airinblog-css-mod-pp-content:before, .airinblog-css-mod-pp-content:after, .airinblog-css-site-header:before, .airinblog-css-site-header:after, .airinblog-css-site-content:before, .airinblog-css-site-content:after, .airinblog-css-site-footer:before, .airinblog-css-site-footer:after { content: ""; display: table; table-layout: fixed; } .airinblog-css-related-box:after, .airinblog-css-post-content:after, .airinblog-css-page-content:after, .airinblog-css-mod-pp-content:after, .airinblog-css-site-header:after, .airinblog-css-site-content:after, .airinblog-css-site-footer:after { clear: both; } /* Indentation */ .top-margin { margin-top: 15px; } /* Alignments */ .airinblog-css-post-thumbnail, .airinblog-css-page-thumbnail, .airinblog-css-related-thumbnail, .airinblog-css-cat-thumbnail, .airinblog-css-site-brand-top { text-align: center; } /* Subpixel rendering Affects the animated displacement of images when hovering over Applies to the block in which the image is located */ .airinblog-css-soc-top-box-anime, .airinblog-css-cat-thumbnail, .airinblog-css-cat-thum-anime, .airinblog-css-related-post-box { transform: rotate(-0.0000000001deg); /* Chrome */ -webkit-transform: rotate(-0.0000000001deg); /* Firefox */ -moz-transform: rotate(-0.1deg); } /* Image rendering (Fix blur in pictures) Adds sharpness - suitable for uncompressed images If the image is compressed it will distort the lines */ /* .airinblog-css-soc-top-box-anime { */ /* Firefox */ /* image-rendering: optimizeQuality; */ /* Chrome */ /* image-rendering: -webkit-optimize-contrast; */ /* IE */ /* -ms-interpolation-mode: nearest-neighbor; */ /* } */ /* Animation speed */ .airinblog-css-soc-top-box-child img, .airinblog-css-bio-post-autor-posts-child img { transition: 0.2s; } .airinblog-css-top-menu-pc a, .airinblog-css-soc-top-box-child, .airinblog-css-soc-top-box-anime { transition: 0.3s; } .airinblog-css-nav-top-mobile a, .airinblog-css-related-thumbnail img { transition: 0.4s; } /* Various links */ /* Link underlining in content and comments (WP requirements) */ .airinblog-css-post-content a, .airinblog-css-page-content a, .airinblog-css-mod-pp-content a, .comment-content a { text-decoration: underline; } /* Correct wrapping of a link with an image inside (to control the keyboard) */ .airinblog-css-site-logo-box a, .airinblog-css-bio-post-autor-posts-child a, .airinblog-css-related-thumbnail a { display: block; } a.airinblog-css-more-link, #comments .reply a { background: #dd9922; border-radius: 2px; color: #fffffa; cursor: pointer; display: inline-block; } a.airinblog-css-more-link { padding: 0.4em 1em; } #comments .reply a { padding: 0.3em 0.75em; } a:hover.airinblog-css-more-link, #comments .reply a:hover { opacity: 0.9; color: #fff; } /* Background for sticky posts */ .sticky { background: #ffedd8; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; padding: 1em 0; } /* Fixing a bug (link to unreply a comment - no space) */ #cancel-comment-reply-link { margin-left: 10px; } /*-------------------------------------------------------------- Theme - Top bar --------------------------------------------------------------*/ .airinblog-css-top-bar { border-bottom: 1px solid #dd9922; min-height: 35px; padding: 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .airinblog-css-top-bar a, .airinblog-css-top-date { font-size: 14px; } /*-------------------------------------------------------------- Theme - Ticker --------------------------------------------------------------*/ .airinblog-css-top-left { float: left; width: 50%; padding: 5px 0; padding-right: 30px; } .airinblog-css-ticker { text-align :left; overflow: hidden; white-space: nowrap; } .airinblog-css-ticker span { display: inline-block; width: 100%; text-indent: 0; animation: marquee 15s linear 1; } .airinblog-css-ticker span:hover{ animation-play-state: paused; } .airinblog-css-ticker a { color: #ea4646; } @keyframes marquee { 0% {transform: translate(100%, 0);} 100% { transform: translate(0, 0);} } @media (max-width: 700px) { .airinblog-css-top-left { padding: 10px 0; } } @media (max-width: 400px) { .airinblog-css-top-left { display: none; } .airinblog-css-top-bar { justify-content: flex-end; min-height: 42px; } } /*-------------------------------------------------------------- Theme - Top menu --------------------------------------------------------------*/ /* PC version */ .airinblog-css-top-menu { clear: both; float: right; width: 50%; display: flex; justify-content: flex-end; align-items: center; } .airinblog-css-top-menu:empty { display: none; } .airinblog-css-top-menu-pc ul { display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; margin: 0; padding: 2px 0; } .airinblog-css-top-menu-pc li { float: left; position: relative; } .airinblog-css-top-menu-pc a { display: block; padding: 8px 10px; max-width: 300px; } .airinblog-css-top-menu-pc a:hover { color: #1e73bb; } .airinblog-css-top-menu-pc ul ul { background: #525252; float: left; position: absolute; left: -999em; z-index: 99999; padding: 0; max-width: 200px; } .airinblog-css-top-menu-pc ul ul ul { left: -999em; top: 0; padding-top: 0; } .airinblog-css-top-menu-pc ul ul ul a { text-align: right; } .airinblog-css-top-menu-pc ul ul a { min-width: 200px; color: #ffffff; } .airinblog-css-top-menu-pc ul li:hover { box-shadow: 0 1px 2px rgba(0,0,0,0.3); } .airinblog-css-top-menu-pc li:hover > a { background: #dd9922; color: #ffffff; } .airinblog-css-top-menu-pc ul li:hover > ul { left: auto; } .airinblog-css-top-menu-pc ul li:hover > ul { right: 0; } .airinblog-css-top-menu-pc ul ul li:hover > ul { right: 100%; } @media (min-width: 700px) { .airinblog-css-top-menu-mobile { display: none; } } @media (max-width: 700px) { .airinblog-css-top-menu-pc { display: none; } } @media (max-width: 400px) { .airinblog-css-top-menu { width: 100%; } } /* Top menu - mobile version */ .airinblog-css-nav-top-mobile-burger:after { content: '\2630'; font-family: "Play", "Open Sans", Helvetica, Arial, sans-serif; font-size: 22px; position: relative; padding: 3px 15px 5px; cursor: pointer; border: 1px solid #1e73bb; color: #1e73bb; } .airinblog-css-nav-top-mobile { background: #525252; width: 300px; min-width: 300px; height: 100%; position: fixed; top: 0; bottom: 0; margin: 0; right: -400px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; z-index: 100000; } .airinblog-css-nav-top-mobile-ul { display: none; } .airinblog-css-nav-top-mobile-toggle { line-height: 0; cursor: pointer; } .airinblog-css-nav-top-mobile-burger:hover, .airinblog-css-nav-top-mobile-toggle:hover { opacity: .8; } [id='airinblog-id-nav-top-mobile-toggle'] { position: absolute; display: none; } [id='airinblog-id-nav-top-mobile-toggle']:checked ~ .airinblog-css-nav-top-mobile > .airinblog-css-nav-top-mobile-title > .airinblog-css-nav-top-mobile-toggle { font-size: 2em; } [id='airinblog-id-nav-top-mobile-toggle']:checked ~ .airinblog-css-nav-top-mobile { right: 0; overflow-y: auto; } [id='airinblog-id-nav-top-mobile-toggle']:checked ~ .airinblog-css-nav-top-mobile > .airinblog-css-nav-top-mobile-ul { display: block; } [id='airinblog-id-nav-top-mobile-toggle']:checked ~ .airinblog-css-nav-top-mobile > .airinblog-css-nav-top-mobile-title > .airinblog-css-nav-top-mobile-toggle:after { content: '\2715'; color: #dd9922; } @-webkit-keyframes bugfix { to { padding: 0; } } @media (max-width: 400px) { .airinblog-css-nav-top-mobile { width: 100%; min-width: 100%; } } .airinblog-css-nav-top-mobile-title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dd9922; padding: 10px 20px; background: #f7f7f7; } .airinblog-css-nav-top-mobile-h { font-size: 1.5em; margin-right: 10px; color: #404046; } .airinblog-css-nav-top-mobile-ul { padding: 20px; } .airinblog-css-nav-top-mobile ul { line-height: 2; margin: 0; padding: 0; list-style: none; } .airinblog-css-nav-top-mobile a { font-size: 16px; display: block; padding: 8px 2px; color: #ffffff; } .airinblog-css-nav-top-mobile a:hover { padding-left: 8px; background: #dd9922; color: #ffffff; } .airinblog-css-nav-top-mobile > ul > li > a { text-transform: uppercase; } .airinblog-css-mask-content { display: block; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; } [id='airinblog-id-nav-top-mobile-toggle']:checked ~ .airinblog-css-mask-content { visibility: visible; opacity: 1; -webkit-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; } /*-------------------------------------------------------------- Theme - Accessibility Top menu --------------------------------------------------------------*/ /* Common */ .airinblog-css-top-jsmenu-box ul { list-style: none; margin: 0; padding: 2px 0; } .airinblog-css-top-jsmenu-box ul li { position: relative; } .airinblog-css-top-jsmenu-box a { padding: 8px 10px; } .airinblog-css-top-jsmenu-box li:hover > a { background: rgba(0,0,0,0.1); } .airinblog-css-top-jsmenu-box li a:hover, .airinblog-css-top-jsmenu-box li a:focus { background: #dd9922; color: #fff; } /* PC version */ .airinblog-css-top-jsmenu-pc ul { display: flex; flex-wrap: wrap; justify-content: flex-end; } .airinblog-css-top-jsmenu-pc ul li a { display: inline-block; } .airinblog-css-top-jsmenu-pc ul .sub-menu { display: block; position: absolute; top: 100%; right: 0; width: 200px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); opacity: 0; clip: rect(1px, 1px, 1px, 1px); z-index: 9999; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; transition: all ease 0.4s; padding: 0; background: #525252; } .airinblog-css-top-jsmenu-pc ul .sub-menu ul { top: 0; right: 100%; } .airinblog-css-top-jsmenu-pc .sub-menu li a, .airinblog-css-top-jsmenu-pc .sub-menu li a:hover, .airinblog-css-top-jsmenu-pc .sub-menu li a:focus { color: #fff; } .airinblog-css-top-jsmenu-pc ul li:hover > ul, .airinblog-css-top-jsmenu-pc ul li.focused > ul { opacity: 1; clip: unset; } .airinblog-css-top-jsmenu-pc > div > ul > li.menu-item-has-children > a:after { font-family: 'icomoon'; content: "\e903"; margin-left: 4px; line-height: 0; } .airinblog-css-top-jsmenu-pc ul ul .menu-item-has-children > a:before { content: "\276E"; margin-right: 8px; font-size: 0.875em; } .airinblog-css-top-jsmenu-pc ul .sub-menu li a { display: block; } /* Hiding the mobile menu and the PC version of the burger */ @media (min-width: 701px) { .airinblog-css-top-jsmenu-mobile, button.airinblog-css-toggle-btn { display: none!important; } } /* Mobile version */ @media screen and (max-width: 700px) { /* Off PC version */ .airinblog-css-top-jsmenu-pc .airinblog-css-top-jsmenu-container-box { display: none; } /* Burger button */ button.airinblog-css-toggle-btn { display: block; padding: 0; width: 25px; height: 25px; min-height: auto; position: relative; background: none; } button.airinblog-css-toggle-btn .airinblog-css-toggle-bar { background: #1e73bb; width: 20px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } button.airinblog-css-toggle-btn .airinblog-css-toggle-bar:first-child { top: -12px; } button.airinblog-css-toggle-btn .airinblog-css-toggle-bar:last-child { bottom: -12px; } button.airinblog-css-toggle-btn:hover .airinblog-css-toggle-bar { opacity: 0.9; } /* Menu close button */ .airinblog-css-top-jsmenu-box .airinblog-css-top-jsmenu-mobile .airinblog-css-close-top-jsmenu-nav-toggle { position: absolute; top: 20px; right: 24px; padding: 0; min-height: auto; width: 30px; height: 30px; background: none; border: none; } .airinblog-css-top-jsmenu-box .airinblog-css-top-jsmenu-mobile .airinblog-css-close-top-jsmenu-nav-toggle:before, .airinblog-css-top-jsmenu-box .airinblog-css-top-jsmenu-mobile .airinblog-css-close-top-jsmenu-nav-toggle:after { content: ""; background: #fff; width: 30px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .airinblog-css-top-jsmenu-box .airinblog-css-top-jsmenu-mobile .airinblog-css-close-top-jsmenu-nav-toggle:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } body:not(.airinblog-css-showing-top-jsmenu-modal) .airinblog-css-mobile-top-jsmenu { display: none; } /* Mobile menu */ .airinblog-css-top-jsmenu-mobile { position: fixed; top: 0; right: 0; width: 300px; height: 100%; z-index: 9999999; background: #525252; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow-y: auto; overflow-x: hidden; padding: 60px 0 40px 0; display: none; } .airinblog-css-top-jsmenu-mobile a { color: #fff; font-size: 16px; } .airinblog-css-top-jsmenu-mobile ul li a { display: block; padding: 10px 10px 10px 20px; } .airinblog-css-top-jsmenu-mobile li.menu-item-has-children > a { display: flex; align-items: center; min-height: 45px; padding-right: 50px; } .airinblog-css-top-jsmenu-mobile .submenu-toggle { position: absolute; top: 0; right: 0; height: 45px; width: 45px; padding: 0; background: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; transition: all ease 0.4s; } .airinblog-css-top-jsmenu-mobile button.submenu-toggle:after { font-family: 'icomoon'; content: "\e907"; font-size: 1.5em; } .airinblog-css-top-jsmenu-mobile .submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .airinblog-css-top-jsmenu-box .airinblog-css-top-jsmenu-mobile ul .sub-menu { width: 100%; position: static; opacity: 1; visibility: visible; background: rgba(0,0,0,0.02); box-shadow: none; display: none; -webkit-transition: none; -moz-transition: none; transition: none; } /* Padding for the scrollbar */ .airinblog-css-mobile-top-jsmenu { margin-right: 15px; } } @media (max-width: 400px) { .airinblog-css-top-jsmenu-mobile { width: 100%; } } /*-------------------------------------------------------------- Theme - Header --------------------------------------------------------------*/ .airinblog-css-site-header { background: #fffff7; } .airinblog-css-site-branding { padding: 0 25px 20px 25px; } .airinblog-css-site-brand-top, .airinblog-css-site-logo-box, .airinblog-css-site-title-box { margin-top: 20px; } .airinblog-css-site-brand-bottom { display: flex; justify-content: space-between; align-items: center; } .airinblog-css-site-brand-bottom-1 { display: flex; width: 50%; } .airinblog-css-site-title { font-size: 32px; line-height: 1.5; margin: 0; font-weight: 400; } .airinblog-css-site-title a { color: #404046; } .airinblog-css-site-description { border-top: 3px solid #dd9922; display: inline-block; line-height: 1.3; font-size: 16px; margin-top: 10px; padding-top: 10px; } /*-------------------------------------------------------------- Theme - Social Links --------------------------------------------------------------*/ /* Social links the header */ .airinblog-css-soc-top-box { list-style: none; float: right; margin-left: 38px; display: flex; flex-wrap: wrap; align-items: center; } .airinblog-css-soc-top-box-child { padding: 8px 0 8px 16px; float: left; } .airinblog-css-soc-top-box-anime { display: flex; justify-content: center; align-items: center; } /* Social links the header (Bottom part) */ .airinblog-css-site-brand-bottom-2 { width: 50%; margin-top: 20px; } .airinblog-css-site-brand-top-2 { display: none; } /* Header (mobile version) */ @media (max-width: 600px) { .airinblog-css-site-branding { display: flex; justify-content: center; flex-direction: column; align-items: center; } .airinblog-css-site-brand-bottom { flex-direction: column; } .airinblog-css-site-brand-bottom-1 { width: 100%!important; text-align: center; flex-direction: column; } .airinblog-css-site-brand-bottom-2 { width: 100%!important; } .airinblog-css-soc-top-box { justify-content: center; margin: 0; float: none; } .airinblog-css-soc-top-box-child { padding: 8px; } .airinblog-css-site-title-box { margin-left: 0!important; } .airinblog-css-site-description { margin-bottom: 0; } } @media (max-width: 225px) { .airinblog-css-site-brand-top { display: none; } } /*-------------------------------------------------------------- Theme - Top search --------------------------------------------------------------*/ .airinblog-css-search-top-bar { margin-right: 10px; } .airinblog-css-soc-search, .airinblog-css-top-search-modal-inner { font-size: 16px; } .airinblog-css-search-soc-styles { line-height: 0; } .airinblog-css-search-top-bar .airinblog-css-top-search-button, .airinblog-css-search-soc-styles .airinblog-css-top-search-button { background: rgba(0,0,0, 0); } .airinblog-css-search-top-bar .airinblog-css-top-search-button:hover, .airinblog-css-search-soc-styles .airinblog-css-top-search-button:hover { opacity: 1; } .airinblog-css-search-top-bar .airinblog-css-top-search-button { color: #dd9922; } .airinblog-css-search-top-bar .airinblog-css-top-search-button:hover { color: #404040; } .airinblog-css-search-soc-styles .airinblog-css-top-search-button:before { display: none; } .airinblog-css-top-search-button.search-icon { border-radius: 1px; } .airinblog-css-top-search-button:before { font-size: 28px; padding: 20px 11px 18px; } .search-very-small.airinblog-css-top-search-button:before { font-size: 22px; padding: 18px 11px 16px; } .search-mid.airinblog-css-top-search-button:before { font-size: 34px; padding: 24px 13px 20px; } .search-big.airinblog-css-top-search-button:before { font-size: 48px; padding: 30px 14px 24px; } .search-very-big.airinblog-css-top-search-button:before { font-size: 54px; padding: 34px 17px 30px; } .airinblog-css-search-top-bar .airinblog-css-top-search-button:before { font-size: 28px; padding: 18px 10px; } .airinblog-css-search-top-bar .search-very-small.airinblog-css-top-search-button:before { font-size: 22px; } .airinblog-css-search-top-bar .search-mid.airinblog-css-top-search-button:before { font-size: 34px; padding: 22px 10px 18px; } .airinblog-css-search-top-bar .search-big.airinblog-css-top-search-button:before { font-size: 40px; padding: 24px 10px 22px; } .airinblog-css-search-top-bar .search-very-big.airinblog-css-top-search-button:before { font-size: 48px; padding: 30px 14px 24px; } .airinblog-css-cover-search { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .airinblog-css-cover-search::-webkit-scrollbar { display: none!important; } .airinblog-css-cover-search.show-search-modal { display: block; cursor: pointer; } .airinblog-css-cover-search.show-search-modal > * { cursor: default; } .airinblog-css-top-search-modal { background: rgba(0, 0, 0, 0.5); display: none; opacity: 0; position: fixed; bottom: 0; left: -9999rem; top: 0; transition: opacity 0.2s linear, left 0s 0.2s linear; width: 100%; z-index: 999999; } .airinblog-css-top-search-modal.active-search { left: 0; opacity: 1; transition: opacity 0.2s linear; } .airinblog-css-top-search-modal-inner { background: #fff; transform: translateY(-100%); transition: transform 0.15s linear, box-shadow 0.15s linear; display: flex; align-items: center; justify-content: center; padding: 30px; } .airinblog-css-top-search-modal.active-search .airinblog-css-top-search-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.5); transform: translateY(0); transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; } .airinblog-css-top-search-modal-inner .search-form { margin-right: 20px; } .airinblog-css-top-close-search-toggle { padding: 8px 15px 7px; margin: 0; } .search-close-icon { line-height: 1.5; } .search-close-icon:before { content: '\2715'; font-size: 18px; font-weight: 600; } /*-------------------------------------------------------------- Theme - Main menu --------------------------------------------------------------*/ .airinblog-css-mega-menu a, .airinblog-css-mega-menu > a:hover, .airinblog-css-mega-menu > ul > li > a:hover { color: #fffffb; } .airinblog-css-mega-menu-container { border-bottom: 2px solid #dd9922; width: 100%; max-width: 1225px; background: #505050; } .airinblog-css-mega-menu { width: 100%; max-width: 1225px; margin: 0 auto; } .airinblog-css-mega-menu-mobile { display: none; padding: 15px 20px; text-transform: uppercase; } .airinblog-css-mega-menu-mobile:after { content: "\2630"; font-size: 2em; padding: 0; margin: 0; margin-bottom: -999px; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .airinblog-css-mega-menu-dropdown-icon:before { display: none; } .airinblog-css-mega-menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0 20px; position: relative; box-sizing: border-box; } .airinblog-css-mega-menu > ul:before, .airinblog-css-mega-menu > ul:after { content: ""; display: table; } .airinblog-css-mega-menu > ul:after { clear: both; } .airinblog-css-mega-menu > ul > li { float: left; background: #505050; padding: 0; margin: 0; } .airinblog-css-mega-menu > ul > li a { padding: 8px 10px 6px 10px; display: block; text-transform: uppercase; font-size: 15px; } .airinblog-css-mega-menu > ul > li:hover { background: #dd9922; } .airinblog-css-mega-menu > ul > li > ul { display: none; flex-wrap: wrap; width: 100%; background: #f7f7f7; padding: 20px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; border-bottom: 2px solid #dd9922; border-top: 2px solid #dd9922; } /* Support focus */ .airinblog-css-mega-menu li.focused > ul { /* important - is needed to override display-none after the hover event via js */ display: flex!important; } .airinblog-css-mega-menu > ul > li > ul:before, .airinblog-css-mega-menu > ul > li > ul:after { content: ""; display: table; } .airinblog-css-mega-menu > ul > li > ul:after { clear: both; } .airinblog-css-mega-menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; } .airinblog-css-mega-menu > ul > li > ul > li a { color: #1e73bb; padding: 12px 0 1px 0; width: 95%; display: block; border-bottom: 1px solid #dd9922; transition-duration: 0.4s; font-size: 0.875em; } .airinblog-css-mega-menu > ul > li > ul > li a:hover { padding-left: 8px; } .airinblog-css-mega-menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box; } .airinblog-css-mega-menu > ul > li > ul > li > ul:before, .airinblog-css-mega-menu > ul > li > ul > li > ul:after { content: ""; display: table; } .airinblog-css-mega-menu > ul > li > ul > li > ul:after { clear: both; } .airinblog-css-mega-menu > ul > li > ul > li > ul > li a { border: 0; text-transform: none; padding: 10px 0; } .airinblog-css-mega-menu > ul > li > ul > li > ul > li > ul { padding: 0; } .airinblog-css-mega-menu > ul > li > ul > li > ul > li > ul li { list-style-type: none; display: flex; align-items: center; } .airinblog-css-mega-menu > ul > li > ul > li > ul > li > ul li:before { content: ""; background: #dd9922; width: 7px; height: 7px; border-radius: 15%; margin-right: 8px; } .airinblog-css-mega-menu > ul > li > ul.normal-sub { width: 20%; left: auto; padding: 0; } .airinblog-css-mega-menu > ul > li > ul.normal-sub > li { width: 100%; } .airinblog-css-mega-menu > ul > li > ul.normal-sub > li a { border: 0; padding: 10px; width: 100%; color: #1e73bb; font-size: 0.875em; } .airinblog-css-mega-menu > ul > li > ul.normal-sub > li a:hover { padding-left: 18px; } @media (min-width: 860px) { .airinblog-css-mega-menu a.normal-sub-for-icon:after { font-family: 'icomoon'; content: "\e907"; margin-left: 5px; } .airinblog-css-mega-menu a.normal-sub-for-icon:only-child:after { content: ""; margin-left: 0; } } @media (max-width: 859px) { .airinblog-css-mega-menu-container { width: 100%; } .airinblog-css-mega-menu-mobile { display: block; } .airinblog-css-mega-menu-dropdown-icon { position: relative; } .airinblog-css-mega-menu-dropdown-icon:before { display: block; font-family: 'icomoon'; content: "\e917"; font-size: 1.5em; cursor: pointer; color: #fffffb; padding: .4em 1em .5em 2em; transition: .5s; right: 20px; position: absolute; } .airinblog-css-mega-menu-dropdown-icon.active:before { content: "\ea0f"; } .airinblog-css-mega-menu > ul { display: none; padding: 0; } .airinblog-css-mega-menu > ul > li { width: 100%; float: none; display: block; } .airinblog-css-mega-menu > ul > li a { padding: 1em; width: calc(100% - 100px); display: block; } .airinblog-css-mega-menu > ul > li > ul { position: relative; } .airinblog-css-mega-menu > ul > li > ul.normal-sub { width: 100%; } .airinblog-css-mega-menu > ul > li > ul > li { float: none; width: 100%!important; } .airinblog-css-mega-menu > ul > li > ul > li:first-child { margin: 0; } .airinblog-css-mega-menu > ul > li > ul > li > ul { position: relative; } .airinblog-css-mega-menu > ul > li > ul > li > ul > li { float: none; } .airinblog-css-mega-menu .show-on-mobile { display: block; } } /*-------------------------------------------------------------- Theme - Breadcrumbs --------------------------------------------------------------*/ .airinblog-css-breadcrumbs { background: rgba(0,0,0,0.03); overflow-wrap: anywhere; padding: 10px; margin-bottom: 25px; } /*-------------------------------------------------------------- Theme - Pagination --------------------------------------------------------------*/ /* Numbered pagination and buttons (Back and Forward) */ .nav-links { display: flex; flex-wrap: wrap; } .nav-links span, .nav-links a { border-radius: 2px; padding: 0.4em 1em; margin: 0.2em; display: inline-block; } .nav-links a { cursor: pointer; } /* Adding posts in categories (button) */ .airinblog-css-loadmore { display: flex; margin-bottom: 20px; } .airinblog-css-loadmore-button { text-align: center; border-radius: 2px; cursor: pointer; padding: 0.4em 1em; } /*-------------------------------------------------------------- Theme - Post navigation --------------------------------------------------------------*/ .airinblog-css-site-main .comment-navigation, .airinblog-css-site-main .posts-navigation, .airinblog-css-site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .posts-navigation { clear: both; } .comment-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- Theme - Footer --------------------------------------------------------------*/ .airinblog-css-site-footer { background: #505050; color: #fffffb; padding: 25px 25px 0; } .airinblog-css-site-footer li { color: #fffffb; } .airinblog-css-site-footer a { color: #eecc91; } .airinblog-css-site-footer a:hover { color: #ffedba; } .airinblog-css-site-footer h2 { color: #fffffb; } .airinblog-css-footer-menu { clear: both; display: block; float: left; width: auto; font-size: 14px; margin-bottom: 25px; } .airinblog-css-footer-menu ul { list-style: none; margin: 0; padding-left: 0; } .airinblog-css-footer-menu li { float: left; position: relative; } .airinblog-css-footer-menu a { display: block; padding: 0 10px; } .airinblog-css-footer-info { float: right; margin: 0 0 25px 10px; font-size: 14px; } /*-------------------------------------------------------------- Theme - Common Blocks (Gutenberg) --------------------------------------------------------------*/ /* Post separator */ hr.wp-block-separator { background: 0; } /* Tables */ .site .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: rgba(0,0,0,0.1); } .site .wp-block-table.is-style-stripes { border-bottom: 1px solid rgba(0,0,0,0.1); } /* Quote block */ .site blockquote cite { padding: 1em; } /* Pullquote block */ .site .wp-block-pullquote { padding: 0; } /* Label color in block widgets */ .site figcaption.wp-element-caption { color: #404040; } /* Block widgets - html code */ .site .wp-block-code { border: 0; border-radius: 0; } /* Block widgets - Audio */ .site .wp-block-audio audio { min-width: 200px; } /* Block widgets - Download file */ .site div.wp-block-file { font-size: 0.875em; } .site .wp-block-file__button { color: #1e73bb; } .site .wp-block-file__button:hover { color: #dd9925; } /* Block widgets - Calendar */ .site .wp-block-calendar { color: #404040; } .site .wp-block-calendar table caption, .site .wp-block-calendar table tbody { color: #404040; } /* Block widgets - Search */ .site input[type="search"] { border-radius: 2px 0 0 2px; border: 1px solid #dd9922; } .site .wp-block-search__button { border: 0; border-radius: 0 2px 2px 0; padding: 0 1em; margin: 0; font-size: 16px; } .site .wp-block-search__button, .wp-block-search__input, .woocommerce-product-search button, .woocommerce-product-search .search-field { line-height: 1.5; } .woocommerce-product-search button { border-radius: 0 2px 2px 0; } /* Block widgets - Login */ .site .wp-block-loginout .login-remember label { display: flex; align-items: center; } /*-------------------------------------------------------------- Theme - Widgets (General) --------------------------------------------------------------*/ .airinblog-css-widget-area .widget { padding-bottom: 30px; } .widget::after { content: ''; display: table; clear: both; } .widget .widget-title { display: block; font-size: 16px; line-height: 1.3; padding: 0 7px; text-transform: uppercase; margin: 0 0 20px; } .widget ul, .widget dl { padding-left: 25px; } /* Lists in Basic Widgets */ .widget_recent_entries ul, .widget_pages ul, .widget_categories ul, .widget_archive ul, .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; line-height: 2; } /* Calendar Widget */ .widget .calendar_wrap { max-width: 350px; } /*-------------------------------------------------------------- Theme - Block widgets (Gutenberg) --------------------------------------------------------------*/ /* Editing Lists in Block Widgets */ .widget_block.widget_recent_entries ul, .widget_block.widget_pages ul, .widget_block.widget_categories ul, .widget_block.widget_archive ul, .widget_block.widget_nav_menu ul, .widget_block.widget_recent_comments ol { padding: 0; margin: 0; } /* Initial background in block widgets */ .widget_block .wp-block-code, .widget_block .wp-block-verse { background: #fff; } /* Block widgets - Quote */ .widget_block .wp-block-quote { padding: 1px 15px; border-left: 0.25em solid #dd9922; } /* Block widgets - recent posts */ .widget_block .wp-block-latest-posts__list { line-height: 1.5; } /*-------------------------------------------------------------- Theme - Widgets (Footer) --------------------------------------------------------------*/ .airinblog-css-footer-widgets { display: flex; justify-content: space-between; margin-bottom: 20px; } .airinblog-css-footer-widgets .widget { margin: 0 15px 25px; } [class^="airinblog-css-footer-widget-"] { max-width: 550px; } @media (max-width: 1150px) { .airinblog-css-footer-widgets { flex-wrap: wrap; justify-content: center; } .airinblog-css-footer-widgets .widget { margin: 0 50px 25px 50px; } } @media (max-width: 800px) { .airinblog-css-footer-widgets .widget { margin: 0 15px 25px 15px; } } @media (max-width: 400px) { .airinblog-css-footer-widgets .widget { margin: 0 0 25px 0; } } /*-------------------------------------------------------------- Theme - Content part --------------------------------------------------------------*/ #page { max-width: 1225px; margin: auto; box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.3); } #content { background: #fffffa; padding: 25px; } .airinblog-css-right-sidebar.airinblog-css-template #primary, #primary { width: 72.38%; float: left; } .airinblog-css-right-sidebar.airinblog-css-template #secondary, #secondary { width: 25.5%; float: right; } .airinblog-css-left-sidebar.airinblog-css-template #primary, .airinblog-css-left-sidebar #primary { float: right; } .airinblog-css-left-sidebar.airinblog-css-template #secondary, .airinblog-css-left-sidebar #secondary { float: left; } .airinblog-css-no-sidebar-full #primary { width: 100%; float: none; } .airinblog-css-no-sidebar-center #primary { float: none; margin: auto; } .airinblog-css-left-sidebar.airinblog-css-template #primary, .airinblog-css-no-sidebar-center.airinblog-css-template #primary { width: 72.38%; } .airinblog-css-left-sidebar.airinblog-css-template #secondary, .airinblog-css-no-sidebar-center.airinblog-css-template #secondary { width: 25.5%; } /* Full width website */ .airinblog-css-full-max-width #page, .airinblog-css-full-max-width .airinblog-css-mega-menu-container, .airinblog-css-full-max-width .airinblog-css-mega-menu { max-width: 100%; } @media (max-width: 960px) { #secondary { margin-top: 40px; } #primary, #secondary, .airinblog-css-right-sidebar.airinblog-css-template #secondary, .airinblog-css-left-sidebar.airinblog-css-template #secondary, .airinblog-css-right-sidebar.airinblog-css-template #primary, .airinblog-css-left-sidebar.airinblog-css-template #primary, .airinblog-css-no-sidebar-center.airinblog-css-template #primary { width: 100%; } } /*-------------------------------------------------------------- Theme - Blocks of posts in the category section --------------------------------------------------------------*/ .airinblog-css-entry-header { padding: 14px 15px 8px; } .airinblog-css-entry-title { font-size: 18px; font-weight: 400; margin: 0; } .airinblog-css-entry-title a { color: inherit; } .airinblog-css-entry-title a:hover { color: #dd9925; } .airinblog-css-entry-meta, .airinblog-css-entry-more { padding: 0 15px 15px; } .airinblog-css-entry-content { padding: 0 20px 15px; } .airinblog-css-entry-content p { margin: 0; } .airinblog-css-entry-footer { padding: 0 15px; } .airinblog-css-cat-box { display: grid; align-items: start; justify-content: space-evenly; } /* General columns settings */ .airinblog-css-cat-grid { margin-bottom: 25px; font-size: 15px; line-height: 1.5; } .airinblog-css-cat-thumbnail, .airinblog-css-cat-thum-anime:before, .airinblog-css-cat-thumbnail img { transition: all .5s; } /*-------------------------------------------------------------- Theme - Meta tags for post blocks in categories --------------------------------------------------------------*/ .airinblog-css-cat-meta-boxs { display: flex; flex-wrap: wrap; } .airinblog-css-cat-meta-box { display: flex; align-items: center; margin: 3px 5px; padding: 5px 7px 5px 0; } .airinblog-css-cat-meta-box-taxonomy { margin: 5px; line-height: normal; } .airinblog-css-cat-meta-label-data { margin-left: 7px; text-align: center; line-height: normal; } .airinblog-css-cat-meta-label { text-transform: uppercase; font-size: 0.6875em; } .airinblog-css-cat-meta-data, .airinblog-css-cat-meta-data a { font-size: 14px; } .airinblog-css-cat-meta-data-tax span { color: #1e73bb; } /* Icons for meta tags in categories */ .icon-autor-cat-meta::before, .icon-calendar-cat-meta::before, .icon-spinner-cat-meta::before, .icon-bubble-cat-meta::before, .icon-eye-cat-meta::before { text-rendering: auto; margin-left: 7px; } .icon-autor-cat-meta::before { content: "\e971"; line-height: 0.8; } .icon-calendar-cat-meta::before { content: "\e953"; } .icon-spinner-cat-meta::before { content: "\e984"; } .icon-bubble-cat-meta::before { content: "\e96e"; } .icon-eye-cat-meta::before { content: "\e9ce"; } .icon-cat-cat-meta::before, .icon-tag-cat-meta::before { text-rendering: auto; margin-right: 7px; float: left; } .icon-cat-cat-meta::before { content: "\e930"; } .icon-tag-cat-meta::before { content: "\e935"; } /*-------------------------------------------------------------- Theme - Posts and pages --------------------------------------------------------------*/ .airinblog-css-page-header-default, .airinblog-css-page-header, .airinblog-css-post-header, .airinblog-css-mod-pp-header { padding: 0 15px; margin-bottom: 20px; } .airinblog-css-post-thumbnail, .airinblog-css-page-thumbnail { margin-bottom: 25px; } .airinblog-css-post-title, .airinblog-css-page-title { margin: .75em 0; } .airinblog-css-post-content, .airinblog-css-page-content, .airinblog-css-mod-pp-content { padding: 0 15px 15px; margin: 0; overflow: hidden; } .airinblog-css-post-content li, .airinblog-css-page-content li, .airinblog-css-mod-pp-content li { line-height: 2; } .airinblog-css-mod-pp-content > blockquote p { margin: 1em; } .airinblog-css-post-content h2:before, .airinblog-css-post-content h3:before, .airinblog-css-post-content h4:before, .airinblog-css-post-content h5:before, .airinblog-css-post-content h6:before, .airinblog-css-page-content h2:before, .airinblog-css-page-content h3:before, .airinblog-css-page-content h4:before, .airinblog-css-page-content h5:before, .airinblog-css-page-content h6:before, .airinblog-css-mod-pp-content h2:before, .airinblog-css-mod-pp-content h3:before, .airinblog-css-mod-pp-content h4:before, .airinblog-css-mod-pp-content h5:before, .airinblog-css-mod-pp-content h6:before { white-space: pre; } .airinblog-css-post-footer, .airinblog-css-page-footer { padding: 0 15px; } .post-password-form input { margin-bottom: 10px; } /*-------------------------------------------------------------- Theme - Meta tags for posts --------------------------------------------------------------*/ .airinblog-css-post-meta-boxs { display: flex; flex-wrap: wrap; } .airinblog-css-post-meta-box { display: flex; align-items: center; margin: 5px; padding: 5px 7px 5px 0; } .airinblog-css-post-meta-box-taxonomy { margin: 5px; display: flex; align-items: center; } .airinblog-css-post-meta-label-data { margin-left: 7px; text-align: center; line-height: normal; } .airinblog-css-post-meta-label { text-transform: uppercase; font-size: 0.6875em; } .airinblog-css-post-meta-data, .airinblog-css-post-meta-data a { font-size: 0.875em; } .airinblog-css-post-meta-data-tax span { color: #1e73bb; } /* Icons for post meta tags */ .icon-autor-post-meta::before, .icon-calendar-post-meta::before, .icon-spinner-post-meta::before, .icon-bubble-post-meta::before, .icon-clock-post-meta::before, .icon-eye-post-meta::before { text-rendering: auto; margin-left: 7px; } .icon-autor-post-meta::before { content: "\e971"; line-height: 0.8; } .icon-calendar-post-meta::before { content: "\e953"; } .icon-spinner-post-meta::before { content: "\e984"; } .icon-bubble-post-meta::before { content: "\e96e"; } .icon-clock-post-meta::before { content: "\e94e"; } .icon-eye-post-meta::before { content: "\e9ce"; } .icon-cat-post-meta::before, .icon-tag-post-meta::before { text-rendering: auto; margin: 0 10px; float: left; } .icon-cat-post-meta::before { content: "\e930"; } .icon-tag-post-meta::before { content: "\e935"; } /*-------------------------------------------------------------- Theme - Author block in posts --------------------------------------------------------------*/ .airinblog-css-bio-post-box { margin: 30px 15px; padding: 20px; } .airinblog-css-bio-post-user { display: flex; justify-content: flex-start; align-items: center; } .airinblog-css-bio-post-box-left { min-width: 25%; width: 25%; float: left; } .airinblog-css-bio-post-box-left-img { display: flex; justify-content: center; } .airinblog-css-bio-post-box-right { float: right; padding: 0 15px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; justify-content: center; } .airinblog-css-bio-post-box-right data, .airinblog-css-bio-post-box-right autor { margin: 5px 0; } .airinblog-css-bio-post-box h2 { margin: 20px 15px 0; font-size: 16px; text-align: center; } .airinblog-css-bio-post-autor-posts { margin-top: 5px; margin-bottom: -10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .airinblog-css-bio-post-autor-posts-child { margin: 10px; width: 125px; } .airinblog-css-bio-post-autor-posts-child img { border-radius: 2px; } .airinblog-css-bio-post-autor-posts-child img:hover { opacity: 0.8; } @media (max-width: 500px) { .airinblog-css-bio-post-user { flex-direction: column; } .airinblog-css-bio-post-box-left { width: 100%; margin-bottom: 10px; } } /*-------------------------------------------------------------- Theme - Links to the next and previous post --------------------------------------------------------------*/ .airinblog-css-np-box { display: flex; justify-content: space-between; } .airinblog-css-np-post { margin: 20px; width: 45%; max-width: 400px; } .airinblog-css-previous-post-box { display: flex; justify-content: flex-start; margin-top: 10px; } .airinblog-css-next-post-box { display: flex; flex-direction: row-reverse; margin-top: 10px; } .airinblog-css-np-post-img { min-width: 85px; width: 85px; margin-top: 5px; } .airinblog-css-np-post-title { margin: 0; padding: 0 20px; } .airinblog-css-np-post-title a { font-size: 1em; } .airinblog-css-previous-post-link, .airinblog-css-next-post-link { font-weight: 700; } .airinblog-css-next-post-link { text-align: right; } @media (max-width: 700px) { .airinblog-css-previous-post-box, .airinblog-css-next-post-box { flex-direction: column; align-items: center; } .airinblog-css-np-post-img { margin-bottom: 8px; } } @media (max-width: 400px) { .airinblog-css-np-post, .airinblog-css-next-post-link { width: 95%; text-align: center; } .airinblog-css-np-box { flex-direction: column; align-items: center; } } /*-------------------------------------------------------------- Theme - Similar posts --------------------------------------------------------------*/ .airinblog-css-related-box { display: grid; align-items: start; justify-content: space-evenly; } .airinblog-css-related-post-box { border-radius: 2px; margin-bottom: 25px; } .airinblog-css-related-thumbnail { overflow: hidden; } .airinblog-css-related-post-header { padding: 15px; } .airinblog-css-related-post-title { margin: 0; } .airinblog-css-related-post-title a { color: inherit; } /* Title highlighting when hovering over a block */ .airinblog-css-related-post-box:hover .airinblog-css-related-post-title { color: #dd9925; } .airinblog-css-related-thumbnail img:hover, .airinblog-css-related-post-box:hover .airinblog-css-related-thumbnail img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } h2.airinblog-css-related-post-title { font-weight: 400; } /*-------------------------------------------------------------- Theme - Pages 404 --------------------------------------------------------------*/ .widget_404_box { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .widget_404_chield { width: 40%; } @media (max-width: 650px) { .widget_404_chield { width: 100%; } } /*-------------------------------------------------------------- Theme - Site map --------------------------------------------------------------*/ /* Site map - Categories */ .airinblog-css-sitemap-cat { margin: 25px; } .airinblog-css-sitemap-cat ul { padding-left: 22px; } .airinblog-css-sitemap-cat li { line-height: 2; min-width: 200px; width: 40%; float: left; margin-right: 10%; list-style: none; } .airinblog-css-sitemap-cat li:before { font-family: "icomoon"; text-rendering: auto; content: "\e930"; margin-right: 8px; color: #dd9922; } /* Site map - Posts */ .airinblog-css-sitemap-post { margin: 25px; } .airinblog-css-sitemap-post li { list-style: square; line-height: 2; } .airinblog-css-sitemap-pagi { display: flex; flex-wrap: wrap; margin-top: 15px; } .airinblog-css-sitemap-pagi span, .airinblog-css-sitemap-pagi a { border-radius: 2px; margin: 0.2em; padding: 0.2em 0.6em; } .airinblog-css-sitemap-pagi a { background: #dd9922; color: #fffffc; cursor: pointer; } .airinblog-css-sitemap-pagi a:hover { opacity: 0.9; color: #fffffc; } .airinblog-css-sitemap-pagi span.current { border: 1px solid #dd9922; } /* Site map - Pages */ .airinblog-css-sitemap-page { margin: 25px; } .airinblog-css-sitemap-page li { list-style: square; line-height: 2; min-width: 200px; width: 40%; float: left; margin-right: 10%; } /*-------------------------------------------------------------- Theme - Block editor (Gutenberg) --------------------------------------------------------------*/ /* General */ .airinblog-css-mod-pp-content > div, .airinblog-css-mod-pp-content > nav, .airinblog-css-mod-pp-content > form { margin-bottom: 1.5em; } /* Quote block */ .airinblog-css-mod-pp-content .wp-block-quote { margin: 1.5em; } /* Widget - Reviews */ .airinblog-css-mod-pp-content .wc-block-review-list { padding-left: 25px; } .airinblog-css-mod-pp-content .wc-block-components-review-list-item__item { list-style: none; } /* Widget - Comments */ .airinblog-css-mod-pp-content ol.wp-block-comment-template li:before, .airinblog-css-mod-pp-content ol li.wp-block-latest-comments__comment:before { content: none; } /* Widget - Post lists */ .airinblog-css-mod-pp-content .wp-block-rss, .airinblog-css-mod-pp-content .wp-block-latest-posts.wp-block-latest-posts__list { padding-left: 25px; } .airinblog-css-mod-pp-content .wp-block-post-template { padding-left: 0; } .airinblog-css-mod-pp-content .wp-block-post-template li, .airinblog-css-mod-pp-content .wp-block-rss li, .airinblog-css-mod-pp-content .wp-block-latest-posts li { list-style-type: none; } /* Comment forms */ .airinblog-css-mod-pp-content .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) { padding: 8px; border: 1px solid #dd9922; } .airinblog-css-mod-pp-content .wp-block-post-comments-form textarea { border: 1px solid #dd9922; } .airinblog-css-mod-pp-content .wp-block-post-comments-form label { margin-top: 0.35em; } /* Blocks - Insert */ .airinblog-css-mod-pp-content .wp-block-embed blockquote::before { content: none; } /*-------------------------------------------------------------- Theme - Main page --------------------------------------------------------------*/ /* General styles for sections on the main page */ .airinblog-css-home-section-label { font-size: 20px; margin: 0 15px 15px; } /*-------------------------------------------------------------- Scroll up --------------------------------------------------------------*/ .airinblog-css-scrollup { width: 64px; height: 64px; opacity: 0.2; position: fixed; bottom: 20px; right: 30px; display: none; text-indent: -9999px; background-image: url(img/scroll/circle/brace.png); background-repeat: no-repeat; background-size: 100%; } .airinblog-css-scrollup:hover { opacity: 0.8; transition-duration: 0.6s; } /*========================================================================================== Mobile css ==========================================================================================*/ /* Common Mobile Styles */ @media (max-width: 500px) { .airinblog-css-page-header-default, .airinblog-css-page-header, .airinblog-css-post-header, .airinblog-css-mod-pp-header, .airinblog-css-post-content, .airinblog-css-page-content, .airinblog-css-mod-pp-content, .airinblog-css-post-footer, .airinblog-css-page-footer, .airinblog-css-bio-post-box, .airinblog-css-post-content > blockquote, .airinblog-css-page-content > blockquote, .airinblog-css-mod-pp-content > blockquote, #respond { padding-left: 0; padding-right: 0; } .airinblog-css-bio-post-box, .airinblog-css-home-section-label { margin-left: 0; margin-right: 0; } } /*========================================================================================== Various changes ==========================================================================================*/ /*========================================================================================== * Attention! * Do not edit this file, after updating all changes will be lost * To add your own styles, use the special section in the customizer * Instructions: * 1. In your WordPress dashboard, go to - Appearance - Customize * 2. In the customizer panel, select - Additional CSS * 3. In the text editor that opens, add your styles ==========================================================================================*/