/*
	Theme Name: MXL Blog (Hello Elementor child)
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: MaleExcel
    Template: hello-elementor
	Version: 1.0.0
	Stable tag: 1.0.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: mxl-blog-hello-elementor
	Description: Perfect theme for MaleExcel
*/
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

body {
	font-family: 'Oxygen', sans-serif;
}

a {
	color: #000000;
	text-decoration: none !important;
}

a:hover {
	color: #9C0C19;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	scroll-margin-top: 90px;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 23px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

.site-main,
.pre-footer-content,
.hero_home_icons,
.pre-footer-disclaimer {
	max-width: 1174px !important;
	margin-left: auto;
	margin-right: auto;
}

.page-content,
* {
	vertical-align: top;
}

.button {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 7px;
	border: 1px solid #9C0C19;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
	width: 345px;
	display: inline-block;
	text-align: center;
	background-color: #9C0C19;
	color: #fff;
}

.button:hover {
	background-color: #AA1F23;
	color: #fff;
}

a.cta-button {
	box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 30%);
	padding: 15px 60px 15px 60px;
	background-color: #9c0c19;
	color: #ffffff !important;
	font-weight: bold;
	border-radius: 7px;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	width: fit-content;
}

a.cta-button:hover {
	background-color: #AA2023;
}

.hero-image {
	background-color: #00000059;
	/* default image for all pages = it will be replaced in template code, if needed */
	/* background-image: url(./assets/images/image-hero-bike-desktop-min.png); */
	background-image: url(./assets/images/image-hero-new-desktop-min.png);
	/* Set a specific height */
	height: 100%;
	/* Position and center the image to scale nicely on all screens */
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-blend-mode: multiply;
	text-align: center;
}

/* .header_home_icon {
	text-align: left;
	display: inline-block;
} */
.site-header .site-branding {
	flex-direction: row;
}

/* .hero_home_icon, */
.header_home_icon {
	/* color: #fff; */
	color: red;
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	background-image: url(./assets/images/header-home-icon.svg);
}

.hero-image-darkened {
	filter: brightness(.4);
}

.hero_search_icon {
	width: 50%;
	text-align: right;
	display: inline-block;
	float: right;
	margin-top: 20px;
	position: relative;
}

.header-home-icon .dashicons,
.hero-home-icon .dashicons,
.hero_search_icon .dashicons {
	font-size: 35px;
	color: #fff;
	color: red;
}

#hero_search_trigger {
	color: #fff;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(./assets/images/homesearchicon.svg);
	background-position: center;
	background-repeat: no-repeat;
}


#hero_searchbox {
	background-color: #000;
	position: absolute;
	text-align: center;
	padding: 5px 10px;
	display: none;
}

#header_searchbox {
	display: inline-block;
}

#hero_searchbox .text,
#header_searchbox .text {
	width: auto;
	/* background-color: #000; */
	color: #BCBCBC;
	font-size: 16px;
	border: none;
	border-radius: 7px;
	border: 1px solid #D6D6D6;
	height: 45px;
	margin-top: 3px;
	min-width: 240px;
	background: url(./assets/images/header_search_icon.svg) no-repeat scroll 5px 8px;
	padding-left: 40px;
	padding-right: 2px;
}

#hero_searchbox .text {
	color: #fff;
}

#hero_search_close {
	color: #fff;
	font-size: 25px;
	margin-top: 5px;
	margin-left: 10px;
	display: inline-block;
}

#search_form .search_submit,
.sorter .search_submit {
	background-image: url(./assets/images/search_icon_1.svg);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 25px;
	height: 25px;
	border: 0;
	margin-top: 7px;
}

#search_form .search_submit {
	margin-top: 10px;
}

#hero_searchbox .text {
	background-image: none;
	border-top: 0;
}

/* Place text in the middle of the image */
.hero-text {
	text-align: center;
	color: white;
}

/* Place text in the middle of the image */
.hero-text.hero-generic {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.cats_page_container {
	margin-top: 100px;
	/* border:1px solid grey; */
	vertical-align: top;
}

.cats_letters {
	display: inline-block;
	max-width: 13%;
	padding-right: 30px;
	min-height: 100%;
	/* border:1px solid green; */
	font-size: 26px;
	text-align: center;
}

.cats_inner_container {
	max-width: 80%;
	min-width: 80%;
	display: inline-block;
	/* border:1px solid red; */
	vertical-align: top;
}


.cats_letter {
	display: inline-block;
	font-weight: bold;
	/* padding:11px 30px; */
	padding: 3px 19px;
	text-align: center;
	max-width: 50%;
	min-width: 50%;
	text-transform: uppercase;
}

.cats_letter_all {
	display: block;
	min-width: 100%;
}

.cats_letter a {
	color: #bebebe;
	cursor: default;
}

.cats_letter_enabled a,
.cats_letter_all a {
	color: #898989;
	cursor: pointer;
}

.cats_page_filter {
	text-align: right;
}

.cats_filter {
	max-width: 325px;
	border-radius: 7px;
	border: 2px solid #E5E5E5;

}

.cats_list {
	max-height: 70vh;
	overflow-y: scroll;
	padding-bottom: 50px;
}

.cat_leading_letter {
	display: block;
	text-transform: uppercase;
	font-size: 44px;
	font-weight: bold;
	color: #000000;
}

.cards {
	max-width: 50%;
	min-width: 50%;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 20px;
}

.is-hidden {
	display: none;
}



/* list pages */
.post_list,
.home_post_list {
	vertical-align: top;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}

.home_post_list {
	width: 100%;
}

.list_post {
	display: inline-block;
	width: 252px;
	max-width: 25%;
	vertical-align: top;
	margin-bottom: 30px;
	overflow: hidden;
	border: 2px solid #00000029;
	box-shadow: 0px 3px 6px #00000029;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	position: relative;
	padding-bottom: 75px;
}

/* .category .post_list,
.search .post_list,
.page-category .list_post {
	justify-content: start;
} */

.category .list_post,
.search .list_post,
.page-category .list_post {
	width: 25%;
	max-width: 252px;
	margin: 0 25px 30px 0;
}

@media only screen and (min-width: 768px) {

	.home_post_list_popular {
		margin-top: 60px;
		vertical-align: top;
		display: block;
	}

	.home_post_list_popular .home_post_list {
		flex-flow: column wrap;
		width: 25%;
	}

	.home_post_list_popular .home_post_list .list_post {
		max-width: 100%;
		overflow: hidden;
		border: none;
		box-shadow: none;
		margin-bottom: 0;
	}

	.home_post_list_popular .list_post .list-post-thumb {
		border-radius: 7px;
		overflow: hidden;
	}

	.home_post_list_popular .author-box {
		border: none;
		padding-top: 0;
	}

	.home_post_list_popular .post-date {
		margin-left: 0;
	}

	.home_post_list_popular .list_post .list_post_title {
		margin-bottom: 0;
		padding-left: 0;
	}

	.home_post_list_popular .list_post .author-box {
		padding-left: 0;
	}

	.category .list_post:first-child,
	.category .list_post:nth-child(5n),
	.search .list_post:first-child,
	.search .list_post:nth-child(5n),
	.page-popular .list_post:first-child,
	.page-popular .list_post:nth-child(5n),
	.page-newest .list_post:first-child,
	.page-newest .list_post:nth-child(5n) {
		margin-left: 0;
	}

	.category .list_post:nth-child(4n),
	.search .list_post:nth-child(4n),
	.page-popular .list_post:nth-child(4n),
	.page-newest .list_post:nth-child(4n) {
		margin-right: 0;
	}
}

.single .list_post {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.list_post a {
	border-radius: 7px;
}

.list_post .list_post_title {
	font-size: 20px;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;
}

.list_post .list-post-thumb {
	/* width: 252px; */
	width: 100%;
	max-width: 252px;
	height: 186px;
	display: inline-block;
	background-size: cover;
	background-position: center;
	/* border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; */
	border-radius: 0;
}

.list_post .list_post_title a {
	font-size: 20px;
	color: #000000;
	line-height: 30px;
}

.list_post .list_post_title a:hover {
	color: #9C0C19;
}

.author-box {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E3E3E3;
}

.author-box .author-avatar {
	max-width: 47px;
	display: inline-block;
	margin-right: 20px;
}

.author-box .author-description,
.author-box .author-name {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

.author-box {
	border-bottom: none;
	border-top: 1px solid #E3E3E3;
}

.list_post .author-box {
	bottom: 0px;
	position: absolute;
	padding: 10px 20px;
}

.author-box .author-box-slash {
	padding: 0;
	margin-right: 5px;
}

.author-box .author-name {
	display: block;
}

.author-box .author-description {
	font-size: 14px;
	font-weight: 400;
}

.cats_pagination {
	text-align: center;
	padding-top: 15px;
	font-size: 20px;
	font-weight: bold;
}

.cats_pagination a {
	color: #909090;
}

.cats_pagination span,
.cats_pagination a {
	padding-right: 20px;
}

nav.pagination {
	display: none;
}

.truncated_title {
	display: -webkit-box;
	-webkit-line-clamp: var(--line-clamp, 3);
	-webkit-box-orient: vertical;
	word-break: var(--word-break, 'none');
	overflow: hidden;
	hyphens: auto;
	text-align: var(--align, left);

	/* // Automatically use "word-break: break-all" for single-lines
	// (https://css-tricks.com/css-switch-case-conditions) */
	--is-single-line: 1 - Clamp(0, Calc(var(--line-clamp) - 1), var(--line-clamp));
	--delay: Calc(-1s * (var(--is-single-line, 1) - 1));
	animation: states 1s var(--delay) paused;

	@keyframes states {
		0% {
			word-break: break-all;
		}
	}
}

/* category mobile */
@media only screen and (max-width: 767px) {

	.category .list_post,
	.search .list_post {
		margin: 0 40px 30px;
		width: 100%;
		max-width: 100%;
	}

}

/* homepage */
.home_subhero {
	height: 165px;
	width: 100%;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 45px;
	border-bottom: 1px solid #bababa;
}

.subhero-subtitle {
	color: #666666;
	font-weight: bold;
	font-size: 20px;
}

.subhero-title {
	color: #000000;
	font-weight: bold;
	font-size: 26px;
}

.home-pinned {
	padding: 50px 0;
}

.home-pinned .sticky1,
.sticky2 {
	height: 561px;
	position: relative;
	background-position: center;
	background-size: cover;
}

.home-pinned .sticky1 {
	height: 430px;
	box-shadow: 0px 3px 6px #00000029;
}

.home_post_list_popular .home-pinned {
	padding: 50px 0 40px 50px;
}

.sticky1_overlay span,
.sticky2_overlay span {
	position: absolute;
	top: 10px;
	left: -110px;
	background: #000;
	color: #fff;
	padding: 5px 10px 5px 30px;
	border-radius: 30px;
}

.sticky1_overlay span::before,
.sticky2_overlay span::before {
	content: '';
	position: absolute;
	background-image: url(https://static.maleexcel.com/wp-content/uploads/sites/12/2023/01/12134016/pinned-pin.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 16px;
	width: 16px;
	left: 10px;
	top: 8px;
	transform: rotate(-45deg);
}

.sticky1_overlay,
.sticky1_content,
.sticky2_overlay,
.sticky2_content {
	position: absolute;
	height: 100%;
	width: 423px;
	right: 0;
	top: 0;
}

.sticky1_overlay,
.sticky2_overlay {
	background-color: #fff;
	opacity: .84;
}

.sticky1_content,
.sticky2_content {
	/* position: absolute; */
	top: 45%;
	height: auto;
	padding-left: 20px;
	font-size: 14px;
}

.sticky1_content h2,
.sticky2_content h2 {
	font-size: 28px;
}

.sticky2 {
	/* height: 794px; */
	height: 845px;
	border-radius: 7px;
}

.home_popular_pinned_wrapper {
	float: right;
	max-width: 75%;
	width: 100%;
	/* flex-basis: 75%; */
}

.home_post_list_header {
	margin-bottom: 15px;
}

.homepage_pinned2 {
	max-width: 800px;
	max-height: 794px;
}

.home_post_list_title {
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
}

.home_post_list_header a {
	color: #9C0C19;
	font-size: 16px;
	margin-left: 30px;
	/* padding-top:5px; */
	line-height: 40px;
}

.lp_cat {
	margin-top: -10px;
	margin-bottom: -10px px;
}

.lp_cat a {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 0px 7px 7px 0px;
	padding: 3px 10px 3px 10px;
}

.home_post_list_popular .lp_cat,
.home_post_list_popular .author-avatar,
.home_post_list_popular .author-name,
.home_post_list_popular .author-box-slash {
	display: none;
}

.home_post_list_popular .list_post .list_post_title a {
	line-height: 26px;
}

.home_catslist {
	margin-bottom: 30px;
}

.home_catslist div:nth-child(odd) {
	padding-right: 25px;
}

.home_catslist div {
	display: inline-block;
	max-width: 50%;
	width: 50%;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 30px;
}

.home_catslist a {
	border: 2px solid #E5E5E5;
	border-radius: 7px;
	box-shadow: 0px 5px 6px #00000029;
	width: 100%;
	height: 100%;
	display: block;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.swiper,
.swiper2 {
	display: none;
}

/* Homepage mobile */
@media only screen and (max-width: 767px) {
	.hero-image p {
		font-weight: bold;
	}

	.subhero-subtitle {
		font-weight: 400;
		font-size: 14px;
	}

	.subhero-title {
		font-size: 20px;
	}

	.home-pinned {
		margin-bottom: 90px;
	}

	.home_popular_pinned_wrapper {
		display: none;
	}

	.sticky1_overlay,
	.sticky2_overlay {
		display: none;
	}

	.sticky1_content h2,
	.sticky2_content h2 {
		font-size: 20px;
		margin-bottom: 5px;
		padding-top: 5px;
	}

	.sticky1_content span,
	.sticky2_content span {
		font-size: 12px;
		font-weight: bold;
	}

	.sticky1_content,
	.sticky2_content {
		position: relative;
		top: 100%;
		padding-left: 0;
		font-size: 20px;
		width: auto;
	}

	.home-pinned .sticky1 {
		height: 225px;
	}

	.swiper {
		display: block;
	}

	.home_post_list article {
		display: none;
	}

	.swiper article {
		display: block;
		max-width: 100%;
		height: 100%;
	}

	.home_post_list_header a {
		position: absolute;
		right: 20px;
	}

	.home_post_list_header {
		height: 60px;
	}

	.sticky2 {
		display: none;
	}

	.home_catslist a {
		font-size: 14px;
		min-height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.home_catslist div {
		max-width: 100%;
		width: 100%;
	}

	.home_catslist div:nth-child(odd) {
		padding-right: 0;
	}

	/* .ho.category .list_post,
	.search .list_post,
	.page-category .list_post */
	.list_post .list-post-thumb {
		width: 100%;
		max-width: 100%;
	}
}

.list_post .list-post-thumb {
	width: 100%;
	max-width: 100%;
	overflow:hidden;
}

.pre-footer {
	height: 258px;
	background-color: #9DC1CE;
	width: 100%;
}

.pre-footer-content {
	height: 100%;
	background-image: url(./assets/images/e_symbol_prefooter.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto 125px;
}

.pre-footer-header {
	font-size: 44px;
	font-weight: bold;
	padding-top: 47px;
	margin-bottom: 40px;
	display: block;
}


.pre-footer-button {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px;
	border: 1px solid #9C0C19;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
	width: 345px;
	display: inline-block;
	text-align: center;
}

.pre-footer-button-1 {
	background-color: #9C0C19;
	color: #fff;
}

.blog-header-cta-right {
	background-color: #9C0C19;
	color: #fff;
	width: 225px;
	text-transform: none;
	text-wrap: nowrap;
}
.blog-header-cta-right:hover {
	color: #fff!important;
}

.pre-footer-button-1:hover {
	background-color: #AA1F23;
	color: #fff;
}

.pre-footer-button-2 {
	border-color: #000;
	margin-left: 20px;
}

.pre-footer-button-2:hover {
	color: #fff;
	background-color: #000;
}

.pre-footer-disclaimer {
	margin-top: 30px;
	margin-bottom: 20px;
}

.pre-footer-disclaimer p {
	margin-top: 0;
	margin-bottom: 10px;
}

/* author page */
.page-content-author .author-photo img {
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
}

/* single */
.summary {
	background-color: #E6F4FF;
	border-radius: 7px;
}

.single-post-hero-title {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.single-post-hero-title h1 {
	position: absolute;
	bottom: 15%;
	max-width: inherit;
}

.single-post-hero-title p {
	position: absolute;
	bottom: 10%;
}

.page-content-single {
	max-width: 80%;
	display: inline-block;
	max-width: 814px;
}

.page-content-single h2 {
	/* font-size: 22px; */
	font-weight: bold;
}

.page-content-single p {
	font-size: 16px;
}

.page-content-single a,
.page-content-single p a {
	color: #9c0c19;
}

.page-content-single ul,
.page-content-single ol {
	margin-bottom: 20px;
}

/* .page-content-single sup {
	top: 7px;
} */

.page-content-single a sup {
	top: auto;
}

.related-posts {
	max-width: 19%;
	max-width: 292px;
	display: inline-block;
	margin-left: 60px;
}

.related-posts .list_post {
	max-width: 100%;
}

.single .author-box .author-name {
	display: inline-block;
}

.single .author-box .author-box-slash {
	padding: 0 10px;
}

.single .author-box .author-description {
	font-weight: bold;
	width: 100%;
}

.single .list_post .list_post_title,
.single .author-box {
	padding-left: 0;
	margin-bottom: 5px;
}

.single .related_title {
	white-space: normal !important;
}

.single .author-box {
	border-top: none;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 10px;
	padding-top: 20px;
	text-align: justify;
	width: 100%;
	max-width: 100%;
}

.single .author-description span {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	/* color: #848484; */
}

.single .author-description .author-box-spacer {
	/*width: 50%;*/
}

.single .author-box-right {
	display: inline-block;
	float: right;
}

.single .author-name span {
	color: #8F2020;
	font-size: 16px;
	margin-left: 10px;
}

.single .related-posts .author-box {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
}

.single .author-box-bullet {
	margin: 0 15px;
}

.related-posts .list_post .author-avatar,
.related-posts .list_post .author-name,
.related-posts .list_post .author-box-slash {
	display: none;
}

.related-posts h2,
.related-posts h2 a,
.related-posts h3,
.related-posts h3 a {
	font-size: 20px;
}

.hero-container {
	margin-bottom: 40px;
}

.single-post-hero-title h1 {
	font-size: 45px;
	font-weight: bold;
}

.single-post-hero-title p {
	font-size: 16px;
}

.breadcrumb {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.breadcrumb a {
	color: #9C0C19;
	font-weight: 400 !important;
}

.summary {
	margin: 15px 0;
	padding: 17px 55px 17px 35px;
}

.summary .summary-title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 15px;
}

.toc {
	margin: 30px 0;
	transition: height 1s, max-height 1s;
}

.toc .toc-title {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	/* text-transform: uppercase;
	color: #8D8D8D; */
	margin-bottom: 10px;
}

.toc a {
	/* display: inline-block;
	font-size: 15px;
	margin-right: 25px;
	line-height: 35px;
	text-decoration: none;
	white-space: nowrap;
	overflow: auto; */

	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	line-height: 16px;
	text-decoration: none;
	white-space: nowrap;
	overflow: auto;
	color: darkgray;
	font-weight: 700;
	border-right: 2px solid lightgray;
	padding-right: 10px;
	/* line-height: 25px; */
	margin-bottom: 10px;
	color: gray;
}

.toc a:last-child {
	border-right: none;
}

.toc a:hover {
	text-decoration: underline;
	color: #9C0C19;
}

.toc-wrapper {
	max-height: 137px;
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	transition: height 0s 1s, max-height 1s;
}

.toc-wrapper:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	background: linear-gradient(transparent 70px, white);
}

.article-end {
	display: grid;
	grid-template-columns: 35% 65%;
	border-top: 1px solid #E4E4E4;
	padding: 15px 0 40px;
	margin: 20px 0;
	border-bottom: 1px solid #E4E4E4;
}

:target::before {
	content: "";
	display: block;
	height: 40px;
	/* fixed header height*/
	margin: -40px 0 0;
	/* negative fixed header height */
}

.post-share {
	display: flex;
	flex-direction: column;
}

.post-share h5,
.post-tags h5 {
	margin-bottom: 30px;
}

.post-share ul {
	padding: 0;
}

.post-share ul li {
	display: inline;
	list-style: none;
	margin-right: 30px;
}

.post-tags span a {
	padding: 15px 30px;
	/* border: 1px solid #E4E4E4;
	box-shadow: 0 0 5px #E4E4E4; */
	box-shadow: 0px 5px 6px #00000029;
	border: 2px solid #E5E5E5;
	border-radius: 10px;
	margin-right: 10px;
	line-height: 60px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 14px;
}

.post-tags span a:hover {
	border-color: #9C0B19;
	color: #000;
}
#tw-sg {
	width: 22px;
}




.reference {
	display: list-item;
	margin-left: 2em;
	padding-left: 1em;
	color: #868686;
}

.references {
	padding: 15px 0 40px;
	border-bottom: 1px solid #E4E4E4;
}

.reference-hidden {
	display: none;
}

#morelink,
.morelinktoc {
	display: table;
	margin: 20px auto;
}

#morelink::after,
.morelinktoc::after {
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: '';
	display: inline-block;
	height: 10px;
	left: 10px;
	position: relative;
	top: 5px;
	transform: rotate(135deg);
	vertical-align: top;
	width: 10px;
}

#morelink.down::after,
.morelinktoc.down::after {
	top: 10px;
	transform: rotate(-45deg);
}

.morelinktoc {
	margin: 0 auto;
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.hero-container {
		margin-bottom: 15px;
		height: 320px !important;
	}

	.single-post-hero-title {
		padding: 0;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;
		margin-top: 25%;
	}

	.single .list_post {
		padding-bottom: 0px;
		max-width: 100%;
		width: 100%;
	}

	.single .list_post .list-post-thumb {
		min-height: 200px;
		width: 100%;
		overflow: hidden;
	}

	.single-post-hero-title h1 {
		font-size: 26px;
	}

	.single-post-hero-title h1,
	.single-post-hero-title p {
		position: relative;
		bottom: auto;
	}

	.site-main {
		padding: 0 25px !important;
	}

	.site-main .page-content {
		padding: 0;
		max-width: 100vw;
		width: 100%;
	}

	.summary {
		padding: 17px 18px;
	}

	.toc a {
		margin-bottom: 15px;
		white-space: normal;
		line-height: 22px;
		display: inline;
	}

	.article-end {
		grid-template-columns: 100%;
	}

	.post-share {
		margin-bottom: 30px;
	}

	.related-posts {
		max-width: 100%;
		margin-left: 0;
	}

	.single .author-description .author-box-spacer {
		width: 0;
	}

	.single .author-box-right {
		display: block;
	}

	.post-tags span a {
		display: block;
		padding: 5px 20px;
		text-align: center;
		margin-right: none;
		margin-bottom: 15px;
	}

	.reference {
		margin-left: 25px;
		padding-left: 0;
		overflow-wrap: break-word;
	}

	.references {
		padding: 15px 0 10px;
		border-top: 1px solid #E4E4E4;
		border-bottom: 0;
		margin-top: 25px;
	}

	.post-share {
		border-bottom: 1px solid #E4E4E4;
		padding-bottom: 25px;
	}

	.references h5,
	.post-share h5,
	.post-tags h5 {
		font-size: 22px;
	}

	.references .reference::marker {
		color: #000;
	}

	#morelink,
	#morelink.down {
		font-size: 18px;
		color: #000;
	}

	#morelink:hover,
	#morelink:active {
		color: #9C0C19;
	}

	.cats_page_container .cards {
		width: 100%;
		max-width: 100%;
	}
}

.single-post-hero-title {
	max-width: 1174px !important;
}

@media only screen and (min-width: 1200px) {
	.single-post-hero-title {
		max-width: 960px;
	}

	.hero_home_icons {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.single-post-hero-title {
		max-width: 800px;
	}
}

@media only screen and (min-width: 768px) {
	.single-post-hero-title {
		max-width: 600px;
	}
}

@media only screen and (min-width: 576px) {
	.single-post-hero-title {
		max-width: 500px;
	}
}

/* 404 page */
.page404 {
	min-height: 75vh;
	padding-top: 50px;
	text-align: center;
	padding-left: 20%;
	padding-right: 20%;
	background-image: url('https://static.maleexcel.com/wp-content/uploads/sites/12/2023/01/03190310/e-symbol-404.svg');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.page404 h1 {
	font-size: 60px;
	font-weight: 700;
}

.page404 h2 {
	font-size: 20px;
	font-weight: 700;
}

.page404 p {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 60px;
}

.page404 p a {
	color: #9c0c19;
	text-decoration: underline;
}


/* category page */
.page-category h3,
.page-categories h3 {
	text-align: center;
	font-size: 36px;
}

.sorter {
	position: relative;
	/* display:inline-block; */
	text-align: right;
	margin-right: 18px;
}

#sortby {
	max-width: 100px;
	text-align: right;
	display: inline-block;
	max-width: 160px;
	text-align: left;
	font-size: 16px;
	line-height: 33px;
	border: 2px solid;
	border-radius: 7px;
	padding: 3px 15px;
	margin-bottom: 17px;
	line-height: 33px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url(https://static.maleexcel.com/wp-content/uploads/sites/12/2023/01/13110642/down.svg);
	background-repeat: no-repeat;
	background-position-x: 92%;
	background-position-y: 50%;
	background-size: 14px;
	max-height: 42px;
}

/* search page */
.search_not_found {
	text-align: center;
	margin-top: 45px;
	margin-bottom: 125px;
}

.search_not_found h2 {
	font-size: 36px;
}

.search_not_found .search-form {
	margin-top: 30px;
	margin-bottom: 30px;
}

.search_not_found input.text,
.sorter input.text {
	max-width: 310px;
	border: 2px solid #E5E5E5;
	border-radius: 7px;
	max-height: 42px;
}

.sorter input.text {
	display: inline-block;
}

.search_not_found .search-submit,
.sorter .search-submit {
	background-color: #9C0C19;
	max-height: 42px;
	background-image: url(./assets/images/searchbtn-icon.svg);
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	height: 42px;
	border: 0;
}

.sorter .search-submit {
	display: inline-block;
}

/* .search_not_found .back-to-home { */
.back-to-home {
	margin: 60px 0 30px 0;
	background-color: #fff;
	color: #000;
	box-shadow: 0px 3px 6px #00000029;
	border: 2px solid #000000;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 34px;
}

.back-to-home:hover {
	background-color: #000;
	color: #fff;
}

.sorter .search-form {
	display: inline-block;
	min-width: 450px;
}

.page-search h2 {
	text-align: center;
}

.page-search .sorter {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}

/* CUSTOM REUSABLE BLOCKS */
.page-content .cta1 a.wp-element-button {
	color: #fff;
}

.page-content .cta1 .is-style-outline a.wp-element-button {
	color: #000;
}

/* .page-content .cta1 a.wp-element-button:hover {
	color:#000;
	background-color: #fff;
	border: 2px solid #000;
}
.page-content .cta1 .is-style-outline a.wp-element-button:hover {
	color: #fff;
	background-color: #000;
} */
.page-content .cta1 .wp-block-buttons {
	width: 100%;
	text-align: center;
}

.page-content .cta1 .cta1-content-column {
	padding-left: 20px;
}

.floating-tab1 {
	position: fixed;
	left: -60px;
	transform: rotate(-90deg);
	bottom: 15%;
	z-index: 10;
}

.floating-tab1 a {
	border-radius: 0 0 7px 7px;
}

/* END CUSTOM REUSABLE BLOCKS */

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

	.category .list_post,
	.search .list_post,
	.page-category .list_post {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

}

/* HEADER */
#site-header {
	box-shadow: 0px 10px 10px #00000029;
	padding: 25px;
}

.blogpage-wrapper {
	position: relative;
}

#site-header .custom-logo-link {
	padding-top: 3px;
}

@media only screen and (min-width: 1201px) {
	.site-branding img {
		width: 226px;
	}

	.site-header .site-navigation {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: flex !important;
	}

	.site-navigation ul.menu li ul {
		z-index: 20;
		top: 70px;
		columns: 2;
		margin-left: 0px !important;
		-webkit-box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 10%), 5px 5px 15px 5px rgb(0 0 0 / 10%);
		box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 10%), 5px 5px 15px 5px rgb(0 0 0 / 10%);
	}

	.site-navigation ul.menu li:last-child ul {
		columns: 1;
	}

	.site-navigation ul.menu li a {
		padding: 25px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.site-navigation ul.menu li ul {
		padding: 15px 0;
	}

	.site-navigation ul.menu li ul li {
		border-bottom: none;
		width: 220px;
	}

	.site-navigation ul.menu li:first-child ul li {
		width: 310px;
	}

	.site-navigation ul.menu li ul li a {
		font-weight: 500;
		font-size: 18px;
		text-transform: capitalize;
		padding: 13px 20px;
	}

	.site-header {
		padding: 5px 40px 5px 40px;
	}

	.site-navigation ul.menu li.menu-item-has-children:after {
		display: none;
	}

	.topcontact {
		position: relative;
		font-size: 20px;
	}

	/* .topcontact::before {
		content: "";
		position: absolute;
		top: -30px;
		left: -30px;
		width: 100%;
		max-width: 20px;
		height: 100%;
		opacity: 1;
		z-index: 0;
		background: url(https://static.maleexcel.com/wp-content/uploads/sites/5/2021/09/27121239/phone.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom left;
	} */

	.toggle-nav {
		display: none !important;
	}
}

@media only screen and (max-width: 1200px) {
	.site-branding {
		width: 50%;
	}

	/* .site-branding a {
		margin-left: 50px;
	} */

	.site-header:not(.dynamic-header) {
		max-width: 100%;
		padding: 10px 25px !important;
	}


	.blog-header-cta-right {
		font-size: 16px;
		max-width: 148px;
		text-transform: none;
		margin: 0;
		font-weight: 600;
	}

	/* hide header icons and display hero ones - on mobile */
	#header_searchbox,
	.header_home_icon {
		display: none;
	}

	.site-header .site-branding {
		flex-direction: column;
	}

	.site-branding img {
		width: 100%;
		max-width: 145px;
	}

	.mobile-menu {
		position: absolute;
		left: 0;
		top: 0;
	}

	.toggle-nav {
		display: inline-block !important;
		float: right;
		padding: 10px 15px;
		font-size: 28px;
		transition: color linear 0.15s;
	}

	a.toggle-nav:link,
	a.toggle-nav:visited,
	a.toggle-nav:hover,
	a.toggle-nav:active {
		text-decoration: none;
		color: #000;
	}

	.site-navigation {
		display: none;
		background: #fff;
		text-align: left;
		width: 100%;
		height: 100vh;
		max-height: calc(100vh - 60px);
		position: absolute;
		top: 64px;
		left: 0;
		z-index: 999;
	}

	.site-navigation ul {
		position: absolute;
		overflow: auto;
		top: 0px;
		right: 0px;
		width: 100vw;
		max-height: 80%;
		z-index: 999;
		padding-right: 15px;
		background: #fff;
		flex-direction: column;
		flex-wrap: nowrap !important;
	}

	.site-navigation ul li {
		float: none;
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		min-width: 200px;
		background: #fff;
		flex-direction: column;
	}

	.site-navigation ul li a {
		font-size: 24px;
		font-weight: bold;
	}

	.site-navigation ul.menu li ul {
		position: relative;
		left: 0;
		top: 0;
	}

	.site-navigation ul.menu li ul li {
		border: none;
		margin-left: 20px;
	}

	.site-navigation ul li ul li a {
		font-size: 16px;
		padding: 7px 20px;
	}

	.site-navigation::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 20px;
		width: 40%;
		max-width: 170px;
		height: 40%;
		opacity: 1;
		z-index: 100;
		background: url(https://static.maleexcel.com/wp-content/uploads/sites/11/2022/03/16113617/e_symbol.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom left;
	}

	.site-navigation ul.menu li.menu-item-has-children:after {
		content: none;
	}

	.site-navigation ul.menu li:hover>ul {
		display: none;
	}

	.site-navigation ul.menu li a {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
		display: inherit;
	}

	.site-navigation ul.menu li a {
		padding: 4px 15px;
	}

	.sub-show ul {
		display: block !important;
	}

	li:not(.sub-show) ul {
		display: none !important;
	}

	.menu-close {
		font-size: 40px;
		line-height: 40px;
	}

	.topcontact::before {
		content: none;
	}

	.topcontact {
		width: auto;
		text-transform: uppercase;
		font-weight: 600 !important;
		font-size: 10px;
		line-height: 16px;
	}

	.topcontact strong {
		font-size: 14px;
	}


	#header_searchbox,
	#hero_searchbox {
		width: 100vw;
		z-index: 10;
		right: 0;
		top: 0;
	}

	#header_searchbox .text,
	#hero_searchbox .text {
		width: 80%;
	}

	.hero-text.hero-generic {
		width: 100%;
	}

	.hero-text h1 {
		font-size: 30px;
		width: 100%;
		margin: 10px auto;
	}


	/* .hero_search_icon {
		padding-right: 20px;
	} */

	.hero_home_icons {
		width: 100%;
		position: relative;
		height: 40px;
		display: flex;
		/* margin-top:13px; */

		flex-flow: row wrap;
		justify-content: space-around;
		align-items: flex-start;
	}

	.hero_home_icon,
	.hero_search_icon {
		display: inline-block;
		width: 50%;
		align-self: baseline;
		text-align: left;
	}

	.hero_home_icon a {
		background: url(./assets/images/hero-home-icon.png) no-repeat;
		width: 40px;
		height: 40px;
		display: inline-block;
	}

	.hero_search_icon {
		text-align: right;
	}

	#hero_search_trigger {
		background: url(./assets/images/hero-search-icon.png) no-repeat;
		width: 40px;
		height: 40px;
	}
}

@media only screen and (min-width: 1080px) {
	.site-header:not(.dynamic-header) {
		max-width: 100%;
	}

	.screen-darken {
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .5);
		pointer-events: none;
		z-index: 10;
		visibility: visible;
		position: absolute;
		animation: me-overlay 500ms;
		-webkit-transition: opacity 700ms linear;
		transition: opacity 700ms linear;
		opacity: 0;
	}

	.screen-darken-on {
		opacity: 1;
	}

	.navbar {
		position: relative;
		z-index: 15;
	}

	.fade-out {
		animation: fade 2s;
		-webkit-animation: fade 2s;
		-moz-animation: fade 2s;
	}

	/* Animate opacity */
	@keyframes fade {
		from {
			opacity: 1
		}

		to {
			opacity: 0
		}
	}

	@-moz-keyframes fade {
		from {
			opacity: 1
		}

		to {
			opacity: 0
		}
	}

	@-webkit-keyframes fade {
		from {
			opacity: 1
		}

		to {
			opacity: 0
		}
	}
}


/* FOOTER STYLE */
/* footer {
	background: #000;
	max-width: 100vw !important;
	color: #fff;
}
footer .logo-footer img {
	width: 50%;
	max-width: 205px;
}

.contact-footer h6 {
	text-transform: uppercase;
	margin-bottom: 22px;
	font-size: 20px;
}
.contact-footer span {
	font-size: 12px;
}
.contact-footer .contact-icons {
	display: flex;
	align-items: center;
}
.contact-footer .contact-icons a {
	color: #fff;
	text-decoration: none;
}
.contact-footer .contact-icons a:hover {
	color: #9c0c19;
}
.contact-footer .contact-icons img {
	margin-right: 10px;
}

.social-footer .icon {
	width: 25px;
}
.social-footer .divider-separator {
	width: 100%;
	border-top: none;
}

.menu-footer {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
.menu-area h4 {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}
.menu-area ul {
	margin: 0;
	padding: 0;
}
.menu-area ul li {
	list-style: none;
	margin: 10px 0;
}
.menu-area ul li a {
	color: #fff;
	line-height: 32px;
	text-decoration: none;
}
.menu-area ul li a:hover {
	color: #9c0c19;
}

.menu-footer div:nth-of-type(2),
.menu-footer div:nth-of-type(3) {
	padding-left: 20px;
}

.copyright-footer {
	margin-top: 30px;
	padding-top: 30px;
	font-size: 11px;
	color: #E6E6E6;
	border-top: 1px solid #484646;
} */
footer {
	background: #1C5580;
	max-width: 100vw !important;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.site-footer {
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative;
}

footer .logo-footer .logo-footer-main {
	max-width: 230px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	width: 270px;
}

.footer-minilogos {
	width: 230px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-top: 10px;
}

.footer-minilogos a:first-child {
	margin-top: -3px;
}

.footer-minilogos a:nth-child(2) {
	text-align: center;
}

.footer-minilogos a:last-child {
	text-align: right;
}

.footer-minilogos a:last-child img {
	margin-top: -2px;
}

footer .logo-footer .minilogo-footer {
	height: auto;
}

.contact-footer h6,
.social-footer h6 {
	font-size: 16px !important;
	font-weight: 900;
}

.social-footer h6 {
	margin-bottom: 30px;
}

.social-footer .icon {
	width: 25px;
	margin-right: 30px;
}

.footer-grid-column .menu-area h4,
.footer-grid-second-row .menu-area h4,
.footer-grid-column.contact-footer h4,
p.footer-header-h4 {
	font-size: 20px;
	margin-bottom: 5px;
	text-transform: none;
	color: #fff;
	font-weight: 700;
	margin-top: 0;
}
footer .footer-grid-second-row {
	margin-top: 20px;
}
.contact-footer .contact-icons {
	display: flex;
	align-items: center;
	font-size: 16px;
	padding-top: 15px;
}

.contact-footer .contact-icons img {
	margin-right: 10px;
}

.contact-footer .contact-icons a {
	color: #fff;
	text-decoration: none;
}

.menu-area h4 {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.footer-grid-column .menu-area h4,
.footer-grid-second-row .menu-area h4,
.footer-grid-column.contact-footer h4,
p.footer-header-h4 {
	font-size: 20px;
	margin-bottom: 5px;
	text-transform: none;
	color: #fff;
	font-weight: 700;
	margin-top: 0;
}

.menu-area ul {
	margin: 0;
	padding: 0;
}

.menu-area ul li {
	list-style: none;
	margin: 0;
}

.menu-area ul li a {
	color: #fff;
	line-height: 36px;
	text-decoration: none;
}

.footer-grid-second-row {
	display: grid;
	grid-template-columns: 10fr 2fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

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

.copyright-footer {
	font-size: 12px;
	line-height: 16px;
	color: #E6E6E6;
	text-align: left;
	padding: 0 28%;
}

.copyright-footer p {
	margin-bottom: 10px;
	max-width: 540px;
}
.contact-footer p {
	font-size: 15px;
	margin-top: 25px !important;
	margin-bottom: 10px !important;
}




@media only screen and (min-width: 768px) {
	footer .footer-container {
		max-width: 1174px;
		margin: 0 auto;
		padding-top: 15px;
	}

	footer .footer-grid {
		display: grid;
		grid-template-columns: 3fr 3fr 3fr 3fr;
		grid-template-rows: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.footer-minilogos {
		width: 230px;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}

	footer .logo-footer .minilogo-footer {
		height: auto;
	}

	.footer-minilogos a {
		width: 33%;
	}

	.footer-minilogos a:first-child {
		margin-top: -3px;
	}

	.footer-minilogos a:nth-child(2) {
		text-align: center;
	}

	.footer-minilogos a:last-child {
		text-align: right;
	}

	.social-footer {
		margin-top: 0;
	}

	.social-footer div {
		display: flex;
		align-items: center;
	}

	.social-footer .icons {
		justify-content: start;
	}

	.contact-footer {
		color: #ffff;
	}

	/* footer .logo-footer {
		margin: 50px 0 20px 0;
	}
	footer .footer-container {
		max-width: 1140px;
		margin: 0 auto;
	}
	.contact-footer {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		color: #E6E6E6;
		font-size: 20px;
	}
	.social-footer {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 3fr 6fr 2fr;
		grid-template-rows: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.social-footer div {
		display: flex;
		align-items: center;
	}
	.social-footer .icons {
		justify-content: space-between;
	}
	.divider-desktop {
		display: block;
		margin: 0 5%;
		border-bottom: 2px solid #484646;
		height: 50%;
		width: 90%;
	} */
}

@media only screen and (max-width: 767px) {
	/* footer .logo-footer img {
		padding: 20px 0 35px;
	}
	.logo-footer,
	.contact-footer,
	.menu-footer {
		padding: 0 20px;
	}
	.contact-footer h6 {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.contact-footer p {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.contact-footer .contact-icons {
		margin-top: 20px;
	}
	.contact-footer .contact-icons img {
		max-width: 47px;
	}
	.divider-desktop {
		display: none;
	}
	.social-footer {
		display: flex;
		flex-direction: row-reverse;
		margin: 40px 0 20px;
		border-bottom: 2px solid #484646;
		padding-bottom: 20px;
	}
	.social-footer .seal,
	.social-footer .icons {
		width: 50%;
	}
	.social-footer .icons {
		margin-top: 20px;
	}
	.social-footer .seal img {
		max-width: 125px;
	}
	.social-footer .icon {
		width: 45%;
		display: inline-block;
		margin-bottom: 20px;
	}
	.social-footer .icon img {
		max-width: 25px;
	}
	.menu-footer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.menu-area ul li a {
		font-size: 14px;
		line-height: 20px;
	}
	.menu-footer div:nth-of-type(3) {
		padding-left: 0;
	}
	.menu-footer div:nth-of-type(4) {
		padding-left: 20px;
	}
	.copyright-footer {
		margin-top: 20px;
		padding: 0 5px;
		padding-top: 30px;
		line-height: 24px;
	} */

	footer {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
	}

	.site-footer:not(.dynamic-footer) {
		padding-right: 25px;
		padding-left: 25px;
	}

	.footer-grid,
	.footer-grid-second-row {
		display: flex;
		flex-wrap: wrap;
	}

	.logo-footer,
	.contact-footer {
		width: 100%;
	}

	footer .logo-footer .logo-footer-main {
		width: 100%;
		max-width: 230px;
		padding: 10px 0px;
		margin: 0 auto 10px;
		display: flex;
	}

	.footer-minilogos {
		width: 240px;
		margin: 0 auto;
	}

	.social-footer {
		margin: 15px 0;
	}

	.contact-footer h6,
	.social-footer h6 {
		font-size: 14px !important;
	}

	.social-footer h6 {
		margin: 20px 0 25px;
	}

	.social-footer .icons {
		width: 100%;
		margin-top: 20px;
	}

	.social-footer .icon {
		width: 12%;
		display: inline-block;
		margin-right: 8px;
	}

	.social-footer .icon img {
		max-width: 20px;
	}

	.footer-grid-column .menu-area h4,
	.footer-grid-second-row .menu-area h4,
	.footer-grid-column.contact-footer h4,
	p.footer-header-h4 {
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 10px;
	}

	.footer_area_one,
	.footer_area_two,
	.footer_area_three,
	.footer_area_four {
		margin-top: 40px;
		width: 50%;
	}

	.menu-area ul li {
		margin: 15px 0;
		line-height: 15px;
	}

	.menu-area ul li a {
		font-size: 12px;
		line-height: 16px;
	}

	.site-footer .seal {
		margin-top: 85px;
	}

	.second-row-one,
	.second-row-two {
		width: 50%;
	}

	.second-row-two {
		margin-top: -25px;
		padding-left: 5px;
	}

	.copyright-footer {
		font-size: 9px;
		line-height: 14px;
		margin-top: 5px;
	}


}

/* MOBILE STYLE GENERAL */
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 23px;
		font-weight: bold;
	}

	h4 {
		font-size: 20px;
	}

	.sorter {
		text-align: center;
		margin-right: 0;
	}

	.hero-image {
		padding: 0 25px;
	}

	.pre-footer {
		height: auto;
		padding: 0 25px;
	}

	.pre-footer-header {
		font-size: 28px;
		margin: 0 60px 40px 0;
	}

	.pre-footer-content {
		background-position: bottom left;
	}

	/* .pre-footer-button {
		width: 100%;
		margin-bottom: 15px;
	} */

	.pre-footer-button {
		width: 100%;
	}

	.pre-footer-button-2 {
		margin-left: 0;
		margin-bottom: 150px;
	}



	.pre-footer-disclaimer {
		padding: 25px !important;
	}

	.search_not_found input.text {
		max-width: 220px;
	}

	.home_catslist div:nth-child(odd) {
		padding-right: 0;
	}

	.home_catslist div {
		margin-bottom: 10px;
	}

	.hero-text h1 {
		width: 70%;
	}
	.single-post-hero-title h1,
	.single-post-hero-title p {
		margin: 10px 0;
	}

	.hero-text.hero-generic {
		top: 55%;
	}

	.home_subhero {
		height: auto;
		padding-left: 35px;
		padding-right: 35px;
	}

	.subhero-title {
		margin: 0 20px;
	}

	.cats_letters {
		max-width: 100%;
		padding-right: 0;
		min-height: 30%;
	}

	.cats_letter {
		padding: 3px;
		max-width: 13%;
		min-width: 13%;
	}

	.cats_page_container {
		margin-top: 30px;
	}

	.cats_page_filter {
		/* position: absolute;
		top: -40px; */
		width: 100%;
		/* left: 40px; */
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.cats_page_filter input {
		background-image: url(https://static.maleexcel.com/wp-content/uploads/2023/01/27133606/Path-7459.svg);
		background-size: 14px;
		background-repeat: no-repeat;
		background-position: 7px 50%;
		/* in-top: 7px; */
		border: 2px solid #E5E5E5;
		border-radius: 7px;
		padding-left: 30px;
	}

	.cats_inner_container {
		max-width: 100%;
		min-width: 100%;
	}

	.cats_letter_all {
		min-width: 100%;
	}

	.home .list_post {
		width: 100%;
		max-width: 100%;
	}

	.swiper article.list_post {
		height: 100%;
		display:flex;
		flex-wrap: wrap;
		align-items:stretch;
		align-content: stretch;
	}

	/* #hero_searchbox {
		right: -15px;
	} */

	.home .list_post h2 {
		margin-bottom: 40px;
		min-height: 90px;
		display: -webkit-box;
		-webkit-line-clamp: var(--line-clamp, 2);
		-webkit-box-orient: vertical;
		word-break: var(--word-break, 'none');
		overflow: hidden;
		hyphens: auto;
		text-align: var(--align, left);
		--is-single-line: 1 - Clamp(0, Calc(var(--line-clamp) - 1), var(--line-clamp));
		--delay: Calc(-1s * (var(--is-single-line, 1) - 1));
		/* animation: states 1s var(--delay) paused;
		@keyframes states {
			0% {
				word-break: break-all;
			}
		} */
	}

	.sorter .search-form {
		min-width: 140px;
		max-width: 200px;
		text-wrap: nowrap;
		margin-bottom: 30px;
	}

	.search_not_found .search-submit,
	.sorter .search-submit {
		width: 50px;
	}

	#sortby {
		display: block;
		margin-left: auto;
		margin-right: 0px;
	}

	.cats_pagination {
		margin-bottom: 30px;
	}

	.search_not_found .search-form {
		text-wrap: nowrap;
	}
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100% !important;
	z-index: 20;
	background-color: #fff;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
	padding-top: 102px;
}

/*   tablet fixes   */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.category .post_list, .search .post_list, .page-category .list_post {
		/* margin-left: 20px; */
		justify-content: center;
	}
	.home .page-content,
	.author .page-content,
	.hero-image {
		padding: 0 25px;
	}
	.category .list_post:nth-child(4n), 
	.search .list_post:nth-child(4n), 
	.page-popular .list_post:nth-child(4n), 
	.page-newest .list_post:nth-child(4n) {
		margin:0 25px 30px 0;
	}
	.list_post {
		padding-bottom: 65px;
	}
	.list_post .list_post_title {
		margin-bottom: 60px;
	}
	.lp_cat {
		width: 90%;
		white-space: nowrap;
		overflow: hidden !important;
		text-overflow: ellipsis;
	}
	.list_post .author-box {
		padding-left: 5px;
		padding-right: 5px;
	}
	.author-box .author-avatar {
		max-width: 27px;
		margin-right: 10px;
	}
	.home_post_list_popular .home_post_list .list_post {
		max-height: 300px;
	}
	.home_post_list_popular .home_post_list_header {
		min-width: 500px;
	}
	.home_post_list_popular .list_post .author-box {
		position:relative;
	}
	.author-box .author-name {
		font-size: 14px;
	}
	.single .site-main {
		padding: 0 20px;
		max-width: 100%!important;
	}
	.single .page-content-single {
		max-width: 100%;
	}
	.single .related-posts {
		max-width:100%!important;
	}
	.related-posts .list_post {
		max-width: 100%;
		margin-right: 30px;
		width:45%;
	}
	.related-posts .list_post .list-post-thumb {
		overflow: hidden;
	}
	.hero_home_icon {
		padding-top: 20px;
	}
	.search-results .hero_home_icon {
		padding-top: 20px;
    	padding-left: 20px;
	}
	.page-category .post-list {
		justify-content: center;
	}
	body.page:not(.home)  .site-main,
	body.archive.category  .site-main  {
		padding-left:20px;
		padding-right:20px;
	}
	body.page:not(.home) .hero-text.single-post-hero-title {
		padding-left:20px;
		padding-right:20px;
	}
	.pre-footer-disclaimer,
	.pre-footer {
		padding: 0 25px;
	}
	#site-footer {
		padding: 0 25px;
	}
	.sticky1_overlay,
	.sticky1_content,
	.sticky2_overlay,
	.sticky2_content {
		width: 225px;
	}
	.home_catslist {
		padding: 0 25px;
	}
	.home_popular_pinned_wrapper {
	    padding: 35px 0 30px 35px;
	}
	.related-posts {
		margin-left: 0;
	}
}


/* extra */
.page-content-author .post_list,
.page-popular .post_list,
.page-category .post_list,
.page-authors,
.home_post_list_recent > .home_post_list,
.home_post_list_wrapper > .home_post_list {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 1.75em));
    gap: 2em;
}
.page-authors p:first-child {
    grid-column: span 4;
}
.list_post,
.category .list_post,
.search .list_post,
.page-category .list_post {
	width: 100%;
	max-width: 100%;
}
.home_post_list_popular .home_post_list .list_post {
    /*width: 290px;*/
    width: 100%;
    margin-bottom: 30px;
}
.home_popular_pinned_wrapper {
	max-width: 70%;
}

@media only screen and (min-width: 768px) {
	.home_post_list_popular .home_post_list {
	    flex-flow: column wrap;
	    width: 30%;
	}
}

@media only screen and (max-width: 767px) {
	.page-content-author .post_list,
	.page-popular .post_list,
	.page-category .post_list,
	.page-authors,
	.home_post_list_recent > .home_post_list,
	.home_post_list_wrapper > .home_post_list {
	    display: block;
	    grid-template-columns: unset;
	    gap: unset;
	}
	.home-pinned {
	    margin-bottom: 130px;
	}
	.home_post_list_header {
	    height: 40px;
	    margin: 30px 0 10px;
	}
	.pre-footer-button-1 {
		margin-bottom: 20px;
	}
}

.pre-footer-disclaimer p:last-child {
	margin-bottom: 0;
}
.author-about {
	margin-bottom: 30px;
}
.author-linkedin { 
	text-align: start;
	display: block;
	margin-top: 10px;
}
.page-authors .authors_box {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px;
    height: auto;
}


/********** NEW FOOTER **********/
.site-footer {
	background-color: #262525;
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    padding-top: 30px;
}
.site-footer .menu-area ul li a,
.site-footer .contact-footer,
.contact-footer .contact-icons a,
.site-footer p.footer-header-h4,
.safety-info,
.copyright-footer p {
	color: #fff;
}
.site-footer p.footer-header-h4,
#site-footer .footer-grid-column .menu-area h4  {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    margin: 20px 0;
}
.site-footer .menu-area ul li a,
.contact-footer .contact-icons a {
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
}
.logos-before {
	background-color: #E8EEF3;
    margin-bottom: 20px;
}
.logos-before .f-grid {
	padding: 20px 100px 30px;
	display: grid;
	grid-template-columns: 3fr 3fr 3fr 3fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
.logos-before .footer-grid-col {
	text-align: center;
    align-content: center;
}
.logos-before .only-desktop .big-logo img {
	margin-top: -10px;
}
.logos-before .footer-grid-col a {
	display: block;
}
.contact-footer p:not(.footer-header-h4) {
	margin: 0;
}
.contact-footer .contact-icons {
    padding-top: 0;
}
.social-footer .icon a img {
	height: 26px;
}
.site-footer .seal {
	margin: 30px 0;
}
.safety-info {
	text-align: center;
	font-weight: 400;
}
.safety-info .link {
	color: #9c0c19;
	text-decoration: underline !important;
}
.copyright-footer {
	text-align: center;
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #707070;
}
.copyright-footer p {
	max-width: 100%;
	font-weight: 400;
}
.only-desktop {
	display: block;
}
.only-mobile {
	display: none;
}
#site-header .custom-logo-link {
	padding-top: 0;
}
.safety-info {
	font-size: 12px;
}
.f_excelmedical {
	display: block;
	margin: 40px 0 10px;
}
.f_mxl {
	display: inline-block;
	margin: 10px 0 0 20px;
}
.f_fmxl {
	display: inline-block;
	margin: 10px;
}

@media only screen and (max-width: 767px) {
	.site-footer:not(.dynamic-footer) {
		padding: 0;
	}
	.footer-container {
		padding: 25px;
	}
    footer .footer-grid {
    	grid-template-columns: 6fr 6fr !important;
    }
    .logos-before {
    	padding: 0 30px;
    }
    .logos-before .only-mobile {
		text-align: center;
		padding: 30px 0;
	}
	.logos-before .only-mobile img {
		max-width: 90%;
	}
	.logos-before .only-mobile .big-logo {
		border-image: linear-gradient(to right, transparent 0%, #5fc8f0 50%, transparent 100%) 1;
	    border-width: 0 0 2px 0;
	    border-style: solid;
	    padding-bottom: 10px;
	    margin-bottom: 10px;
	}
	.logos-before .only-mobile .logo-row2 {
		display: grid;
		grid-template-columns: 55% 45%;
		align-items: center;
	}
	.logos-before .only-mobile .logo-row3 img {
		max-width: 160px;
	}
    .site-footer .menu-area ul li {
    	margin: 0;
    }
    .site-footer p.footer-header-h4 {
	    margin: 30px 0 10px;
    }
    .social-footer {
    	margin: 30px auto;
    }
    .social-footer .icon img {
    	max-width: 30px;
    	margin: 0 10px;
    }
    .site-footer .seal {
    	margin: 40px auto;
    }
    .only-desktop {
		display: none !important;
	}
	.only-mobile {
		display: block;
	}
	.social-legit.only-mobile {
		text-align: center;
	}
	.social-legit.only-mobile .social-footer .icons {
		justify-content: center;
	}
    .safety-info,
    .copyright-footer {
		font-size: 9px;
        line-height: 12px;
    }

    /* mobile footer accordion */
	#accordion {
	    position: relative;
	}
	#accordion > .panel {
		background-color: transparent;
		margin: 0;
		box-shadow: none;
	}
	#accordion > .panel > a {
		display: block;
	    font-family: "Poppins", Sans-serif;
		font-size: 16px;
	    color: #fff;
		font-weight: 600;
		padding: 25px 0 15px;
		border-bottom: 0.5px solid #d5d8dc;
	}
	#accordion .panel-collapsed {
		margin: 10px 0 20px;
		display: none;
	}
	#accordion .accordion .arrow-menu-down,
	#accordion h4 {
		display: none;
	}
	#accordion .footer-header-h4 {
		display: none;
	}
	#accordion .more-less {
	    float: right;
	    max-width: 10px;
	}
	.copyright-footer {
		padding: 20px 0 0;
	}
	.logos_exmxlfmxl {
		text-align: center;
	}
	.contact-icons a {
		color: #fff;
	}
	.f_excelmedical {
		margin-top: 50px;
	}
}