/*
 Theme Name:   ArcheryStreet 2021
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  pbtips
*/

/* header */

/* logo */
@media (min-width: 769px) and (max-width: 800px) { 
    img.header-image.is-logo-image {
        width: 330px; 
    }
}

header.site-header { border-bottom: solid 1px #3d6005; }

body .main-navigation .main-nav ul li[class*="current-menu-"] > a, 
body .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
body .main-navigation .main-nav ul li a:hover { color: #3d6005; }

/* eof:: header */

@media (max-width: 600px) {
    /* regular images */
    figure.alignright {
        float: none;
        text-align: center;
        width: 100%;
    }
}

div.entry-content a:link, div.entry-content a:visited { text-decoration: underline; }

/* home */

body.home div.inside-page-hero {
    background-color: rgba(249, 249, 247, .85);
    padding: 1em;
    border-radius: 10px;
}

body.home div.inside-page-hero p.cta { text-align: center; }

@media only screen and (max-width: 1024px) { 
    body.home div.page-hero { padding: 50px; }
}
@media only screen and (max-width : 620px) {
    body.home div.page-hero { padding: 30px; }
}

body.home div.inside-article div.entry-content { margin-top: 0px; }

body.home div.wp-show-posts-inner { 
    border: solid 1px #daddd4; 
    padding: 0.5em 1em;
    border-radius: 3px;
}
body.home div.wp-show-posts-inner a:link, body.home div.wp-show-posts-inner a:visited { text-decoration: none !important; }

/* eof:: home */

/* categories */

body.category header.page-header {
    display: flex;
    justify-content: flex-end;
}
body.category header.page-header h1.page-title { flex: 1; }

@media (max-width: 768px) {
    /* hide search */
    header.page-header form.search-form { display: none; }
}

/* eof:: categories */

/* posts */

.breadcrumbs {
    margin-top: -30px;
    font-size: 0.85em;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    body.single-post div.content-area {
        background-color: white;
    }
}

.posted-on .updated {
    display: inline-block;
}

.posted-on .updated:before {
    content: "Last updated: "
}

.posted-on .published {
    display: none;
}

body.single-post div.entry-content > p:first-of-type {
    font-weight: 500;
    font-size: 1.1em;
}

    /* product image */
    a.product-image { 
        position: relative; 
        padding-bottom: 10px; 
    }

    a.alm.product-image:hover { 
        text-decoration: none;
        box-shadow: 0 1px 0 rgba(0,0,0,.2) inset;
    }

    a.product-image img { margin-bottom: 5px; }

    a.product-image.view-on-amazon::after,
    a.product-image.check-price::after {
        display: block;
        width: 80%;
        margin-left: 10%;
        background: linear-gradient(to bottom,#f7dfa5, #f0c14b);
        border-color: #a88734 #9c7e31 #846a29;
        border-radius: 2px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
        color: #000;
        padding: 4px;
        text-align: center;
    }

    a.product-image.view-on-amazon::after { content:'View on Amazon'; }
    a.product-image.check-price::after { content:'Check Price'; }

    @media (max-width: 768px) {
        body.single-post a.alm.product-image { text-align: center; }
    }

    /* cta button */
    .button-cta:link, .button-cta:visited {
        background: linear-gradient(to bottom,#f7dfa5, #f0c14b);
        border-color: #a88734 #9c7e31 #846a29;
        border-radius: 2px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
        color: #000;
        text-align: center;
        text-decoration: none !important;
    }
    .alm.button.button-cta:hover {
        box-shadow: 0 1px 0 rgba(0,0,0,.2) inset;
        text-decoration: none;
        color: #000;
    }

    /* proscons */
    .proscons { 
        border: solid 1px green; 
        margin-bottom: 1.5em;
        padding-top: 1.5em;
        padding-right: 2em;
        position: relative;
    }
    .proscons.cons { border-color: red; }
    .proscons::after {
        color: white;
        position: absolute;
        top: -10px;
        left: -1px;
        line-height: 1.4em;
        padding: 0 10px;
    }
    .proscons.pros::after {
        content: 'Pros';
        background-color: green;
    }
    .proscons.cons::after {
        content: 'Cons';
        background-color: red;
    }

    /* comp table */
    .comp-tabel {
        display: flex;
        flex-flow: column nowrap;
        line-height: 1.5;
        border: 1px solid #337ab7;
        border-radius: 6px;
        flex: 1 1 auto;
        margin-bottom: 20px;
    }

    .comp-tabel .comp-tabel-row {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
    }
    
    .comp-tabel .comp-tabel-row:nth-of-type(even) { background-color: #eaf1f7; }
    
    .comp-tabel .comp-tabel-row:nth-of-type(odd) { background-color: #ffffff; }

    .comp-tabel .veld {
        display: flex;
        flex-flow: row wrap;
        flex-grow: 1;
        flex-basis: 0;
        padding: 0.5em;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0px;
        white-space: wrap;
        border-bottom: 1px solid #d0d0d0;
        justify-content: center;
        align-items: center;
        text-align: left;
    }

    .comp-tabel .comp-tabel-header .veld {
        color: white;
        background-color: #337ab7;
    }

    .comp-tabel .comp-tabel-header .veld:first-child { border-top-left-radius: 3px; flex-grow: 2; }
    .comp-tabel .comp-tabel-header .veld:last-child { border-top-right-radius: 3px; }

    .comp-tabel .veld a img.alignnone { margin: 0; }

    .comp-tabel .veld span.blue { 
        color: #eaf1f7; /*#2e6da4; */
        break-before: left; 
    }

    .comp-tabel .comp-tabel-row:last-child { 
        border-bottom-left-radius: 5px; 
        border-bottom-right-radius: 5px;
    }

    .comp-tabel .comp-tabel-row:last-child .veld { border-bottom-width: 0; }

    .comp-tabel .veld:first-child { justify-content: flex-start; flex-grow: 1; text-align: left; }

    .comp-tabel .veld:last-child { flex-grow: 1; }

    .comp-tabel .veld:last-child a.easyazon-link, .comp-tabel a.check-price-table-button {
        background: linear-gradient(to bottom,#f7dfa5, #f0c14b);
        border-color: #a88734 #9c7e31 #846a29;
        border-radius: 2px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
        color: #000;
        padding: 4px;
        text-align: center;
    }
    .comp-tabel .veld:last-child a.easyazon-link:hover, .comp-tabel a.check-price-table-button:hover { background-color: #286090; }

    @media only screen and (max-width : 600px), screen and (min-width: 769px) and (max-width: 1024px) {
        .comp-tabel .comp-tabel-row { 
            display: grid;
            grid-template-columns: 28% 25% 25% 22%;
        }
        .comp-tabel .comp-tabel-header .veld:first-child { grid-column: 1 / span 2; }
        .comp-tabel .veld:first-child { text-align: center; }
        .comp-tabel .veld:first-child h4 { font-size: 16px; }

        .comp-tabel.comp-tabel-7col .comp-tabel-row .veld:last-child { grid-column: span 2; }
        .comp-tabel.comp-tabel-7col .comp-tabel-header .veld:last-child { border-top-right-radius: 0px; }
    }

    /* faq block */
    .faq-block .question::before {
        content: 'Q: ';
    }
    .faq-block .answer p:first-child::before {
        content: 'A: ';
    }
    /* eof:: faq block */

/* eof:: posts */

.sale {
    background-color: red;
    color: #fff;
    padding: 3px 5px;
    text-align: center;
}

/* hunting license */
#hunting-license-map {
    width: 100%;
    height: 480px;
    border: none;
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) { 
    #hunting-license-map { width: 100%; height: 440px; }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) { 
    #hunting-license-map { width: 100%; height: 380px; }
}
@media only screen and (max-width : 768px) {
    #hunting-license-map { width: 480px; height: 300px; }
}
@media only screen and (max-width : 520px) {
    #hunting-license-map { width: 400px; height: 240px; }
}
@media only screen and (max-width : 440px) {
    #hunting-license-map { width: 340px; height: 200px; }
}
@media only screen and (max-width : 382px) {
    #hunting-license-map { width: 300px; height: 180px; }
}
@media only screen and (max-width : 345px) {
    #hunting-license-map { width: 270px; height: 160px; }
}
/* eof:: hunting license */


@media (max-width: 1024px) {
    .site-content {
        display: flex;
	    flex-flow: row wrap;
     }
    
    #right-sidebar {
	    order: 2;
    }
    
    .content-area {
        order: 1;
    }
}