/* cmsms stylesheet: bandb_normal modified: Monday, November 29, 2021 7:09:14 AM */

@font-face {
	font-family: 'WIZZARD';
	src: url('/fonts/WIZZARD.eot');
	src: local('☺'), url('/fonts/WIZZARD.woff') format('woff'), url('/fonts/WIZZARD.ttf') format('truetype'), url('/fonts/WIZZARD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

header {
   background-repeat: no-repeat;
   color: #000000;
   background-color: #b7410e;
}
@media all and (max-width: 629px){
 header { background-repeat: no-repeat;
          color: #000000;
          background-color: #b7410e;
          }
}
@media all and (min-width: 630px){
 header {background-image: url('/uploads/Site%20Images/Kook2.png');
          background-position: 0% 50%;
          background-size: auto;
          background-repeat: no-repeat;
          color: #000000;
          background-color: #b7410e;
          }
}

#name {
   height: 75px;
   position: relative;
   top: 5px;
}

#blurb {
   position: relative;
   bottom: 10px;
}

#soc {
   font-family: 'WIZZARD', cursive;
   font-size: h3;
   padding-bottom: 5px;
}

body {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  color: #c1c1be;
  background-color: #000000;
}

label {
   color: #c1c1be;
}


.btn {
	width: 180px;
        box-shadow: 0px 0px 0px 2px #ed5312;
	background:linear-gradient(to bottom, #d54b10 5%, #be430e 100%);
	background-color:#b7410e;
	border-radius:10px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a63b0c;
}

.btn:hover {
	background:linear-gradient(to bottom, #be430e 5%, #d54b10 100%);
	background-color:#b7410e;
}

.btn:active {
	position:relative;
	top:1px;
}


.hoy  {
	width: 180px;
        box-shadow: 0px 0px 0px 2px #ed5312;
	background:linear-gradient(to bottom, #d54b10 5%, #be430e 100%);
	background-color:#b7410e;
	border-radius:10px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a63b0c;
}

.hoy:hover {
	background:linear-gradient(to bottom, #be430e 5%, #d54b10 100%);
	background-color:#b7410e;
}

.hoy:active {
	position:relative;
	top:1px;
}

.hoo  {
	width: 400px;
        box-shadow: 0px 0px 0px 2px #ed5312;
	background:linear-gradient(to bottom, #d54b10 5%, #be430e 100%);
	background-color:#b7410e;
	border-radius:10px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a63b0c;
}

.hoo:hover {
	background:linear-gradient(to bottom, #be430e 5%, #d54b10 100%);
	background-color:#b7410e;
}

.hoo:active {
	position:relative;
	top:1px;
}

:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

a {
  color: #f38759;
  transition: all 0.2s ease;
}

a:hover, a.menuactive {
  color: #d54b10;
}

a:focus{
   color: #d54b10;
}

h1 {
  font-family: 'WIZZARD', cursive;
  color: #000000;
  font-size: 4rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

h1 a {
  color: #000000;
}

h1 a:hover {
  color: #1d1a16;
}

h2 {
  font-family: 'Helvetica', cursive;
  font-size: 1rem;
  color: #000000;
}

h2 a, h2 a:hover {
  font-family: 'Helvetica', cursive;
  font-size: 1.5rem;
  color: #000000;
}

h3, h4 {
  font-family: 'WIZZARD', 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.9rem;
}

h3 {
  font-size: 1rem;
  margin-top: 1rem;
  text-transform: uppercase;
}

#sticky-logo a {
  transition: all 0.3s ease;
  font-family: 'Wizzard', cursive;
  color: #b7410e;
  font-size: 0rem;
  line-height: 1rem;
}

.is-stuck #sticky-logo a {
  display: block;
  font-size: 2rem;
  padding-top: 1.5rem;
  position: relative;
  bottom: 6px;
}

#sticky-logo {
  float: left;
  position: relative;
  top: 0px;
}

menu {
  color: #b7410e;
}

#menu-toggle {
  float: right;
}

.is-stuck #menu-toggle {
   position: relative;
   top: 7px;
}

.menu>li>a {
   line-height: 0;
   position: relative;
   bottom: 0px;
}

.top-bar-right {
   padding-top: .75rem;
   position: relative;
   bottom: 7px;
}

.top-bar-left {
   position: relative;
   bottom: 2.5px;
}

.top-bar, .top-bar ul, .is-drilldown-submenu {
  background-color: #1d1a16;
  z-index: 999;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
 border-color: #c1c1be transparent transparent;
}

.divider {
  background: #c1c1be;
  margin: 1rem 0;
  padding: 0.5rem;
  font-size: 2rem;
}

.divider a {
  color: #1d1a16;
  margin: 0 0.5rem;
}

.divider a:hover {
  color: #f38759;
}

.card-divider {
  background: #1d1a16;
  color: #c1c1be;
}

.button {
  background: #c1c1be;
  color: #1d1a16;
  border-radius: 5px;
}

.button:hover {
  background: #1d1a16;
  color: #c1c1be;
}

.divider .button {
  background: #1d1a16;
  color: #c1c1be;
  margin-bottom: 0.2rem;
}

.divider .button:hover {
  background: #f38759;
  color: #1d1a16;
}

footer {
  background: #1d1a16;
  color: #c1c1be;
}

footer .column {
  padding: 0 2rem;
}

footer h4 {
  margin-top: 1rem;
  color: #c1c1be;
  font-size: 1rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.5px dotted #c1c1be;
}

footer i {
  margin-right: 0.5rem;
}

#copyright {
  border-top: 0.5px solid #c1c1be;
}

#copyright span {
  margin: 0 1rem;
}

#content-columns h4 {
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}

form {
  padding: 1rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {

  .is-stuck #sticky-logo {
    font-size: 1.6rem;
    padding-top: 0.5rem;
  }

    .fudge {
    position: relative;
    left: 15%;
  }

    .fidge {
    position: relative;
    left: 10%;
  } 

    .button {
    float: right;
   }
}

/* iPad protrait mode */
@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 834px)
and (orientation: portrait)   { 

 .is-stuck #sticky-logo {
    font-size: 1.6rem;
    padding-top: 0.5rem;
  }
    .fudge {
    position: relative;
    left: 15%;
  }

    .fidge {
    position: relative;
    left: 10%;
  } 

    .button {
    float: right;
   }
}

.NewsPostDetailTitle  {
   color: #d54b10;
}

table tbody td, table tbody th {
    background-color: #000;
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}