/* TAILWIND COMPONENTS
https://www.hyperui.dev/components/banners
https://tailblocks.cc/
http://www.1ne.de/components/
https://mambaui.com/components
http://www.1ne.de/components/ecommerce/page-examples/shopping-cart-pages/
https://tailwind-elements.com/docs/standard/forms/timepicker/
*/

/* FONTS */
/*
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/
/*
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');
*/
/*
@font-face {
	font-family: 'doko_book_italicregular'; 
	src: url('doko-bold-italic/doko-bookitalic-webfont.eot'); 
	src: url('doko-bold-italic/doko-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),url('doko-bold-italic/doko-bookitalic-webfont.woff') format('woff'),url('doko-bold-italic/doko-bookitalic-webfont.ttf') format('truetype'),url('doko-bold-italic/doko-bookitalic-webfont.svg#doko_book_italicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/*
.speakultra {font-family: 'speak_ultra_black'!important;}	
.speakbold {font-family: 'speak_bold'!important;}
.speak-ultra-black {font-family: 'speak_ultra_black'!important;}	
*/
/*
.cbd-font-extralight{font-family: 'speak_ultra_black'!important;text-transform:uppercase!important}
.cbd-ultra-black{font-family:"speak_ultra_black"!important}
.cbd-speak-heavy {font-family:"speak_heavy"!important}
*/

@media print {
	body * { visibility: hidden; }
	.invoice_print_area * { visibility: visible;}
	.invoice_noprint_area { position: absolute; top: 40px; left: 30px; }
}

.invoice_print_area {font-size: 0.9em; line-height: 130%;}

/* COLOURS */

.color-cbd-dpurple{color:#3e185c!important}
.color-cbd-mpurple{color:#54267f!important}
.color-cbd-white{color:#fff!important}
.color-cbd-yellow{color:#fed05e!important}
.color-cbd-white{color:#fff!important}
.color-cbd-xdblue{color:#052453!important}
.color-cbd-dblue{color:#013b82!important}
.color-cbd-mblue{color:#00b3f0!important}
.color-cbd-lblue{color:#5bc5f2!important}
.color-cbd-pastelblue{color:#75c5c1!important}

.text-cbd-dpurple{color:#3e185c!important}
.text-cbd-mpurple{color:#54267f!important}
.text-cbd-white{color:#fff!important}
.text-cbd-yellow{color:#fed05e!important}
.text-cbd-white{color:#fff!important}
.text-cbd-xdblue{color:#052453!important}
.text-cbd-dblue{color:#013b82!important}
.text-cbd-mblue{color:#00b3f0!important}
.text-cbd-lblue{color:#5bc5f2!important}
.text-cbd-pastelblue{color:#75c5c1!important}

.bg-cbd-dpurple{background-color:#3e185c!important}
.bg-cbd-mpurple{background-color:#54267f!important}
.bg-cbd-white{background-color:#fff!important}
.bg-cbd-yellow{background-color:#fed05e!important}
.bg-cbd-white{background-color:#fff!important}
.bg-cbd-xdblue{background-color:#052453!important}
.bg-cbd-dblue{background-color:#013b82!important}
.bg-cbd-mblue{background-color:#00b3f0!important}
.bg-cbd-lblue{background-color:#5bc5f2!important}
.bg-cbd-pastelblue{background-color:#75c5c1!important}

.border-cbd-mpurple{--border-opacity:1; border-color:#54267f;border-color:rgba(84,38,127,var(--border-opacity))}
.border-cbd-dblue{--border-opacity:1; border-color:#00b3f0;border-color:rgba(1,59,130,var(--border-opacity))}
.border-cbd-mblue{--border-opacity:1; border-color:#013b82;border-color:rgba(0,179,240,var(--border-opacity))}


/*body {font-family: 'Jost', sans-serif;}*/ /*Urbanist*/
body { font-family: 'Roboto Slab', serif; font-size: 1em;}

/* BULLET LISTS 
ul {
  list-style: none;
}

ul li::before {
  content: "\25CF";
  color: #239a98;    
  display: inline-block; 
  width: 1em;
  margin-left: 0.5em;
  font-size: x-large
}
*/
/*ul li {font-size: 1em!important;}*/

/*** PAGINATOR ***/
/*#pagination{display:inline-block; width: 100%; padding: 20px 0 0 0;}
#pagiCount{margin-left: 0;}
#pagination a, #pagination strong {display:block; padding: 0.5% 0.8%!important; float:left; margin-right: 5px; text-decoration:none; background-color: #ccc; padding: 3px 5px; border: 1px solid #999; color: #666; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#pagination a:hover {border: 1px solid #999!important; background-color: #333!important; color: #666!important;}
#prev a {color: #fff; border: 1px solid #999;}
#next a {color: #fff; border: 1px solid #999;}
#pagination strong , #pagination a:hover {background-color: #fff; border: 1px solid #999; color: #666;}
*/
/*** PAGINATOR ***/
.pagination {
  display: inline-block;
  margin-top: 20px
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #00b3f0;
  color: white;
  border: 1px solid #00b3f0;
}

.pagination a:hover:not(.active) {background-color: #ddd;}



/*** LOADER ***/
.loader_hidden {display: none!important;}
/* loader block */
#loader {
	position: fixed;
	z-index: 999;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
}

/* loader block Transparent Overlay */
#loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}

/* loading animation */
#loading {
	display: block;
	margin: 20% auto;
	width: 60px;
    height: 60px;
	border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #00b3f0; /* upcgreen */
    border-radius: 50%; 
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* loading text */
#loading_text {
	display: block;
	margin: 0 auto;
	font-weight: bold; 
	color: #000;
	font-size: 1em;
	text-align: center;
}

/* carousel */
.carousel-open:checked+.carousel-item {
	position: static;
	opacity: 100;
}

.carousel-item {
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

#carousel-1:checked~.control-1,
#carousel-2:checked~.control-2,
#carousel-3:checked~.control-3 {
	display: block;
}

.carousel-indicators {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

#carousel-1:checked~.control-1~.carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked~.control-2~.carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked~.control-3~.carousel-indicators li:nth-child(3) .carousel-bullet {
  color: #2b6cb0;
  /*Set to match the Tailwind colour you want the active one to be */
}

/** tailwind resp containers **/

/* sm:  */
@media (min-width: 640px) {}

/* md: */
@media (min-width: 768px) {}

/* lg: */
@media (min-width: 1024px) {}

/* xl: */
@media (min-width: 1280px) {}


/** bootstrap resp containers **/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
}