/*
Theme Name: Cardboard Champions
Description: A custom child theme for cardboard champions.
Version: 2.4.6
Author: Cardboard Champions
Author URI: http://www.cardboardchampions.co.uk
Text Domain: aardvark
Template: aardvark
*/

/* Add your own CSS code here */

h2 { font-size: 26px; font-weight: 700; }
h3 { font-size: 24px; font-weight: 700; }
h3 { font-size: 22px; font-weight: 700; }
h4 { font-size: 20px; font-weight: 700; }

/* Subtitle */
.gp-minimal-page-header #gp-page-title-subtitle {
    color: grey !important;
    font-style: italic;
    font-weight: 300 !important;
}

:focus {
    border: 2px solid orange !important;
}

/* WordPress admin bar breakpoint */
@media only screen and (max-width: 455px) {

    #gp-site-wrapper > #gp-fixed-header-padding {
	    display: none;
	}

}

.gp-logo {
    margin-top: 10px;
    margin-bottom: -10px;
}

strong, b {
    font-weight: 700 !important;
}

.inpost_ruleclarif {
    /* padding: 20px;
    background: #e0e0e0;
    margin-bottom: 40px; */
    border-left: 3px solid;
    margin-top: 40px;
    background: #fff url(/wp-content/uploads/theme/rec_bg.png) no-repeat bottom right;
    border: 3px solid #000;
    box-shadow: 6px 6px 0px #000;
    padding: 14px;
    margin-bottom: 1em;
}

p.inpost_ruleclarif_question {
    font-weight: bold;
}

p.inpost_ruleclarif_ref {
    font-style: italic;
    font-size: 0.9em;
    text-align: right;
}


.rv_game-topside--wrap,
.rv_mcdeck-topside--wrap {
    background: #3e454f;
    padding: 30px 0;
}

.rv_mcdeck-topside--wrap {
    padding: 30px;
}

.rv_game-botside--wrap,
.rv_mcdeck-botside--wrap {
    /* background: #2a2f37; */
    background-image: url('/wp-content/uploads/theme/reviewbackground.jpg');
    background-position: bottom;
    background-color: #3e454f;
}

.rv_mcdeck-botside--wrap {
    padding: 30px;
}

.rv_game--ratingline {
    background: transparent;
}

.gpur-rating-outer.gpur-large-rating {
    box-shadow: 0px 4px black;
    border: 2px solid black;
}

/* Separator on pages - adjustment */
.gp-divider-title-bg {
    border-color: black !important;
    border-width: 2px;
}


/* Search Form in header touch up */
#gp-header-search > form > input.gp-search-bar {
    border: 3px solid #000;
    border-radius: 0px;
}

.gp-entry-meta .gp-meta-editor:before { content: '\f044'; }
.gp-entry-meta .gp-meta-date-modified:before { content: '\f1da'; }

/* Secondary Header Menu */

.cc-second-header {
    /* background: #40b8d1; */
    background: #000;
}

ul#menu-header-secondary-menu {
    margin: 0;
    width: 100%;
    display: block;
}

ul#menu-header-secondary-menu .menu-item {
    display: inline-block;
    margin: 0;
    padding: 10px;
}

#menu-header-secondary-menu .menu-item:first-of-type {
    margin-left: 0;
}

ul#menu-header-secondary-menu .menu-item a {
    color: #fff;
    font-weight: bold;
}

#menu-header-secondary-menu .menu-item:hover {
    /* background: #648193; */
    background: #ff5d00;
}

/* Homepage */
/* Moved to page CSS */
/* .cc_homepage_featured .gpur-format-list .gpur-reviews-list-item {padding-bottom: 10px;}
.cc_homepage_featured .gpur-format-list .gpur-reviews-list-item:first-of-type {display: none; visibility: hidden;} */

.vc_row.cc_innerpost { margin: 0 auto; margin-bottom: 3em; }
.cc_innerpost {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff url(/wp-content/uploads/theme/rec_bg.png) no-repeat bottom right;
    padding: 1.2em;
    border: 2px solid black;
    box-shadow: 10px 10px 0px black;
}

.cc_innerpost .gpur-format-list .gpur-reviews-list-item {
    border: 0;
    padding: 0;
    margin: 0;
}

.cc_innerpost .vc_column-inner { padding: 0; }
.cc_innerpost .gpur-reviews-list-meta.gp-loop-meta { color: #000; }

.homepage_review-list-block section { margin-bottom: 0 !important; }
.homepage_review-list-block .gpur-element-wrapper { margin-bottom: 1em; }

/* Article Game Recommendations */
.article_recs {
    margin-top: 15px;
}

.article_recs div.inner_recoms div.vc_column-inner > div.wpb_wrapper {
    background: #fff url(/wp-content/uploads/theme/rec_bg.png) no-repeat bottom right;
    border: 3px solid #000;
    box-shadow: 6px 6px 0px #000;
    padding: 14px;
    margin-bottom: 1em;
}

.article_recs div.inner_recoms div.vc_column-inner > div.wpb_wrapper h3 {
    color: #000;
}

.wpb_raw_html .gp-divider-title-bg {
    margin-top: 2em;
}

/* Article: Special rules */
/* Used in rule deck building post*/
/* .rule_block h3 {
    color: black;
    text-transform: uppercase;
}
.rule_block h3:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: "\f14a";
    display: inline-block;
    margin-right: 10px;
} */

.special_ruleblock > .wpb_wrapper > ul > li > ul {
    list-style: none;
}

.special_ruleblock > .wpb_wrapper > ul > li {
    margin-bottom: 1.2em;
}

span.highlight {
    color: #ff0183;
}

/* Tier List */
.tierlist {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: 0 0 5px 0;
}

.tierlist_row {
    display: flex;
    flex-direction: row;
    min-height: 80px;
    background: #fff url(/wp-content/uploads/theme/rec_bg.png) no-repeat bottom right;
    margin: 5px 0 0 0;
    border: 2px solid black;
}

.tierlist_tier_icon {
    width: 100px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: xx-large;
    font-weight: bold;
    border-right: 2px solid #000000;
}

.tierlist_tier_category {
    flex: 1;
    padding: 5px 5px 0 5px;
}

.tierlist .cc_credit {
    text-align: right;
    padding-top: 5px;
    color: #999999;
}

.tierlist_tier_icon.tier_splus {background-color: rgb(255 127 180);}
.tierlist_tier_icon.tier_s {background-color: rgb(255, 127, 127);}
.tierlist_tier_icon.tier_a {background-color: rgb(255, 191, 127);}
.tierlist_tier_icon.tier_b {background-color: rgb(255, 255, 127);}
.tierlist_tier_icon.tier_c {background-color: rgb(191, 255, 127);}

@media only screen and (max-width: 500px) {

    .cc_innerpost .gpur-format-list .gpur-reviews-list-item {
        display: block;
    }

    .cc_innerpost .gpur-reviews-list-featured-image {
        display: block;
        width: 100%;
        max-width: 100%;
        float: unset;
    }

    .cc_innerpost .gpur-reviews-list-content {
        display: block;
        position: relative;
        margin-right: 0;
        margin-top: 15px;
    }

    .cc_innerpost .gpur-reviews-list-ratings {
        display: none;
    }

}

@media only screen and (min-width: 500px) and (max-width: 990px) {
    .gp-footer-widget.gp-footer-third {
        width: 31%;
        position: relative;
        display: inline-block;
    }
    .gp-footer-widget:nth-child(2n+1) {
        clear: unset;
    }
}

@media only screen and (max-width: 990px) {
    div#gp-footer-widgets {
        display: block;
        text-align: center;
    }
}

.btn_amazon { margin-right: 10px; }
.btn_amazon:last-of-type { margin-right: 0px; }

.footer_social {
    width: 56px;
}

/*
 * ------------------------
 *        ADS CSS
 * ------------------------
 */
 .cc_thankyouforyoursupport.in_article {
    border: 1px solid #ccc;
    position: relative;
    padding: 5px;
    width: 100%;
    border-radius: 5px;
    min-height: 60px;
}
 .cc_thankyouforyoursupport:before {
    content: 'Ad';
    background: black;
    color: white;
    padding: 4px 10px;
    position: absolute;
    z-index: 10;
}
 .cc_thankyouforyoursupport.in_article:after {
    content: 'If you see this, you are supporting us. Thank you!';
    font-size: 10px;
    position: absolute;
    right: 5px;
    padding: 0px 6px;
}

/*
 * ------------------------
 *      SIDEBAR CSS
 * ------------------------
 *    Should You Buy
 * ------------------------
 */

.sb_rating_block .wpb_content_element,
.sb_rating_block .vc_icon_element {
    margin-bottom: 10px;
}

/* .sb_rating_block:before {
    content: '';
    width: 50%;
    height: 100px;
    position: absolute;
    top: -4px;
    right: 10px;
    background: black;
    z-index: -1;
    transform: rotate(-3deg);
} */

.sb_rating_block .wpb_column.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
    background: white;
    border-radius: 5px;
    border: 2px solid #ffffff;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 6px #e1e1e1;
    -moz-box-shadow: 0px 0px 6px #e1e1e1;
    box-shadow: 0px 0px 6px #e1e1e1;
    background: #fff url(/wp-content/uploads/theme/rec_bg.png) no-repeat bottom right;
}

/* Branded button style */
.mc_btn > a.vc_general.vc_btn3 {
    border: 2px solid black;
    font-weight: bold;
    font-size: 16px;
    color: black;
    background: url(/wp-content/uploads/theme/btn_bg.png);
    background-size: cover;
    /* text-shadow: 2px 2px white; */
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 0 black;
    -moz-box-shadow: 2px 2px 0 black;
    box-shadow: 2px 2px 0 black;
}

.mc_btn > a.vc_general.vc_btn3:after {
    content: '';
    background: transparent;
    -webkit-box-shadow: 0 0 0 2px inset white;
    -moz-box-shadow: 0 0 0 2px inset white;
    box-shadow: 0 0 0 2px inset white;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.mc_btn > a.vc_general.vc_btn3:focus { border: 1px solid black; color: black; }

/* Toggle Box */
.vc_toggle.cc_answerbox {
    border: 2px solid black;
    box-shadow: 2px 2px 0 black;
    padding: 10px;
    background: url(/wp-content/uploads/theme/rec_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.vc_toggle.cc_answerbox h4 {
    color: black;
    font-weight: bold;
    font-size: 16px;
}

/* Blockquote */
blockquote a {
    text-decoration: underline;
}

blockquote > .cite {
    text-align: right;
    font-style: italic;
}

/* COMMENTS */
#respond label {
    display: inline-block;
}

.comment.comment-author-cc_matt .gp-comment-meta span[itemprop="name"],
.comment.comment-author-cc_ina .gp-comment-meta span[itemprop="name"] {
    color: #ff5d00;
}

.comment-list .bypostauthor > .comment-body .gp-comment-meta:before {
    content: 'Author';
    float: left;
    background: orange;
    padding: 0 10px;
    border-radius: 5px;
    color: white;
    margin-right: 5px;
}

/* AUTHOR BLOCK */
.cc_author-info-block img.cc_author_img {
    float: right;
    max-width: 200px;
    margin-right: 30px;
    margin-top: -40px;
    z-index: 3;
    position: relative;
}

/*
 * ------------------------
 *      Article CSS
 * ------------------------
 */
 /* When a video replaces the header image */
 .cc_video_iframe { max-width: 864px; max-height:467px; margin-left: auto; margin-right: auto; }

/*
 * ------------------------
 *      Keywrod Lists
 * ------------------------
 */

 .list_keywords {
    width: 100%;
    position: relative;
}

ul.mc-keywords-list {
    list-style-type: none;
    margin: 0;
}

ul.mc-keywords-list > li {
    text-align: center;
    position: relative;
    display: inline-block;
    color: lightgray;
    width: 100%; 
    margin: 0 0 10px 0;
}

ul.mc-keywords-list.mc-keywords-list-3 > li {
    width: 31%; 
    margin: 0 10px 10px 0;
}
ul.mc-keywords-list.mc-keywords-list-3 > li:nth-of-type(3n) {
    margin-right: 0px;
}

ul.mc-keywords-list.mc-keywords-list-4 > li {
    width: 23%; 
    margin: 0 10px 10px 0;
}
ul.mc-keywords-list.mc-keywords-list-4 > li:nth-of-type(4n) {
    margin-right: 0px;
}

ul.mc-keywords-list > li > a {
    border: 2px solid black;
    width: 100%;
    padding: 10px;
    display: block;
    color: black;
}

ul.mc-keywords-list > li > a:hover,
ul.mc-keywords-list > li > a:focus {
    background: black;
    color: white;
}

@media screen and (max-width: 750px) {
    /* Your styles for screens less than 701px wide go here */
    ul.mc-keywords-list > li {
        width: 100%;
        margin: 0 0 10px 0;
    }
}