/**
 * Text
 */
a:focus, a:active {
	outline: 1px dotted #C4A000 !important;
}

h1,h2,h3,h4,h5 { 
	margin: 30px 0; }

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

button {
	cursor: pointer;
}

.h100 {
	height: 100%;
}

.text-size-16 { font-size: 16px !important; }
.text-size-24 { font-size: 24px !important; }
.text-size-32 { font-size: 32px !important; }
.text-size-36 { font-size: 36px !important; }
.text-size-42 { font-size: 42px !important; }
.text-size-48 { font-size: 48px !important; }

.icon-alert { font-size: 10em !important; color: #c0c0c0; }
.icon-thumb { font-size: 4em !important; color: #c0c0c0; }

.text-white { color: white; }
.text-black { color: black; }
.text-gray { color: #808080; }
.text-red { color: #FF0000; }
.text-dark-red { color: #800000; }
.text-green { color: #5f8b2d; }
.text-dark-green { color: #35580d; }
.text-yellow { color: #D6B212; }
.text-dark-yellow { color: #808000; }
.text-blue { color: #00558A; }
.text-dark-blue { color: #00006F; }
.text-purple { color: #A21BA2; }
.text-dark-purple { color: #6E006E; }
.text-teal { color: #11ACAC; }
.text-dark-teal { color: #005B5B; }

.text-darkblue { color: #043161; }
.text-brown { color: #C44710; }
.text-light { color: #545454; }
.text-small { font-size: 0.9em; }
.text-big { font-size: 1.2em; }

.grayscale { filter: grayscale(90%); }
.opacity-4 { opacity: 0.4;  }
.bottom-0 { bottom: 0; }

.bg-ginger { background: #C25423; }
.bg-trans { background: rgba(212,109,64,0.8)}
.bg-green { background: #385E0D; }
.bg-red { background: #9F0100; }
.bg-blue { background: #00558A; }
.bg-light { background: #545454; }
.bg-darkblue { background: #043161; }
.bg-darkred { background: #230000; }
.bg-brown { background: #3d2e2e;}
.bg-lightwhite { background: rgba(255,255,255,0.9); }

.alignleft{
	float: left;
	text-align: left;
	margin: 0 20px 10px 0; }

.alignright{
	float: right;
	text-align: right;
	margin: 0 0 10px 20px; }

.aligncenter {
	display: block;
	margin: 20px auto;
	text-align: center; }

.center{
	text-align: center; }

.indent{
	text-indent: 2em; }

.wp-caption { 
	font-size: 0.8em; 
	text-align: center; }

.dropdown-item { text-transform: none; }

.btn {  
    white-space: normal !important; 
    word-break: break-word;
}

textarea { 
	height: 150px; }

/**
 * Blocks and lists
 */
.overflow-hidden { overflow: hidden !important; }
.row { margin: 0 !important; }
ul li, ol li { margin: 0 0; }

article {
	overflow: auto; }

article img {
		max-width: 100%;
		height: auto; }

section {
	padding: 0 0 20px 0;
	margin: 0;
	text-align: left;
	overflow: auto;	}

section img {
	max-width: 100%;
	height: auto; }



/**
 * Borders
 */
 .radius { border-radius: 10px; }
 .radius-top { border-radius: 20px 20px 0 0; }

/**
 * Icons
 */
.pointer { cursor: pointer; }
i,icon { cursor: pointer; }

/**
 * Backgrounds
 */
.bg-black { background: black; }
.bg-cover {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
	}

.bg-fixed {
	background-attachment: fixed; }

	/**
 * Shadows
 */
.box-shadow {
	box-shadow: 0px 10px 30px -13px rgba(0,0,0,0.75); }

/**
 * Scroll button and cookies
 */

a.scroll-top {
	position: fixed;
	right: 20px;
	bottom: 0px;
	background: #D8B014;
	padding: 2px;
	color: white;
	opacity: 0.8;
	z-index: 1000;
  }

#cookies-info {
	font-size: 0.8em;
	padding: 8px 10px;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 75px;
}

/**
 * Nav
 */ 

.nav-link { 
	padding: 0; 
	font-weight: 600;
	letter-spacing: 0px;
	margin: 6px 0;
}

.dropdown-item {  
	color: #9f522f !important; 
	font-weight: 400;
}

.navbar-light .navbar-nav .nav-link  {
    color: #9f522f;
}

/**
 * Tables
 */
 table, td, tr, th { border: 1 !important; }


 th, td {
   vertical-align: top;
   font-weight: 300;
   padding: 5px;
   border: 1px solid #aaa !important;
 }
 

@media(max-width:460px) {
	/* th,td {
		word-break: break-all;
	} */

}

th, td

 th {
   font-weight: 400;
 }

/**
 * Gallery and images
 */ 
 .thumb {
	/* max-width: 100px; */
    overflow: hidden;
	height: auto; }
.gallery img {
	opacity: 0.8;
    transition: ease 0.3s; }
.gallery img:hover { opacity: 1; }
.gallery { margin: 30px 0; }
.gallery img { margin: 10px 0; }

/**
 * Breadcrumbs
 **/
#breadcrumbs ol { list-style-type: none; }
#breadcrumbs li { display: inline-block; }
#breadcrumbs li:before { content: '/'; }
#breadcrumbs li:first-child:before { content: ''; }

/**
 *	Baner
 */
#baner { 
	height: 600px; 
}

#baner-data {
	height: 500px;
	min-width: 300px;
	max-width: 100%;
	overflow: auto;
	right: 0;
}


/**
 * Slider
 */
 #slider .carousel-item {
	width: 100%;
	height: 500px;
	background: no-repeat center center scroll;
	background-size: cover;
	text-transform: none;
  }
  
  #slider a, 
  #slider a:hover, 
  #slider a:active, 
  #slider a:link, 
  #slider a:visited, 
  #slider a:active {
	text-decoration: none;
	color: #FFF8C0 !important;
  }
  
  .carousel-caption {
	top: 70%;
	text-align: left;
	transform: translateY(-50%);
	bottom: initial;
  }
  
  #slider h2 {
	all: unset;
	font-size: 2em;
	background: rgba(22,66,40,0.8);
	padding: 5px 20px;
	color: white;
  }
  
  #slider p {
	background: rgba(46,52,54,0.9);
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
  }

/**
 * iframes
 */
 article iframe {
	width: 100%;
	height: 500px;
	max-width: 100% !important;
	margin: 30px 0; }

/**
 * Small screens
 */

 @media (max-width: 767px) {
    section img, .wp-caption {
      display: block;
      text-align: center;
      margin: 10px auto;
      width: 100% !important;
	}
	#baner { height: 300px; }
	#baner-data { display: none; }

    #slider h1 {
      font-size: 1.6em;
      text-align: center;
      padding: 5px;
    }
    #slider p {
      font-size: 0.9em;
      margin: 10px 0;
    }

    .carousel-caption { top: 55%; }
  }


/**
 * WCAG Tab links
 */
 .skip-links a, .skip-links a:visited {
	position: fixed;
	top: 100px;
	left: -9000em;
	display: block;
	text-align: center;
	width: 200px;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s; 
}

.skip-links a:hover, .skip-links a:focus, .skip-links a:active, .skip-links a:visited:hover, .skip-links a:visited:focus, .skip-links a:visited:active {
    background: #2a2e32;
    color: #fff;
    padding: 5px 10px;
    z-index: 9999;
    left: 0;
    opacity: 1;
}

/**
 * WCAG font sizes
 */
.fontsize-0 { font-size: 1.1em; }
.fontsize-1 { font-size: 1.3em; }
.fontsize-2 { font-size: 1.5em; }

/**
 * Footer
 */
 footer {
    padding: 25px 25px 50px 25px;
    text-align: center;
    letter-spacing: 5px; }
footer a { color: inherit; }
