/*
Theme Name:		Early Retirement Club
Author:			Mikko L. Macedonio
Author URI:		http://sofia-marquez.com/
Description:	Custom theme for Early Retirement Club
Version: 		3.5
Text Domain: 	earlyretirmentclub 
*/

/* INLINE CSS */

/* ======================== */
	
/* THEME CUSTOM STYLES */
	.wrap { width: 1240px; }
	.wrap-narrow { width: 1100px; }
	.wrap-wide { width: 1600px; margin: 0 auto; max-width: calc(100% - 2*var(--horspace) ); }
	
/* Typography */

	@font-face {
	  font-family: 'PublicSans-Bold';
	  src: url(fonts/PublicSans-Bold.ttf);
	}
	@font-face {
	  font-family: 'PublicSans-BoldItalic';
	  src: url(fonts/PublicSans-BoldItalic.ttf);
	}
	@font-face {
	  font-family: 'PublicSans-SemiBold';
	  src: url(fonts/PublicSans-SemiBold.ttf);
	}
	@font-face {
	  font-family: 'PublicSans-Medium';
	  src: url(fonts/PublicSans-Medium.ttf);
	}
	@font-face {
	  font-family: 'PublicSans-Regular';
	  src: url(fonts/PublicSans-Regular.ttf);
	}
	@font-face {
	  font-family: 'PublicSans-Light';
	  src: url(fonts/PublicSans-Light.ttf);
	}
	
	html { font: 18px/1.5 'PublicSans-Regular'; }
	h1 { font: 36px/1.24 'PublicSans-Bold'; }
	h2 { font: 28px/1.3 'PublicSans-BoldItalic'; }
	h3 { font: 24px/1.3 'PublicSans-Bold'; }
	h4 { font: 22px/1.3 'PublicSans-Bold'; }
	h5 { font: 20px/1.2 'PublicSans-Bold'; }
	h6 { font: 18px/1.5 'PublicSans-Regular'; }
	
	.small { font: 15px/1.5 'PublicSans-Regular'; }
	.largetxt { font: 20px/1.5 'PublicSans-Regular'; }
	
	.mwa-bttn {
		font: 16px/18px 'PublicSans-SemiBold';
		padding: 15px 40px;
		border-radius: 0;
	}
	
	a { opacity: 1; }
/*Page Contents*/
	/*Image*/
	figure .size-large { max-width: 1024px; max-height: 1024px; width: 100%; }
	figure .size-medium_large { max-width: 300px; max-height: 300px; width: 100%; }
	figure .size-medium { max-width: 300px; max-height: 300px; width: 100%; }
	figure .size-thumbnail { width: 150px; height: 150px;  }
	
	.testimonials-slider {
		padding: 0;
	}
	.testimonial-contents {
		max-width: 1000px;
	}
	/* Gravity Forms */
	select,
	textarea,
	input[type="tel"],
	input[type="date"],
	input[type="number"],
	input[type="email"],
	input[type="text"] { width: 100%; padding: 0.5rem 1rem; border: 1px solid; border-radius: 3px; background: transparent; }
	
	.wpcf7-form .input-3-cols {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-gap: 20px;
	}
	.wpcf7-form .input-3-cols .input-btn .wpcf7-submit {
		width: 100%;
		padding: 0.5rem 1rem;
		background: unset;
		border: 1px solid var(--light);
		color: var(--light);
		text-transform: uppercase;
	}
	.wpcf7-form .input-3-cols .input-btn .wpcf7-submit:hover {
		border: 1px solid var(--dark);
		background-color: var(--dark);
	}
	
	.wpcf7-form .contact-us-form {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-gap: 20px;
	}
	.wpcf7-form .contact-us-form .input-2-cols {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-gap: 20px;
	}
	.wpcf7-form .contact-us-form .wpcf7-submit {
	    padding: 0.5rem 1rem;
		color: var(--light);
		background: var(--orange);
		text-transform: uppercase;
	}
	.wpcf7-form .contact-us-form .wpcf7-submit:hover {
		background: var(--dark);
	}
/* Site header */
	.site-header { position: relative; z-index: 5; }
	.mob-header .site-logo { position: relative; }

	.top-banner .content-wrapper { padding: 120px 0 50px; z-index: 4; }
	
	.site-header .desk-header .site-logo { max-width: 200px; }
	
	.site-header .mob-header > .bttns { display: none; }
/* Top banner */
	.top-banner { position: relative; }
/* Custom sections */
	.top-banner.banner-media-bgr figure:after { content: unset; }
	
	.sidebar .mwa-search-form {
		border: 1px solid var(--dark);
	}
/*Quote section*/
	blockquote { background-color: #2a56f1; color: #ffffff; padding: 3em 2em 3em; margin: 1.5em 0; position: relative; }
	blockquote::before { content: "\f10e"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 40px; line-height: 36px; position: absolute; top: 10px; right: 10px; }
/* Blog */
	.comment-section > * ~ * {
		margin-top: 30px;
	}
	.comment-section {
		margin-top: 50px;
	}
	.comment-section .comment-author {
		display: flex;
		align-items: center;
		grid-gap: 15px;
	}
	.comment-section ol.commentlist {
		list-style: none;
	}
	.comment-section .comment-meta.commentmetadata {
		font-size: 12px;
		margin-left: 50px;
	}
	.comment-section ul.children {
		margin-top: 20px;
		margin-left: 20px;
		list-style: none;
	}
	.comment-section .reply {
		font-size: 14px;
		color: var(--orange);
	}
	.comment-section .form-submit .submit {
		padding: 10px 20px;
		color: var(--light);
		background: var(--orange);
		margin-top: 20px;
	}

	.post-header .post-meta .post-date {
		display: block;
	}
	article .post-meta > * ~ * {
		margin-left: 0.5em!important;
	}
	article .post-meta:after {
		content: unset;
	}
	.post-meta .post-author:after { margin-left: 0.5em; }
	.post-meta .post-author:after,
	.post-meta .post-date:after {
		content: "|";
	}
	article .post-meta .post-author,
	article .post-meta .post-date {
		display: flex !important;
	 }
	article .post-meta > * {
		margin-top: 0 !important;
	}
	article .post-meta .post-date,
	article .post-meta .post-cat {
		margin-right: 0 !important;
	}
	article .post-meta .post-cat:after {
		content: ",";
		margin-left: 0;
	}
	article .post-meta .post-cats > a ~ a {
		margin-left: 0.5em!important;
	}
	article .post-meta,
	article .post-desc {
		margin-top: 20px;
	}
	
	article > .featured-img img {
		object-fit: cover;
		object-position: top;
	}
	
	#sidebar-blog nav {
		margin-top: 0;
	}
	#sidebar-blog nav li a::before {
		content: unset !important;
	}
	#sidebar-blog nav .cat-item a {
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.3px;
		color: #12151A;
		padding: 20px;
		border-radius: unset;
		display: flex;
		justify-content: space-between;
	}
	#sidebar-blog > .widget_archive,
	#sidebar-blog > .widget_categories {
		border: 1px solid #EBEBEB;
		border-radius: 10px;
		overflow: hidden;
	}
	#sidebar-blog .widget-title {
		color: var(--light);
		background: var(--orange);
		padding: 20px;
		margin: 0;
	}
	#sidebar-blog > .widget_archive nav li ~ li a ,
	#sidebar-blog .widget_categories nav li ~ li a {
		border-top: 1px solid #EBEBEB;
	}
	
	#sidebar-blog .widget_archive nav li.current-cat a,
	#sidebar-blog .widget_archive nav li a:hover
	#sidebar-blog .widget_categories nav li.current-cat a,
	#sidebar-blog .widget_categories nav li a:hover {
	    color: var(--orange);
		background: #F2F2F6;
	}
	.widget_archive ul ul, .widget_archive li + li, 
	.widget_categories ul ul, .widget_categories li + li {
		margin-top: 0;
	}
	
	#sidebar-blog .widget_custom_html .custom-html-widget > * ~ * { margin-top: 20px; }
	#sidebar-blog .widget_custom_html .custom-html-widget .mwa-bttns { justify-content: center; }
	#sidebar-blog .widget_custom_html {
		color: var(--light); 
		background: var(--orange);
		border-radius: 16px;
		padding: 30px 20px;
	}
	
	.mwa-post-nav.post-footer-row a {
		background: var(--orange);
		color: var(--light);
	}
	
	.mwa-single-post .post-content .img-blog-four-cols {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 20px;
		margin-top: 20px;
	}
	.mwa-single-post .post-content .img-blog-four-cols p {
		margin: 0;
	}
	.mwa-single-post .post-content p img {
		margin: 2.5em 0;
	}
/* Site footer */
	.site-footer .copyright-wrapper .content-wrapper {
		padding: 30px  0;
	}
/*Logo Carousel*/
	.logo-carousel .slick-slide {
		padding: 0 15px;
	}

	.logo-carousel .slick-track {
		display: flex;
		align-items: center;
	}

/*Lists with SVG*/
	.list-svg .list {
		display: grid;
		grid-template-columns: auto;
		grid-gap: 15px;
		padding: 40px 0;
		align-items: center;
	} 

@media only screen and (max-width: 1199px) {
	.site-header:not(.fixed) .mob-header { position: unset; }
	
	.site-header .mob-header .site-logo { max-width: 200px; padding-right: 15px; }
}
@media only screen and (min-width: 640px) {
	.site-header .mob-header > .bttns { display: block; }
	/*Lists with SVG*/
	.list-svg .list {
		grid-template-columns: 90px auto;
	}
	
	.wpcf7-form .contact-us-form .input-2-cols {
		grid-template-columns: repeat(2,1fr);
	}
	.wpcf7-form .input-3-cols {
		grid-template-columns: repeat(3,1fr);
	}
}
@media only screen and (min-width: 768px) {
	html { font-size: 20px; }
	h1 { font-size: 50px; }
	h2 { font-size: 32px; }
	h3 { font-size: 28px; }
	h4 { font-size: 24px; }
	h5 { font-size: 21px; }
	h6 { font-size: 20px; }
	
	.largetxt { font-size: 21px; }
	
}

@media only screen and (min-width: 1024px) {
	/*Blog*/
	.sidebar-right {
		grid-gap: 50px;
	}
	/*Custom Sections*/
	.layout-two-cols > .cols-gap {
		grid-column-gap: 60px;
	}
	/*Logo Carousel*/
	.logo-carousel .slick-slide {
		padding: 0 20px;
	}
}

@media only screen and (min-width: 1200px) {
	.site-header .main-header { background: transparent; transition: background 0.8s ease; }
	/* .site-header.fixed .main-header { background: var(--dark); } */
	.site-header .desk-header {
		padding: 20px 0;
		box-shadow: 0px 2px 2px rgba(0,0,0,0.05);
	}
		
	
	.main-header-r { position: relative;  display: flex; align-items: center; flex-shrink: 0; }
	
	.mwa-menu-main > li > a {     
		position: relative;
		padding: 20px 15px;
		height: 100%;
		overflow: hidden;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 20px;
		font-weight: 500; 
	}
	.mwa-menu-main > li > a:hover,
	.mwa-menu-main > li.current-menu-item > a {
		color: var(--orange);
	}
/* Top Header */
	.top-banner.banner-media-bgr {
		min-height: 400px;
	}
/* Blog */
	.sidebar-right {
		grid-template-columns: 1fr 300px;
	}
/* Customize tabs */
	.mwa-tabs .labels { display: flex; }
	.mwa-tabs .label { width: calc(50% - 2px); }
	.mwa-tabs .label + .label { margin-left: 4px; }
	.mwa-tabs .label:after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: inherit; opacity: 0; transition: opacity 0.2s ease; }
	.mwa-tabs .label.active:after { opacity: 1; }
	
/* Subpages sidebar */
	.sidebar-subpage { font-size: 15px; }
}

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