/**
 * Theme Name: Idaho Webmaster v4 - Child
 * Template: Webmaster-v4
 * Description: The theme to use and edit for making any changes to a specific site.
 * Author: White Whale Web
 * Author URI: https://whitewhaleweb.com/
 * Version: 1.0.1
 * Text Domain: webmaster-bs4
 */

/* =============================================================================
   SOMB color tokens. Overrides the Customizer color scheme (loads after it).
   Built around the old SOMB dark red; all text pairs meet WCAG AA (4.5:1).
   ============================================================================= */
:root {
    --color1: #731605;                       /* primary: nav bars, dark backgrounds (white text 11.4:1) */
    --color2: #A33A1E;                       /* links and buttons (6.6:1 on white) */
    --color3: #E07A4F;                       /* button hover text on --color8 (5.9:1) */
    --color4: #F2C4A8;                       /* light accent, hover text on --color1 (7.2:1), borders */
    --color4dimmed: rgba(242, 196, 168, 0.2);
    --color5: #F7A072;                       /* icon/top menu hover on --color1 (5.5:1) */
    --color6: #B35639;                       /* link hover, old SOMB orange (4.9:1 on white) */
    --color9: #F7F1EF;                       /* light background: tables, dropdowns */
}

/* =============================================================================
   Home page (front-page.php), ported from the old SOMB theme
   ============================================================================= */
.somb-home-section {
    background: var(--color9);
    margin-bottom: 2rem;
    padding: 0 0 1.5rem;
}

.somb-home-section > h2,
.somb-what-is-right > h2 {
    background: var(--color1);
    color: var(--color7);
    font-style: italic;
    margin: 0 0 1.5rem;
    padding: 15px 30px 10px;
    position: relative;
}

.somb-home-section > h2 span {
    position: absolute;
    right: 30px;
}

.somb-home-section > .row,
.somb-home-section > .news-item,
.somb-home-section > #home-partners-content,
.somb-home-section > p {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.somb-what-is-right {
    color: var(--color1);
    font-size: 1.25rem;
    font-style: italic;
}

.somb-what-is-right img {
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
}

.somb-button {
    margin-top: 30px;
    text-align: center;
}

#news.somb-home-section {
    background-image: url('/wp-content/uploads/2018/10/bg-news-970x368.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

@media (min-width: 992px) {
    .somb-what-is-right {
        border-left: 5px solid var(--color4);
    }
}

#news .news-item {
    padding-bottom: 25px;
}

#news .news-item a,
#all-partners {
    color: var(--color1);
    text-decoration: underline;
}

#news .news-item a:hover,
#all-partners:hover {
    text-decoration: none;
}

#partner-carousel {
    margin: 0 auto;
    padding: 0 3rem;
}

#partner-carousel img {
    max-height: 150px;
}

#partner-carousel .carousel-control-prev,
#partner-carousel .carousel-control-next {
    width: 3rem;
}

/* Default arrows are white; make them dark so they show on the light background */
#partner-carousel .carousel-control-prev-icon,
#partner-carousel .carousel-control-next-icon {
    filter: invert(1) grayscale(1);
}


/* =============================================================================
   SOMB templates (inc/somb.php, page-*.php, single-*.php)
   ============================================================================= */
.somb-card {
    border-bottom: 1px solid var(--color4);
    padding: 1.5rem 0;
}

.somb-card img {
    margin-bottom: 1rem;
}

.single-document {
    padding: 0.25rem 0;
}

.somb-page .accordion {
    margin-bottom: 1.5rem;
}


/* =============================================================================
   Parent theme fixes (site-wide)
   ============================================================================= */

/* Parent "body:not(.home) h2 { margin-top }" also hits accordion headings and adds a big gap above them */
.accordion .accordion-header {
    margin-top: 0;
}

/* Parent sets 0 side padding, so text and caret touch the border */
.accordion .accordion-button,
.accordion .accordion-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* The h2 header has "line-height: 1.2em", which the button inherits as the h2's big px value */
.accordion .accordion-button {
    line-height: 1.3;
}

/* Sidebar widget titles  get the dark heading color on the dark sidebar */
.sidebar .widget-title,
.sidebar h2,
.sidebar h3 {
    color: #fff;
}

/* Footer widget titles are h3, so they get the dark heading color on the dark footer */
#colophon .widget-title {
    color: #fff;
}

/* Parent style.css has a misplaced comment that merges the .btn-primary rule into the :hover rule,
   so buttons always get the hover colors. Keep the text white in the normal state. */
.btn-primary,
.btn-primary > a,
.wp-element-button,
.wp-element-button > a,
.wp-block-search__button,
.wp-block-search__button > a {
    color: var(--color7);
}