/*
* Template Name: Hurrah.eu v1.0
* Made by Nitro
*/


/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root { scroll-behavior: smooth; }

body { font-family: var(--font-primary); color:rgba(var(--color-default-rgb), 1); background-color:var(--color-white);  }

a { color: var(--color-links); text-decoration: none; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; }
a:hover { color: var(--color-links-hover); text-decoration: none; }

h1, h2, h3, h4, h5, h6 { /* font-family: var(--font-primary); */ }
h1 { font-size:37px; }
h2 { font-size:24px; }
h3 { font-size:21px; }
h4 { font-size:18px; }
h5 { font-size:17px; }
h6 { font-size:16px; }

.pad-2 { padding:2px; }

#main { padding-top: 90px; background-color:var(--color-white); }

.separator { font-size:22px; text-align:center; margin:15px auto 25px auto; font-weight:500; width:100%; display: -ms-flexbox; display: flex; -ms-flex-align:center; align-items:center; }
.separator span { margin: 24px 12px; font-weight:500; line-height: 130%; }
.separator .line { height: 1px; background-color: #aba9a5; -ms-flex-positive: 1; flex-grow: 1; }


@media (max-width: 767px) {
  h1 { font-size:30px !important; }
  h2 { font-size:22px !important; }
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.login-button { color: var(--color-white); background-color: var(--color-primary); border-radius:var(--border-radius-button); font-size:14px; font-weight:600; display:inline-block; vertical-align:super; line-height:1.3em; padding:7px 11px; }
/* .login-button { background-color: var(--color-white); color: var(--color-primary); border-radius:var(--border-radius-button); font-size:14px; font-weight:600; display:inline-block; vertical-align:super; line-height:1.3em; padding:7px 11px; border:2px solid var(--color-primary); } */
.login-button:hover { color: var(--color-white); background-color: var(--color-primary); }
.login-button:focus { color: var(--color-white) !important; }
.login-button i { font-size:20px; margin-right:4px; vertical-align:text-bottom; }
.login-button.logged-in { /* background-color:var(--color-secondary); */ color:var(--color-secondary); }
.login-button.logged-in:focus { color: var(--color-secondary) !important; }
/* .login-button.logged-in { background-color:var(--color-primary); color:var(--color-white); border:none; } */
/* .login-button.logged-in i { margin-right:0; } */

.icon-button { color:var(--color-primary); background-color:#e7e7eb; border-radius:var(--border-radius-button); font-size:14px; font-weight:600; display:inline-block; vertical-align:middle; line-height:0; padding:7px 11px; margin:0 10px; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out; }
.icon-button:hover { color: var(--color-white); background-color: var(--color-primary); }
.icon-button i { font-size:20px; vertical-align:text-bottom; }
.icon-button.selected { color: var(--color-white); background-color: var(--color-primary); }
.icon-button.search { font-size:12px; font-weight:400; margin:0 3px; vertical-align:super !important; line-height:1.2em; }

.toolbar { text-align:right; }
.toolbar li { margin:0 !important; }
.toolbar .icon-button { margin:0; font-size:13px; font-weight:400; line-height:1.2em; }
.toolbar .icon-button i { vertical-align:middle; }
.toolbar .icon-button span { margin-left:4px; }
.icon-button.confirm { border:1px solid #198754; color:#198754; background-color:var(--color-white); } 
.icon-button.confirm:hover { border:1px solid #198754; color:var(--color-white); background-color:#198754; } 
.icon-button.delete { border:1px solid #dc3545; color:#dc3545; background-color:var(--color-white); }
.icon-button.delete:hover { border:1px solid #dc3545; color:var(--color-white); background-color:#dc3545; } 

@media (max-width: 1279px) {
.toolbar .icon-button span { display:none; }
}

.default-button { color: var(--color-primary); background-color: var(--color-secondary); border-radius:var(--border-radius-button); font-size:17px; font-weight:600; display:inline-block; vertical-align:super; line-height:1.3em; padding:12px 20px; }
.default-button:hover { background-color: var(--color-primary-dark); color: var(--color-white); }
.default-button i { font-size:18px; margin-left:10px; vertical-align:text-bottom; -webkit-text-stroke: 1px; }

.default-button.small { color: var(--color-default); background-color: var(--bs-gray-200); font-size:13px; font-weight:400; padding:6px 8px; }
.default-button.small:hover { color: var(--color-default); background-color: var(--bs-gray-300); -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; }
.default-button.small i { font-size:12px; margin:0; }
.default-button.small.more:not(.collapsed) { display:none; }
.default-button.small.less:not(.collapsed) { display:block; }

.advanced-search-button { color: var(--color-default); background-color: var(--color-white); border-radius:var(--border-radius-button); border:2px solid var(--color-default); font-size:17px; font-weight:500; display:inline-block; vertical-align:super; line-height:1.3em; padding:10px 20px; }
.advanced-search-button:hover { background-color: var(--color-primary); color: var(--color-white); border-color:var(--color-primary); }
.advanced-search-button i { font-size:18px; margin-left:10px; vertical-align:text-bottom; -webkit-text-stroke: 1px; }

.sign-in-button { color: var(--color-default); background-color: var(--color-white); border-radius:var(--border-radius-button); border:2px solid var(--color-default); width:100%; text-align:center; margin-bottom:5px; font-size:15px; font-weight:500; display:block; vertical-align:super; line-height:1.3em; padding:10px 20px; }
.sign-in-button:hover { background-color: var(--color-primary); color: var(--color-white); border-color:var(--color-primary); }
.sign-in-button i { font-size:20px; margin-right:10px; vertical-align:text-bottom; }

.filter-button { color: var(--color-primary); background-color: var(--color-secondary); border-radius:var(--border-radius-button); font-size:17px; font-weight:600; display:inline-block; vertical-align:super; line-height:1.3em; padding:12px 20px; }
.filter-button:hover { background-color: var(--color-primary); color: var(--color-white); }
.filter-button i { font-size:18px; margin-left:10px; vertical-align:text-bottom; -webkit-text-stroke: 1px; }

.menu-button { color: var(--color-primary); background-color: var(--color-secondary); border-radius:var(--border-radius-button); font-size:17px; font-weight:600; display:inline-block; vertical-align:super; line-height:1.3em; padding:12px 20px !important; }
.menu-button:hover { background-color: var(--color-primary) !important; color: var(--color-white) !important; }
.menu-button i { font-size:18px; margin-left:10px; vertical-align:text-bottom; -webkit-text-stroke: 1px; }

.arrow-wrapper {margin-bottom:10px; }

.button_next, .button_prev { border-radius:var(--border-radius-button); padding:4px 7px; line-height:normal; background-color: var(--color-secondary); color: var(--color-primary); display:inline-block; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; }
.button_next:hover, .button_prev:hover { background-color: var(--color-primary); color: var(--color-white); }
.button_next span, .button_prev span { -webkit-text-stroke: 1px; }

.button-wrapper { margin:20px 0;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
#search-form {  }
#search-form legend { display:none; }
#search-form label { display:none; }

.form-control { border:none; border-bottom:2px solid var(--color-default); color: var(--color-default); border-radius:0px; height: 50px; padding: 10px 2px; -webkit-box-shadow: none; box-shadow: none; font-size:18px; font-weight: 600; outline:none; }
.form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom:2px solid var(--color-secondary); }


#search-form-inline { }
#search-form-inline legend { display:none; }
#search-form-inline label { text-align:right; font-size:22px; line-height:1.1em; padding: 12px 10px 0 0; }
#search-form-inline .field-wrapper { position:relative; }
#search-form-inline .field-wrapper i { position: absolute; right: 0; font-size: 28px; top: 5px; }
#search-form-inline .form-control { border:none; border-bottom:2px solid var(--color-default); color: var(--color-default); border-radius:0px; height: 50px; padding: 10px 20px 10px 0; -webkit-box-shadow: none; box-shadow: none; font-size:18px; font-weight: 600; outline:none; }
#search-form-inline .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom:2px solid var(--color-secondary); }

#search-form-inline .form-control::-webkit-input-placeholder { font-weight:300; color:rgba(200,200,200,1); }
#search-form-inline .form-control:-moz-placeholder { font-weight:300; color:rgba(200,200,200,1); opacity:  1; }
#search-form-inline .form-control::-moz-placeholder { font-weight:300; color:rgba(200,200,200,1); opacity:  1; }
#search-form-inline .form-control:-ms-input-placeholder { font-weight:300; color:rgba(200,200,200,1); }
#search-form-inline .form-control:placeholder-shown { font-weight:300; color:rgba(200,200,200,1); }

#login-form .row { margin-bottom:20px; }
#login-form label { text-align:right; font-size:20px; line-height:1.1em; padding: 12px 10px 0 0; color:var(--color-primary); }
#login-form .service-link { font-size:15px; }
#login-form .service-link a { color:var(--color-primary); }
#login-form .service-link li { font-weight:600; }
#login-form .service-link li:last-child { padding-top:3px; }


#profile-form { }
#profile-form .row {  }
#profile-form .row > .col-md-6 { margin-bottom:30px; }
#profile-form legend { display:none; }
#profile-form label { text-align:right; font-size:20px; line-height:1.1em; padding: 12px 10px 0 0; color:var(--color-primary); }
#profile-form .form-control { border:none; border-bottom:2px solid var(--color-default); color: var(--color-default); border-radius:0px; height: 50px; padding: 10px 2px; -webkit-box-shadow: none; box-shadow: none; font-size:18px; font-weight: 600; outline:none; }
#profile-form .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom:2px solid var(--color-secondary); }

#profile-form .form-control::-webkit-input-placeholder { font-weight:300; color:rgba(200,200,200,1); }
#profile-form .form-control:-moz-placeholder { font-weight:300; color:rgba(200,200,200,1); opacity:  1; }
#profile-form .form-control::-moz-placeholder { font-weight:300; color:rgba(200,200,200,1); opacity:  1; }
#profile-form .form-control:-ms-input-placeholder { font-weight:300; color:rgba(200,200,200,1); }
#profile-form .form-control:placeholder-shown { font-weight:300; color:rgba(200,200,200,1); }

#profile-form .form-select { border:none; border-bottom:2px solid var(--color-default); color: var(--color-default); border-radius:0px; height: 50px; padding: 10px 2px; -webkit-box-shadow: none; box-shadow: none; font-size:18px; font-weight: 600; outline:none; }
#profile-form .form-select:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom:2px solid var(--color-secondary); }

#profile-form .select2-selection { border:none; border-bottom:2px solid var(--color-default); color: var(--color-default); border-radius:0px; height: 50px; padding: 10px 2px; -webkit-box-shadow: none; box-shadow: none; font-size:18px; font-weight: 600; outline:none; }
#profile-form .select2-selection:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom:2px solid var(--color-secondary); }

#profile-form .select2-selection--multiple { border:none; border-bottom:2px solid var(--color-default); color: var(--color-default); border-radius:0px; height:auto; padding: 10px 2px; -webkit-box-shadow: none; box-shadow: none; font-size:18px; font-weight: 600; outline:none; }
#profile-form .select2-selection--multiple:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom:2px solid var(--color-secondary); }
#profile-form .select2-selection--multiple .select2-search { width:auto; display:inline-block; }
#profile-form .select2-selection__choice { font-size:13px; background-color:var(--color-secondary); color:var(--color-primary); border:none; }
#profile-form .select2-selection__choice__remove { width:12px; height:12px; padding:0; }
#profile-form .select2-selection__choice__remove:hover {  }

#profile-form .select2-search__field::-webkit-input-placeholder { font-weight:300; color:rgba(200,200,200,1); }
#profile-form .select2-search__field:-moz-placeholder { font-weight:300; color:rgba(200,200,200,1); opacity:  1; }
#profile-form .select2-search__field::-moz-placeholder { font-weight:300; color:rgba(200,200,200,1); opacity:  1; }
#profile-form .select2-search__field:-ms-input-placeholder { font-weight:300; color:rgba(200,200,200,1); }
#profile-form .select2-search__field:placeholder-shown { font-weight:300; color:rgba(200,200,200,1); }

#profile-form .select2-selection__placeholder { font-weight:300; color:rgba(200,200,200,1); }
.select2-results { padding:12px; }
.select2-dropdown { box-shadow:2px 2px 12px rgba(0,0,0,0.3); }
.select2-dropdown.select2-dropdown--above { box-shadow:2px -2px 8px rgba(0,0,0,0.3); }
.select2-results__group { display:block; background-color: rgba(50,50,50,0.12) !important; font-size:12px; text-transform:uppercase; color:rgba(50,50,50,0.7) !important; }
.select2-results__option { font-size:15px !important; padding-top:3px !important; padding-bottom:3px !important; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; }
.select2-results__option--highlighted {background-color:var(--color-secondary) !important; }
.sign-up-checkbox { margin:20px 0; }
.sign-up-checkbox label { font-size:14px !important; line-height:normal !important; padding:0 !important; color:var(--color-default) !important; }
.sign-up-checkbox .form-check-input[type=checkbox] { margin-top:0.25em; border-color:var(--bs-gray-500); }
.sign-up-checkbox a { text-decoration:underline; }

label.required::after { color: red; content: " *" }

.filter-wrapper { padding-bottom:15px; }
#search-filters { margin-bottom:30px; }

#areaIstruzione { background-color:var(--color-primary-background); padding-top:20px; padding-bottom:20px; margin-bottom:30px; }
#areaIstruzione .col-12 { margin-bottom:20px; }
#areaIstruzione .select2-selection { padding:10px; }

#areaSubscribe { background-color:var(--bs-gray-200); padding-top:20px; padding-bottom:20px; margin-bottom:30px; margin-top:30px; }

@media (max-width: 991px) {
	#search-filters { padding:15px; background-color:var(--bs-gray-200); border-radius:var(--border-radius-button); }
	#search-filters .accordion-item { border-radius:var(--border-radius-button); margin-bottom:5px; }
}


/*--------------------------------------------------------------
# Graphics
--------------------------------------------------------------*/

.border-rounded { border-radius:var(--border-radius-image); }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 15px); left: calc(50% - 15px); border: 3px solid var(--color-primary); border-top-color: #ededed; border-radius: 50%; width: 30px; height: 30px; animation: animate-preloader 0.7s linear infinite; } /* small */

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section { padding: 25px 0; overflow: hidden; }
.section-header { border-bottom: 2px solid var(--color-black); }
.section-header h2 { font-size: 50px; color: var(--color-black); }
.section-header p { margin-bottom: 0; }

.section-title .title { color: var(--color-title); padding-bottom: 5px; /* margin-bottom: 10px; */ position: relative; letter-spacing: -0.5px; }
/* .section-title .title:before { position: absolute; content: ""; height: 3px; width: 40px; background: #FFDC05; bottom: 5px; left: 0; } */
.select-world { padding:30px 0 10px 0 !important; text-align:center;}

@media (max-width: 991px) {
  section { padding: 25px 0;}
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top { position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:99999; background-color: var(--color-primary); width:40px; height:40px; border-radius:4px; transition: all 0.4s; }
.scroll-top i { font-size:24px; color:#fff; line-height:0; }
.scroll-top:hover { background-color:var(--color-primary-light); color: #fff; }
.scroll-top.active { visibility: visible; opacity: 1; }

/*--------------------------------------------------------------
# Page title
--------------------------------------------------------------*/
.page-title { font-size: 70px; color: var(--color-black); }

/* Form Input Fieldds */
.btn:active, .btn:focus { outline: none; }
.btn.btn-primary { background-color: var(--color-black); color: var(--color-white); border-color: var(--color-black); }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header { height: 90px; transition: height 0.5s, box-shadow 0.5s; -webkit-transition: height 0.5s, box-shadow 0.5s;  z-index: 997; /* background-color: var(--color-primary-dark); */ background-color: var(--bs-gray-200);  }
.header.sticked { height: 70px; box-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.header .logo img { max-width: var(--logo-width); max-height: var(--logo-height); margin-right:6px; }
.header .logo h1 { font-size: 30px; font-weight: 700; color: var(--color-default); font-family: var(--font-primary); }

.search-form-wrap { position: absolute; right: 0; top: 0; z-index: 9; transition: 0.3s all ease; visibility: hidden; opacity: 0; }
.search-form-wrap .search-form { position: relative; }
.search-form-wrap .search-form .form-control { width: 300px; border: none; box-shadow: 0 15px 20px -10px rgba(var(--color-black-rgb), 0.1); padding-left: 40px; padding-right: 40px; }
.search-form-wrap .search-form .form-control:active, .search-form-wrap .search-form .form-control:focus { outline: none; box-shadow: none; }
.search-form-wrap .search-form .icon { position: absolute; left: 0; top: 7px; opacity: 0.5; left: 10px; }
.search-form-wrap .search-form .btn { position: absolute; top: 2px; right: 4px; padding: 0; margin: 0; line-height: 1; font-size: 30px; }
.search-form-wrap .search-form .btn:active, .search-form-wrap .search-form .btn:focus { outline: none; box-shadow: none; }
.search-form-wrap.active { visibility: visible; opacity: 1; }
section { scroll-margin-top: 70px; }


/*--------------------------------------------------------------
# Autocomplete
--------------------------------------------------------------*/
.ui-widget.ui-widget-content { border:none; padding:5px 10px; font-size:18px; border-radius:var(--border-radius-button);  box-shadow:4px 4px 20px rgba(0,0,0,0.3); background-color:rgba(255,255,255,1); }
.ui-widget.ui-widget-content li {  }
.ui-widget.ui-widget-content li div.ui-menu-item-wrapper { padding: 2px 9px; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out;  }
.ui-widget.ui-widget-content li div.ui-menu-item-wrapper.ui-state-active { background-color:var(--color-secondary); border-color:rgba(255,255,255,0); color:var(--color-default); }
.ui-widget.ui-widget-content li.ui-autocomplete-category { font-weight: 400; margin: 10px 0 2px -1px; padding: 4px 10px 3px 10px; background-color: rgba(50,50,50,0.05); font-size:11px; text-transform:uppercase; color:rgba(50,50,50,0.4); }

/*--------------------------------------------------------------
# Desktop Navigation 
--------------------------------------------------------------*/
@media (min-width: 1280px) {
	.navbar { padding: 0; }
	.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
	.navbar li { position: relative; }
	.navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 30px; font-family: var(--font-default); font-size: 16px; font-weight: 500; color: var(--color-default); white-space: nowrap; transition: 0.3s; }
	.navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }
	.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { color: var(--color-primary); }
	.navbar .getstarted, .navbar .getstarted:focus { background: var(--color-primary); padding: 8px 20px; margin-left: 30px; border-radius: 4px; color: var(--color-white); }
	.navbar .getstarted:hover, .navbar .getstarted:focus:hover { color: var(--color-white); background: rgba(var(--color-primary-rgb), 0.8); }
	.navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: var(--color-white); box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px; }
	.navbar .dropdown ul li { min-width: 200px; }
	.navbar .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; font-weight: 400; }
	.navbar .dropdown ul a i { font-size: 12px; }
	.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a { color: var(--color-primary); }
	.navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; }
	.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
	.navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible; }
}

@media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdown .dropdown ul { left: -90%; }
	.navbar .dropdown .dropdown:hover>ul { left: -100%; }
}

.mobile-nav-toggle { display: none; }

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
	.navbar { padding: 0; z-index: 9997; }
	.navbar ul { display: none; position: absolute; inset: 55px 15px 15px 15px; padding: 10px 0; margin: 0; border-radius: 10px; background-color: var(--color-white); overflow-y: auto; transition: 0.3s; z-index: 9998; }
	.navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; font-family: var(--font-primary); font-size: 15px; font-weight: 600; /* color: var(--color-primary); */ white-space: nowrap; transition: 0.3s; }
	.navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }
	.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { color: var(--color-primary); }
	.navbar .dropdown ul, .navbar .dropdown .dropdown ul { position: static; display: none; z-index: 99; padding: 10px 0; margin: 10px 20px; background: var(--color-white); transition: all 0.5s ease-in-out; box-shadow: 0px 0px 30px rgba(var(--color-black-rgb), 0.1); }
	.navbar .dropdown>.dropdown-active, .navbar .dropdown .dropdown>.dropdown-active { display: block; }
	.mobile-nav-toggle { display: inline-block; color: var(--color-primary); font-size: 28px; cursor: pointer; line-height: 0; transition: 0.5s; margin:10px 0 0 10px; }
	.mobile-nav-toggle.bi-x { color: var(--color-black); }
	.mobile-nav-active { overflow: hidden; }
	.mobile-nav-active .mobile-nav-toggle { position: fixed; top: 15px; right: 15px; z-index: 9999; color: var(--color-white); }
	.mobile-nav-active .navbar { position: fixed; overflow: hidden; inset: 0; background: rgba(var(--color-black-rgb), 0.6); transition: 0.3s; }
	.mobile-nav-active .navbar>ul { display: block; }
}

/*--------------------------------------------------------------
# Stats Box
--------------------------------------------------------------*/
.stats { padding:25px 0; background-color: var(--bs-gray-100);}
.stats .count-box { width:100%; text-align:center; }
.stats .count-box i { display:inline-block; font-size:48px; color: #a1bdd1; line-height:1em; margin-right:10px; }
.stats .count-box .content-box { display:inline-block; }
.stats .count-box span { font-size:24px; line-height:24px; display: block; font-weight: 700; color: #365870; }
.stats .count-box p { font-weight: 600; font-size: 14px; color: #2e4b5e; margin:0; }
.stats .count-box a { font-weight: 600; display: block; margin-top: 20px; color: #2e4b5e; font-size: 15px; transition: ease-in-out 0.3s; }
.stats .count-box a:hover { color: #477392; }

@media (max-width: 991px) {
	.stats .count-box i { display:block; font-size:30px; margin:0 0 10px 0; }
	.stats .count-box span { font-size:20px; line-height:20px; }
}

@media (max-width: 575px) {
	.stats .count-box .content-box { width:100%; }
	.stats .count-box i { display:block; font-size:28px; margin:0 0 10px 0; }
	.stats .count-box span { font-size:15px; line-height:15px; }
	.stats .count-box p { font-weight: 500; font-size:11px; line-spacing:1em; }
	.stats .row .col { padding:0; }
	.stats .row { padding:0 10px; }
}


/*--------------------------------------------------------------
# Hero Slider
--------------------------------------------------------------*/
#hero-slider { padding:20px 0; }
.sliderFeaturedPosts { border-radius:var(--border-radius-image); }
.img-bg { height: 480px; background-size: cover; background-repeat: no-repeat; position: relative; background-position: center center; }

@media (max-width: 767px) {
  .img-bg { height: 450px; }
}

.img-bg:before { position: absolute; content: ""; /*background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); */ opacity: 0.5; bottom: 0; left: 0; right: 0; z-index: 1; top: 0; }
.img-bg .img-bg-inner { position: relative; z-index: 2; max-width: 700px; position: relative; padding-left: 100px; padding-right: 100px; margin-bottom: 50px; }

@media (max-width: 767px) {
  .img-bg .img-bg-inner { padding-left: 30px; padding-right: 30px; margin-bottom: 50px; }
}

.img-bg .img-bg-inner h2, .img-bg .img-bg-inner p { color: var(--color-white); text-shadow:1px 1px 2px rgba(0,0,0,0.8); }

@media (max-width: 500px) {
  .img-bg { height: 340px; }
  /* .img-bg .img-bg-inner p { display: none; } */
}

.custom-swiper-button-next, .custom-swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; }

@media (max-width: 767px) {
  .custom-swiper-button-next, .custom-swiper-button-prev { display: none; }
}

.custom-swiper-button-next span, .custom-swiper-button-prev span { font-size:40px; color: rgba(var(--color-white-rgb), 0.7); transition: 0.3s all ease; }
.custom-swiper-button-next:hover span, .custom-swiper-button-next:focus span, .custom-swiper-button-prev:hover span, .custom-swiper-button-prev:focus span { color: rgba(var(--color-white-rgb), 1); }
.custom-swiper-button-next { right: 15px; }
.custom-swiper-button-prev { left: 15px; }
.swiper-pagination .swiper-pagination-bullet { background-color: rgba(var(--color-white-rgb), 0.8); }
.swiper-pagination .swiper-pagination-bullet-active { background-color: rgba(var(--color-white-rgb), 1); }


/*--------------------------------------------------------------
# Focus Area
--------------------------------------------------------------*/
.focus-area { padding:25px 0; /* background-color: var(--bs-gray-200); */}



/*--------------------------------------------------------------
# Items swiper
--------------------------------------------------------------*/
.item .item-data { font-size:15px; }
.item:hover .item-data a { color:var(--color-primary); }
.item:hover .item-pic img { /* border:2px solid var(--color-secondary); */ outline-color:var(--color-secondary); /* box-shadow: 0 0 10px rgba(0,0,0,0.5); */ }
.item-pic img { background-position:center; border-radius:var(--border-radius-image); /* border:2px solid rgba(255,255,255,0); */ outline-color:rgba(255,255,255,0); outline-style:solid; outline-width:2px; -webkit-transition: outline-color 0.3s ease-out; transition: outline-color 0.3s ease-out; /* box-shadow: 0 0 10px rgba(0,0,0,0); */ }
.with-image .item-data { text-align:center; padding:8px 0; font-weight:500; line-height:1.3em; }
.only-text .item-data { text-align:left; }
.only-text .item-data a { padding:8px 0; font-weight:500; line-height:1.3em; text-decoration:underline; color:var(--color-primary); }
.only-text .item-data a:hover { color:var(--color-primary-light); }
.only-text .item-data span { font-weight:500; }
/*.professions-area-slider .only-text .item-data a { text-decoration:none; }
.professions-area-slider .only-text .item-data span { font-weight:500; }*/
.skills-area-slider .only-text .item-data a { text-decoration:none; }
.only-text .item-data p { padding:8px 0; font-weight:400; line-height:1.3em; font-size:13px; }

.swiper-slide.sponsor .item .item-pic { border:5px solid var(--color-sponsor-enhance); border-radius:var(--border-radius-button); }
.swiper-slide.sponsor .item .item-data { background-color:var(--color-sponsor-enhance); border-radius:var(--border-radius-button); }


/*--------------------------------------------------------------
# Tag Cloud Area
--------------------------------------------------------------*/
#tag-cloud { margin-top:15px;}
#tag-cloud .card-body { background-color:var(--bs-gray-100); }
#tag-cloud .card-body .section-title { font-size:12px; font-weight:500; display:block; margin-top:10px; }
#tag-cloud .card-body .badge { font-weight:500; font-size:13px; white-space:unset; margin:1px 0; }

#tag-cloud-simple { margin-top:45px; clear:both;}
#tag-cloud-simple h5 { border-bottom:1px solid var(--bs-gray-500); padding-bottom:8px; }
#tag-cloud-simple .tag-cloud-content { background-color:var(--bs-gray-100); padding:10px; }
#tag-cloud-simple .tag-cloud-content .section-title { background-color:var(--bs-gray-300); font-size:12px; font-weight:500; color:var(--bs-gray-700); border-radius:var(--border-radius-button); padding:2px 6px; }
#tag-cloud-simple .tag-cloud-content a { font-size:12px; font-weight:600; background:none; color:var(--color-default); text-decoration:none; padding:1px 7px; border-radius:var(--border-radius-button); border:1px solid var(--bs-gray-400); -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; }
#tag-cloud-simple .tag-cloud-content a:hover { color:var(--color-primary); background-color:var(--color-secondary); border:1px solid var(--color-secondary); }




/*--------------------------------------------------------------
# Internal page
--------------------------------------------------------------*/

#search { padding:30px 0 10px 0; }
#advanced-search { padding:10px 0 0 0; }
#advanced-search p { text-align:right; font-size:18px; padding-top:8px; line-height:1.2em; }

#post-intro { padding-top:0;  }
.post-intro.custom { margin-top:35px;  }
.post-intro.custom h2 { margin:30px 0 10px 0; }
.post-intro.custom h3 { font-size:16px; line-height:normal; font-weight:400; }

#disciplines-area, #professions-area { padding:10px 0 10px 0;}

#interest-menu { padding-bottom:20px;}
.interest-menu-slider { padding:5px 10px; background-color:var(--bs-gray-100); font-size:14px; }
.interest-menu-slider a { display:inline-block; padding:5px 10px; }
/* .interest-menu-slider .selected { background-color:var(--color-secondary); border-radius:var(--border-radius-button); color:var(--color-primary); } */
.interest-menu-slider .selected { color:var(--color-primary); border-top:3px solid var(--color-secondary); border-bottom:3px solid var(--color-secondary); }


#myarea-menu { background-color:var(--bs-gray-100); padding:20px 0; font-size:14px; font-weight:500; }
#myarea-menu a { padding:5px 8px; margin:0 2px; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; border-radius:var(--border-radius-button); }
#myarea-menu a:hover { background-color:var(--bs-gray-200); }
#myarea-menu a.selected { background-color:var(--color-secondary); color:var(--color-primary); }

#items-menu { padding-bottom:20px; }
#items-menu .icon-button { width:100%; color: var(--color-primary); background-color: var(--color-white); border-radius:var(--border-radius-button); border:2px solid var(--color-secondary); font-size:17px; font-weight:600; vertical-align:super; line-height:1.3em; padding:12px 15px; margin:5px 0; -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out; transition:  color 0.3s ease-out, background-color 0.3s ease-out, border 0.3s ease-out; }
#items-menu .icon-button.selected { color: var(--color-primary); background-color: var(--color-secondary); }
#items-menu .icon-button:hover { background-color: var(--color-primary); color: var(--color-white); border:2px solid var(--color-primary); }
#items-menu .icon-button i { font-size:18px; vertical-align:text-bottom; -webkit-text-stroke: 1px; }
#items-menu .icon-button .badge { background-color:var(--color-primary); font-weight:normal; line-height:1.2em; padding:5px 10px; margin-left:8px; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; }
#items-menu .icon-button:hover .badge { background-color:var(--color-white); color:var(--color-primary); }

@media (max-width: 991px) {
	#myarea-menu { padding:10px 0; }
	#items-menu .icon-button { width:48%; margin:5px 1%; }
	#myarea-menu-nav { padding:10px 0;}
	#advanced-search p { padding-top:0px; }
}

@media (max-width: 767px) {
	#items-menu .icon-button { font-size:15px; padding:9px; }
	#myarea-menu a { display:block; width:100%; }
}

@media (max-width: 575px) {
	#items-menu .icon-button { font-size:14px; padding:8px 5px; }
	/* #items-menu .icon-button span { display: block; width: fit-content; margin: 3px auto; } */
	#items-menu .icon-button i { display:none; }
	
	#advanced-search .col-sm-9 { text-align:right; }
}

.image-detail-wrapper {padding-top:32px;}
.image-detail-wrapper img.resized { float:right; width:50%; margin:0 0 30px 30px; }

@media (max-width: 500px) {
	.image-detail-wrapper { padding-top:0; }
	.image-detail-wrapper img.resized { float:none; width:unset; margin:0 0 20px 0; }
}

.breadcrumb-wrapper { position:relative; display:inline-block; padding-top:30px; margin-right:15px; /* vertical-align:middle; */ }
.breadcrumb { padding:0; margin-bottom:4px; }
.breadcrumb:before { position: absolute; content: ""; height: 3px; width: 100%; background: var(--color-secondary); bottom: 0; left: 0; }
.summary-wrapper { padding:20px 0 0 0; font-size:14px; }
.summary-wrapper li { display:inline-block; margin-right:20px; padding-bottom:5px; line-height:1.4em; }
.summary-wrapper li .bi { color: var(--color-default); margin-right:5px; }
.summary-wrapper a { text-decoration:underline; }
.post-wrapper h1 { color:var(--color-primary); padding:20px 0 10px 0; display:inline-block; }
.post-wrapper h2 { color:var(--color-primary); padding:20px 0 10px 0; font-size:30px; }
.post-intro.custom .post-wrapper h1 { color:var(--color-primary); padding:20px 0 0 0; display:inline-block; }
.post-wrapper img { max-width:100%; height:auto; border-radius: var(--border-radius-image); margin:0 30px 30px 0; float:left; }
.post-wrapper.multi-img img { max-width:50%; }
.post-wrapper a { color: var(--color-primary); text-decoration:underline; }

.post-wrapper .image-style-side img { max-width:100%; }
.post-wrapper figure.image { clear: both; display: table; margin: .9em auto; min-width: 50px; text-align: center; }
.post-wrapper figure.image.image-style-side { float:right; max-width:100%; margin:0 0 30px 30px; }
.post-wrapper.multi-img figure.image.image-style-side { max-width:50%; }

.post-detail-wrapper { font-size:16px; padding-bottom:1px;}
.social-links {text-align:center; padding:20px 0; font-size:24px; }

.post-wrapper .accordion-body { padding:20px 8px; }
.post-wrapper .accordion-body table span { font-size:15px; }
.post-wrapper .accordion-header { padding-top:0; padding-bottom:0; }

.accordion-item { border-color:var(--color-secondary); }
.accordion-item table th { display:none; }
.accordion-item table i { margin-right:9px; }
.accordion-item table a { color:var(--color-primary); }

.accordion-item.keyword .accordion-body { padding:5px 10px; background-color: rgb(241 241 241); border-radius: 6px; padding-left: 14px; margin-bottom: 10px; }

.accordion-button { padding: 14px 14px; color:var(--color-primary); font-weight:500; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; margin-bottom:1px; margin-top:1px  }
.accordion-button:hover { background-color:var(--bs-gray-200); }
.accordion-button:focus { border-color:var(--color-secondary); box-shadow:none; }
.accordion-button:not(.collapsed) { color: var(--color-primary); background-color: var(--color-secondary); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--color-secondary); border:none; }

.post-intro .accordion-button { padding:10px 14px; border-radius:var(--border-radius-button) !important;  }
.post-intro .accordion-button:not(.collapsed) { border-radius:var(--border-radius-button) !important; }

.company-info { padding-bottom:20px; font-size:15px; }
.company-info a { text-decoration:underline; } 

.single-sign-in { }
.single-sign-in .row { margin-bottom:20px !important; }


@media (max-width: 767px) {
	.post-wrapper .half-pic { width:50%; margin:0 auto 20px auto; display:block; }
	.summary-wrapper { font-size:13px; }
	.summary-wrapper i { font-size:14px; }
}

blockquote {border-left: 5px solid #ccc; font-style: italic; margin-left: 0; margin-right: 0; overflow: hidden; padding-left: 1.5em; padding-right: 1.5em; }

/*--------------------------------------------------------------
# Listing page
--------------------------------------------------------------*/
.page-list {  }
.page-list.myarea { padding-bottom:0 !important;  }

@media (max-width: 991px) {
	.page-list.myarea { padding-top:20px !important;  }
}

.page-list .accordion-item {  }
.page-list .accordion-button { padding:10px 14px; border-radius:var(--border-radius-button) !important;  }
.page-list .accordion-button:not(.collapsed) { border-radius:var(--border-radius-button) !important; }
.page-list .accordion-body { padding:5px 10px; }
.page-list .accordion-body ul { padding-left:0; padding-top:5px; }
.page-list .accordion-body ul ul { padding:5px 0 10px 0; }
.page-list .nav-link { margin-bottom:20px;  }
.page-list label { line-height:1.3em; font-size:15px; }
.page-list .accordion-body ul > li label { padding-right:27px;font-size:14px; }
.page-list .form-check { margin:5px 0; position:relative; }
.page-list .form-check i { position:absolute; right:6px; }
.form-check-input[type=checkbox] { margin: 2px 5px 1px -1.5em; border-color:var(--bs-gray-500); }
.page-list .item-result { padding:30px 0; border-bottom:1px solid var(--color-secondary); }
.page-list .item-result.last-item { border:none !important; }
.page-list .item-result.sponsor { background-color:var(--color-sponsor); padding:15px; }
.page-list h1 { color:var(--color-primary); padding:10px 0 20px 0; display:block; font-size:32px; }
.page-list h2 { display:inline-block; }
.page-list h2 a { color:var(--color-primary); }
.page-list .icon-button { padding:6px 9px; vertical-align:middle; }
.page-list .icon-button i { font-size:16px; }
.page-list .breadcrumb-wrapper { margin-bottom:20px; font-size:17px; padding-top:10px; vertical-align:middle;  }
.page-list .post-preview-wrapper { font-size:14px; margin-top:0; margin-bottom: 1rem; }
.page-list .summary-wrapper { padding-top:5px; }
.page-list .summary-wrapper ul { margin:0; }
.page-list .summary-wrapper li:first-child { /* display:block; */ }
.page-list .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin:50px 0; }


/*
.viewall {
    font-size: 12px;
    font-weight: normal;
    padding: 2px 10px;
    border-radius: 30px;
	color:var(--color-primary);
	background-color:var(--color-secondary);
}

.widget .widget-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.form-check-input:checked {
    background-color: #FFDC05;
    border-color: #FFDC05;
}

.form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
}

.widget .widget-title a {
    color: #626262;
    font-weight: bold;
    margin-bottom: 3px;
    text-decoration: none;
}
*/


/*--------------------------------------------------------------
# Modal window
--------------------------------------------------------------*/
.modal-title {  }

@media (max-width: 575px) {
	.modal-title { font-size:15px; }
}


/*--------------------------------------------------------------
# Embedded videos
--------------------------------------------------------------*/
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:20px; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*--------------------------------------------------------------
# Toast popup
--------------------------------------------------------------*/
.toast { background-color:var(--color-white); }


/*--------------------------------------------------------------
# Partners
--------------------------------------------------------------*/
.partners { padding-top: 20px; }
.partners .swiper-slide img { /* opacity: 0.5; */ transition: 0.3s; /* filter: grayscale(100); */ }
.partners .swiper-slide img:hover { filter: none; opacity: 1; }
.partners .partners-pagination { margin-top: 20px; position: relative; }
.partners .partners-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; background-color: #ddd; }
.partners .partners-pagination .swiper-pagination-bullet-active { background-color: #ffc451; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer { overflow:hidden; font-size:14px; padding-top:40px; background-color: var(--bs-gray-100); }
.footer .footer-info { margin-bottom:40px; }
.footer .footer-social { margin-bottom:40px; }
.footer .footer-social .bi { font-size:26px; margin-right:8px; }
.footer .footer-contacts li {  }
.footer .footer-contacts .bi { margin-right:12px; font-size:20px; vertical-align:middle; }

.footer .footer-legal { background: var(--color-primary-dark); padding: 20px 0; margin-top:20px; }
.footer .copyright { color: var(--color-white); }
.footer .copyright span { color: var(--color-secondary); margin-right:6px; }