/* Theme Name: Twenty Seventeen Description: IE8 specific style. */ body { font-size: 16px; } h1 { font-size: 30px; font-size: 1.875rem; } h2, .page .panel-content .recent-posts .entry-title { font-size: 26px; font-size: 1.625rem; } h3 { font-size: 22px; font-size: 1.375rem; } h4 { font-size: 18px; font-size: 1.125rem; } h5 { font-size: 13px; font-size: 0.8125rem; } h6 { font-size: 16px; font-size: 1rem; } img { width: inherit; /* Make images fill their parent's space. */ } /* Fixes linked images */ .entry-content a img, .widget a img { filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff); } /* Layout */ .site-content { padding: 6.5em 0 0; } /* Site Branding */ .custom-header { overflow: hidden; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header { display: block; } .custom-header-media { background-position: bottom center; } .site-branding { padding: 45px 0; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding { bottom: 0; display: block; left: 0; height: auto; padding-top: 0; position: absolute; width: 100%; } .has-header-image .custom-header-media img { left: 0; top: 0; } .site-title { font-size: 36px; font-weight: 700; } .site-description { font-size: 16px; } /* Main Navigation */ .navigation-top { background: #fff; position: relative; z-index: 10; } .menu-toggle { width: 150px; } .main-navigation ul#top-menu { margin-bottom: -1px; padding: 0; } .no-svg .dropdown-toggle { padding: 0.25em 0 0; } .no-svg .dropdown-toggle.toggled-on { padding: 0.75em 0 0; } .dropdown-toggle .svg-fallback.icon-angle-down { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; } .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; } /* Front Page */ .twentyseventeen-front-page.has-header-image .custom-header, .blog.home.has-header-image .custom-header, .panel-image { height: 800px; max-height: 800px; padding-top: 0; } .twentyseventeen-front-page .custom-header-media, .blog.home .custom-header-media { background-position: center center; } .twentyseventeen-front-page.has-header-image .site-branding, .home.blog.has-header-image .site-branding { bottom: 20px; position: absolute; width: 100%; } .page .panel-content .entry-title, .page-title, .page .entry-title { font-size: 14px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } /* Posts */ .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 4em; } time.updated { display: none; } time.published { display: inline-block; } .blog .entry-title { padding-top: 0; } .single-post .entry-title, .page .entry-title, .entry-meta + .entry-title { font-size: 26px; font-weight: 400; letter-spacing: normal; padding-top: 0; text-transform: none; } .entry-footer .cat-links, .entry-footer .tags-links { padding-left: 0; } .comment-author .avatar { z-index: -1; } ol.children .children { padding-left: 2em; } /* RTL Styles */ .rtl .has-header-image.twentyseventeen-front-page .site-branding, .rtl .has-header-image.home.blog .site-branding { left: auto; right: 0; } .rtl .entry-footer .cat-links, .rtl .entry-footer .tags-links { padding-right: 0; } .rtl ol.children .children { padding-left: 0; padding-right: 2em; }