/*
 Theme Name:   Resonant Child
 Theme URI:    http://themeskingdom.com
 Description:  Resonant is a fast, minimal portfolio WordPress theme that will present your work in the best light possible. The horizontal slider on the homepage will provide site visitors with a bespoke film-wheel experience of your featured posts. Just below the slider, there is an alluring project archive. And you’ll see 一 the single Project pages are magical and squeaky clean. This highly customizable and responsive theme comes with 800+ Google Fonts and numerous color choices.
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     resonant
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  resonant
*/


@font-face {
	font-family:'HK Guise';
	src:url('inc/fonts/light/HKGuise-Light.woff2') format('woff2'),
	url('inc/fonts/light/HKGuise-Light.woff') format('woff'),
	url('inc/fonts/light/HKGuise-Light.otf') format('opentype');
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family:'HK Guise';
	src:url('inc/fonts/regular/HKGuise-Regular.woff2') format('woff2'),
	url('inc/fonts/regular/HKGuise-Regular.woff') format('woff'),
	url('inc/fonts/regular/HKGuise-Regular.otf') format('opentype');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family:'HK Guise';
	src:url('inc/fonts/medium/HKGuise-Medium.woff2') format('woff2'),
	url('inc/fonts/medium/HKGuise-Medium.woff') format('woff'),
	url('inc/fonts/medium/HKGuise-Medium.otf') format('opentype');
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family:'HK Guise';
	src:url('inc/fonts/bold/HKGuise-Bold.woff2') format('woff2'),
	url('inc/fonts/bold/HKGuise-Bold.woff') format('woff'),
	url('inc/fonts/bold/HKGuise-Bold.otf') format('opentype');
	font-style: normal;
	font-weight: 700;
}

body,
input,
textarea,
keygen,
select,
button,
body .sd-social-icon .sd-content ul li a.sd-button,
body .sd-social-text .sd-content ul li a.sd-button,
body .sd-content ul li a.sd-button,
body .sd-content ul li .option a.share-ustom,
body .sd-content ul li.preview-item div.option.option-smart-off a,
body .sd-content ul li.advanced a.share-more,
body .sd-social-icon-text .sd-content ul li a.sd-button,
body .sd-social-official .sd-content > ul > li > a.sd-button,
body #sharing_email .sharing_send,
body .sd-social-official .sd-content > ul > li .digg_button > a,
body .jp-carousel-wrap,
.jp-carousel-wrap .jp-carousel-light #carousel-reblog-box input#carousel-reblog-submit,
.jp-carousel-wrap #jp-carousel-comment-form-button-submit,
.jp-carousel-wrap textarea#jp-carousel-comment-form-comment-field {
	font-family: 'HK Guise', Helvetica, sans-serif;
}

.jp-carousel-titleanddesc-title {
	font-family: 'HK Guise', Helvetica, sans-serif !important;
}


.entry-content a:before{
	margin-top: 12px;
	background-color: #f69452;
	height: 2px !important;
}
.entry-content a:hover:before{
	left: 0px;
	width: 100%;
}

.wpml-ls-current-language a:link, .wpml-ls-current-language a:visited{
	color: #f69452 !important;
}

.portfolio-listing h1.entry-title{
	text-align: left !important;
}
.portfolio-listing h1.entry-title span{
	color:#4d4d4d !important;
	font-weight: 600;
}



.site-header .container {

}

.home .big-search-trigger button{
	color: white;
}

.home .sidebar-trigger button{
	color: #ffffff;
}

.home.header-scrolled .big-search-trigger button, .home.header-scrolled .sidebar-trigger button{
	color: #4d4d4d;
}

.nav-menu .menu-item > a{
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: .1em;
	color: #4d4d4d;
}

.home .nav-menu .menu-item > a{
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: .1em;
	color: white;
}

.home.header-scrolled .nav-menu .menu-item > a{
	text-transform: uppercase;
	font-weight: 400 !important;
	letter-spacing: .1em;
	color: #4d4d4d;
}


.header-scrolled .nav-menu > li {

}

.nav-menu a:before {
	margin-top: 15px;
	border-bottom: 2px solid #f69452 !important;
	background-color: transparent !important;
}
.nav-menu a:hover:before, .main-navigation .current-menu-item > a:before, .current-menu-ancestor > a:before{
	left: 0px !important;
	width: 100% !important;
}

.icon-drop-down:before, .icon-drop-down:after{
	/*color: #f69452 !important;
	background: #f69452 !important;*/
	background: none !important;
}

main a:before:not(.masonry-item) {
	margin-top: 20px !important;
	border-bottom: 3px solid #f69452 !important;
	background-color: transparent !important;
}



.home .site-branding svg{
	transition: all .15s ease-out;
	height: 40px;
	fill: #ffffff;
}
.home.header-scrolled .site-branding svg, .site-branding svg{
	fill: #f69452;
	height: 40px;
}

input[type="search"]{
	border: none !important;
}

#primary-menu{
	text-align: left;
}

ul.sub-menu{
	padding: 35px !important;
	padding-bottom: 20px !important;
	width: 250px !important;
	margin-left: -20px !important;
}


ul.sub-menu a:link, ul.sub-menu a:visited {
	text-transform: none !important;
	letter-spacing: normal;
	font-size: 1rem;
	font-weight: 400 !important;
	margin-bottom: 10px;
	color: #4d4d4d !important;
	/* text-transform: uppercase; */
	font-size: 14px;
	letter-spacing: .05em !important;
}
ul.sub-menu a:hover:before{
	width: 0%;
}
ul.sub-menu a:hover{
	color: #f69452;
}
.nav-menu > li {
	padding: 10px 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Serif', serif !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	text-decoration: none !important;
	color: #f69452 !important;
	letter-spacing: .1em !important;
}

.entry-title{
	line-height: 1.3em !important;
}

.nav-previous a:link, .nav-previous a:visited, .nav-next a:link, .nav-next a:visited{
	font-size: 1.2rem;
	font-family: 'Noto Serif', serif !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	text-decoration: none !important;
	color: #4d4d4d;
	letter-spacing: .1em !important;
}
.nav-previous a:link span, .nav-previous a:visited span, .nav-next a:link span, .nav-next a:visited span{
	text-transform: none !important;
	font-style: italic;
	font-size: 15px;
	color: #4d4d4d !important;
	font-family: 'Titillium Web' !important;
	letter-spacing: 0.03em;
	line-height: 1.6em;
	display: inline-block;
}


.ml-0{
	margin-left: 0;
}
.pl-0{
	padding-left: 0;
}



/* MASONRY ----------------------------------------- */

h1.archive-header, .d17-basic-post-type-details h1{
	font-size: 2.5rem !important;
	margin: 0px;
	margin-bottom: 100px;
	font-weight: 600 !important;
	text-align: center;
	letter-spacing: .1em;
	color: #f69452 !important;
}

h2.archive-header-2{
	font-size: 2.5rem !important;
	margin: 0px;
	margin-bottom: 80px;
	margin-top: 80px;
	font-weight: 600 !important;
	text-align: center;
	letter-spacing: .1em;
	color: #f69452 !important;
}


h3.archive-header{
	font-size: 1rem;
	margin: 0px;
	margin-bottom: 15px;
	font-weight: 400 !important;
	color: #f69452 !important;
	letter-spacing: .1em;
	text-align: center;
	font-family: 'Titillium Web' !important;
}



h2.archive-header{
	font-size: 1rem;
	margin: 0px;
	margin-bottom: 25px;
	font-weight: 400 !important;

	letter-spacing: .1em;
	text-align: center;
	color: #4d4d4d !important;
	font-family: 'Titillium Web' !important;
}

.featured-image a:after{
	background-color: transparent !important;
}

.masonry-item{
	padding: 25px;
}
.masonry-item h1{
	font-size: 1.2rem !important;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Noto Serif', serif;
	letter-spacing: .03em !important;
}
.masonry-item img {
	transition: all .3s ease-out;
	filter: saturate(0%);
}
.masonry-item:hover img{
	filter: saturate(100%);
}

.datumok, .entry-meta{
	text-align: left;
	font-family: 'Noto Serif' !important;
	font-family: 'Titillium Web' !important;
	font-size: 12px;
	color: #f69452;
	font-weight: 600;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: -15px;
	letter-spacing: .1em;
}
.datumok.inner{
	text-align: center;
	font-size: 1rem;
	margin:30px;
}
/* MASONRY END ------------------------------------- */


.wpml-ls-item {
	float: right;
	font-size: 12px !important;
}

.gallery{
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	align-items: stretch;
}
.gallery .items img{

}

/* MEDIA QUERIES ----------------------------------- */

@media only screen and (min-width: 1025px){
	.main-navigation ul ul {
		top: 100%;
	}

	.split-layout .site-main > .hentry:first-child .entry-content, .no-split-layout .site-main > * {
		max-width: 1160px;
	}
}

@media only screen and (min-width: 1441px) {
	.listing .entry-title {
		font-size: 2.5rem;
	}
}
.site-branding{
	width: 100px;
}

a[title="NULL"]{
	display: none;
}