/*
Theme Name: The Now Time
Theme URI: https://thenowtime.com
Author: Hardreset
Author URI: https://hardreset.ro
Description: Custom wp for The Now Time.
Version: 1.0
*/

/*GENERAL*/
/* System Font */
@font-face {
    font-family: 'System Font';
    src: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

/* Source Serif Pro */
@font-face {
    font-family: 'Source Serif Pro';
    src: url('/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2') format('woff2');
    font-weight: 200 300 400 500 600 700 800 900;
    font-style: normal;
}

@font-face {
    font-family: 'Source Serif Pro';
    src: url('/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2') format('woff2');
    font-weight: 200 300 400 500 600 700 800 900;
    font-style: italic;
}

/*HEADER*/
.desktop-menu {
	display:flex;
	justify-content:center;
}
.tnt-header {
	width:100%;
}

.top-bar {
	background-color:#e5dddb;
}

.tnt-menu li {
	list-style:none;
	color:black;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	margin-right:20px;
}

.tnt-menu li:last-child {
	margin-right:0;
}

.tnt-menu li a {
	color:black;
	text-decoration:none;
}

.site-description {
	font-size: 14px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
}

.site-branding img {
	width:150px;
	height:auto;
}

.col-4 .social-media-items {
	margin-right:20px;
	display:inline-block;
	width:2rem;
	height:2rem;
	overflow:hidden;
}

.col-4 .social-media-items:last-child {
	margin-right:0;
}

.social-media-items img {
	height:100%;
	width:100%;
	transition: width 0.3s, height 0.3s;
}

.social-media-items img:hover {
	width:2.2rem;
	height:2.2rem;
}

/*Footer*/
.tnt-footer {
	background-color:#e5dddb;
}

.top-footer{
	padding:30px 0;
}

.footer-title {
	font-size:1.2rem;
	font-weight:500;
}

#footer-menu-left,
#footer-menu-right {
	padding-left:0;
}

#footer-menu-left li,
#footer-menu-right li{
	list-style:none;
}

#footer-menu-left a,
#footer-menu-right a {
	text-decoration:none;
	color:black;
}

.footer-text a {
	text-decoration:none;
	color:black;
}

.bottom-footer {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:1rem;
	padding-bottom:1rem;
	border-top:1px solid white;
}

.copyright{
	display:flex;
}

.footer-social-icons {
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
}
.footer-social-media-items {
	margin-right:20px;
	display:inline-block;
	width:2rem;
	height:2rem;
	overflow:hidden;
}

.footer-social-media-items:last-child {
	margin-right:0;
}


.footer-social-media-items img {
	height:100%;
	width:100%;
	transition: width 0.3s, height 0.3s;
}

.footer-social-media-items img:hover {
	width:2.2rem;
	height:2.2rem;
}

/*Jetpack related*/
.jp-carousel-info {
	display:none !important;
}

/*Media*/
@media screen and (max-width:768px){
/*General*/
	.m-hide {
		display:none;
	}
/*Desktop Menu*/
	.desktop-menu {
		display:none;
	}
	
	.mobile-menu .top-bar{
		padding-top:15px;
		padding-bottom:15px;
		border-bottom:1px solid #e5dddb;
		background-color:white;
	}
	
/*Footer*/
	.top-footer {
		margin:30px 0;
	}
	
	.tnt-footer-menu-left,
	.tnt-footer-menu-right,
	.footer-text{
		padding:20px 0;
		text-align:center;
	}
	
	.footer-text a {
		margin-bottom:1rem;
	}
	
	.bottom-footer {
		border-top:1px solid white;
	}
	
	.copyright,
	.footer-social-icons {
		justify-content:center;
	}
}