/*orokorrak*/

:root {
	--bs-primary: #084995;
	--bs-primary-rgb: 8, 73, 149 ;
	--bs-secondary: #32D7C4;
	--bs-secondary-rgb:50, 215, 196;
	--bs-marra-angulua:-20deg;
	--bs-light: #9F9F9F;
	--bs-light-rgb: 159, 159, 159;
	--bs-gray-200: #AEAEAE;
	--bs-gray-200-rgb: 246, 246, 246;
	--bs-link-color:#333;
	--bs-link-hover-color:var(--bs-primary);
	/*--bs-link-color:  blue;
	--bs-link-hover-color: <?php echo $hoverLinkColor; ?>;
	--bs-nav-pills-link-active-bg: <?php echo $primaryColor; ?>;
	--bs-primary-rgb: <?php echo $primaryColorRGB; ?>;
	--bs-secondary: <?php echo $secondaryColor; ?>;
	--bs-secondary-rgb: <?php echo $secondaryColorRGB; ?>;
	--bs-body-font-family: <?php echo $bodyFontFamilyName; ?>;
	--bs-titles-font-family: <?php echo $titlesFontFamilyName; ?>;
	--bs-font-sans-serif: <?php echo $titlesFontFamilyName; ?>;*/
	}
body {
	color:#333;
}
.h5, .h6, h5, h6, b, .strong {
	font-weight:600
}
.btn {
	border-radius:0;
}
a.link {
	text-decoration:underline;
}
a.link-hover:hover {
	text-decoration:underline;
}
.btn-rise.text-white:hover i.text-secondary {
	color:#fff !important;
	transition: all .3s;
}
.btn-rise.btn-secondary:hover .btn-rise-text {
	color:var(--bs-secondary);
}
.text-secondary.link:hover {
	color:#fff !important;
}
.bg-primary ol li::marker {
	color:var(--bs-secondary);
	margin-right:2rem;
}
ol {
	padding-left:0;
	list-style-position: inside;
}
.navbar {
	
}
.navbar-expand-lg .navbar-brand {
	width:186px;
	height:auto;
}
.navbar .navbar-nav .dropdown-item {
	text-transform:none;
}
.navbar-nav .menu-item-has-children > .dropdown-menu >.menu-item > .nav-link {
	height:auto;
	justify-content:flex-start;
}
.navbar-expand-lg .nav-item:not(:first-child) {
	margin-left:0;
}
.marra {
    height:250px;
	width:100px;
	 -webkit-transform: skew(var(--bs-marra-angulua));
     -moz-transform: skew(var(--bs-marra-angulua));
     -ms-transform: skew(var(--bs-marra-angulua));
     -o-transform: skew(var(--bs-marra-angulua));
     transform: skew(var(--bs-marra-angulua));
}
.marra.marra-handia {
    right: -50px;
    top: 10%;
    bottom: 10%;
	height:80%
}
.marra.marra-handia.ezkerrean {
    right: unset;
	left:15%;
    top: 10%;
    bottom: 10%;
	height:80%
}
.marra.marra-txikia {
	height: 170px;
    width: 35px;
    bottom: 10%;
    right: 19%;
}
.marra.marra-fina.ezkerrean {
    left: -4%;
    width: 14px;
    height: 80px;
    top: 25%;
}
.marra.marra-irudia {
	width: 40%;
    right: 16%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.info-sekzioa2 {
	height:100%;
}
.info-sekzioa2.izenburuakin .marra.marra-irudia {
    top: 33%;
    bottom: 10%;
    height: 57%;
	width:48%
}
.info-sekzioa2.izenburuakin .marra {
	right:22%
}
.border-top.top-primary {
	border-color:var(--bs-primary) !important;
}
.border-top.top-secondary {
	border-color:var(--bs-secondary) !important;
}
.zkia.display-6 {
	font-weight:normal
}
.blokea {
	width:48%
}
.gaia {
	font-weight:500;
}
.gaia:before {
	content:'';
	width:26px;
	height:2px;
	background-color:#333;
	display:block;
	margin-bottom:0.5rem
}
.gaia.gaia-primary:before {
	background-color:var(--bs-primary);
}
.gaia.gaia-secondary:before {
	background-color:var(--bs-secondary);
}
.izenburu-blokea {
	
}
.izenburu-blokea img {
	width:50%;
	object-fit:cover;
	max-height: 160px;
}
.navbar-nav.text-white > .nav-item > .nav-link {
	color:#FFF;
}
.text-thing {
	font-weight: 300;
}
.zerrenda-ikonoak img {
	width:35px;
	height:auto;
}
.info-sekzioa2 {
	display:flex;
	height:100%;
	flex-direction:column;
}
.irudia-marratxoa {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	margin-top:auto;
}
.irudia-marratxoa .marratxoa {

}

.breadcrumb-item a {
	color: #ccc;
}
.footer ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.list-group.dates .list-group-item.active span.date {
	font-weight:600
}
.table .data-cell {
	width:150px;
	padding-top:12px;
}
.topic {
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	
}
.hotelak   .card-body {
	align-items: flex-start;
    height: 70%;
    display: flex;
    flex-direction: column;
}
.hotelak .card-body .botoiak {
	margin-top:auto;
	display: flex;
    justify-content: flex-end;
    width: 100%;
}
.fees .table thead tr.izena {/*
	display: flex;
    flex-direction: column;
    padding: 0;*/
    background-color: #ddd;
}
.fees .table thead tr:first-child th {
	border-bottom-color:#fff;
}
.info-sekzioa img {
	object-fit:cover;
	width: 100%;
}
.info-sekzioa.right img { 
	object-position:right;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-family: var(--bs-titles-font-family);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:var(--bs-primary);
  --bs-btn-border-color:var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #323232;
  --bs-btn-hover-border-color: #323232;
  --bs-btn-focus-shadow-rgb: 136, 120, 244;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #323232;
  --bs-btn-active-border-color: #323232;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(7, 7, 7, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color:var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color:var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 133,41,205;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(12, 11, 13, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}


.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg:var(--bs-secondary);
  --bs-btn-border-color:var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #323232;
  --bs-btn-hover-border-color: #323232;
  --bs-btn-focus-shadow-rgb: 136, 120, 244;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #323232;
  --bs-btn-active-border-color: #323232;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(7, 7, 7, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color:var(--bs-secondary);
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color:var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 133,41,205;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(12, 11, 13, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
}
.nav-pills .nav-link.active, .nav-pills .show >.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-primary);
}
.form-control:focus {
	border-color:var(--bs-primary);
}
.list-group-item.active {
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.nav-link:focus, .nav-link:hover {
    color:var(--bs-primary);
}


/* LOADER */

#loader-background
{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 50%;
}

.loader
{
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: fixed;
  margin: 0 auto;
}

#loader-1:before, #loader-1:after{
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #3498db;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 10px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#loader-bg {
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #42423d52;
    z-index: +2;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #6c757d; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes stroke {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.dropdown-backdrop{
    position: static;
}

//

@media (max-width: 767px) { 
    .dropdown.custom:hover .dropdown-menu {
      visibility: visible;
      display:block;
      border-radius:0;

    }
}

.logos-kit {
	display:flex;
	align-items:center;
	justify-content:center;

}
.logos-kit img {
	max-height:55px;
	width:auto;
	background-color:#999;
}