/* put your own styles to customize and override the theme */

@font-face {
     font-family: 'masqueregular';
     src: url('fonts/masque__-webfont.eot');
     src: url('fonts/masque__-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/masque__-webfont.woff2') format('woff2'),
          url('fonts/masque__-webfont.woff') format('woff'),
          url('fonts/masque__-webfont.ttf') format('truetype'),
          url('fonts/masque__-webfont.svg#masqueregular') format('svg');
     font-weight: normal;
	 font-style: normal;
	 font-size: calc(100% + 1vw + 1vh);
 
 }

.contact-form .website{ display:none; } /* hide because is spam protection */

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

overlay-text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}


select option {
    color: #ECE3E1 !important;
}

.donate{
	float:right;
	color:white;
	border-radius:4px;
	background-color:#17a2b8;
	
}

.donate_conditions_modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #0179a8;
    background-clip: padding-box;
    border: 1px solid rgba(20, 20, 31, .2);
    border-radius: .3rem;
    outline: 0;
}

.donate .parsley-errors-list{
	color: #f7c46c;
}

   /* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	table {
	   font-size: 85%; /*calc(-10% + 1vw + 1vh); */
   }
         .stacked-menu .menu-link{
	 	   font-size: 55%; /*calc(-10% + 1vw + 1vh); */  
   }
   
   }
   /* Small devices (tablets, 768px and up) */
   @media (min-width: 768px) and (max-width: 991px) {
	.table {
		   font-size: calc(-30% + 1vw + 1vh);
   }
   
   .stacked-menu .menu-link{
	 	   font-size: 85%; /*calc(-10% + 1vw + 1vh); */  
   }
   
   }
   /* tablets/desktops and up ----------- */
   @media (min-width: 992px) and (max-width: 1199px) {
		.table {
		   font-size: calc(-30% + 1vw + 1vh);
   }
      .stacked-menu .menu-link{
	 	   font-size: 85%; /*calc(-10% + 1vw + 1vh); */  
   }
   
   }
   /* large desktops and up ----------- */
   @media screen and (min-width: 1200px) {
		.table{
	   font-size: 85%; /*calc(-10% + 1vw + 1vh); */
   }
      .stacked-menu .menu-link{
	 	   font-size: 85%; /*calc(-10% + 1vw + 1vh); */  
   }
   
 .flatpickr-wrapper {
	display: inline-block;
	width: 100% !important;
	position: relative
  }
 
/* DataTables customs */ 
		table.dataTable tbody tr {
			background-color: #636363 !important;
		}

		table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
			background-color: #636363 !important;
		}

		table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
			background-color: #636363 !important;
		}
		
		table.dataTable.order-column tbody tr>.sorting_1, table.dataTable.order-column tbody tr>.sorting_2, table.dataTable.order-column tbody tr>.sorting_3, table.dataTable.display tbody tr>.sorting_1, table.dataTable.display tbody tr>.sorting_2, table.dataTable.display tbody tr>.sorting_3 {
			background-color: #636363 !important;
		}

		.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
			/* color: #333; */
		}

		div.dataTables_wrapper div.dataTables_filter label {
			font-weight: 400;
			white-space: nowrap;
			text-align: left;
			color: white;
		}

		div.dataTables_wrapper div.dataTables_length label {
			font-weight: 400;
			text-align: left;
			white-space: nowrap;
			color: white;
		}
		
		.dataTables_wrapper .dataTables_length select {
			border: 1px solid #aaa;
			border-radius: 3px;
			padding: 5px;
			background-color: grey !important;
			padding: 4px;
			color: white !important;
		}
	
		.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
			color: #e8dede !important;
		}	
				
		


 .btn-subtle-primary {
      color: grey;
 }
 
 .btn-xs {
    font-size: .8125rem;
    /* padding: .125rem .5rem; */
    height: auto;
}



}