/*
* Created by CeLa
* Copyright 2023 by CeLa 
* Theme styles
*/

@import url("fonts.css");
@import url("snippets.css");
@import url("widgets.css");

:root {
	
	--pri-color: #343f52;
	--sec-color: #5eb9f0;
	--thd-color: #f04275;
	
	--light-blue: #f4f8fc;
	--medium-blue: #edf3f9;
	
	--light-grey: #f7f7f7;
	--base-grey: #eeeeee;
	--dark-grey: #67717b;
	
	--pri-font: 'Nunito Sans';
	--sec-font: 'Arial';
	
	--radius-xs: .25rem;
	--radius-sm: .5rem;
	--radius-md: .75rem;
	--radius-lg: 1rem;
	--radius-xl: 1.25rem;
	
	--gutter-xs: 5px;
	--gutter-sm: 15px;
	--gutter-md: 30px;
	--gutter-lg: 45px;
	--gutter-xl: 60px;
	
	--gradient-1: linear-gradient(45deg, #ed2775 6%, #ff7448 92%);
	--gradient-2: linear-gradient(45deg, #ff4b3f 6%, #ffac30 92%);
	--gradient-3: linear-gradient(45deg, #9f5ff1 6%, #ff54b0 92%);
	--gradient-4: linear-gradient(45deg, #3f75ff 6%, #4adEff 92%);
}

/* Base Html styles */
html, body {
	color: var(--pri-color);
	font-family: var(--pri-font);
	font-size: 1rem;
	font-weight: 400;
}
body {}
figure {
	margin-bottom: auto;
}
figure img {
	max-width: 100%;
	height: auto;
}

/*
 * Headline styles
 */

.heading {}
.heading:after {
	content: '';
	display: block;
	max-width: 200px;
	height: 16px;
	background-image: url('../img/stroke.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.heading.text-center:after {
	margin: 0 auto 0 auto;
}
.sub-heading {
	font-size: 1.125rem;
	font-weight: 800;
	letter-spacing: 0.5px;
	color: var(--thd-color);
}

/*
 * Links styles
 */
a {
  color: var(--sec-color);
  transition: color .25s ease-in-out;
}
a:hover {
  color: var(--pri-color);
}
/*
 * Default colors and gradients
 */
.pri-color {
	color: var(--pri-color);
}
.sec-color {
	color: var(--pri-color);
}
.gradient-1 {
	background: var(--gradient-1);
}
.gradient-2 {
	background: var(--gradient-2);
}
.gradient-3 {
	background: var(--gradient-3);
}
.gradient-4 {
	background: var(--gradient-4);
}
/*
 * Boders & Corner
 */
.radius-xs {
	-webkit-border-radius: var(--radius-xs);
	-moz-border-radius: var(--radius-xs);
	border-radius: var(--radius-xs);
}
.radius-sm {
	-webkit-border-radius: var(--radius-sm);
	-moz-border-radius: var(--radius-sm);
	border-radius: var(--radius-sm);
}
.radius-md {
	-webkit-border-radius: var(--radius-md);
	-moz-border-radius: var(--radius-md);
	border-radius: var(--radius-md);
}
.radius-lg {
	-webkit-border-radius: var(--radius-lg);
	-moz-border-radius: var(--radius-lg);
	border-radius: var(--radius-lg);
}
.radius-xl {
	-webkit-border-radius: var(--radius-xl);
	-moz-border-radius: var(--radius-xl);
	border-radius: var(--radius-xl);
}

/*
 * Layout styles
 */
body.offline-page .branding {
	margin: 3rem auto 0 auto;
	max-width: 160px;
}
.main-header {}
.main-content {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #fff;
}
footer.main-footer {
	padding-top: 100px;
	background-color: var(--light-blue);
	border-top: 1px solid #edf3f9;
}
@media(max-width: 767px){
	footer.main-footer [class^="col-"]:not(:first-child) .footer-column {
		margin-top: var(--gutter-md);
	}
}
footer.main-footer .footer-column > h4 {
	margin-bottom: 15px;
}
.main-footer figure.branding {}
.main-footer figure.branding img {
	max-width: 75px;
	height: auto;
}
footer.main-footer .copyright {
	margin-top: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid var(--base-grey);
	text-align: center;
}
/* Offline */
.offline-footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 1px solid var(--light-grey);
	background-color: #fff;
}
.offline-footer figure.branding {}
.offline-footer figure.branding img {
	max-width: 75px;
	height: auto;
	margin: 0 auto;
}
.copyright {
	padding: 1rem;
	font-size: .875rem;
	text-align: center;
}
/* To Top */
span.to-top {
	display: none;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	background-color: var(--pri-color);
	font-size: 1.5em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;	
	color: #fff;
	cursor: pointer;
	z-index: 1000;
    -webkit-transition: background-color 0.25s linear;
    -moz-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    -ms-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
}
span.to-top:hover {
	background-color: var(--thd-color);
}

ul.list-navbar {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list-navbar li a {
	text-decoration: none;
}

/*
 * Custom navbars
 */
 
ul.navbar-footer {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.navbar-footer > li > a {
	text-decoration: none;
	color: var(--dark-grey);
}
ul.navbar-footer > li > a:hover {
	color: var(--thd-color);
}
ul.navbar-footer > li > a:before {
	content: '\203A';
	display: inline-block;
	margin-right: 6px;
	transform: tranlateX(0);
	color: var(--thd-color);
	transition: transform .15s ease-in-out;
}
ul.navbar-footer > li > a:hover:before {
	transform: translateX(2px);
}

/*
* Module styles
*/

/*
 * Search module
 */
.search-results {}
.search-results .result {
	margin-top: var(--gutter-md);
	border: 1px solid #edf3f9;
	-webkit-border-radius: var(--radius-md);
	-moz-border-radius: var(--radius-md);
	border-radius: var(--radius-md);
	overflow: hidden;
}
.search-results .result > h4 {
	padding: 1rem 1.5rem;
}
.search-results .result .caption {
	padding: 0 1.5rem 1.5rem 1.5rem;
}
.search-results .result .caption > span {
	display: inline-block;
	margin-right: 1rem;
}
.search-results .result .caption i {
	color: var(--thd-color);
}
.search-results .result .link {
	padding: 1rem 1.5rem;
	border-top: 1px solid #edf3f9;
	background-color: var(--light-blue);
}
.search-form .input-group .input-group-text {
	background-color: var(--light-blue);
	border-radius: 25px;
	border-color: #edf3f9;
	color: var(--thd-color);
}
.search-form .input-group .form-control {
	border-left: 0; 
	background-color: var(--light-blue);
	border-color:#edf3f9;
}
.search-form .input-group .btn {
	border-radius: 25px;
}
.search-form .input-group .btn > i {
	display: inline-block;
	transform: translate(0, 2px);
	transition: all .15s ease-in-out;
}
.search-form .input-group .btn:hover > i {
	display: inline-block;
	transform: translate(3px, 2px);
}