/* Custom styles */

/* Homepage boxes */
/* -------------- */
.icon-box {
  	width: 100%;
}

.icon-box .btn-wrap {
/*  	margin: 20px -20px -20px -20px;*/
  	margin: 10px -20px 10px -20px;
/*  	padding: 20px 15px;
  	background: #f8f8f8;
*/
  	text-align: center;
}

.icon-box .btn-details {
 	width: 160px;
  	background: #05579e;
  	display: inline-block;
  	padding: 8px 10px 10px 10px;
  	border-radius: 50px;
  	color: #fff;
  	transition: none;
  	font-size: 14px;
  	font-weight: 400;
  	font-family: "Raleway", sans-serif;
  	font-weight: 600;
  	transition: 0.3s;
}

.icon-box .fixed-content {
  	font-size: 14px;
}
  
.icon-box .fixed-content2 {
  	font-size: 14px;
}
  
@media (min-width: 769px) {
  .icon-box .fixed-content {
    	height: 100px;
  }
  .icon-box .fixed-content2 {
    	height: 170px;
  }
}

/* About us */
/* -------- */
.about .content h2 {
  	color: #fbc419;
}

.portfolio .portfolio-item .portfolio-info h4 {
  	color: #f4eb7e;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
/*  top: calc(50% - 18px);*/
  	top: calc(30% - 18px);
}

.portfolio .portfolio-item .crop {
	width: auto;
	height: 220px; 
 	overflow: hidden;
 }

/* --------------
   Services > elenco newsletter
   -------------- */
.services .section-title {
  	padding-top: 30px;
}

/* --------------
   Services > accordion per archivio newsletter
   -------------- */
.services .accordion-list {
  	padding: 0 100px 60px 100px;
}

.services .accordion-list ul {
  	padding: 0;
  	list-style: none;
}

.services .accordion-list li+li {
  	margin-top: 15px;
}

.services .accordion-list li {
  	padding: 20px;
  	background: #fff;
  	border-radius: 4px;
}

.services .accordion-list a {
  	display: block;
  	position: relative;
  	font-family: "Poppins", sans-serif;
  	font-size: 16px;
  	line-height: 24px;
  	font-weight: 500;
  	padding-right: 30px;
  	outline: none;
  	cursor: pointer;
  	background-color: #eee;
  	padding: 10px;
  	border-radius: 4px;  	
}

.services .accordion-list a.item{
  	background-color: #fff;
  	border: 1px solid #ddd;
}

.services .accordion-list span {
  	color: #05579e;
  	font-weight: 600;
  	font-size: 18px;
  	padding-right: 10px;
}

.services .accordion-list i {
  	font-size: 24px;
  	position: absolute;
  	right: 0;
  	top: 0;
}

.services .accordion-list p {
  	margin-bottom: 0;
  	padding: 10px 0 0 0;
}

.services .accordion-list .icon-show {
  	display: none;
}

.services .accordion-list a.collapsed {
  	color: #343a40;
}

.services .accordion-list a.collapsed:hover {
  	color: #05579e;
}

.services .accordion-list a.collapsed .icon-show {
  	display: inline-block;
}

.services .accordion-list a.collapsed .icon-close {
  	display: none;
}

@media (max-width: 1024px) {
  .services .content,
  .services .accordion-list {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 992px) {
  .services .content {
    padding-top: 30px;
  }

  .services .accordion-list {
    padding-bottom: 30px;
  }
}

/* --------------
   Team > per collaborazioni
   -------------- */
.team {
  margin-top: 100px;
}

.team .member {
  height: 250px;
}

.team .member .pic {
/*  overflow: hidden;*/
  width: 200px;
  max-height: 180px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  	.team .member {
	  	height: auto;
	}
}

/* --------------
   Portfolio details per collaborazioni
   -------------- */
.portfolio-details {
 	padding-top: 130px;
 	padding-bottom: 0px;
}

.portfolio-description h2 {
 	color: #fbc419;
}

/* --------------
   FAQ > per archivio
   -------------- */
.faq .faq-list .icon-help {
  	color: #05579e;
  	padding-right: 20px;
}

.faq .faq-list h3 {
  	font-weight: 600;
  	color: #f4eb7e;
  	font-size: 16px;
  	text-shadow: -1px 0 #fbc419, 0 1px #fbc419, 1px 0 #fbc419, 0 -1px #fbc419;
  	letter-spacing: 1px;
}
.faq .faq-list a.other_info {
  	padding: 0;
  	margin: 0;
}

/* --------------
   Sfondo menù > per pagine interne senza 'hero'
   -------------- */
#header.internal{
  background: rgba(5, 87, 158, 0.9);
}


/* --------------
   Swiper slide > per slideshow
   -------------- */
.clients .swiper-slide a {
  	color: #05579e;
  	text-decoration: underline;
}

.clients h2 {
  	color: #fbc419;
  	font-size: 30px;
  	margin: 0px;
}

.clients .swiper-slide .crop {
	width: auto;
	height: 180px; 
 	overflow: hidden;
 }

/* --------------
   Breadcrumbs > per navigazione news
   -------------- */
.breadcrumbs ol li a {
  	color: #05579e;
/*  	text-decoration: underline;*/
}

.breadcrumbs ol li a:hover {
  	opacity: 0.7;
}


/* --------------
   Blog > per news / news single
   -------------- */
.blog .entry {
 	width: 100%;
}

.blog .entry .entry-title.small {
  	font-size: 20px;
}

.blog .entry.entry-single {
  	border-radius: 0px;
  	margin-top: 30px;
}

.blog .entry .entry-img.entry-single {
  	max-height: 400px;
  	margin: 0px -30px 20px -30px;
  	border-radius: 0px;
}

.blog h2 {
  	color: #fbc419;
  	font-size: 30px;
  	margin: 0px;
}

.blog .entry .entry-meta li {
  	color: #fbc419;
  	font-size: 14px;
}

.blog .entry .entry-meta a:hover {
  	color: #fbc419;
}


/* --------------
   Pricing > per area personale
   -------------- */
.pricing {
  	margin-top: 100px;
}

/* --------------
   Account > miei stili per account
   -------------- */
.account {
  	padding-top: 30px;
}

.account img.shadow {
	box-shadow: 5px 16px 20px 0 rgba(0, 0, 0, 0.3);
}

.account .accordion-item {
  	border-radius: 4px;
}

.account .accordion-button {
  	background: linear-gradient(#fff, #eee);
}

.account .accordion-button:hover {
  	background: #f4eb7e;
}

.account .accordion-button:not(.collapsed) {
  	color: #05579e;
  	background-color: #f4eb7e;
  	box-shadow: none;
}

.account .accordion-button:focus {
  	z-index: 3;
  	border-color: var(--bs-accordion-btn-focus-border-color);
  	outline: 0;
  	box-shadow: none;
}

.account .accordion-body .selector {
 	font-weight: strong;
  	color: #05579e;
}

.account .accordion-body .category {
  	color: #fbc419;
	font-size: 14px;
  	margin-top: -15px;
  	text-align: right;
}

.account .accordion-body .date {
  	color: #fbc419;
}

.account h1 {
	font-size: 26px;
  	color: #fbc419;
}

.account h2 {
	font-size: 20px;
  	color: #fbc419;
}

.account h3 {
	font-size: 14px;
  	color: #fbc419;
}

/* --------------
   Stile generale list group
   -------------- */
.list-group-item:hover {
	background: #f4eb7e;
}

.list-group-item {
	color: #05579e;
}

.list-group-item.titolare {
	background: #05579e;
	color: #fff;
}

.list-group-item input[type=radio]:checked {
/*	background: #f4eb7e;*/
	box-shadow: 0 0 0 3px #f4eb7e;
	color: #05579e;
}

/* --------------
   Stile pannelli
   -------------- */
.nav-tabs .nav-link {
/*  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);*/
  	border-top: var(--bs-nav-tabs-border-width) solid #ddd;
  	border-left: var(--bs-nav-tabs-border-width) solid #ddd;
  	border-right: var(--bs-nav-tabs-border-width) solid #ddd;
}

.nav-tabs .nav-link:hover {
  	background-color: #eee;
}

.navbar .dropdown li a:hover {
	background-color: #f4eb7e;
	color: #fff;
}

/* --------------
   Stile generale buttons
   -------------- */
.dropdown-item {
	color: #05579e;
}

.dropdown-item i {
 	color: #fbc419;
	margin-right: 10px;
}

.btn-primary {
	background: #fbc419;
	border: 0px;
}

.btn-primary i {
	margin-right: 10px;
}

.btn-primary:hover {
	background: #fbc419;
	opacity: 0.7;
}

.btn-secondary {
	background: #05579e;
	color: #fff;
	border: 0px;
}

.btn-secondary:hover {
	background: #05579e;
	color: #fff;
	opacity: 0.7;
}

/* custom */
.btn-info {
	background: #888;
	border: 1px solid #888;
	color: #fff;
}

.btn-archive {
/*  	font-family: "Raleway", sans-serif;*/
/*  	font-weight: bold;*/
  	font-size: 16px;
/*  	letter-spacing: 1px;*/
  	display: inline-block;
  	padding: 6px 30px;
  	border-radius: 50px;
  	transition: 0.5s;
  	line-height: 1;
/*  margin: 10px;*/
  	color: #05579e;
  	-webkit-animation-delay: 0.8s;
  	animation-delay: 0.8s;
  	border: 2px solid #05579e;
}


/* --------------
   Stile generale badge informativi
   -------------- */
.info {
 	padding: 10px;	
}

.info img {
 	margin-right: 10px;
	border: 0;	
}

.info.error {
 	color: #dd0000;	
}


/* --------------
   Forms
   -------------- */
.form-control {
 	font-size: 14px;
}
.form-control:focus {
     border-color: #05579e;
     outline: none;
     box-shadow: none;
     background: #f4eb7e;
}
.form-control-label {
 	font-size: 14px;
}

/* --- Form: from template 'administration_full ---*/
/* Select */
.select-style-1 {
  	margin-bottom: 10px; 
}
.select-style-1 label {
    	font-size: 12px;
    	font-weight: 500;
    	color: #262d3f;
    	display: block;
    	margin-bottom: 10px; 
}
.select-style-1 .select-position {
    	position: relative; 
}

.select-style-1 .select-position::after {
	border-bottom: 2px solid #05579e;
     border-right: 2px solid #05579e;
     content: "";
     display: block;
     height: 10px;
     width: 10px;
     margin-top: -5px;
     pointer-events: none;
     position: absolute;
     right: 16px;
     top: 50%;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out; 
}

.select-style-1 .select-position.select-sm::after {
     margin-top: -8px; 
}

.select-style-1 .select-position.select-sm select {
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 12px; 
}

.select-style-1 .select-position select {
     width: 100%;
     background: #ffffff;
     border: 1px solid #d3d3d3;
     border-radius: 5px;
     padding: 10px;
     color: #444444;
     font-size: 15px; 
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s; 
}

.select-style-1 .select-position select:focus {
     border-color: #05579e;
     outline: none; 
     background: #f4eb7e;
}

.select-style-1 .select-position select.light-bg {
     background: rgba(1, 41, 112, 0.5); 
/*     background: rgba(239, 239, 239, 0.5); */
}

/* --- Checkbox --- */
.checkbox-style {
  	padding-top: 6px;
}

.checkbox-style .form-check-input {
    	width: 25px;
    	max-height: 25px;
    	border-radius: 4px;
	border: 1px solid #bbb;
	margin-right: 10px;
}
.checkbox-style .form-check-input:focus {
     border-color: #05579e;
     outline: none;
     box-shadow: none;
    	background-color: #f4eb7e;
}
.checkbox-style .form-check-input:checked {
    	background-color: #05579e;
    	border-color: #05579e; 
}
/*
.checkbox-style label {
	color: #666666;
   	font-size: 14px;
    	margin-top: 6px; 
}
*/
.form-check-label a {
 	color: #05579e;
    	margin-top: 10px; 
   	font-size: 14px;
 	text-decoration: underline;
}
/*
.checkbox-style {
  	padding-left: 40px;
  	min-height: 30px; 
}
.checkbox-style .form-check-input {
    	width: 40px;
    	height: 30px;
    	border-radius: 6px;
	margin-left: -40px;
	border: 1px solid #bbb;
}
.checkbox-style .form-check-input:focus {
     border-color: #05579e;
     outline: none;
     box-shadow: none;
    	background-color: #f4eb7e;
}
.checkbox-style .form-check-input:checked {
    	background-color: #05579e;
    	border-color: #05579e; 
}
.checkbox-style label {
	color: #666666;
   	font-size: 14px;
    	margin-top: 6px; 
}
*/

/*
.checkbox-style.checkbox-success .form-check-input:checked {
    	background-color: #219653;
    	border-color: #219653; 
}
.checkbox-style.checkbox-warning .form-check-input:checked {
    	background-color: #f7c800;
    	border-color: #f7c800; 
}
.checkbox-style.checkbox-danger .form-check-input:checked {
    	background-color: #d50100;
    	border-color: #d50100; 
}
*/

/* --------------
   Form contatti
   -------------- */
   
   
/* --------------
   Form generici
   -------------- */
.php-form {
  	width: 100%;
  	background: #fff;
}

.php-form h2 {
  	color: #fbc419;
   	font-size: 20px;
   	margin-bottom: 40px;
}
.php-form .form-group {
  	padding-bottom: 8px;
}

.php-form .error-message {
  	display: none;
  	color: #fff;
  	background: #ed3c0d;
  	text-align: left;
  	padding: 15px;
  	font-weight: 600;
  	margin-bottom: 24px;
}

.php-form .sent-message {
  	display: none;
  	color: #fff;
  	background: #18d26e;
  	text-align: center;
  	padding: 15px;
  	font-weight: 600;
}

.php-form input,
.php-form textarea {
  	border-radius: 4px;
  	box-shadow: none;
  	font-size: 14px;
}

.php-form input {
  	height: 44px;
}

.php-form textarea {
  	padding: 10px 12px;
}

.php-form .disabled {
	background-color: #eee;
	border-radius: 4px;
/*	margin: 5px; */
}

button[type=submit], button[type=button] {
  	border-radius: 4px;
  	padding: 5px 10px;
}

.php-form button[type=submit] {
  	border: 0;
  	padding: 10px 32px;
  	color: #05579e;
  	transition: 0.4s;
  	border-radius: 50px;
  	border: 2px solid #05579e;
  	background: #fff;
}

.php-form button[type=submit]:hover {
  	background: #05579e;
  	color: #fff;
}

.php-form button[type=submit].popup {
  	transition: 0.4s;
  	border-radius: 4px;
  	background: #fff;
}


/* --- TOAST ------ */
@media (min-width: 770px) {
	.toast {
	 	width: 600px;
	}
}

.toast-body {
 	background-color: #eee;
}

/* --- Messaggi --- */
.error-message2 {
  	visibility: hidden;
  	display: none;
  	color: #fff;
  	background: #ed3c0d;
  	font-size: 16px;
  	text-align: left;
  	padding: 10px;
  	font-weight: 600;
  	border-radius: 4px;
  	margin-bottom: 24px;
}
.php-form .success-message2 {
  	visibility: hidden;
  	color: #fff;
 	background: #18d26e;
  	text-align: left;
  	padding: 10px;
  	font-weight: 600;
  	border-radius: 4px;
  	margin-bottom: 24px;
}
.ask-message {
  	visibility: hidden;
  	display: none;
  	color: #05579e;
/* 	background: transparent;*/
	background: #eee;
  	text-align: left;
  	padding: 10px;
  	font-weight: 600;
  	border-radius: 4px;
  	margin-bottom: 15px;
}
.ok-message {
  	display: block;
  	color: #fff;
  	background: #18d26e;
  	text-align: center;
  	padding: 10px;
 /* 	font-weight: 600;*/
  	border-radius: 4px;
  	margin-bottom: 24px;
}
.warning-message {
  	display: block;
  	color: #05579e;
  	background: #f4eb7e;
  	text-align: center;
  	padding: 10px;
 /* 	font-weight: 600;*/
  	border-radius: 4px;
  	margin-bottom: 24px;
}
.info-message {
  	display: block;
  	color: #05579e;
  	background: #eee;
  	text-align: center;
  	padding: 10px;
  	border-radius: 4px;
  	margin-bottom: 24px;
}
.generic-error {
  	display: block;
  	color: #fff;
  	background: #ed3c0d;
  	text-align: center;
  	padding: 10px;
/*  	font-weight: 600;*/
  	border-radius: 4px;
  	margin-bottom: 24px;
}

.hidden {
	visibility: hidden;
	display: none;
}

/* --------------
   Pagina Signin
   -------------- */
.sign-in {
  	margin-top: 80px;
  	margin-bottom: 0px;
  	padding-bottom: 0px;
  	background: url("../img/contact-bg.png") left center no-repeat;
}

.sign-in .login {
 	opacity: 0.7;
}

.sign-in .login a:hover {
 	color: #f4eb7e;
}

/* --------------
   Iscrizioni
   -------------- */
.amount {
	text-align: right; 
	color: #ffffff;
	border: 0; 
	background-color: #05579e;
	}
.amount_selected {
	text-align: right; 
	color: #05579e;
	border: 1px solid #05579e; 
	background-color: #f4eb7e;
	}
.amount_tot {
	text-align: right; 
	color: #05579e;
	border: 1px solid #05579e; 
/*	font-weight: bold;*/
	background-color: #f4eb7e;
	}

/* --------------
   List group personalizzato con toggling
   -------------- */
.list-group-item i {
  	font-size: 24px;
  	position: absolute;
  	right: 0;
  	top: 6px;
  	font-size: 30px;
}

.list-group-item .icon-show {
  	display: none;
}

.list-group-item a.collapsed {
  	color: #343a40;
}

.list-group-item a.collapsed:hover {
  	color: #05579e;
}

.list-group-item a.collapsed .icon-show {
  	display: inline-block;
}

.list-group-item a.collapsed .icon-close {
  	display: none;
}

.list-group-item .collapse {
 	font-size: 14px;
 	background-color: #05579e;
 	color: #fff;
 	border-radius: 4px;
}

.bkg_sahara {
 	background: #f4eb7e;
 	border-radius: 4px;
}

/* --------------
   Top bar
   -------------- */
#topbar .cta2 {
  background: transparent;
}

#topbar .cta2 a {
  color: #fff;
  background: #fbc419;
  padding: 6px 24px 8px 24px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 50px;
}

#topbar .cta2 a:hover {
  background: #f1a40a;
}

/* --------------
   Adattamenti size per smartphone
   -------------- */
@media (max-width: 480px) {
	#header .logo {
  		font-size: 14px;
  	}
	.nav-item {
    		font-size: 12px;
  	}
  	.nav-link {
    		padding-left: 8px;
    		padding-right: 8px;
  	}
  	.breadcrumbs ol {
    		font-size: 16px;
    		padding: 0;
  	}
}

@media (min-width: 481px) {
	#hero {
		margin-top: 0px; 
		padding-top: 0px;
	}
}