/*
Theme Name: BetaKit (SimpleMag Child Theme)
Theme URI: https://busyninja.ca/
Author: Reza Shaffaf (rez@busyninja.ca)
Author URI: https://busyninja.ca/
Description: Customized WordPress Child theme for BetaKit using the SimpleMag Theme v5.5 as a base.
Template: simplemag
Version: 1.2.21
*/



/* Your CSS code goes here
-------------------------------------- */


/*
 * Override hard-coded values in Parent theme
 *
 */
html:root {
    --site-color: #333;
}

.main-menu {
    margin-bottom: 20px;
}

.pagination {
    margin-top: 0;
    margin-bottom: 60px;
}

.entry-meta + .page-title {
    margin-top: 0px;
}

/* hr tag fix */
.entry-content hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ddd;
    margin:1em 0;
    padding:0;
}

/* Hide Google reCaptcha badge */
.grecaptcha-badge { 
    visibility: hidden;
}

/* 
 * Footer Stuff
 *
 */
.copyright {
    letter-spacing: 0.2em;
}

.footer-sidebar .columns.col-3 {
    grid-template-columns: 33% 33% 33%;
}

.footer-sidebar .button, 
.footer-sidebar #mc_signup_submit {
    background-color: #f9ad1b;
}

/* 
 * HOMEPAGE STUFF
 *
 *
 * Change separator in "Main Menu" to be an & rather than a slash 
 */
.main-menu > ul > li > a > span:before {
    content: "&";
    position: absolute;
    top: 0;
    right: -8px;
    z-index: 1;
    width: initial;
    height: initial;
    transform: none;
    pointer-events: none;
    background-color: transparent;
    color: #999;
    font: normal 24px/24px Arial;
    margin-top: 18px;
}

.widget h3, 
.main-menu > ul > li > a > span {
    letter-spacing: 0.2em;
}

.title-with-sep:before, 
.title-with-sep:after 
{
    background-image: url(images/section-header.png);
    background-size: initial;
}


.single .entry-header .entry-meta .entry-category:before {
        content: "/";
        padding: 0 8px;
        font-size: inherit;
        font-family: sans-serif;
}

.entry-title a:hover {
    text-decoration: underline;
}

.written-by {
    font-style: normal;
    text-transform: uppercase;
}

.author {
/*
    text-transform: uppercase;
*/
}

.grids a.author:hover {
    text-decoration: underline;
}

.entry-summary p {
    font-size: 16px;
}

@media screen and (min-width: 1600px) {
    .entries .entry-title {
        font-size: 20px;
    }
}


/*
 * SLIDER ELEMENTS
 *
 * Fix the homepage slider navigation elements
 */
 @media only screen and (max-width: 767px) {
    .posts-slider .entry-header .entry-meta {
        display: none; 
    }

/*
    .global-sliders .prev-arrow {
        left: 0;
    }
*/

    .global-sliders .slider-nav-arrow {
        width: 20px;
        margin: 0 5%;
    }
}

@media only screen and (min-width: 767px) {

    .global-sliders .prev-arrow {
        left: 5%;
        margin-top: initial;
        border: 1px solid white;
    }

    .global-sliders .next-arrow {
        margin-top: initial;
        border: 1px solid white;
    }

}

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

    [class*="grid-layout"].entries div.entry-meta {
        display: initial;
    }

    .entries article.post-item {
        margin-bottom: 0;
    }

    .section__latest-posts .grid-layout article div.post-item-inner {
        min-height: initial;
        border-top: none;
        display: block; /* removes display: flex */
        padding-bottom: 30px;
    }

    .grid-layout.entries .entry-image {
        width: initial;
        margin-right: 0;
    }

    .media-post-thumbs {
        padding: 10px 0 0;
    }

    .media-layout-one .thumbs-item {
        margin-bottom: 10px; 
    }

    .media-posts div.media-post-slides {
        margin-bottom: 0;
    }

/*
Hides category name

    [class*="-layout"].entries span.entry-category {
        display: none;
    }

    .entry-header .entry-meta .entry-date:before {
        display: none;
    }
*/


}


/*
 * Slider Title Colours
 *
 * Set these as a default so it applies to older posts
 *
 .global-sliders .entry-header .entry-frame.slider_title_light .entry-meta .entry-author:after,
 .global-sliders .entry-header .entry-frame.slider_title_light .entry-meta .entry-author,
 .global-sliders .entry-header .entry-frame.slider_title_light .entry-meta .entry-author a,
 .global-sliders .entry-frame.slider_title_light .entry-meta span,
 .global-sliders .entry-frame.slider_title_light .entry-title  {
*/
.global-sliders .entry-header .entry-frame .entry-meta .entry-author:after,
.global-sliders .entry-header .entry-frame .entry-meta .entry-author,
.global-sliders .entry-header .entry-frame .entry-meta .entry-author a,
.global-sliders .entry-frame .entry-meta span,
.global-sliders .entry-frame .entry-title  {

    color: white;
    text-shadow: 2px 2px 2px #333333;
}

.global-sliders .entry-header .entry-frame.slider_title_dark .entry-meta .entry-author:after,
.global-sliders .entry-header .entry-frame.slider_title_dark .entry-meta .entry-author,
.global-sliders .entry-header .entry-frame.slider_title_dark .entry-meta .entry-author a,
.global-sliders .entry-frame.slider_title_dark .entry-meta span, 
.global-sliders .entry-frame.slider_title_dark .entry-title {
    color: black;
    text-shadow: 2px 2px 2px #dddddd;
}

/*
 * remove the slash after the byline in the slider
 */
 .entry-header .entry-meta .entry-author:after {
     content: '';
     padding: 0;
 }

.global-sliders .entry-header .entry-meta {
    font-size: 18px;
}

.global-sliders .read-more {
    background-color: #333333;
}

.global-sliders .read-more:hover {
    box-shadow: 1px 1px #000 , 2px 2px #000, 2px 2px #000;
}

/*
 * Latest Posts
 *
 */
.section__latest-posts .grid-layout article .post-item-inner {
    border-bottom: 3px solid #000;
    min-height: 525px;
}

/*
 * Podcasts section 
 *
 */
.media-layout-one .media-post-details {
    margin-top: 0;
}

/* always remove the play buttons */
a.post-format-icon.load-media-content {
    display: none;
}

/*
 *
 * Single Post stuff
 *
 */
/*
don't think i need this
.page-title, .single-title {
    background: url(images/section-header.png) repeat-x 0 50%;
}
*/

.page-title span, 
.single-title span {
    display: inline-block;
    background: #fff;
    padding: 0 20px;
}

.single blockquote {
    color: var(--site-color);
    float: left;
    width: 40%;
    padding: 25px 25px 25px 0;
    border: none;
    margin: 0px;
    font-family: Georgia;
    font-size: 22px;
    text-rendering: optimizeLegibility;
    font-weight: bolder;
}

.single blockquote p {
    line-height: 1.6;
    margin: 0;
    display: inline;
}

.single .manual-excerpt {
    padding-bottom: 0; 
    border: none; 
}

.single-social .social-sharing .share-prompt {
    padding: 1em 0;
    text-align: center;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
}

/* fix icon alignment */ 
.single-social .button-layout .share-item {
    padding: 14px 0 13px; 
}

.single-social div.social-sharing {
    grid-auto-flow: column;
    grid-template-columns: 20%;
}

.single-social .button-layout .share-item span {
    font-size: 12px; 
    text-transform: uppercase;
    display: none; 
}

/*
 * Sponsor Box Elements 
 *
 */
.sponsor-info h2 {
    font-size: 1.5em; 
    line-height: 1.5;
}

.sponsor-info h2 strong {
    font-weight: 700;
    color: #000;
}


/* set the by line and category / date all on one line 
 * .entry-author used to be display: block
 */
.page-header .entry-author {
    display: initial;
}

/*
 * Entry Meta details
 *
 */
 .entry-header .entry-meta,
 .post .author, .post .written-by {
     text-transform: uppercase;
     font-family: Oswald;
     font-weight: 400;
     font-size: 12px;
     letter-spacing: 0.2em;
 }

/*
 * Post image size
 */
 .single .entry-media img {
     width: 100%;
 }

/* 
 * Custom Author box for regular and sponsored posts 
 *
 */
#author-box {
    color: #666;
    font-size: 90%;
    padding: 10px;
    background: #eeeff0;
}

#author-box .inner {
    padding: 20px;
    border: 1px solid #000;
}

#author-box .avatar {
    float: left;
}

#author-box .author-info, 
#author-box .author-social {
    margin-left: 120px;
}

#author-box .author-bio {
    margin-bottom: 5px;
}

.author-social.icon-container {
    justify-content: flex-start;
}

.author-social a.icon-item {
    margin-right: 10px;
}



/* 
 * Post Tags
 */
 #tags-box a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 10px 10px;
    text-decoration: none;
    border: 1px dashed #000;
}

/*
 * Betakit Border lines
 */
 #social-box {
    padding-top: 30px;
    border-top: 3px solid #000;
}

#tags-box {
    padding-top: 30px;
    border-top: 3px solid #000;
    padding-bottom: 25px;
    border-bottom: 3px solid #000;
}

/*
 * HR tags
 */
hr {
  border: 0;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  margin-top: 15px;
}


/*
 * Adjust excessive margins
 */
.single-box:not(:last-child) {
    margin-bottom: 30px;
}


/* single page mobile */
@media only screen and (max-width: 750px) {

    .single .entry-content blockquote {
        width: 100%;
        font-size: 22px;
        float: none;
        padding: 25px 0 25px 0;
    }


    #sponsor-box .sponsor-info, 
    #sponsor-box .sponsor-social {
        margin-left: 0;
    }


    .page-title h1.entry-title {
        font-size: 32px;
    }
    
    article h3, .h3 {
        font-size: 28px;
    }
    
    article h4, .h4 {
        font-size: 22px;
    }

}

/*
 * Mailchimp Footer Settings
 */ 
#mc_signup_form {
	font-family: 'Oswald',Arial,Verdana,'Helvetica Neue',Helvetica,sans-serif;
}

#mc_signup_form .mc_var_label {
    font-family: 'Oswald',Arial,Verdana,'Helvetica Neue',Helvetica,sans-serif;
	font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.widget_mailchimpsf_widget h3 {
	margin-bottom: 15px;
}

#mc-indicates-required {
	font-size: 16px;
}

#mc_display_rewards {
	font-size: 16px;
}