/*
Theme name: Teknovation
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).
	
	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle. 
*/

/* GLOBAL */

body {
	font-family: Roboto,sans-serif !important;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	color: #465c6a;
}

.fas {
	font-family: FontAwesome;
}

sup {
	font-size: x-small !important;
}

/* MAIN NAV */
.header {
	padding-top: 0;
}

.header .header__bar {
	background: #B7C3C8 url(./dist/images/header.svg) -55px 10px no-repeat;
	display: block;
	padding-bottom: 15px;
	padding-top: 90px;
	
}

.header .header__bar .shell {
	position: relative;
}

.logo {
	float: left;
}

.logo p {
	color: #4B6875;
	font-weight: bold;
	padding-top: 20px;
	font-size: 20px;
	line-height: 1;
}

.logo-small {
	color: #666;
	width: 200px;
	float: right;
	position: absolute;
	bottom: 0;
	right: 15px;
}

@media (min-width: 768px) {
	.logo-small {
		font-size: 12px;
	}
	
	.logo-small img {
		width: 100px;
	}
}

.header .header__body {
	border-width: 0;
	border-style: none;
	border-color: unset;
	background: #4B6875;
}

.nav {
	color: white;
}
.nav a {
	border-right: none;
	padding: 10px 41.2px;
	text-transform: unset;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.1px;
}

body.no-touch .nav a:hover {
	background: #F4AA34;
}

.nav li#menu-item-48232 {
	background-color: #F4AA34;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* .nav li#menu-item-45562.current-menu-item::after {
	content: url(./dist/images/weekend-edition-arrow.svg);
} */

body.no-touch .nav .current-menu-item > a {
	background: none;
	box-shadow: inset 0 -5px 0 #F4AA34;
}

.nav-trigger {
	color: white;
}

.form-search {
	padding: 0;
	background: #4B6875;
}

.form-search.active {
	background: #DCE3E6;
	min-height: 47px;
}

.header__inner .search-form .search__field {
	border: none;
	background: #4B6875;
	box-shadow: none;
	width: 300px;
	text-align: left;
	padding: 13px 10px 10px 10px;
	float: left;
	cursor: pointer;
}

.header__inner .search-form .fa-search {
	color: white;
	background: #4B6875;
	float: right;
	padding: 12px 10px 10px 10px;
	font-size: 18px;
}

.header__inner .form-search.active .search__field, .header__inner .form-search.active .fa-search {
	background: #DCE3E6;
	color: #4B6875;
	font-size: 18px;
}

.header__inner .search-form input#s1.search__field::placeholder {
	color: transparent;
}

.header__inner .form-search.active .search-form input#s1.search__field::placeholder {
	color: #4B6875;
}

/* No less than 400px, no greater than 900px */
@media (min-width:769px) and (max-width:1162px) {
	.nav a {
		font-size: 16px;
		padding: 10px 17.2px;
	}
	
	.header__inner .nav {
		width: 70%;
	}
	
	.header__inner .form-search {
		width: 30%;
	}
	
	.header__inner .search-form .search__field {
		width: 75%;
	}
}​

@media (max-width: 768px) {
	.header .header__bar {
		background: #B7C3C8 url(./dist/images/header.svg) -50px 10px no-repeat;
		background-size: contain;
		padding-bottom: 15px;
		padding-top: 60px;
		
	}
	
	.form-search {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.nav-trigger {
		font-size: 18px;
	}
	
	.header__inner .search-form .search__field {
		text-align: left;
		font-size: 18px;
		width: unset;
	}
	
	.nav > ul {
		border-top: 1px solid #B7C3C8;
	}
}

/* Main body */
.main {
	padding-top: 20px;
}

.weekend-edition-icon {
	margin-left: 15px;
}

.article-event {
	padding: 30px 30px 20px 30px;
}

.article-event .article__head h2 {
	font-size: 30px;
}

.article-single .article__body a, .article-single .article__meta a {
	color: #0000ff;
	text-decoration: underline;
}

.list-posts a {
	opacity: 1;
}

/* Sidebar */
.nav-socials a {
	background: #007A3D;
	color: #fff;
	font-size: 22px;
}

.nav-socials a:hover {
	background: #F4AA34 !important;
}

body .gform_wrapper .top_label .gfield_label, body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
	font-size: 14px;
	color: #222;
}

.widget .widget__title {
	border-bottom: none !important;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
}

body .gform_wrapper .gform_footer input.button {
	background: #007A3D;
	font-size: 18px;
	font-weight: 700;
}

body .gform_wrapper .gform_footer input.button:hover {
	background: #F4AA34; 
}

.social-sharing {
	margin-bottom: 20px;
}
.social-sharing a {
	font-size: 20px;
	margin-right: 10px;
	color: #b7b7b7;
	text-decoration: none;
}

.social-sharing button {
font-size: 20px;
margin-right: 10px;
color: #b7b7b7;
text-decoration: none;
border: none;
background: none;
}

.social-sharing a:hover, .social-sharing button:hover {
	color: #27a;
	text-decoration: none;
}

/* Weekend Editiion Category Template */
.we-header {
	padding: 20px 30px 20px 30px;
}

.we-header span {
	font-weight: bold;
}

.we-header p {
	padding-bottom: 30px;
	border-bottom: 30px solid #F4AA34;
}

/* Events Page */
#tribe-bar-form .tribe-bar-submit input[type=submit] {
	background: #F4AA34;
}

/* Footer */
.footer, .footer a {
	color: #333;
}