/*
 Theme Name:   Lock 'n Load
 Theme URI:    http://www.lnlpublishing.com/
 Description:  Lock 'n Load Publishing theme. A child of the Responsive theme
 Author:       Zac Belado
 Author URI:   https://lolbat.netlify.app/
 Template:     responsive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, right-sidebar, responsive-layout
 Text Domain:  locknload
*/

/*
* Reusable Block Styles
*/

.siteArticleList {
   width: 35%;
   float: left;
   margin-right: 8px;
   margin-bottom: 10px;
}

/*
 * Article styles
 */

.entry-content a {
    text-decoration: underline; 
}

/*
 * Front page styles
 */
 
.entry-content h3 {
    clear: both;
}
.entry-content li a:not(.more-link) {
  font-size:1em;
  font-family: "Oswald";
  font-weight: 500;
  text-transform: none;
}

.entry-title a {
  font-size:1em;
  font-family: "Oswald";
  font-weight: 500;
  text-transform: none;
}

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

.wp-block-column ul {
  margin-left: 2px;
}

.wp-block-column .recentArticles {
    background: rgba(116, 135, 116, 0.33);
    border-radius: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

/*
 * Line of Fire front page styles
 */

.recentArticleDetail li {
   padding: 0 !important;
   margin-bottom: 20px !important; 
}

.recentArticleTitle {
    margin-bottom: 0 !important;
}

.recentArticleDetail ul li {
    //padding-bottom: 0 !important;
    //margin-top: 10px !important;
}

.wp-block-column .recentArticles h2 {
    padding-top: 16px;   
}

.wp-block-column .recentArticles figure {
    margin-bottom: 0 !important;
}

.wp-block-column .recentArticles .wp-block-post-title {
    text-align: center;
}

.wp-block-column .recentArticles .wp-post-image {
    border-radius: 10px;
    border:  solid black 2px;
}

.wp-block-column .recentArticles .wp-block-post-template {
    padding-bottom: 26px;
}

.wp-block-column .featuredArticle {
    background: rgba(116, 135, 116, 0.33);
    border-radius: 10px;
    padding-left: 6px;
    padding-right: 6px;
 }

.wp-block-column .featuredArticle h2 {
    padding-top: 16px;
}

.wp-block-column .featuredArticle .wp-block-post-title {
    text-align: center;
}

.wp-block-column .featuredArticle .wp-post-image {
    border-radius: 10px;
    border:  solid black 2px;
}

.wp-block-column .featuredArticle .wp-block-post-template {
    padding-bottom: 26px;
}

/*
 * Card Styles
 */
 
.card {
  margin-top: 2em;
  background-color: white;
  border: solid 1px black;
  border-radius: .5em;
  min-height: 400px;
  overflow: hidden;
  text-align: center;
  transition:all 0.4s;
}

.card h2 {
  font-size: 24px;
  line-height: 28px;
  color: #434F61;
  margin-bottom: 15px;
  font-family: sans-serif;
  font-weight: 700;
}

.card p {
  color: #434F61;
  letter-spacing: 0.25px;
  line-height: 22px;
  margin-bottom: 3em;
  padding: 1em;
}

.card:hover {
  box-shadow: 0px 8px 12px rgba(0, 62, 59, 0.12);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

.card figure {
  max-width: 300px !important;  
  margin: auto;
}

/*
 * Tag Icon Styles
 */

.iconRow h3 {
  margin-bottom: 1em;
}
 
.tagIcon {
  max-height: 75px;
  border: solid black 1px;
  margin-right: 1em;
}
 
.tagIcon:hover {
  box-shadow: 2px 3px 5px rgba(0, 62, 59, 0.682);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.archiveTagIcon {
  max-height: 75px;
  border: solid black 2px;
  border-radius: 50%;
  margin-top:22px;
  margin-right: 10px;
}

/*
 * Meta  Styles
 */
 
.gamesTag {
  font-weight: bolder;
  font-family: 'Oswald', serif;
}

/*
 * Category  Styles
 */

.title-archive h1 {
  margin-top: -10px;
}

/*
 * Category Icon Styles
 */

.catIcon {
  max-width: 75px;
  margin-top:10px;
  margin-right:8px;
}

/*
 * Footer styles
 *
 */

div.content-outer.container {
    max-width: 95% !important;
    margin: auto;
}
 
div.footer-layouts.copyright {
    margin: auto;
}
 
.colophon-widgets {
  width: 100% !important;
}

.socialIconRow {
    text-align: center;
}

.lnlSocialIcon {
    color: rgba(39, 124, 217, 1);
    padding-right:30px;
}

.lnlSocialIcon:hover {
   color:red;
   -webkit-transform: translateY(-4px);
   transform: translateY(-4px);
}

/*
 * Slider Styles
 */

.pcp-carousel-wrapper .sp-pcp-carousel {
    padding-top: 10px !important;
 }
 
.sp-pcp-post {
    border-radius: 10px;
    padding: 8px !important;
 }
 
.sp-pcp-post .sp-pcp-post-thumb-area img {
    border-radius: 6px;
 }
 
/*
 * Sidebar Styles
 */
 
.sidebarBlock {
  border-radius: 5px;
 }

.main-sidebar .widget-wrapper {
  border-radius:10px !important;
}

.main-sidebar .widget-wrapper h2 {
  padding-top:8px;
  margin-bottom: 8px !important;
}

.wp-block-latest-comments__comment {
  padding-bottom:1em;  
}

/*
 * wp-login Styles
 */
 
.login form {
    border-radius: 10px;
}

.login #nav{
    color: white !important;
}

.branda-login {
    background-color: black !important;
}
 
/*
 * Parent style over-rides
 */

.single .hentry .post-meta > span::after {
  content: '' !important;
}

.main-sidebar .widget-wrapper  {
  margin-top: 3px !important;
  padding:0 !important;
  background: white;
}

.wp-block-search__inside-wrapper {
  border:0 !important;
}

.site-content .hentry {
  //border-radius:.5em !important;
  //border-top: solid #db1319 24px !important; 
}

.mu_register {
  width: 50% !important;
  background-color: white !important;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  padding: 1em !important;
  border-radius: 16px !important;
}

.main-navigation a {
  line-height: 1 !important;
}

.groups-nav {
  width:100%;
}

.footer-widgets .widget-wrapper ul li {
  padding: 1px 0 !important;
  border: none !important;
  color: white !important;
}

.wp-block-tag-cloud a{
  display: list-item !important;
}

.site-content-header {
  padding: 0px !important;
}

.site-content-header .page-header {
  padding-left: 16px !important;
  display: inline-flex;
}

.main-sidebar .widget-wrapper a {
  color: black !important;
}

.main-sidebar .widget-wrapper a:hover {
  border-bottom: solid 4px #2C2C76 !important;
}

.site-content-header {
  text-align: left !important;
}

.wp-block-quote {
  margin-top: 1em !important;
}

.sub-menu .menu-item i {
    color: #333333 !important;
}

.sub-menu .menu-item a:hover > i {
    color: white !important;
}

@media (min-width: 1200px) {
  .wpneocf-container {
    width: 100% !important;
  }
}

/*
 * Between phone and tablet styles and overrides
 */
 
@media (max-width: 610px) {

    .wp-block-column .recentArticles {
        margin-block: 10px !important;
    }
    
    .socialIconLink:not(.social480):not(.social600) {
        display:none;
    }
    
    div.footer-layouts.copyright {
        text-align: center;
    }
    
}

/*
 * Phone styles and overrides
 */

@media (max-width: 480px) {
    
    [class*="__inner-container"] {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    .hentry {
       padding-right: 0px !important;
       padding-left: 0px !important; 
    }
    
    .wp-block-column .featuredArticle {
        background: none;
        padding-left: 3px;
        padding-right: 3px;
    }
    
    .socialIconLink:not(.social480) {
        display:none;
    }
    
    .wp-block-column .featuredArticle h2 {
        padding-top: 4px;
    }
    
    h2 {
      margin-bottom: 0px;  
    }
    
    .wp-block-post-featured-image.alignfull img, 
    .wp-block-post-featured-image.alignwide img {
        width:90%;
    }
    
    .wp-block-column .recentArticles {
        background: none;
        padding-left: 3px;
        padding-right: 3px;
    }
    
    .wp-block-column .recentArticles h2 {
        padding-top: 4px;
    }
    
    div.footer-layouts.copyright {
        text-align: center;
    }

}