/*
Theme Name:     Grizzly
Theme URI:      http://grizzly.wegrass.com
Description:    WordPress Theme - Responsive Apps Showcase / Corporate
Tags:           two-columns, custom-colors, custom-background
Author:         Wegrass Interactive
Author URI:     http://wegrass.com
Version:        2.2
License:        GNU General Public License
License URI:    license.txt
*/

/* App store icons are opaque squares, so clip them to the rounded shape of the transparent icons. 22% is less curved than the A&P PNG, so transparent icons keep their shape. */
#apps-icon {
    border-radius: 22%;
}

/* The theme leaves two_fourth columns at 48% on mobile. The footer contact form is one, so make it full width below 768px. */
@media only screen and (max-width: 767px) {
    #pre-footer .two_fourth {
        width: 100%;
    }
}

/* Items with a dropdown arrow keep their 30px right padding for the arrow. Add the same 30px after Home so Home to Apps matches Apps to Articles. */
body #primary-menu > li.menu-item-home > a {
    margin-right: 30px;
}

/* Article pages: GCSE hub (354) and Level 3 course guides (the same hub). Subject pages: GCSE 355 Maths, 366 Biology, 368 Physics, 372 Chemistry, 376 Geography, 380 History, 384 English Language, 388 English Literature; Level 3 392 Anatomy and Physiology, 393 Electrical Wiring, 394 Diet and Nutrition. News posts: two per subject (see the sidebar rules below). Add new article IDs to every selector below. */
:is(body.page-id-354, body.page-id-355, body.page-id-366, body.page-id-368, body.page-id-372, body.page-id-376, body.page-id-380, body.page-id-384, body.page-id-388, body.page-id-392, body.page-id-393, body.page-id-394, body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) #main-content p,
:is(body.page-id-354, body.page-id-355, body.page-id-366, body.page-id-368, body.page-id-372, body.page-id-376, body.page-id-380, body.page-id-384, body.page-id-388, body.page-id-392, body.page-id-393, body.page-id-394, body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) #main-content li {
    font-size: 16px;
    color: #333;
}

/* Article links use a darker blue than #3890b8, which is about 3.6:1 on white and fails WCAG AA for small text. #1f6f96 is about 5.6:1. */
:is(body.page-id-354, body.page-id-355, body.page-id-366, body.page-id-368, body.page-id-372, body.page-id-376, body.page-id-380, body.page-id-384, body.page-id-388, body.page-id-392, body.page-id-393, body.page-id-394, body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) #main-content a {
    color: #1f6f96;
}

:is(body.page-id-354, body.page-id-355, body.page-id-366, body.page-id-368, body.page-id-372, body.page-id-376, body.page-id-380, body.page-id-384, body.page-id-388, body.page-id-392, body.page-id-393, body.page-id-394, body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) #main-content .wp-block-latest-posts__post-date {
    margin-left: 0.6em;
}

/* Bullets: iPassPro blue dot (#3890b8, the A&P app colour), drawn at the same left edge as the grey theme image it replaces. */
:is(body.page-id-354, body.page-id-355, body.page-id-366, body.page-id-368, body.page-id-372, body.page-id-376, body.page-id-380, body.page-id-384, body.page-id-388, body.page-id-392, body.page-id-393, body.page-id-394, body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) #main-content li {
    background-image: none;
    list-style-type: none;
    position: relative;
}

:is(body.page-id-354, body.page-id-355, body.page-id-366, body.page-id-368, body.page-id-372, body.page-id-376, body.page-id-380, body.page-id-384, body.page-id-388, body.page-id-392, body.page-id-393, body.page-id-394, body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) #main-content li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.4em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3890b8;
}

/* Comments are closed, so hide the empty comment bubble in the news post header. */
:is(body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) .entry-meta .comments {
    display: none;
}

/* The author box shows a broken avatar (a 1px image pointing at a 2013 file), so it is hidden on news posts. The author name is already in the post meta. */
:is(body.postid-356, body.postid-357, body.postid-364, body.postid-365, body.postid-369, body.postid-370, body.postid-373, body.postid-374, body.postid-377, body.postid-378, body.postid-381, body.postid-382, body.postid-385, body.postid-386, body.postid-389, body.postid-390, body.postid-395, body.postid-396, body.postid-397, body.postid-398, body.postid-399, body.postid-400) .author-box {
    display: none;
}

/* Blog sidebar promos: text-3 to text-10 are the GCSE subjects (Maths to English Literature), text-11 Anatomy and Physiology, text-12 Electrical Wiring, text-13 Diet and Nutrition. Each news post shows only its own subject's promo. */
:is(body.postid-356, body.postid-357) :is(#text-4, #text-5, #text-6, #text-7, #text-8, #text-9, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-364, body.postid-365) :is(#text-3, #text-5, #text-6, #text-7, #text-8, #text-9, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-369, body.postid-370) :is(#text-3, #text-4, #text-6, #text-7, #text-8, #text-9, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-373, body.postid-374) :is(#text-3, #text-4, #text-5, #text-7, #text-8, #text-9, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-377, body.postid-378) :is(#text-3, #text-4, #text-5, #text-6, #text-8, #text-9, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-381, body.postid-382) :is(#text-3, #text-4, #text-5, #text-6, #text-7, #text-9, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-385, body.postid-386) :is(#text-3, #text-4, #text-5, #text-6, #text-7, #text-8, #text-10, #text-11, #text-12, #text-13),
:is(body.postid-389, body.postid-390) :is(#text-3, #text-4, #text-5, #text-6, #text-7, #text-8, #text-9, #text-11, #text-12, #text-13),
:is(body.postid-395, body.postid-396) :is(#text-3, #text-4, #text-5, #text-6, #text-7, #text-8, #text-9, #text-10, #text-12, #text-13),
:is(body.postid-397, body.postid-398) :is(#text-3, #text-4, #text-5, #text-6, #text-7, #text-8, #text-9, #text-10, #text-11, #text-13),
:is(body.postid-399, body.postid-400) :is(#text-3, #text-4, #text-5, #text-6, #text-7, #text-8, #text-9, #text-10, #text-11, #text-12) {
    display: none;
}

/* Body text on app pages and the free sample tests hub (page 273), 13px to 16px to match the articles. */
body.single-app #body-content p,
body.single-app #body-content li,
body.page-id-273 #main-content p {
    font-size: 16px;
}

/* Intro copy on each sample test page, outside the interactive quiz (#ipasspro-app), which is not changed. */
body.ipasspro-test-page #main-content > p {
    font-size: 16px;
}