/* CSS Document */

html, body { margin: 0; padding: 0; background-color: #f16237;  }

#top, #bottom, #left, #right {
    background: #ffebcf;
	
	position: fixed;
	z-index: 2;
	}
	#left, #right {
		top: 0px; bottom: 0px;
		width: 0px;
		}
		#left { left: 0px; }
		#right { right: 0px; }
		
	#top, #bottom {
		left: 0px; right: 0px;
		height:  0px;
		}
		#top { top: 0px; }
		#bottom { bottom: 0px; }
.uk-container { z-index: 999; }
.uk-card { 
    background-color: #ffffff;
    text-align: center;
   
  outline: #fff solid 20px;
}

.uk-card.nobord { 
    background-color: #ffffff;
	transition: box-shadow 0.1s ease-in-out;
    
    text-align: center;
   border: 0px;
  outline: #fff solid 20px;
}

img.shaddy { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 20px;}
img.shaddy { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 20px;}

.uk-button { color:#f16237; border: 1px solid #f16237; border-radius: 25px;}
.uk-button:hover { background-color: #000000; color:#fff; border: 1px solid #000000;}


h1 { font-size: 2em; color:#000000; font-family: 'Work Sans', sans-serif; padding-bottom: 0px; margin-bottom: 10px; }
h1.mai { font-size: 3em; line-height: 0.8em; color:#000000; font-family: 'Work Sans', sans-serif;; padding-bottom: 0px; margin-bottom: 25px; }
h2 { color:#f16237; font-size: 1.5em; font-family: 'Work Sans', sans-serif; padding-top: 0px; margin-top: 0px; margin-bottom: 15px; line-height: 1.1em; }
p { font-size: 1.1em; color:#000000; font-family: 'Work Sans', sans-serif; font-weight: 100; margin: 0px; }
a { color:#f16237; }
a:hover { color:#f16237; }
strong { font-family: 'Work Sans', sans-serif; font-weight: 600; }

.uk-icon-button {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border-radius: 500px;
  background: #000000;
  color: #fff;
  vertical-align: middle;
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
/* Hover + Focus */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #f16237;
  color: #fff;
  outline: none;
}
/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #a6ad37;
  color: #000000;
}
