/*
1. Utilities
2. Form Input
3. Grit Layout
*/

/* Utilities */
p {
	font-size: 12pt;
}

h1 {
	margin-top: 0;
}

/* Font */
.tx-11 {
	font-size: 11pt !important;
}
.tx-12 {
	font-size: 12pt !important;
}
.tx-14 {
	font-size: 14pt !important;
}
.tx-16 {
	font-size: 16pt !important;
}

.tx-initial {
	font-weight: initial !important;
}

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

.text-italic {
	font-style: italic !important;
}

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

.color-slategray {
	color: slategray !important;
}

.color-green_1 {
	color: #018763;
}

.font-cursive {
	font-family: "Love Ya Like A Sister", cursive !important;
}

/* Margin */
.mg-b-0 {
	margin-bottom: 0 !important;
}

.mg-b-15 {
	margin-bottom: 15px !important;
}

.mg-b-25 {
	margin-bottom: 25px !important;
}

/* Padding */
.pd-y-5 {
	padding-right: 5px;
	padding-left: 5px;
}

.pd-x-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.pd-t-25 {
	padding-top: 25px !important;
}

.pd-b-0 {
	padding-bottom: 0 !important;
}

/* Width */
.w-100 {
	width: 100% !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.top_panel_style_dark.top_panel_opacity_solid .top_panel_wrap {
	background: #018763 !important;
}

.top_panel_style_light.top_panel_opacity_solid .sc_pt_st1 {
	background-color: #018763;
}

.page_top_wrap .breadcrumbs a.breadcrumbs_item:hover {
	color: #ffffff;
	background-color: #1dbb90;
}

.page_top_wrap .breadcrumbs a.breadcrumbs_item {
	color: #018763;
}

/* Display */
.d-flex {
	display: flex !important;
}

.justify-content-between {
	justify-content: space-between;
}
.multi-line-ellips-2 {
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-align: justify-all;
}

@media (max-width: 576px) {
	h1 {
		font-size: x-large;
	}
	h2 {
		font-size: large;
	}
	.body_style_fullscreen.layout_single-courses .post_featured .post_categories:after {
		margin-top: .5em;
	}
	.body_style_fullscreen.layout_single-courses .post_featured .post_button {
		display: none;
	}
}

@media (max-width: 1024px) {
	.body_style_fullscreen.layout_single-courses .post_featured .post_title {
		font-size: 2em;
	}
}


.logo img {
	height: 55px !important;
}
@media (max-width: 576px) {
	.logo {
		max-width: 70% !important;
		margin-top: 10px !important;
	}
	.logo img {
		height: 40px !important;
	}
}

.post_format_aside .post_descr {
	border: 1px solid #1dbb90;
}

/* Form Input */
.form-group {
	position: relative;
	margin-bottom: 25px;
	width: 100%;
	/*max-width: 280px;*/
	/*border-radius: 3px;*/
	/*overflow: hidden;*/
}
.form-group label {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
	font-weight: 500;
	transform-origin: 0 0;
	transform: translate3d(0, 0, 0);
	transition: all 0.2s ease;
	pointer-events: none;
	background-color: #fff;
	padding: 0 5px;
}
.form-group p {
	color: red;
	font-size: 10pt;
	font-style: italic;
	margin-bottom: unset;
}

.form-group .form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	width: -webkit-fill-available;
	/*border: 0;*/
	border: 1px solid rgba(0, 0, 0, 0.3);
	font-family: inherit;
	padding: 12px 12px 6px 12px;
	font-size: 16px;
	font-weight: 400;
	background: transparent !important; /*rgba(0, 0, 0, 0.02);*/
	/*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);*/
	color: #000;
	transition: all 0.15s ease;
}
.form-group .form-control:hover {
	/*background: rgba(0, 0, 0, 0.04);*/
	/*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);*/
	border: 1px solid rgba(0, 0, 0, 0.5);
}
.form-group .form-control:not(:-moz-placeholder-shown) + label {
	color: #1dbb90; /*rgba(0, 0, 0, 0.5);*/
	transform: translate3d(0, -20px, 0) scale(0.75);
}
.form-group .form-control:not(:-ms-input-placeholder) + label {
	color: #1dbb90; /*rgba(0, 0, 0, 0.5);*/
	transform: translate3d(0, -20px, 0) scale(0.75);
}
.form-group .form-control:not(:placeholder-shown) + label {
	color: #1dbb90; /*rgba(0, 0, 0, 0.5);*/
	transform: translate3d(0, -20px, 0) scale(0.75);
}
.form-group .form-control:focus {
	/*background: rgba(0, 0, 0, 0.05);*/
	outline: none;
	/*box-shadow: inset 0 -2px 0 #1dbb90;*/
	border: 1px solid #1dbb90;
}
.form-group .form-control:focus + label {
	color: #1dbb90;
	transform: translate3d(0, -20px, 0) scale(0.75);
}

.form-group .form-control.voucher {
	letter-spacing: 1.5ch;
	padding-left: 16px;
}
.form-group .form-control.voucher:focus {
	background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 2ch, transparent 0, transparent 2.5ch) 12px 85%/15ch 2px no-repeat !important;
}
.form-group .form-control.voucher:not(:-ms-input-placeholder) {
	background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 2ch, transparent 0, transparent 2.5ch) 12px 85%/15ch 2px no-repeat !important;
}
.form-group .form-control.voucher:not(:-moz-placeholder-shown) {
	background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 2ch, transparent 0, transparent 2.5ch) 12px 85%/15ch 2px no-repeat !important;
}
.form-group .form-control.voucher:not(:placeholder-shown) {
	background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 2ch, transparent 0, transparent 2.5ch) 12px 85%/15ch 2px no-repeat !important;
}

.form-group .password-visibility {
	padding: 10px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

/* Grid Layout */
.grid {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}

.grid .column {
	width: 50%;
	margin: 15px;
}

.grid .column.order-1:nth-of-type(2) {
	order: 1;
}

.grid .column.order-2:nth-of-type(1) {
	order: 2;
}

@media screen and (max-width: 576px) {
	.grid {
		display: contents;
	}

	.grid .column {
		width: 100%;
		margin-right: unset !important;
		margin-left: unset !important;
		margin-bottom: 25px;
	}

	.grid .column.order-1:nth-of-type(2) {
		order: 1;
	}

	.grid .column.order-2:nth-of-type(1) {
		order: 2;
	}
}

/* Accordion */
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title.ui-state-active .sc_accordion_icon_opened {
	background-color: #1dbb90;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title.ui-state-active {
	color: #018763;
	border-color: #018763;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title:hover {
	color: #018763;
	border-color: #018763;
}
.sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title:hover .sc_accordion_icon_opened {
	background-color:#1dbb90;
}

/* courses */
.post_item_courses .post_featured .post_title, .post_item_courses .post_featured .post_descr {
	position: unset !important;
}
.post_item_courses .post_featured .post_title {
	padding: 5px 15px 2px 15px;
}