/*
Theme Name: IndexOfApps
Theme URI: https://www.indexofapps.com/
Author: IndexOfApps
Author URI: https://www.indexofapps.com/
Description: IndexOfApps WordPress theme.
Version: 1.0
License: GPLv2 or later
Text Domain: indexofapps
*/

/* All media screen */
html, body {color: #333;}
body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; }
header, .primarymenu, .skip-to-content, #ioa-footer {background-color:#333;}
.ioa-tophdr {display: flex;justify-content: space-between;align-items: center;padding: 0px 3em;height: 5em;}
.ioa-sitelogo img {width: 60%;height: 60%;vertical-align: middle;}
.ioa-menu {position: relative;margin: 0px 4em;}
.menu-toggle {display:none;}
.primarymenu {list-style: none;display: flex;gap: 29px;margin: 0;padding: 0;}
h1 {font-size:2em;}h2 {font-size: 1.5em;}h3 {font-size:1.3em;}h4 {font-size:1.1em;}h5 {font-size:1em;}h6 {font-size:0.875em;}
#ioa-container{max-width:1280px;margin: 0 auto;display:flex;}
#ioa-primary{width: 66%;margin: 0 auto; padding: 3em;}
.entry-header{text-align:center;}
#ioa-secondary {border-left: solid 1px #e1dddd;display: block;margin: 0 auto;margin-top: 3em;}
.ioa-widget{padding: 2em;background: #fff;width: 300px;}
.post-featured-image {width: 100%; height: auto; margin-bottom: 15px;}
.post-featured-image img, .page-featured-image img {width:100%;height:auto;border-radius:5px;}
.post-featured-image img{aspect-ratio: 16 / 9;}
.page-featured-image img{aspect-ratio: 1 / 1;}

/*load later*/
.skip-to-content {position:absolute;top: -40px;left:0;text-decoration: none;z-index:100;transition:top 0.3s ease-in-out;width: -webkit-fill-available;
text-align:center;}.skip-to-content:focus {top: 10px; outline: none;}
.post-list h2 a, .post-excerpt h2 a, .pagination a{text-decoration: none; color: #333; }
.post-list { display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1.5em;padding: 0;}
.page-list { display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:1.5em;padding: 0;}
.screen-reader-text {display: none;}

/* Max Width 800  */
@media screen and (max-width: 800px) {
.ioa-tophdr {padding: 0px 1em;}
.ioa-menu {margin: 0px 0em;}
.primarymenu {display: none;flex-direction: column;position: absolute;right: 0;top: 50px;width: 100%;padding: 10px 0;}
.menu-toggle {display: block;}
.sub-menu { position: relative; }
#ioa-container{ display:block;padding: 1em;}
#ioa-primary{width: initial;padding: 0;}
h1 {font-size:1.5em;}h2 {font-size:1.2em;}h3 {font-size:1.1em;}h4 {font-size:1.0em;}h5 {font-size:0.85em;}h6 {font-size:0.75em;}
#ioa-secondary {display: flex;width: 100%;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.ioa-widget {width: 100%;padding:0; }
/* Load later Max Width 800  */
.primarymenu.active {display: flex; width: 7em; padding: 2em; top: 2.2em;}
#ioa-secondary .sidebar_list {display:flex;flex-wrap: wrap;justify-content: center;}
#ioa-secondary .sidebar_list aside {padding: 0em 1em;width: 100%;border: solid 1px #333;margin: 4px;}
.post-meta {display: flex;flex-wrap: wrap;margin-bottom: 1em;} }

/* All media screen */
.post-category a, .post-author a {text-decoration: none;color: #004a7c; font-weight: bold;}
.post-ioahdr h1 {margin:0;}

img.emoji {
    height: 1em !important;
    width: 1em !important;
    vertical-align: middle !important;
    margin: 0 .1em !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}