/*
Theme Name: Zosia - Child Theme
Theme URI: http://www.3forty.media/zosia
Author: 3FortyMedia
Author URI: http://www.3forty.media
Description: Zosia Child theme
Version: 1.0
Text Domain: zosia
Template: zosia
*/

/* Start Custom CSS */

.cols-2 .post, .cols-2 .page, .cols-2 .article{
	flex-basis: calc(100% / 3 - (var(--post-margin) * 3))!important;
}

.post-grid .article.has-background:not(.cover) .entry-wrapper, .post-grid .article.has-background.cover:not(.has-post-media) .entry-wrapper {
	background: #F8F8F8!important;
}

.entry-title a{
color:#222222!important;
	}

.wp-block-search__button{
	background: #F8F8F8!important;
    color: #222222!important;
}

.wp-block-search__input{
	background: #F8F8F8!important;
    border-color: #F8F8F8!important;
}

.wpc-filter-title{
	font-size: 16px!important;
    font-weight: 700!important;
}

.widget a[class*="tag-link"], .sub-categories a[class*="cat-link"], .wp-block-categories-list li[class*="cat-item"] .tfm-count{
	color: #808080 !important;
    background: #fff1!important;
    border: 1px solid #E32125 !important;
    font-size: 11px !important;
}

.post-grid:not(.list) .article:not(.cover):not(.first-full):not(.asc-desc-full-width) .thumbnail-wrapper, .has-sidebar .post-grid .first-full .thumbnail-wrapper, .has-sidebar .post-grid .asc-desc-full-width .thumbnail-wrapper{
	padding:0px;
}

.wrap {
	margin: auto;
	position: relative;
}
.wrap-inner {
	max-width: var(--site-max-width);
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	min-height: calc(100vh - 380px); /* Push footer to bottom of screen */
}

.tfm-before-footer-section{
	background: #E32125!important;
}

#block-16, #block-18, #block-13, #block-19, #block-21{
	padding-bottom: 0;
    margin-bottom: 0;
}

.widget ul li, .widget ol li{
	line-height: 30px!important;
}

h2, .heading-size-2{
	font-size: 25px!important;
}

.footer-social{
	display:none;
}

.header-left{
	justify-content: space-between!important;
}

.tfm-after-header-sidebar > *, .tfm-before-footer-advert > *{
	max-width: 1900px!important;
}

.tfm-before-footer-section{
	width: 100%!important;
    max-width: 100%!important;
	border-radius:0px!important;
}

div.comments-header{
	display:none;
}
.after-content .tfm-related-posts{
	max-width: 1400px!important;
    width: 100%;
}

.post-grid .article:not(.cover) .entry-header, .the-post .article:not(.cover) .entry-header{
	margin-left:0px;
}

.post-grid .article:not(.cover) .entry-header, .the-post .article:not(.cover) .entry-header{
	max-width:100%;
}

.widget ul li, .widget ol li{
	color: #808080!important;
}

.widget ul li, .widget ol li{
	border-bottom:none!important;
}

.footer-bottom{
	width: 100%;
    display: flex!important;
    text-align: center!important;
	flex-direction: row!important;
    justify-content: center!important;
    align-items: center!important;
}

body{
	 font-family: 'Poppins', sans-serif;
}

.frees{
	text-align:center!important;
	padding-top:10px!important;
	padding-bottom:0!important;
	margin-bottom:0!important;
}

.tfm-after-header-sidebar, .tfm-before-footer-advert{
	background-color:#fff!important;
}

.widget a[class*="tag-link"], .sub-categories a[class*="cat-link"], .wp-block-categories-list li[class*="cat-item"] .tfm-count{
	    border-radius: 10px;
}

input[type="checkbox"]:checked::before{
	background: #E32125;
	border-radius:5px!important;
}

input[type="checkbox"]{
	border-radius: 5px!important;
	background: #F8F8F8;
}

.widget_text img{
	margin-right: 20px;
	float: left;
}
.site-header{
border-bottom: 2px solid #DCDCDC!important;
}

.entry-meta a[class*="cat-link"]{
	    padding: 15px!important;
    border-radius: 10px!important;
	background: #dd3333!important;
	    font-size: 12px;
}
.article:not(.thumbnail-uncropped) .post-thumbnail img{
	height:300px!important;
}
.the-post > .article:not(.has-background):not(.cover) .thumbnail-wrapper:not(.alignfull), .the-page > .article:not(.has-background):not(.cover) .thumbnail-wrapper:not(.alignfull){
	height:300px!important;
}

.entry-content p{
	color:#808080!important;
	font-weight:400;
	font-size:18px;
	color:#808080;
	margin-bottom:0;
	padding-bottom:0;
	letter-spacing: 1px!important;
    font-family: 'Open Sans';
}

.entry-content > *:not(h2):not(h3):not(h4):not(h5):not(h6){
	    margin-bottom: 0!important;
}
.the-post > .article.default-alt:not(.cover) .entry-header > * {
    flex-basis: 0;
    font-size: 28px;
}

.post-grid .article:not(.has-excerpt) .entry-header, .post-grid .article:not(.cover).has-excerpt .excerpt{
	    letter-spacing: 1px!important;
    font-size: 14px!important;
}
}
.widget a[class*="tag-link"], .sub-categories a[class*="cat-link"], .wp-block-categories-list li[class*="cat-item"] .tfm-count{
	color: #808080 !important;
    background: #fff1!important;
    border: 1px solid #E32125 !important;
    font-size: 11px !important;
}

.wrap-inner{
	max-width: var(--site-max-width)!important;
	margin: auto;
}

#tfm_social_widget-2{
	display:none!important;
}

.toggle-sidebar .close-menu{
	background: url(https://blog.armourline.ca/wp-content/uploads/2025/07/image-14.png);
	background-repeat: no-repeat;
	width: 100%;
}
.toggle-sidebar .close-menu i {
    font-size: 1rem;
    float: right;
    position: absolute;
    margin-left: 80%;
}

.custom-logo{
	width:180px;
}

@media (max-width: 540px) {
    .mobile-header .site-logo .custom-logo {
        width: 150px;
    }
}

.tfm-after-header-sidebar.advert.image-upload {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
    display: block;
}

.tfm-after-header-sidebar.advert.image-upload img {
    width: 100%;
    height: auto;
    display: block;
}

.tfm-after-header-sidebar > *, .tfm-before-footer-advert > * {
    margin: 0;
   padding-top:10px
}

.login h1 a{
	height: auto!important;
}

.tfm-after-header-sidebar > *, .tfm-before-footer-advert > *{
	margin:0;
	width:100%!important;
}

.tfm-after-header-sidebar > *, .tfm-before-footer-advert > *{
	margin:0!important;
}

@media (max-width: 768px) {
  .footer-column.footer-column-2,
  .footer-column.footer-column-3 {
    width: 50%!important;
    float: left!important;
    box-sizing: border-box;
  }
	.footer-column-3{
		padding-left: 55px!important;
	}
	
	.icon-tfm-search{
		display:none;
	}

  .footer-columns.cols-4 {
  
    flex-wrap: wrap!important;
  }

  .footer-column {
    padding: 10px;
  }
		.footer-columns {
    display: block !important;
}
	
}
@media (max-width: 768px) {
  .footer-columns.cols-4 {
    display: flex;
    flex-wrap: wrap;
  }

  .footer-column.footer-column-2,
  .footer-column.footer-column-3 {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 10px;
  }
	#block-13, #block-22{
		padding-left:50px;
		
	}
	#block-7{
		text-align:center;
	}
	
	#block-21{
	padding-left: 45px;
    padding-right: 45px;
	}
	
}

@media (max-width: 768px) {
  .mobile-header {
    display: flex!important;
    justify-content: space-between!important;
    align-items: center;
    padding: 10px 16px;
  }

  .mobile-header .header-section.header-left {
    order: 2; 
		margin-left: 160px!important;
        position: relative!important;
  }

  .mobile-header .site-logo {
    order: 1; 
  }

  .mobile-header .header-section.header-right {
    display: none; 
  }

  .site-logo img {
    max-height: 40px;
    width: auto;
  }

  .toggle-menu.mobile-toggle {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
  }
	.mobile-header .site-logo .custom-logo {
        width: 150px!important;
    }
}
.wp-block-list li a{
    color: gray!important;
    font-size: 16px;
	height:12px;
}
.wp-block-list li a:hover{
    color: #e32125!important;
    font-size: 16px;
	height:12px;
	text-decoration:underline;
}
.wp-block-group-is-layout-flow p{
	color:gray!important;
}
.site-header{
	    padding: var(--header-padding, 2rem)!important;
}

/* for social icon */
.follow-social {
  background-color: #f8f8f8;
  padding: 80px 0 50px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  position: relative;
  margin-top: 8rem !important;
}

.follow-social-list {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.follow-social-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.follow-social-list ul li a {
  width: 120px;
  height: 60px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.follow-social-list ul li a:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
}

.follow-social-list ul li a img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

/* Text Section */
.follow-social h2 {
  font-size: 32px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.follow-social h2 span {
  color: #e10600;
  font-weight: 700;
}

.follow-social p {
  font-size: 16px;
  color: #808080;
  margin: 0;
}

/* ========== Responsive Design ========== */
@media (max-width: 992px) {
  .follow-social {
    padding: 70px 0 40px;
    margin-top: 6rem !important;
  }

  .follow-social-list ul {
    gap: 20px;
  }

  .follow-social-list ul li a {
    width: 100px;
    height: 55px;
  }

  .follow-social-list ul li a img {
    width: 40px;
    height: 40px;
  }

  .follow-social h2 {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .follow-social {
    padding: 60px 0 40px;
    margin-top: 5rem !important;
  }

  .follow-social-list {
    position: static;
    transform: none;
    margin-bottom: 20px;
  }

  .follow-social-list ul {
    justify-content: center;
    gap: 15px;
  }

  .follow-social-list ul li a {
    width: 90px;
    height: 50px;
  }

  .follow-social-list ul li a img {
    width: 35px;
    height: 35px;
  }

  .follow-social h2 {
    font-size: 24px;
  }

  .follow-social p {
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  .follow-social {
    padding: 50px 0 30px;
    margin-top: 4rem !important;
  }

  .follow-social-list ul li a {
    width: 140px;
    height: 60px;
  }

  .follow-social-list ul li a img {
    width: 30px;
    height: 30px;
  }

  .follow-social h2 {
    font-size: 22px;
  }

  .follow-social p {
    font-size: 13px;
  }
}