/**
 * Theme Name: JustRelations Custom
 * Description: A child theme of the city-hall theme.
 * Author: Sherri Wheeler
 * Author URI: https://www.avinus.com
 * Template:   city-hall
 * Version: 0.5.0
 * License: Proprietary
 * License URI: https://www.avinus.com

#00632C   - Green
#000663     - Blue
#630038     - Purple
#635D00   - Yellow

Light:
#00B851  - Light Green
#000BB8  - Light blue
#B80067  - Light Purple
#B8AD00  - Light Yellow

Dark:
#003919 - Dark Green
#000439 - Dark Blue
#390020  - Dark Purple
#393500  - Dark Yellow
 */

:root {

    --jr-main-color: #00632C;
    --jr-main-compliment: #630038;
    --jr-main-highlight-cool: #000663;
    --jr-main-highlight-warm: #635D00;

    --jr-dark-color: #003919;
    --jr-dark-compliment: #390020;
    --jr-dark-highlight-cool: #000439;
    --jr-dark-highlight-warm: #393500;

    --jr-light-color: #00B851;
    --jr-light-compliment: #B80067;
    --jr-light-highlight-cool: #000BB8;
    --jr-light-highlight-warm: #B8AD00;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}

#site-masthead-branding {
    padding: 15px 0;
}

#site-secondary-nav {
    flex: none !important;
    vertical-align: middle;
    padding-top: 20px;
}

#site-masthead-cover-menu {
    background-color: var(--jr-dark-color);
}

.large-nav>li a {
    background-color: var(--jr-dark-color);

    /*background: url("/wp-content/themes/just-relations-wp-theme/images/bar-bg.png");
    background-repeat: repeat-x;
    background-size: auto 100%;*/
}

#site-primary-menu>.menu-item {
    border-right: 2px solid var(--jr-dark-color);
}

#site-footer {
    background-color: var(--jr-dark-color);
}

.site-column-aside .widget:not(.widget_nav_menu) {
    border-top: solid 4px var(--jr-light-compliment);
}

.linkbutton {
    background-color: #013b93;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1;
    padding: 0.8125rem 1.5rem;
    text-shadow: none;
    transition: all 0.15s ease-in-out;
}


button,
.linkbutton,
input[type="button"],
input[type="submit"] {
    background-color: var(--jr-light-highlight-cool);
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: var(--jr-main-color);
    color: #fff;
}

input[type="submit"]:hover,
.linkbutton:hover,
input[type="submit"]:focus {
    background: var(--jr-light-highlight-warm);
    color: white;
}

/* Main menu border tops */
.large-nav li:nth-child(1)>a {
    border-top-color: var(--jr-main-color);
}

.large-nav li:nth-child(2)>a {
    border-top-color: var(--jr-main-compliment);
}

.large-nav li:nth-child(3)>a {
    border-top-color: var(--jr-main-highlight-cool);
}

.large-nav li:nth-child(4)>a {
    border-top-color: var(--jr-main-highlight-warm);
}

.large-nav li:nth-child(5)>a {
    border-top-color: #925821;
}

.large-nav>.menu-item {
    font-size: 1.6em;
}

.large-nav ul.sub-menu a {
    color: white;
}

.large-nav ul.sub-menu a:hover {
    color: black;
}

.sf-arrows .sf-with-ul:after {
    font: normal 16px / 16px "icomoon";
    vertical-align: middle;
}

#site-mobile-menu .current-menu-item>a {
    color: var(--jr-light-highlight-cool);
    text-decoration: underline;
}

.wp-custom-header img,
#site-section-slideshow .wp-post-image {
    width: 100%;
}

/* FAQ blocks */
.wp-block-accordion-panel {
    margin-left: 20px;
    border-left: 4px solid #d1d1d1;
    padding-left: 10px;
}

/* Video Embeds */

.videoWrapper {
    display: flex;
    justify-content: center;
}

.videoWrapper>iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

.resourceInfoGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*grid-template-rows: repeat(5, 1fr);*/
    grid-column-gap: 0;
    grid-row-gap: 6px;
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    /*border: 1px solid #999;*/
    box-shadow: 5px 5px 5px #ccc;
    border-radius: 4px;
    overflow:hidden;
}

.resInfo {

}

.resInfo:nth-child(2n) {
  border-left: 1px solid #eee;
}

.resLabel {
    font-weight: bold;
    background-color: #e4e4e4;
    padding: 2px;
    display: block;
}
.resValue {
    display:block;
    padding: 2px;
}