/*
Theme Name: OneFit
Theme URI: http://onefit.rs
Author: Mitrovic Srdjan
Version: 0.9.0

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

html {
	scroll-behavior: smooth !important;
}

.error {
	color: #c50000;
}

.italic-font {
	font-style: italic;
}

.brand-main-color {
	color: #16e4c4;
}

.text-divider{ margin: 2em 0; line-height: 0; text-align: center; }

.text-divider span{
	background-color: #f7f8f8;
	padding: 6px 14px;
	border: 2px solid #e3e3e3;
	border-radius: 5px;
	font-size: 15px;
	color: black;
}
.text-divider:before {
	content: " ";
	display: block;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #f7f7f7;
}

.gray-bg {
	background: #f7f8f8;
}


.mt-6 {
	margin-top: 6rem !important;
}

.mb-6 {
	margin-bottom: 6rem !important;
}

.results {
	font-family: Poppins;
	font-size: 2em;
	color: #16e4c4;
	margin-bottom: 10px;
}

.onefit-bg {
	background: #16e4c4;
	background: linear-gradient(45deg,#16e4c4 0,#21fa96 100%);
}

.headline-center {
	text-align: center !important;
}

.results-plan-ishrane {
	width: 100% !important;
	box-shadow: -2px 7px 25px #dadada;
	padding: 5% 1% 3% 1% !important;
	background: white !important;
}

.results-plan-ishrane p.noticer {
	border-top: 1px solid #dadada;
	padding-top: 30px !important;
	margin-top: 40px;
	margin-bottom: 0px !important;
}

.bold {
	font-weight: bold !important;
}

.results-plan-ishrane #bmr-generic, .bmr-result-wrapper #tdee-generic  {
	background: #16e4c5;
	color: #0b0b1f !important;
	padding: 5px 60px;
}

.results-plan-ishrane #tdee-generic {
	background: #16e4c5;
	color: #0b0b1f !important;
	padding: 5px 60px;
}

.results-plan-ishrane #kalorije-generic, .bmr-result-wrapper #kalorije-generic  {
	background: #0b0b1f;
	color: #16e4c5 !important;
	padding: 5px 60px;
}


.primary-color {
	color: #16e4c5;
}

.primary-color-bg {
	background: #16e4c5;
}

@media (max-width: 767.98px) {
	#plan__form #results.results-plan-ishrane .result__card{
		width: 100% !important;
	}

	.below__main {
		padding-left: 0 !important;
	}

	/*.dataTables_paginate > .paginate_button {*/
	/*text-indent: -9999px;*/
	/*display: block !important;*/
	/*}*/

	/*.dataTables_paginate > .paginate_button:before,*/
	/*.dataTables_paginate > .paginate_button:after {*/
	/*position: absolute !important;*/
	/*top: 0 !important;*/
	/*left: 9999px !important;*/
	/*}*/

	/*.dataTables_wrapper .dataTables_filter label {*/
	/*width: auto !important;*/
	/*}*/

	/*.dataTables_wrapper .dataTables_filter input {*/
	/*border: 1px solid #dadada;*/
	/*-webkit-border-radius: 5px;*/
	/*-moz-border-radius: 5px;*/
	/*border-radius: 5px;*/
	/*padding: 15px;*/
	/*margin: 15px 0!important;*/
	/*width: auto !important;*/
	/*}*/
}

.primary-color-hr {
	height: 2px;
	background: #16e4c5;
}

.hero-sub-title {
	font-size: 1.2rem;
	font-style: italic;
	line-height: 1.6;
	border-left: 22px solid #16e4c5;
	margin-bottom: 20px;
}

.hero-content {
	position: relative;
}

.hero-content:after {
	content: '';
	height: 20px;
	width: 20px;
	position: absolute;
	left: -16px;
	top: 6px;
	background-color: #16e4c5;
}

.brm-calculator-form  #bmr-generic {
	background: #16e4c5;
	color: #0b0b1f !important;
	padding: 5px 60px;
}

.bmr-result-wrapper {
	text-align: center;
	background: white !important;
}

.noticer-bmr {
	font-weight: 700;
	font-size: 1em;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 40px;
	padding-bottom: 29px;
	max-width: 860px;
	border-top: 1px solid #dadada;
	margin: 0 auto;
}

.secondary-submit div {display: none;}

#plan__form .plan-ishrane-form input[type=submit] {
	width: 100%;
	margin-top: 0;
	z-index: 10 !important;
	position: relative;
}
#plan__form #gform_3 input[type=submit] {
	width: 100%;
	margin-top: -50px;
	z-index: 10 !important;
	position: relative;
}

#plan__form #results {
	border-bottom: 0px solid #16e4c4 !important;
}

/* TablePress */

#caloriesTableTitle {
	color: #17E4C5;
}

.tablepress tfoot th, .tablepress thead th {
	background-color: #0e1023 !important;
	color: #fff;
}

.tablepress .sorting:after {
	color: #17E4C5;
}

.dataTables_length {
	display: none;
}

#tablePressSearchLabel {
	font-size: 1.3em;
	font-weight: bold;
}

.dataTables_filter {
	float: none !important;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
	font-style: italic;
}

.dataTables_wrapper .dataTables_filter label {
	width: 100%;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #dadada;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	margin: 15px 0!important;
	width: 50%;
}

.dataTables_wrapper .dataTables_filter input:focus {
	outline: none !important;
	outline-color: none;
	outline-width: none;
}

.tablepress a {
	color: #16e4c4;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.tablepress a:hover {
	color: #000;
	text-decoration: underline;
}

.paginate_button:hover {
	text-decoration: none !important;
}

.dataTables_paginate a {
	text-decoration: none !important;
}

.paginate_button:hover:after, .paginate_button:hover:before {
	color: #17E4C5 !important;
}

.paginate_button:after, .paginate_button:before {
	color: #0e1023 !important;
}


/* End TablePress */

/* Categories */

#categories {
	padding: 80px 0 !important;
}

#categories > .container > header {
	margin-bottom: 40px !important;
}

#categories > .container > .row > div {
	padding-top: 15px;
}

.categoriesBlock {
	background-color: #17E4C5;
}

.categoriesBlock:hover > img {
	transform: scale(1.1);
}

.categoriesBlock > img {
	padding: 30px;
	margin: 0 auto;
	display: block;
	height: 172px;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}

.categoriesBlock > p {
	height: 50px;
	background-color: rgba(0,0,0,0.25);
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#categoriesBottom {
	background-color: #0e1023;
	padding: 80px 0;
}

#categoriesBottom h2,
#categoriesBottom p,
#categoriesBottom blockquote {
	color: #fff !important;
}

#categoriesBottom blockquote {
	border-left: 15px solid #17E4C5;
	padding: 0 0 0 10px;
	font-style: italic;
}

.cbHeader {
	margin: 0 0 40px 0;
}

.page-template-tablica-kalorija > #faq {
	padding: 80px 0 !important;
}

#aboutCategories {
	padding: 80px 0 0 0;
}

.aboutCategoriesTop {
	border-bottom: 2px solid #aaa;
	padding-bottom: 40px;
}

.aboutCategoriesTop > div > h2 {
	margin-bottom: 50px;
}

.aboutCategoriesBottom {
	padding: 40px 0 0 0;
}

.aboutCategoriesBottomBlock > h2 {
	color: #16e4c4;
	padding: 20px 0;
}

/* End Categories*/

.bmr-result-wrapper {
	width: 100% !important;
	box-shadow: -2px 7px 25px #dadada;
	padding: 8% 1% 2% !important;
	margin-top: 50px;
	margin-bottom: 50px;
}


@media only screen and (min-width: 641px) {
	.gform_wrapper ul.gform_fields li.gfield #field_2_7 {
		padding-right: 0px !important;
	}

	#plan__form .plan-ishrane-form input[type=submit] {
		clear: both;
		width: calc(100% - 16px);
		float: left;
		margin-top: 0;
		z-index: 10 !important;
		position: relative;
	}

	#plan__form #gform_3 input[type=submit] {
		clear: both;
		width: calc(100% - 16px);
		float: left;
		margin-top: -50px;
		z-index: 10 !important;
		position: relative;

	}

	.bmr-result-wrapper {
		width: 100% !important;
		box-shadow: -2px 7px 25px #dadada;
		padding: 4% 1% 2% !important;
		margin-top: 50px;
		margin-bottom: 50px;
	}

}

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

	/*.dataTables_wrapper .dataTables_filter label {*/
	/*width: auto;*/
	/*}*/

	.dataTables_wrapper .dataTables_filter input {
		border: 1px solid #dadada;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 15px;
		margin: 15px 0!important;
		width: 100%;
	}

	.dataTables_paginate, .dataTables_info {
		font-size: .8em !important;
	}

}


#plan__form {
	padding: 80px 0 !important;
}

#plan__form header {
	padding-bottom: 5px !important;
}

.cc-revoke {
	display: none !important;
}

/* Pagination */

.pager > div {
	display: inline-block;
	cursor: pointer;
}

.pageNumbers > a:not(:last-child) {
	margin-right: 4px;
}

/* End pagination */

.fa-long-arrow-alt-right {
	line-height: 80px !important;
}

#category__listing {
	padding-bottom: 70px !important;
}

/* Logo */

.top-bar__branding {
	max-width: 209px !important;
}

.top-bar__branding > a > img {
	max-height: 67px !important;
}

/* End Logo */

/* Breadcrumbs */

#breadcrumb > .container > ul > li:last-of-type::after {
	content: '';
	background: #676767;
	width: 1px;
	height: 10px;
	display: inline-block;
	position: absolute;
	right: -2px;
	-webkit-transform: rotate(13deg);
	transform: rotate(13deg);
	top: 10px;
}

/* End Breadcrumbs */

#tablica__kalorija {
	background: #f3f3f5;
	padding-top: 110px;
	padding-bottom: 60px;
}

.aboutCategoriesCatPage {
	padding-bottom: 110px;
}

.hero-video {
	height: 600px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

@media screen and (min-width: 1025px) and (max-height: 767px) {

	.hero-video {
		height: 500px;
	}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

	.hero-video {
		height: 500px;
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {

	.hero-video {
		height: 400px;
	}

}

@media (max-width: 767.98px) {

	.hero-video {
		height: 350px;
	}

}

main.coaches {
	background-color: rgb(247,247,249);
}

.navHeightFix {
	padding-top: 74px !important;
}

@media screen and (min-width: 1025px) and (max-height: 767px) {

	button.btn-cta {
		height: 48px;
		line-height: 48px;
		padding-left: 32px;
		padding-right: 32px;
	}

}

button.btn-cta {
	height: 52px;
	line-height: 52px;
	padding-left: 36px;
	padding-right: 36px;
	border-radius: 4px;
	background: #16e4c4;
	background: linear-gradient(45deg, #16e4c4 0, #21fa96 100%);
	color: #fff;
	text-transform: uppercase;
	font-family: Poppins;
	font-size: 1em;
	display: inline-block;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 rgb(0 0 0 / 5%);
	border: 0;
	margin-right: 6px;
}

button.btn-cta:not(.disabled):hover {
	background: #21fa96;
	background: linear-gradient(45deg,#21fa96 0,#16e4c4 100%);
}

button.btn-cta.disabled {
	filter: grayscale(100%);
}

.coaches form input,
.coaches form select {
	height: 52px;
}

.coach {
	display: block;
	background-color: #fff;
	border: 1px solid rgb(231,233,232);
	border-radius: .5rem;
	top: 102px;

	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}

.coachName {
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}

.coachContent {
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}

.coachContent *:not(i) {
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}

.coach:hover {
	background-color: rgb(14,17,36);
}

.coach:hover .coachName {
	color: rgb(23,228,197);
}

.coach:hover .coachContent *:not(i) {
	color: rgb(255,255,255) !important;
}

.coach:hover .coachContent {
	color: rgb(255,255,255) !important;
}

.coach:hover .coachTag {
	background-color: rgb(15,47,60);
}

.coach:hover .coachTag a {
	color: rgb(19,171,150) !important;
}

.coachTag:hover {
	transform: translateY(-3px);
}

.singleTrenerContainer .coach {
	display: block;
	background-color: rgb(14,17,36);
	border: 1px solid rgb(14,17,36);
	border-radius: .5rem;
	top: 102px;
}

.singleTrenerContainer .coach .coachName {
	color: rgb(23,228,197);
	text-align: center;
}

.singleTrenerContainer .coach .coachContent *:not(i) {
	color: rgb(255,255,255) !important;
}

.singleTrenerContainer .coachTag  {
	background-color: rgb(15,47,60);
}

.singleTrenerContainer .coachTag a  {
	color: rgb(19,171,150) !important;
}

.singleTrenerContainer .coachImg {
	border: 1px solid rgb(14,17,36);
	border-radius: 50%;
 }

.singleTrenerContainer .coachImg.rounded-0 {
	border-radius: .5rem !important;
 }

.text-onefit {
	color: #16e4c4 !important;
}

.coachImgContainer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -102px;
	left: 0;
	right: 0;
}

.coachImg {
	width: 204px;
	height: 204px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.coachImg img {
	max-width: initial;
}

.coachImg.rounded-0 {
	border-radius: .5rem !important;
}

.coachContentContainer {
	padding-top: 102px;
	position: relative;
}

.coachContent {
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	color: rgb(14,17,36) !important;
	-webkit-line-clamp: 5; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.singleTrenerContainer .coachContent {
	overflow: initial;
	text-overflow: initial;
	display: block;
	-webkit-line-clamp: initial; /* number of lines to show */
	-webkit-box-orient: initial;
}

.coachContent *:not(i) {
	color: #000 !important;
}

.coachTag {
	background-color: rgb(230,231,233);
	border-radius: 25rem;
	display: inline-block;
	padding: 3px 6px;
	font-size: 12px;
	margin-right: .5rem;
	margin-bottom: .25rem;
	z-index: 999;

	-webkit-transition: transform 0.3s 0s ease;
	-moz-transition: transform 0.3s 0s ease;
	-o-transition: transform 0.3s 0s ease;
	transition: transform 0.3s 0s ease;
}

.coachTag a {
	color: #000 !important;
}

.fixCoachListHeight {
	margin-bottom: calc(102px + 2rem);
}

.pagination {
	align-items: center;
	justify-content: center;
}

.pagination .page-numbers {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #16e4c4;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.pagination .page-numbers.current {
	z-index: 1;
	background: #16e4c4;
	background: linear-gradient(45deg, #16e4c4 0, #21fa96 100%);
	color: #fff;
	cursor: not-allowed;
}

.pagination .page-numbers:not(.current):hover {
	color: #12B39E;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

#chosenFilters ul li {
	display: inline-block;
	margin-right: 2rem;
	font-weight: bold;
}

.removeFilters {
	color: rgb(23,228,197);
}

.removeFilters:hover {
	color: #12B39E;
}

.removeFiltersIcon {
	background-color: #C9C9CB;
	border-radius: 50%;
	color: #fff !important;
	width: 25px;
	height: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	margin-left: .5rem;
}

.iconOneFitColor {
	background-color: #17E4C5;
}

.splitter {
	width: 100%;
	height: 1px;
	background-color: #000;
}

select.form-control[multiple] {
	height: 52px !important;
}

#singleTrenerTopBG {
	position: relative;
	padding-top: 201px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#21fa97+0,1ee8c9+100 */
	background: #21fa97;
	/* Old browsers */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#21fa97), to(#1ee8c9));
	background: linear-gradient(to right, #21fa97 0%, #1ee8c9 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21fa97', endColorstr='#1ee8c9',GradientType=1 );
}

#singleTrenerTopBG img {
	width: 100%;
}

.singleTrenerContainer {
	position: relative;
	top: -201px;
}

.coachButtons button[type=button] {
	line-height: 40px;
	padding-left: 22px;
	padding-right: 22px;
	border-radius: 5px;
	width: 100%;
	max-width: 100%;
}

.coachButtons button.share {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.likeButton {
	background: #16e4c4;
	border-color: #21fa96;
	background: linear-gradient(
		45deg
		,#16e4c4 0,#21fa96 100%);
	display: inline-block;
	color: #fff;
	font-family: "Open Sans Semi";
	font-size: 1.063em;
	text-shadow: 1px 1px 0 rgb(0 0 0 / 5%);
}

.singleTrenerContainer .coach .coachContent a:hover:not(i) {
	color: #16e4c4 !important;
}

.coachContact i, .coachSocial i {
	width: 15px;
	color: #16e4c4 !important;
}

.coachContact a:hover, .coachSocial a:hover {
	color: #16e4c4 !important;
}

.coachMainContentContainer {
	border-radius: .5rem;
	position: relative;
	top: 102px;
	background-color: #F7F7F8;
	word-wrap: break-word !important;
}

.coachArticleTop .coachTag {
	background-color: #ffeb8a;
}

.coachArticleTagContainer .coachTag {
	background-color: rgb(230,231,233);
	margin-right: .25rem !important;
	margin-bottom: .45rem !important;
}

.coachArticleTagContainer .coachTag a {
	color: #000 !important;
}

.treneri-template-default .breadcrumbs,
.teretane-template-default .breadcrumbs {
	position: absolute;
	top: 110px;
	z-index: 10;
}

.treneri-template-default .breadcrumbs a,
.teretane-template-default .breadcrumbs a {
	color: #000;
}

.treneri-template-default .breadcrumbs .active,
.teretane-template-default .breadcrumbs .active {
	text-decoration: underline;
}

.wpac-buttons-container {
	padding: 0 !important;
	height: 100% !important;
	border-radius: 5px !important;
}

.wpac-btn-container {
	background: #16e4c4 !important;
	border-color: #21fa96 !important;
	background: linear-gradient(
		45deg
		,#16e4c4 0,#21fa96 100%) !important;
	display: inline-block !important;
	color: #fff !important;
	font-family: "Open Sans Semi" !important;
	font-size: 1.063em !important;
	text-shadow: 1px 1px 0 rgb(0 0 0 / 5%) !important;
	width: 100% !important;
	padding: 0 !important;
	height: 100% !important;
	border-radius: 5px !important;
	margin: 0 !important;
}

.wpac-like-btn {
	background: #16e4c4 !important;
	border-color: #21fa96 !important;
	background: linear-gradient(
		45deg
		,#16e4c4 0,#21fa96 100%) !important;
	display: inline-block !important;
	color: #fff !important;
	font-family: "Open Sans Semi" !important;
	font-size: 1.063em !important;
	text-shadow: 1px 1px 0 rgb(0 0 0 / 5%) !important;
	width: 100% !important;
	height: 100%;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 5px !important;
}

.wpac-flat-btn.wpac-like-btn .wpac-btn-icon {
	background: transparent !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 44px !important;
}

.wpac-flat-btn.wpac-like-btn .wpac-btn-icon .fa-thumbs-up {
	margin-right: 10px !important;
}

#wpacLikeCount {
	position: initial !important;
	margin-top: 0 !important;
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
}

.wpac-flat-btn.wpac-like-btn .wpac-btn-label {
	display: none !important;
}

.wpac-ajax-response {
	display: none !important;
}

.wpac-vs-bar-container {
	display: none !important;
}

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

	.treneri-template-default .breadcrumbs {
		display: none !important;
	}

	.singleTrenerContainer {
		top: -148px;
	}

}

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

	.singleTrenerContainer .coach {
		margin-bottom: 1.5rem !important;
	}

}

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

	.coachGalleryImageContainer {
		margin-bottom: 1.5rem !important;
	}

}