/*

Theme Name: Fitgenic
Author: Tony Lee
Author URI: https://fitgenic.com
Description: Fitness Theme based on BS4
Version: 1.0

*/

/* theme vars */
:root {
	--theme-color: #d50c23;	
	--hover-color: #c11a1a;
}

/* gobal site */
body {background-color: #fafafa;}
section,
.section {padding-top:60px;padding-bottom:60px;}
main {}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {text-transform: capitalize;}
.text-small {font-size: 0.9rem;}
.text-large {font-size: 3rem;font-weight: 700;}
.z-index-front {z-index: 999;position: relative;}


/* Yoast FAQ Schema */
.schema-faq-question {
	display: block;
	font-size: 2rem;
	line-height: 1.2;
	margin-top:1em;
	margin-bottom:0.65em;
	font-weight: 500;
}

.text-title {
	line-height: 1.7;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 27px;
}
.text-title:after {
	content:' ';
	position: absolute;
	top: 100%;
	left: 50%;
	width: 100px;
	border: 2px solid #d50c23;
	transform: translateX(-50%);
}
@media screen and (max-width:767px) {
	.text-large {font-size: 2rem;}
	.text-title {font-size: 1.7rem;}
}

/* theme colors */
.text-theme,
#comments a {color: #343a40 !important;}
a.text-theme:hover,
a.text-theme:focus,
#comments a:hover,
#comments a:focus {text-decoration: none;color: #c11a1a !important;}
a.text-secondary:hover {text-decoration: none;}
.btn.btn-secondary:hover {background-color: #c11a1a;border-color: #c11a1a;}
.btn.btn-theme {background-color: #d50c23;border-color: #d50c23;}
.btn.btn-theme:hover,
.btn.btn-theme:focus {background-color: #c11a1a;border-color: #c11a1a;}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.badge-secondary {
	padding: 0.5em;
	font-size: 0.9em;
	background-color: #d50c23;
}

/* pagination */
.page-link {color: #d50c23;}
.page-link:hover,
.page-link:focus {color: #c11a1a;}
.page-item.active .page-link {
  background-color: #d50c23;
  border-color: #d50c23;
}

/* link widget plugin colors */
a.link-widgets-anchor {
	color: #d50c23 !important;
}
a.link-widgets-anchor:hover,
a.link-widgets-anchor:focus {
	color: #c11a1a !important;
}

/* navigation */
.nav-primary .nav-item {font-size: 1.1rem;}
.nav-primary .nav-item .nav-link:hover {color: #c11a1a;}
.nav-search .search-wrapper {
	background-color: white;
	display: none;
	z-index: 1000;
}
.nav-search .search-form {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-search.active .search-wrapper {
	display: block;
	position: absolute;
	padding-left: 15px;
	left: 0;
	top: 0;
	bottom: 0;
	right: 110px;
}
.nav-search .search-toggle:before {
	display:inline-block;
	font-style:normal;
	font-weight: 900;
	width:15px;
	height:15px;
	font-size:1.2rem;
	color: #343a40;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:'Font Awesome 5 Free';
	content: "\f002";
}
.nav-search.active .search-toggle:before {
	display:inline-block;
	font-style:normal;
	font-weight: 900;
	width:15px;
	height:15px;
	font-size:1.2rem;
	color: #00aeef;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:'Font Awesome 5 Free';
	content: "\f00d";
}
.nav-search .search-toggle:hover::before {
	color: #c11a1a !important;
}

@media screen and (min-width:768px) {
	.nav-primary .nav-item {font-size: 0.9rem;}
	.nav-search.active .search-wrapper {
		right: 55px;
	}
}

.admin-bar .navbar { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
	.admin-bar .navbar { margin-top: 46px !important; }
}

/* toggler icon */
.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px;
}
.icon-bar:first-of-type {margin-top: 0;}
.navbar-toggler {border:none;background: transparent !important;}
.navbar-toggler .top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity: 1;}
.navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}

/* breadcrumbs */
#breadcrumbs {font-size:0.8rem;}
#breadcrumbs a {color: #6c757d;}
#breadcrumbs a:hover,
#breadcumrbs a:focus {color: #494f54;text-decoration: none;}

/* boostrap cards */
.card-title-vertical {font-size: 1.2rem;}
.card-title-horizontal {font-size: 1rem;}
.card-heading-horizontal {font-size: 1.4rem;}
.card-img-horizontal {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.card-media:last-of-type {margin-bottom:0 !important;padding-bottom:0 !important;border:none !important;}
.card-body-vertical {border-top: 2px solid #d50c23;}
.card-img-top-wrapper {overflow: hidden;}
.card-img-top-wrapper:hover .card-img-top {transform: scale(1.2);}
.card-img-top {transition: all 1s ease;}
.card-img-top-wrapper .card-img-top {transition: all 0.75s ease;}
.card:hover .card-img-top-wrapper .card-img-top {transform: scale(1.2);}
.card-text {font-size: 1rem;}
.card-author::before{padding:0 2px 0 0;content:"By ";}
.card-date::before{padding:0 5px 0 3px;content:"/"}


/* main hero image */
.hero {
	position: relative;
	overflow: hidden;
	height: 440px;
	background-size: cover;
	border-bottom: 3px solid #d50c23;
}
.hero .hero-box {
	/*
	background: rgba(40,40,40,0.7);
	padding:15px;
	border-radius: 6px;
	display:inline-block;
	*/
}
.hero-img {
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.hero-overlay-full {
	position: absolute;
	top: 0; bottom: 0;
	right: 0; left: 0;
	mix-blend-mode: multiply;
	background: rgba(77,77,77,0.4);
	z-index: 100;
}

/* heros for single pages */
.hero-content {
	position: relative;
	overflow: hidden;
	height: 300px;
	border-bottom: 3px solid #d50c23;
}
.hero-overlay {
	position: absolute;
	top: 0; bottom: 0;
	right: 0; left: 0;
	mix-blend-mode: multiply;
	background: linear-gradient(to bottom, transparent 40%, rgba(34,34,34,0.8) 100%);
	z-index: 100;
}
.hero-content-img {
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.hero-meta {z-index: 101;}
.hero-meta-author::before{padding:0 2px 0 0;content:"By ";}
.hero-meta-date::before{padding:0 5px 0 3px;content:"/"}
@media screen and (min-width:768px) {
	.hero {height: 590px;}
	.hero-content {height: 490px;}
}



/* WordPress specific jazz */
.entry-content li {margin-bottom:0.75rem;}
.entry-content ol li {word-break: break-all;}
.entry-content h2,
.entry-content h3,
.entry-content h4 {margin-top:1em;margin-bottom:0.65em;}
.comment-list .children {list-style: none;}
.entry-content h2:first-of-type,
.entry-content h3:first-of-type {margin-top:0;}

@media screen and (max-width:767px) {
	.entry-title {font-size: 1.7rem;}
}

.aligncenter,
.alignleft,
.alignright {display: block;}
.aligncenter {float: none;margin: .5em auto 1em;}
.alignright {float: right;margin: .5em 0 1em 1em;}
.alignleft {float: left;margin: .5em 1em 1em 0;}
.wp-caption {padding: 5px 0;border: 1px solid #555;background: #444;text-align: center;}
.wp-caption img {display: inline;}
.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}

.widget {padding: 1.25rem;}
.widget > ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.widget > ul li {margin-bottom:0.5rem;}
.widget > ul li:last-of-type {margin-bottom:0;}
.widget > ul a {color: #343a40 !important;}
.widget > ul a:hover,
.widget > ul a:focus {text-decoration: none;color: #c11a1a !important;}

/* footer yo */
footer {color:#999;background-color: #343434;font-size:0.9rem;}
footer a {color:#999;}
footer a:hover {color:white;text-decoration: none;}
footer .fab {font-size:1.3rem;}
.footer.copyright {color:#777;background-color: #2c2c2c;font-size:0.9rem;}

 /* IE10+ specific styles go here, primarily for boostrap cards */  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.ie-block {display: block;} 
	.ie-wrapper {display: flex;}
	.ie-inner {flex-basis: 100%;}
	.navbar .nav-search .btn {
    	text-decoration: none;
  	}
}