/*
	Theme Name: Expert Echo
	Theme URI: https://jmliao.com/
	Description: This is a theme created for Expert Echo.
	Author: Jeff Monico Liao
	Author URI: https://www.jmliao.com/

	Version: 1.0.0

	Template: genesis

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Text Domain: expert-echo
*/






/* Enquiries
---------------------------------------------------------------------------------------------------- */



.tablet-only {
	display: none !important;
}

.mobile-toggle {
	background-color: #F26522;
	color: #fff;
	text-align: center;
	font-size: 30px;
}

.mobile-toggle .fa-chevron-up {
	display: none;
}

.mobile-toggle.active .fa-chevron-down {
	display: none;
}

.mobile-toggle.active .fa-chevron-up {
	display: inline-block;
}



/* Flickity */



/* Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1440px) {
	
	.search-page-content .left {
		padding: 20px 0;
	}

	.search-page-content .left .heading,
	.filter-row {
		padding: 0 20px;
	}

}


@media only screen and (max-width: 1139px) {

	.search-page-content .main-results {
		justify-content: center;
	}

	body.single-post .after-header .wrap {
		height: 600px;
	}

	.after-header {
		background-size: cover;
	}

	.speaker-video {
		margin-bottom: 10px;
	}

	.about-section {
		padding: 60px 0;
	}

}

@media only screen and (max-width: 1023px) {

	.speaker-video {
		height: 420px;
	}

	.speaker-profile-content {
		flex-direction: column;
		gap: 10px;
	}

	.speaker-cta {
		flex-direction: column;
		gap: 20px;
	}

	#speaker-feedback .quote {
		padding: 0 40px;
	}

	.search-page-content {
		flex-direction: column;
	}

	.search-page-content .left {
		display: none;
		width: 100%;
	}

	.search-page-content .right {
		width: 100%;
	}

	.site-header img {
		width: 200px;
	}

	.genesis-nav-menu a {
		color: #000;
	}

	.genesis-nav-menu li:nth-last-child(2) a {
		background: none;
	}

	.genesis-nav-menu input {
		background-color: #fff;
		border-color: #000;
		color: #000;
	}

	.mobile-menu-button {
		padding: 5px 20px !important;
	}

	.genesis-nav-menu .input-search-icon {
		margin-top: 7px;
		margin-right: 10px;
	}

	.speaker-header-menu-nav {
		text-align: center;
	}

	.speaker-header-menu a {
		padding: 0 20px;
	}

	.enquire-section .wrap {
		align-items: center;
		flex-direction: column-reverse;
	}

	.enquire-section .heading {
		padding-right: 0;
	}

	.enquire-section .wrap > .right {
		padding-top: 0;
	}

	.after-header .wrap {
		height: 380px;
	}

	.tablet-only {
		display: block !important;
	}

}

@media only screen and (max-width: 767px) {

	.shortlist-buttons {
		flex-direction: column;
		gap: 12px;
	}

	.speaker-video {
		height: 300px;
	}

	.speaker-media-list::after {
		content: '';
	}

	.speaker-cta {
		font-size: 20px;
		letter-spacing: 0;
	}

	.speaker-cta i {
		font-size: 20px;
		height: 42px;
		line-height: 42px;
		margin-right: 5px;
		width: 42px;
	}

	.site-before-footer .input-row {
		flex-direction: column;
		gap: 10px;
	}

	#speaker-feedback .feedback:first-child::before,
	#speaker-feedback .feedback:first-child::after {
		font-size: 360px;
	}

	#speaker-feedback .quote {
		padding: 0 20px;
	}

	#speaker-feedback .feedback:first-child .quote {
		font-size: 26px;
		line-height: 1.4;
	}

	.speaker-content {
		padding-top: 40px;
	}

	.speaker-header-menu {
		padding: 10px 0;
	}

	.speaker-header-menu a {
		float: left;
		padding: 5px 20px;
		text-align: center;
		width: 100%;
	}

	.speaker-basic-info {
		padding: 30px 0;
	}

	.speaker-basic-info .social-media-stats {
		flex-direction: column;
		gap: 20px;
	}

	body.single-post .after-header .wrap {
		height: 360px;
	}

	.speaker-profile {
		margin-bottom: 60px;
	}

	.site-header > .wrap {
		padding: 20px 20px 0 20px;
	}
	
	.site-header img {
		width: 150px;
	}

	.after-header h1 {
		font-size: 40px;
	}

	body.home .after-header .wrap {
		height: auto;
		padding-top: 130px;
		padding-bottom: 60px;
	}

	body.home .after-header .text {
		font-size: 16px;
		line-height: 1.25;
		padding: 0px 0;
	}

	body.home .after-header::after,
	body.home .categories-section::after,
	body.home .blue-section::after {
		border-bottom-width: 20px;
		margin-top: -20px;
	}

	.about-section {
		padding: 40px 0;
	}

	.about-section .heading {
		font-size: 50px;
	}

	.about-section .left {
		margin-bottom: 30px;
	}

	.about-section .right {
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 1.4;
	}

	body.home .categories-section {
		padding: 30px 0 55px 0;
	}
	
	body.home .blue-section .wrap {
		flex-direction: column;
		padding-top: 30px;
		padding-bottom: 280px;
	}

	body.home .blue-section .left,
	body.home .blue-section .right {
		padding: 0;
	}

	body.home .blue-section .left {
		margin-bottom: 30px;
	}

	body.home .blue-section .left .top,
	body.home .blue-section .right .top {
		justify-content: center;
	}

	body.home .blue-section .left .text {
		font-size: 22px;
		letter-spacing: 1px;
		line-height: 1.5;
		padding-top: 20px;
	}

	body.home .blue-section .right .text {
		padding: 20px 0 0 0;
	}

	.site-before-footer .text {
		font-size: 24px;		
		letter-spacing: 1px;
		line-height: 1.4;
		padding: 20px 20px 40px 20px;
	}

	.site-before-footer .button {
		margin-top: 20px;
	}

	.site-footer {
		padding: 40px 0;
	}

	.site-footer .top {
		flex-direction: column;
		gap: 40px;
		text-align: center;
	}

	.site-footer .top .left {
		padding: 0;
	}

	.site-footer .heading {
		font-size: 50px;
	}

	.site-footer .buttons {
		flex-direction: column;
		gap: 10px;
	}

	.site-footer .button {
		margin: 0 auto;
	}

	.site-footer .bottom {
		flex-direction: column;
	}

	.after-header .wrap {
		height: 240px;
	}

	.enquire-section {
		padding-top: 30px;
	}

	.enquire-section .heading {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 1.5;
	}

	.speaker-basic-info .heading {
		font-size: 26px;
	}

}

@media only screen and (max-width: 600px) {

	.site-header.sticky {
		top: 0;
	}

}

@media only screen and (max-width: 424px) {

	.speaker-cta {
		font-size: 15px;
	}

	#speaker-feedback .quote {
		padding: 0;
	}

	#speaker-feedback .author {
		font-size: 20px;
	}

}


/* Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

	*,
	*::before,
	*::after {
		background: transparent !important;
		box-shadow: none !important;
		color: #333 !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]::after,
	a[href^="#"]::after,
	.site-title > a::after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
		top: -100px;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}