@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-primary {
    @apply text-xs md:text-sm inline-flex items-center rounded-md border border-gray-300 bg-midnight-blue-400 px-4 py-2  font-medium text-white shadow-sm hover:bg-midnight-blue-500 focus:outline-none focus:ring-2 focus:bg-midnight-blue-600 focus:ring-offset-2
  }

  .btn-secondary {
    @apply text-xs md:text-sm inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2  font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2
  }

  .btn-green {
    @apply text-xs md:text-sm inline-flex items-center rounded-md border border-gray-300 bg-green-500 px-4 py-2  font-medium text-white shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-700 focus:ring-offset-2
  }

  .btn-red {
    @apply text-xs md:text-sm inline-flex items-center rounded-md border border-gray-300 bg-red-500 px-4 py-2  font-medium text-white shadow-sm hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-700 focus:ring-offset-2
  }

  .bg-gold {
    background-color: #FFD700;
  }
  
  .bg-silver {
    background-color: #C0C0C0;
  }
  
  .bg-bronze {
    background-color: #CD7F32;
  }

  /* TomSelect styling for team selection */
  .ts-wrapper {
    @apply w-full;
  }
  
  .ts-control {
    @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 min-h-[42px];
  }
  
  .ts-dropdown {
    @apply bg-white border border-gray-300 rounded-lg shadow-lg mt-1;
  }
  
  .ts-dropdown-content {
    @apply max-h-60 overflow-auto;
  }

  /* Add animations for nested forms */
  .highlight-new {
    animation: highlight-new 1.5s ease-out;
  }
  
  .fade-out {
    animation: fade-out 0.3s ease-out forwards;
  }
  
  @keyframes highlight-new {
    0% {
      background-color: theme('colors.yellow.100');
      border-color: theme('colors.yellow.300');
    }
    100% {
      background-color: theme('colors.gray.50');
      border-color: theme('colors.gray.200');
    }
  }
  
  @keyframes fade-out {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-10px);
    }
  }

  /* Icon picker styles */
  .icon-picker-dropdown {
    transition: all 0.2s ease-out;
  }
  
  .icon-picker-option {
    transition: all 0.15s ease-out;
  }
  
  .icon-picker-option:hover {
    transform: translateY(-1px);
  }
}

.entering {
  transition: transform ease-out 200ms;
  transform: scale(0.95);
  opacity: 0;
}

.leaving {
  transition: transform ease-in 75ms;
  transform: scale(1);
  opacity: 1;
}

@layer utilities {
  .scrollbar::-webkit-scrollbar {
    width: 20px;
    height: 20px;
  }

  .scrollbar::-webkit-scrollbar-track {
    border-radius: 100vh;
    background: #f7f4ed;
  }

  .scrollbar::-webkit-scrollbar-thumb {
    background: #e0cbcb;
    border-radius: 100vh;
    border: 3px solid #f6f7ed;
  }

  .scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c0a0b9;
  }
}

.loader-tailwind {
  width: 48px;
  height: 48px;
  display: block;
  margin:15px auto;
  position: relative;
  color: #003865;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader-tailwind::after,
.loader-tailwind::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  background-color: #003865;
  border-radius: 50%;
  animation: scale50 1s infinite ease-in-out;
}
.loader-tailwind::before {
  top: auto;
  bottom: 0;
  background-color: #FF3D00;
  animation-delay: 0.5s;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes scale50 {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

.error {
  color: red;
  font-size: small;
  text-transform: uppercase;
  display: block;
}

.select_style{
  @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500;
}

img[data-fancybox] {
  cursor: zoom-in;
}

.fancybox__container {
  --fancybox-bg: rgba(193, 201, 210, 0.7);
}

.fancybox-zoomOut {
  animation: 0.2s ease-in-out fancybox-zoomOut both;
}

.fancybox-zoomIn {
  animation: 0.25s ease-in-out fancybox-zoomIn both;
}

@keyframes fancybox-zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }

  100% {
    opacity: 1;
  }
}

@keyframes fancybox-zoomOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }
}

.countdown{line-height:1em}
.countdown{display:inline-flex}
.countdown>*{height:1em;display:inline-block;overflow-y:hidden}
.countdown>:before {
  content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";
  white-space: pre;
  top: calc(var(--value)*-1em);
  text-align: center;
  transition: all 1s cubic-bezier(1,0,0,1);
  position: relative;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bonus-hour{
  background: rgba(255, 177, 66, 1);
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}

.points-less{
  background: rgba(255, 0, 0, 1);
  box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

@font-face {
  font-family: 'pagod';
  src: url(/assets/pagod-webfont-2e652ae22d9e44ffe25a4bcd5b98c80138b66fa07472f9402b8baf7e1427c64e.woff2) format('woff2'),
       url(/assets/pagod-webfont-a7ed2d56a0330bbe98d5ce46b950ae2b2097ecd77e0a8a6b7008535b9bae5bb9.woff) format('woff'),
       url(/assets/pagod-6a2deaf2652b7414dbc176f662e185541deea2a31b6301f1e0b553cb6dd7d78e.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'morse';
  src: url(/assets/morse-webfont-e9326da49146cbb273e5d27e2a7c9960596e1bd9030734ce1b635e1e9e4d5d20.woff2) format('woff2'),
       url(/assets/morse-webfont-45fc41424ca5401a2d79c9b33739c5bd430be6b65d47023c25d7d95de1dcab55.woff) format('woff'),
       url(/assets/morse-98e0f7eb0ee82da87e9cd565e4af7beb1ed9d3986727a844106dc8b1cd52b7d6.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'scout';
  src: url(/assets/scout-webfont-f7def03a85555bc9b5454bfdc14c5b8bb200878081431e77fa6346dc8279ab56.woff2) format('woff2'),
       url(/assets/scout-webfont-e7ac5c2fc0a6c7a432152272c0966360dd15c1f345edf280292f1b549decb41f.woff) format('woff'),
       url(/assets/scout-fe26f22c58dd0b52e04550f45f11a295a690ea26716891c69afe63de839d2985.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

.pagod {
  font-family: "pagod";
}

.morse {
  font-family: "morse";
}

.scout {
  font-family: "scout";
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animate-blink {
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.cupertino-pane-wrapper .pane{
  max-width: 90vh;
}

.highlighted {
  background-color: #f0f9ff;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}

/* Custom animations and transitions */
.highlight-new {
  animation: highlight-new-item 1.5s ease;
}

.fade-out {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 300ms, transform 300ms;
}

@keyframes highlight-new-item {
  0% {
    background-color: rgba(99, 102, 241, 0.1);
    transform: translateY(5px);
  }
  70% {
    background-color: rgba(99, 102, 241, 0.1);
  }
  100% {
    background-color: transparent;
    transform: translateY(0);
  }
}

/* Custom form styles */
.nested-fields {
  transition: all 300ms ease-in-out;
}

.activity-forms-container:empty + .empty-state {
  display: block;
}

.activity-forms-container:not(:empty) + .empty-state {
  display: none;
}
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
/* line 10, app/assets/stylesheets/chat.scss */
.container-chat {
  max-width: 750px;
  border-radius: 5px;
}

/* line 15, app/assets/stylesheets/chat.scss */
.people-list {
  max-width: 260px;
  float: left;
  background: #444753;
}

/* line 20, app/assets/stylesheets/chat.scss */
.people-list .search {
  padding: 20px;
}

/* line 24, app/assets/stylesheets/chat.scss */
.people-list .chat-page input {
  border-radius: 3px;
  border: none;
  padding: 14px;
  color: white;
  background: #6a6c75;
  width: 90%;
  font-size: 14px;
}

/* line 34, app/assets/stylesheets/chat.scss */
.people-list .fa-search {
  position: relative;
  left: -25px;
}

/* line 39, app/assets/stylesheets/chat.scss */
.people-list .chat-ul {
  padding: 20px !important;
}

/* line 41, app/assets/stylesheets/chat.scss */
.people-list .chat-ul .chat-li {
  padding-bottom: 20px !important;
}

/* line 46, app/assets/stylesheets/chat.scss */
.people-list .chat-ul img {
  float: left;
}

/* line 50, app/assets/stylesheets/chat.scss */
.people-list .about {
  float: left;
  margin-top: 8px;
}

/* line 55, app/assets/stylesheets/chat.scss */
.people-list .about {
  padding-left: 8px;
}

/* line 59, app/assets/stylesheets/chat.scss */
.people-list .status {
  color: #92959e;
}

/* line 64, app/assets/stylesheets/chat.scss */
.chat {
  width: 100%;
  float: left;
  background: #f2f5f8;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #434651;
}

/* line 73, app/assets/stylesheets/chat.scss */
.chat .chat-header {
  padding: 20px;
  border-bottom: 2px solid white;
}

/* line 77, app/assets/stylesheets/chat.scss */
.chat .chat-header img {
  float: left;
}

/* line 81, app/assets/stylesheets/chat.scss */
.chat .chat-header .chat-about {
  float: left;
  padding-left: 10px;
  margin-top: 6px;
}

/* line 87, app/assets/stylesheets/chat.scss */
.chat .chat-header .chat-with {
  font-weight: bold;
  font-size: 16px;
}

/* line 92, app/assets/stylesheets/chat.scss */
.chat .chat-header .chat-num-messages {
  color: #92959e;
}

/* line 96, app/assets/stylesheets/chat.scss */
.chat .chat-header .fa-star {
  float: right;
  color: #d8dadf;
  font-size: 20px;
  margin-top: 12px;
}

/* line 104, app/assets/stylesheets/chat.scss */
.chat .chat-history {
  padding: 30px 30px 20px;
  border-bottom: 2px solid white;
  overflow-y: scroll;
  height: 50vh;
}

/* line 110, app/assets/stylesheets/chat.scss */
.chat .chat-history .message-data {
  margin-bottom: 15px;
}

/* line 114, app/assets/stylesheets/chat.scss */
.chat .chat-history .message-data-time {
  color: #a8aab1;
  padding-left: 6px;
}

/* line 119, app/assets/stylesheets/chat.scss */
.chat .chat-history .message {
  color: white;
  padding: 18px 20px;
  line-height: 26px;
  font-size: 16px;
  border-radius: 7px;
  margin-bottom: 30px;
  width: 90%;
  position: relative;
}

/* line 129, app/assets/stylesheets/chat.scss */
.chat .chat-history .message:after {
  bottom: 100%;
  left: 7%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #86bb71;
  border-width: 10px;
  margin-left: -10px;
}

/* line 144, app/assets/stylesheets/chat.scss */
.chat .chat-history .my-message {
  background: #86bb71;
}

/* line 148, app/assets/stylesheets/chat.scss */
.chat .chat-history .other-message {
  background: #94c2ed;
}

/* line 151, app/assets/stylesheets/chat.scss */
.chat .chat-history .other-message:after {
  border-bottom-color: #94c2ed;
  left: 93%;
}

/* line 158, app/assets/stylesheets/chat.scss */
.chat .chat-message {
  padding: 30px;
}

/* line 161, app/assets/stylesheets/chat.scss */
.chat .chat-message textarea {
  width: 100%;
  border: none;
  padding: 10px 20px;
  font: 14px/22px "Lato", Arial, sans-serif;
  margin-bottom: 10px;
  border-radius: 5px;
  resize: none;
}

/* line 171, app/assets/stylesheets/chat.scss */
.chat .chat-message .file-o {
  font-size: 16px;
  color: gray;
  cursor: pointer;
}

/* line 177, app/assets/stylesheets/chat.scss */
.chat .chat-message .form-button {
  float: right;
  color: #94c2ed;
  font-size: 16px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-weight: bold;
  background: #f2f5f8;
}

/* line 187, app/assets/stylesheets/chat.scss */
.chat .chat-message .form-button:hover {
  color: #75b1e8;
}

/* line 194, app/assets/stylesheets/chat.scss */
.online,
.offline,
.me {
  margin-right: 3px;
  font-size: 10px;
}

/* line 201, app/assets/stylesheets/chat.scss */
.online {
  color: #86bb71;
}

/* line 206, app/assets/stylesheets/chat.scss */
.me {
  color: #94c2ed;
}

/* line 210, app/assets/stylesheets/chat.scss */
.align-left {
  text-align: left;
}

/* line 214, app/assets/stylesheets/chat.scss */
.align-right {
  text-align: right;
}

/* line 218, app/assets/stylesheets/chat.scss */
.float-right {
  float: right;
}

/* line 222, app/assets/stylesheets/chat.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.prose {
  max-width: 65ch;
  color: #374151;
  line-height: 1.75;
}

.prose h2 {
  font-size: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.3333;
  font-weight: 600;
  color: #111827;
}

.prose p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose strong {
  font-weight: 600;
  color: #111827;
}

.prose em {
  font-style: italic;
}

.prose ul {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
  list-style-type: disc;
}

.prose ol {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
  list-style-type: decimal;
}

.prose li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0.375em;
}

.prose > :first-child {
  margin-top: 0;
}

.prose > :last-child {
  margin-bottom: 0;
}

.ProseMirror {
  outline: none;
}

.ProseMirror p.is-editor-empty:first-child::before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
  white-space: pre-line;
} 
/* line 2, app/assets/stylesheets/expedition.scss */
.badge {
  width: 250px;
}

/* line 5, app/assets/stylesheets/expedition.scss */
.badge:hover {
  filter: drop-shadow(0px 0px 3px white);
}

/* line 10, app/assets/stylesheets/expedition.scss */
#timeline {
  display: flex;
  background-color: #031625;
  overflow: hidden;
}

/* line 17, app/assets/stylesheets/expedition.scss */
.swiper {
  height: 100%;
}

/* line 24, app/assets/stylesheets/expedition.scss */
.tl-item {
  flex: 0 0 33.333333%;
  position: relative;
  width: 33.333333%;
  height: 100vh;
  min-height: 600px;
  color: #fff;
  transition: width 0.5s ease;
}

/* line 33, app/assets/stylesheets/expedition.scss */
.tl-item:before, .tl-item:after {
  transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 41, app/assets/stylesheets/expedition.scss */
.tl-item:after {
  background: rgba(3, 22, 37, 0.85);
  opacity: 1;
  transition: opacity 0.5s ease;
}

/* line 47, app/assets/stylesheets/expedition.scss */
.tl-item:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 75%);
  z-index: 1;
  opacity: 0;
  transform: translate3d(0, 0, 0) translateY(50%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* line 57, app/assets/stylesheets/expedition.scss */
.tl-item:hover:after {
  opacity: 0;
}

/* line 61, app/assets/stylesheets/expedition.scss */
.tl-item:hover:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) translateY(0);
  transition: opacity 1s ease, transform 1s ease 0.25s;
}

/* line 67, app/assets/stylesheets/expedition.scss */
.tl-item:hover .tl-content {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.75s ease 0.5s;
}

/* line 73, app/assets/stylesheets/expedition.scss */
.tl-item:hover .tl-bg {
  filter: grayscale(0);
}

@media (max-width: 768px) {
  /* line 79, app/assets/stylesheets/expedition.scss */
  .tl-item {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 87, app/assets/stylesheets/expedition.scss */
  .tl-item {
    flex: 0 0 50%;
    width: 50%;
  }
}

/* line 93, app/assets/stylesheets/expedition.scss */
.tl-content {
  transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  top: 55%;
  opacity: 0;
}

/* line 101, app/assets/stylesheets/expedition.scss */
.tl-content h1 {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 3.44vw;
  font-weight: normal;
}

/* line 109, app/assets/stylesheets/expedition.scss */
.tl-year {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/* line 117, app/assets/stylesheets/expedition.scss */
.tl-year p {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 1.728em;
}

/* line 123, app/assets/stylesheets/expedition.scss */
.tl-bg {
  transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: filter 0.5s ease;
  filter: grayscale(100%);
}

/* line 134, app/assets/stylesheets/expedition.scss */
.ex-badge {
  width: 300px;
}

/* line 138, app/assets/stylesheets/expedition.scss */
.ex-item {
  transform: translate3d(0, 0, 0);
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  color: #fff;
}

/* line 146, app/assets/stylesheets/expedition.scss */
.ex-item:before, .ex-item:after {
  transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 154, app/assets/stylesheets/expedition.scss */
.ex-item:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 65%);
  z-index: 1;
  opacity: 1;
  transform: translate3d(0, 0, 0) translateY(0);
}

/* line 162, app/assets/stylesheets/expedition.scss */
.ex-content {
  transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 10;
  text-align: center;
  top: 25%;
  opacity: 10;
  transform: translateY(0);
}

/* line 170, app/assets/stylesheets/expedition.scss */
.ex-content h1 {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 4.44rem;
  font-weight: normal;
}

/* line 176, app/assets/stylesheets/expedition.scss */
.ex-content h2 {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 2.44rem;
  font-weight: normal;
}

/* line 182, app/assets/stylesheets/expedition.scss */
.ex-content h3 {
  font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
}

@media (max-width: 768px) {
  /* line 188, app/assets/stylesheets/expedition.scss */
  .ex-content {
    top: 10%;
  }
}

/* line 193, app/assets/stylesheets/expedition.scss */
.ex-bg {
  transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: filter 0.5s ease;
}

/* line 203, app/assets/stylesheets/expedition.scss */
.ex-loggo {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  z-index: 10;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/* line 212, app/assets/stylesheets/expedition.scss */
.ex-loggo:hover {
  filter: drop-shadow(0px 0px 5px white);
}

/* line 217, app/assets/stylesheets/expedition.scss */
.thumnails_img {
  border-radius: .25rem;
  width: 200px;
  height: 150px;
  object-fit: cover;
}

/* line 224, app/assets/stylesheets/expedition.scss */
#gallery .ex-loader {
  display: block;
  margin: auto;
  font-size: 12px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0);
  margin-top: 50px;
}

@keyframes mulShdSpin {
  0%,
100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

/* line 266, app/assets/stylesheets/expedition.scss */
.more-button {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  margin-bottom: 20px;
}
/* line 7, app/assets/stylesheets/games.scss */
.hex_grid div {
  clear: both;
  margin: 0 auto;
  width: 90vmin;
}

/* line 12, app/assets/stylesheets/games.scss */
.hex_grid div i {
  display: block;
  float: left;
  background: white;
  width: 6vmin;
  height: 10.4vmin;
  line-height: 10.4vmin;
  margin: 1vmin 2.5vmin;
  position: relative;
  text-align: center;
  font-size: 3vmin;
  transition: background 1s;
  cursor: pointer;
  font-style: normal;
}

/* line 27, app/assets/stylesheets/games.scss */
.hex_grid div i:after,
.hex_grid div i:before {
  display: block;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  top: 0;
  transition: border-color 1s;
}

/* line 39, app/assets/stylesheets/games.scss */
.hex_grid div i:after {
  left: 6vmin;
  border-top: 5.3vmin solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 5.2vmin solid transparent;
  border-left: 3vmin solid white;
}

/* line 48, app/assets/stylesheets/games.scss */
.hex_grid div i:before {
  right: 6vmin;
  border-top: 5.3vmin solid transparent;
  border-right: 3vmin solid white;
  border-bottom: 5.2vmin solid transparent;
  border-left: 0 solid transparent;
}

/* line 55, app/assets/stylesheets/games.scss */
.hex_grid div i:nth-child(2n) {
  top: 6vmin;
}

/* line 60, app/assets/stylesheets/games.scss */
.hex_grid div i {
  background: #a0a0a0;
}

/* line 63, app/assets/stylesheets/games.scss */
.hex_grid div i:after {
  border-left: 3vmin solid #a0a0a0;
}

/* line 66, app/assets/stylesheets/games.scss */
.hex_grid div i:before {
  border-right: 3vmin solid #a0a0a0;
}

/* line 70, app/assets/stylesheets/games.scss */
.hex_grid .selected-hex:before {
  border-right: 3vmin solid tomato;
}

/* line 73, app/assets/stylesheets/games.scss */
.hex_grid .selected-hex:after {
  border-left: 3vmin solid tomato;
}

/* line 76, app/assets/stylesheets/games.scss */
.hex_grid .selected-hex {
  background: tomato;
}

/* line 80, app/assets/stylesheets/games.scss */
.input-color-container {
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: solid 2px #ddd;
  border-radius: 40px;
}

/* line 89, app/assets/stylesheets/games.scss */
.input-color {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 56px;
  height: 56px;
  border: none;
}
/* line 4, app/assets/stylesheets/main.scss */
.va {
  display: flex;
  align-items: center;
}

/* line 9, app/assets/stylesheets/main.scss */
.hero,
.cta {
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20height%3D%22512%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22noise%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.875%22%20result%3D%22noise%22%20%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4296875%200%22%20%2F%3E%3C%2Ffilter%3E%3Crect%20filter%3D%22url%28%23noise%29%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22transparent%22%20opacity%3D%221%22%20%2F%3E%3C%2Fsvg%3E), linear-gradient(52deg, #42475C 0%, #20222E 71%);
}

/* line 14, app/assets/stylesheets/main.scss */
.cta {
  height: 500px;
  border-top: 10px solid #f27a21;
}

/* line 19, app/assets/stylesheets/main.scss */
footer {
  color: white;
  background: #0e0e0e !important;
}

/* line 24, app/assets/stylesheets/main.scss */
footer strong {
  color: #f27a21;
}

/* line 28, app/assets/stylesheets/main.scss */
footer a {
  color: #f27a21;
}

/* line 33, app/assets/stylesheets/main.scss */
.title-start {
  color: white  !important;
  font-weight: 800;
  font-size: 4rem;
  font-family: 'Nunito Sans', sans-serif;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px #000003;
}

/* line 41, app/assets/stylesheets/main.scss */
.subtitle-start {
  color: white  !important;
  font-size: 1.2rem;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px #000003;
}

/* line 47, app/assets/stylesheets/main.scss */
hr.content-divider {
  max-width: 75px;
  height: 5px;
}

/* line 52, app/assets/stylesheets/main.scss */
#parallax-1 {
  background: url(/assets/vy-f75336b76426a523d85b3536e92087bff1bdce5bb2effcb45120e7c90b17c686.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid #f27a21;
}

/* line 62, app/assets/stylesheets/main.scss */
#parallax-1 hr {
  background: #f27a21;
}

/* line 66, app/assets/stylesheets/main.scss */
#parallax-2 {
  background: url(/assets/flotte-03cd028e2a0ccb39bcce120a5f5a8e8d0136002f30668422990b24b06afdc15a.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid white;
}

/* line 75, app/assets/stylesheets/main.scss */
#parallax-2 hr {
  background: white;
}

/* line 79, app/assets/stylesheets/main.scss */
#parallax-3 {
  background: url(/assets/gemenskap-a4e2549fb10b9feecd6adb968dade2f09452c0e9f96f8467ed81b4a9a90d51e7.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid #f27a21;
}

/* line 88, app/assets/stylesheets/main.scss */
#parallax-3 hr {
  background: #f27a21;
}

/* line 92, app/assets/stylesheets/main.scss */
.label {
  color: white;
}
/* line 1, app/assets/stylesheets/scout.scss */
.data-table-search {
  width: 250px !important;
}

/* line 4, app/assets/stylesheets/scout.scss */
.table {
  table-layout: fixed;
  width: 100% !important;
}

/* line 8, app/assets/stylesheets/scout.scss */
.table td,
.table th {
  width: auto !important;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */
/* line 18, app/assets/stylesheets/application.scss */
.badge-box {
  height: 20%;
}

/* line 22, app/assets/stylesheets/application.scss */
.login-with-google-btn {
  transition: background-color 0.3s, box-shadow 0.3s;
  padding: 12px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 11px;
}

/* line 41, app/assets/stylesheets/application.scss */
.login-with-google-btn:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}

/* line 45, app/assets/stylesheets/application.scss */
.login-with-google-btn:active {
  background-color: #eeeeee;
}

/* line 49, app/assets/stylesheets/application.scss */
.login-with-google-btn:focus {
  outline: none;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}

/* line 55, app/assets/stylesheets/application.scss */
.login-with-google-btn:disabled {
  filter: grayscale(100%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

/* Dynamic Checkbox Options Styling */
/* line 64, app/assets/stylesheets/application.scss */
.booking-attribute-option {
  transition: all 0.2s ease-in-out;
}

/* line 68, app/assets/stylesheets/application.scss */
.booking-attribute-option:hover {
  background-color: #f9fafb;
  border-radius: 0.375rem;
  padding: 0.25rem;
  margin: -0.25rem;
}

/* line 75, app/assets/stylesheets/application.scss */
.booking-attribute-option input:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* line 79, app/assets/stylesheets/application.scss */
.booking-attribute-option .remove-btn {
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}

/* line 84, app/assets/stylesheets/application.scss */
.booking-attribute-option:hover .remove-btn {
  opacity: 1;
}

/* line 88, app/assets/stylesheets/application.scss */
.booking-attribute-option .remove-btn:hover {
  background-color: #fef2f2;
  color: #dc2626;
}

/* Add option button styling */
/* line 94, app/assets/stylesheets/application.scss */
.add-option-btn {
  transition: all 0.2s ease-in-out;
  border: 2px dashed #d1d5db;
}

/* line 99, app/assets/stylesheets/application.scss */
.add-option-btn:hover {
  border-color: #3b82f6;
  background-color: #eff6ff;
  color: #3b82f6;
}