/*!
Theme Name: resonant-frequencies
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: resonant-frequencies
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

resonant-frequencies is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

 /* 
	.inter-<uniquifier> {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	}

	.lato-thin {
		font-family: "Lato", sans-serif;
		font-weight: 100;
		font-style: normal;
		}

		.lato-light {
		font-family: "Lato", sans-serif;
		font-weight: 300;
		font-style: normal;
		}

		.lato-regular {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: normal;
		}

		.lato-bold {
		font-family: "Lato", sans-serif;
		font-weight: 700;
		font-style: normal;
		}

		.lato-black {
		font-family: "Lato", sans-serif;
		font-weight: 900;
		font-style: normal;
		}

		.lato-thin-italic {
		font-family: "Lato", sans-serif;
		font-weight: 100;
		font-style: italic;
		}

		.lato-light-italic {
		font-family: "Lato", sans-serif;
		font-weight: 300;
		font-style: italic;
		}

		.lato-regular-italic {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: italic;
		}

		.lato-bold-italic {
		font-family: "Lato", sans-serif;
		font-weight: 700;
		font-style: italic;
		}

		.lato-black-italic {
		font-family: "Lato", sans-serif;
		font-weight: 900;
		font-style: italic;
		}

   */


body {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #4A5565;
	background-color: #F3F8FD;
}

a{
	text-decoration: none;
}

h1, h2, h3, h4, h5{
	margin: 0;
}

/* p{
	font-family: "Inter", sans-serif;
} */

.menu-toggle{
	display: none;
}

.header-wrap{
	display: flex;
	flex-wrap: wrap;	
    align-items: center;
}

.header-wrap > *{
	width: calc(100% - 210px);
}

.header-wrap > .site-branding{
	width: 210px;
}

.header-wrap > .site-branding p.site-title{
	display: none;
}

.header-wrap > .site-branding img{
	width: 100%;
	height: auto;
	max-width: none;
}



header.site-header {
	background-color: #9A53A3;
	padding-top: 5px;
	padding-bottom: 5px;
} 

header.site-header .nav-menu{
	margin: 0;
    padding: 0;
	list-style-type: none;
	display: flex;
    justify-content: flex-end;
	gap: 15px;
}

header.site-header .nav-menu li a{
	color: #fff;
	position: relative;
	padding-bottom: 5px;
	display: block;
	overflow: hidden;
}

header.site-header .nav-menu li a:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 85%;
	height: 4px;
	background-color: #fff;
	border-radius: 10px;
	display: block;
	opacity: 0;
}

header.site-header .nav-menu li.current_page_item a:after{
	opacity: 1;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

.header-blog{
	width: 100%;
	position: relative;
	height: 256px;
	overflow: hidden;
	display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
	margin-bottom: 50px;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}

.header-blog h1{
	font-size: 48px;
	line-height: 50px;
}

.header-blog .widget_text p{
	max-width: 800px;
}

.header-blog:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #9A53A3;
    z-index: -1;
    opacity: 0.2;
}

.header-blog section:not(.widget_media_image){
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.header-blog .widget_media_image{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.header-blog .size-large{
	height: 256px;
	display: flex;
	margin-bottom: 0;
}

.header-blog .size-large img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .link-video-wrap video {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
} */

.link-video-wrap iframe,
.link-video-wrap video {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    display: block;
}

.search-cat-name{
	padding-bottom: 30px;
}

.search-cat-name > aside{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.search-cat-name aside .widget_search {
    width: 50%;
}

.search-cat-name aside .wp-block-search__label{
	display: none;
}

.wp-block-search__inside-wrapper {
	position: relative;
}


.wp-block-search__input{
	height: 50px;
	padding-left: 42px;
	border-radius: 10px;
	color: #0A0A0A;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #E5E7EB;
	box-shadow:0px 3px 0px #E5E7EB;
}

.wp-block-search__input::placeholder{
	color: #0A0A0A;
	font-size: 16px;
}

.wp-block-search__inside-wrapper::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.25 2.75C6.14154 2.75 2 6.89029 2 11.998C2 17.1056 6.14154 21.2459 11.25 21.2459C13.5335 21.2459 15.6238 20.4187 17.2373 19.0475L20.7182 22.5287C21.011 22.8216 21.4859 22.8217 21.7788 22.5288C22.0717 22.2359 22.0718 21.761 21.7789 21.4681L18.2983 17.9872C19.6714 16.3736 20.5 14.2826 20.5 11.998C20.5 6.89029 16.3585 2.75 11.25 2.75ZM3.5 11.998C3.5 7.71905 6.96962 4.25 11.25 4.25C15.5304 4.25 19 7.71905 19 11.998C19 16.2769 15.5304 19.7459 11.25 19.7459C6.96962 19.7459 3.5 16.2769 3.5 11.998Z' fill='%2399A1AF'/%3E%3C/svg%3E");
	background-position: 7px 12px;
	background-repeat: no-repeat;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

.search-cat-name ul{
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.search-cat-name ul li a{
	color: #9A53A3;
	transition: all ease 0.5s;
	font-size: 16px;
	font-weight: 400;
}

.search-cat-name ul li a:hover{
	color: #101828;
}

.nav-links,
.single-post article .entry-footer,
.archive .site-main,
.search-results .site-main,
.header-wrap,
.content-blog,
.search-cat-name > aside,
.blog .site-main{
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.content-blog h2{
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #000;
	padding-bottom: 10px;
}

.content-blog p{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #000;
	margin-top: 0;
}

.archive .site-main,
.search-results .site-main,
.blog .site-main{
	display: flex; 
	flex-wrap: wrap;
	gap: 15px;
}

.blog .entry-content p:empty{
	display: none;
}

.search-results .site-main > header{
	width: 100%;
}


.blog .site-main > header{
	display: none;
}

.archive .site-main > article,
.search-results .site-main > article,
.blog .site-main > article{
	width: calc((100% / 3) - 10px);
	border: 2px solid #E5E7EB;
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
}

.post-thumb {
	display: flex;
	position: relative;
}

.post-thumb::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 50px;
	height: 50px;
	background: url(assets/images/video/video-play-btn.png) no-repeat 0 0;
	background-size: cover;
}

.post-thumb img{
    width: 100%;
	object-fit: fill;
}

.post-box-body a{
	color: #101828;
	transition: all ease 0.5s;
}

.blog .site-main > article:hover .post-box-body h2 a{
	color: #9A53A3;
}

.post-box-body {
    padding: 15px 15px;
}

.post-box-body h2{
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 15px;
}

.post-box-body p{
	margin: 0 0 15px;
}

a.view-btn{
	width: 114px;
    text-align: center;
	background-color: #9A53A3;
	color: #fff;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	border: 1px solid transparent;
	transition: all ease 0.5s;
}

a.view-btn:hover{
	background-color:transparent;
	border-color: #9A53A3;
	color: #9A53A3;
}

.clearfix{
	float: left;
	clear: both;
}

.archive header.page-header,
.search-results header.page-header,
.single header.entry-header{
	background-color: #602b66; 
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 350px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	margin-bottom: 50px;
	color: #ffff;
	position: relative;
	z-index: 0;
}

.archive header.page-header,
.search-results header.page-header{
	height: 150px;
}

.single header.entry-header:after{
	content: "";
	display: block;
	background-color: #0A0A0A;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.2;
}

.single header.entry-header h1 {
    font-size: 50px;
    line-height: 55px;
	text-align: center;
}

.single-post article{
	font-size: 16px;
	line-height: 30px;
}

.single-post article .entry-footer a{
	color:#9a53a3;
	transition: all ease 0.5s;
}

.single-post article .entry-footer a:hover{
	color:#000;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 15px;
}

.nav-links div[class^="nav"]{
	font-size: 18px;
	line-height: normal;
	font-weight: 700px;
}

.nav-links div[class^="nav"] a{
	color: #000;
	transition: all ease 0.5s;
}

.nav-links div[class^="nav"] a:hover{
	color: #9a53a3;
}

.pagination {
    /* border: 1px solid; */
    width: 100%;
    display: flex;
    justify-content: center;
	align-items: center;
    gap: 15px;
    font-size: 21px;
}

.pagination a{
	color: #9A53A3;
}

.pagination a.next,
.pagination a.prev{
	background-color: #9A53A3;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-size: 0px;
}

.pagination a.next::after,
.pagination a.prev::after{
	content: "";
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	display: block;
}


.pagination a.prev::after{
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='rotate(0 0 0)'%3E%3Cpath d='M15.2335 5.21967C15.5263 5.51256 15.5263 5.98744 15.2335 6.28033L9.51379 12L15.2335 17.7197C15.5263 18.0126 15.5263 18.4874 15.2335 18.7803C14.9406 19.0732 14.4657 19.0732 14.1728 18.7803L7.92279 12.5303C7.6299 12.2374 7.6299 11.7626 7.92279 11.4697L14.1728 5.21967C14.4657 4.92678 14.9406 4.92678 15.2335 5.21967Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.pagination a.next::after{
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='rotate(180 0 0)'%3E%3Cpath d='M15.2335 5.21967C15.5263 5.51256 15.5263 5.98744 15.2335 6.28033L9.51379 12L15.2335 17.7197C15.5263 18.0126 15.5263 18.4874 15.2335 18.7803C14.9406 19.0732 14.4657 19.0732 14.1728 18.7803L7.92279 12.5303C7.6299 12.2374 7.6299 11.7626 7.92279 11.4697L14.1728 5.21967C14.4657 4.92678 14.9406 4.92678 15.2335 5.21967Z' fill='%23ffffff'/%3E%3C/svg%3E ");
}


footer.site-footer{
	background-color: #444444;
	color: #fff;
	padding: 45px 15px;
	margin-top: 50px;
	font-size: 16px;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}

footer .space-1 {
    padding-top: 12px;
}

footer a{
	color: #fff;
}


.footer-container{
	max-width: 1170px;
	margin: 0 auto;
}

.footer-container .footer-row{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: space-between;
}

.footer-container .footer-row > *:last-child{
	text-align: right;
}

ul#footer-menu{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

ul#footer-menu li{
	position: relative;
}


ul#footer-menu li:not(:first-child)::before{
	content: "|";
	position: absolute;
	left: -10px;
    top: 0px;
}

ul#footer-menu li a{
	color: #fff;
	display: block;
	transition: all ease 0.5s;
}

.link a:hover,
ul#footer-menu li a:hover{
	color: #D27DDD;
}

.link a{
	border-bottom: 1px solid #fff;
}

.f-add p{
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.f-add h2{
	color: #D27DDD;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}

.f-socialmedia{
	padding-top: 50px;
}

.f-socialmedia a{
	display: inline-block;
	position: relative;
	top: 5px;
}

/*  ================== Responsive =============== */

@media (max-width:1199px) {
	.footer-container .footer-row .footer-col-1{
		width: calc(100% - 300px);
	}

	ul#footer-menu {
		display: block;
		column-count: 3;
	}

	ul#footer-menu li {
		padding: 8px 0;
	}

	ul#footer-menu li:not(:first-child)::before{
		display: none;
	}
}

@media (max-width:991px) {
	.menu-toggle {
		width: 40px;
		height: 40px;
		background: none;
		border: none;
		cursor: pointer;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 6px;
		margin-left: auto;
	}

	.menu-toggle span {
		display: block;
		height: 3px;
		width: 100%;
		background: #ffffff;
		transition: all 0.3s ease;
	}

	/* When menu is open */
	.main-navigation.toggled .menu-toggle span:nth-child(1) {
		transform: rotate(45deg) translate(6px, 6px);
	}

	.main-navigation.toggled .menu-toggle span:nth-child(2) {
		opacity: 0;
	}

	.main-navigation.toggled .menu-toggle span:nth-child(3) {
		transform: rotate(-45deg) translate(7px, -7px);
	}

	.menu-menu-1-container{
		background: #000000b0;
		width: 100%;
		max-width: 300px;
		height: 100%;
		position: fixed;
		left: -450px;
		top: 0;
		overflow: auto;
		z-index: 99;
		transition: all ease 0.5s;
	}

	.main-navigation.toggled .menu-menu-1-container{
		left: 0px;
	}

	header.site-header .nav-menu li a:after {
		width: 100%;
		opacity: 1;
		height: 1px;
	}

	header.site-header .nav-menu{
		display: block;
	}

	header.site-header .nav-menu li a{
		padding: 10px 10px;
	}

	header.site-header .nav-menu li.current_page_item a:after {
		background-color: #9A53A3;
	}

	.archive header.page-header, 
	.search-results header.page-header, 
	.single header.entry-header{
		height: 180px;
	}

	.single header.entry-header h1,
	.header-blog h1 {
		font-size: 37px;
		line-height: 43px;
	}

}

@media (max-width: 767px) {

	.archive .site-main > article, 
	.search-results .site-main > article, 
	.blog .site-main > article {
		width: calc((100% / 2) - 10px);
	}
	
	.search-cat-name > aside {
		display: block;
	}

	.search-cat-name aside .widget_search{
		width: 100%;
	}

	ul#footer-menu {
		column-count: 2;
	}
}

@media (max-width: 575px) {

	.archive header.page-header, 
	.search-results header.page-header, 
	.single header.entry-header{
		height: 140px;
		align-items: normal;
	}

	.archive header.page-header h1, 
	.search-results header.page-header h1, 
	.single header.entry-header h1{
		padding-left: 15px;
		padding-right: 15px;
		font-size: 30px;
		line-height: 40px;
	}
	
	.archive header.page-header h1 span, 
	.search-results header.page-header h1 span, 
	.single header.entry-header h1 span{
		display: block;
	}

	.footer-container .footer-row {
		flex-direction: column-reverse;
	}

	.footer-container .footer-row .footer-col-1,
	.footer-container .footer-row .footer-col-2 {
        width: 100%;
    }

	.footer-container .footer-row .footer-col-2{
		padding-bottom: 15px;
	}

	.footer-container .footer-row > *:last-child {
		text-align: left;
	}

	ul#footer-menu {
		column-count: 3;
	}

	.f-socialmedia {
		padding-top: 20px;
	}

}

@media (max-width: 480px) {
	.archive .site-main > article, 
	.search-results .site-main > article, 
	.blog .site-main > article {
		width: 100%;
	}
}