@font-face {
    font-family: "Muli";
    src: url('../font/Muli-Regular.woff') format('woff');

}

@font-face {
    font-family: "Codec Warm Logo";
    src: url('../font/Codec-Pro-Heavy.woff2') format('woff2');
}

* {
    border: 0px solid transparent !important;
}

.t-Header-branding, .t-HeroRegion-icon {
    background-color: #010203;
}

.t-Body-contentInner {
    padding: 0px !important;
}

#1_navtabs { 
    background-color: transparent;
    color: white;
}

.t-Header-controls {
    margin-left: 8px;
    right: 0px;
    position: absolute;
}


.t-Button {
    font: normal normal 600 19px/24px Muli;
}

.tss-green-white-button {
    color: #FFFFFF !important;
    background-color: #72B836 !important;
    border-radius: 52px;    
    border: 2px solid #72B836    !important;
}
.tss-green-white-button * {
    background-color: transparent !important;
    color: inherit !important;
}
.tss-green-white-button:hover {
    color: #72B836 !important;
    background-color: #000000 !important;
}

.tss-clear-black-button {
    color: #000000 !important;
    background-color: transparent !important;
    border-radius: 52px;    
    border: 2px solid #000000 !important;
}
.tss-clear-black-button * {
    background-color: transparent !important;
    color: inherit !important;
}
.tss-clear-black-button:hover {
    color: #72B836 !important;
    background-color: #000000 !important;
}

.t-NavigationBar-item .t-Button {
    font: normal normal 600 19px/24px Muli;
}


.tss-background {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.tss-background * {
   background-color: transparent;
}

.tss-hero-text {
    font: normal normal 900 35px/40px Codec Warm Logo;
    letter-spacing: 0px;
    color: #010203;
    opacity: 1;
    text-transform: uppercase;
}

.tss-green-nav-link {
    color: #FFFFFF;
    background-color: #72B836;
    border-radius: 52px;    
    border: 2px solid #72B836 !important;
}
.tss-green-nav-link * {
    background-color: transparent !important;
    color: inherit !important;
}
.tss-green-nav-link:hover {
    color: #72B836;
    background-color: #FFFFFF;
}

.tss-footer {
    /*padding-top: 100px;*/
    padding-bottom: 100px;    
    background-color: #010203;
    color: #FFFFFF;
}

.tss-footer  * {
    background-color: #010203;
    color: #FFFFFF;
}

.tss-foot-copyright {
   font: normal normal normal 20px/25px Muli;
   letter-spacing: 0px;
}
.tss-foot-info {
    text-align: right;
    font: italic normal 900 25px/31px Muli;
    letter-spacing: 0px;
    padding-right: 10px;
}

.tss-foot-links .t-Region-headerItems {
    border-bottom: 1px solid white !important;
    margin-right: 20px;
    padding-bottom: 6px;
    
}
.tss-foot-links .t-Region .t-Region-body {
    padding: 0px;
}
.tss-foot-links ul {
  list-style-type: none;
  margin-left: 0px;
  /*font: normal normal bold 14px/40px Muli;  Remove DB Fuzzy, hard to read*/
  letter-spacing: 0px;
  padding: 0px!important;
}

.tss-foot-links li {
    padding: 6px;
	font-size:1.25em
}   

footer.t-Footer {
    display: none;
}
/*
DAN B added to fix footer link stack and wrap
*/
.t-Cards {
    margin: 0px!important;
}

/*
The following css was copied from the skill builders implementation
*/
.sb-Region--center{
    font-size: 1.4em;
    line-height: 1.4em;
    color: #666f77 !important;
    font-weight: 500;
    line-height: 1em;
    margin: 0 0 1em 0;
    /*text-transform: uppercase;*/
    letter-spacing: 0.125em;
}

.sb-region-title{
    text-align: center !important;  
       
}

.t-ContentBlock h1, .sb-region-title h1{
    text-transform: uppercase;
    letter-spacing: 0.11em;  
}

.sb-region-title h1{
    font-size: 2.1em;    
}

.sb-subtitle{
    font-size: 1.7em;
    margin: 1em 0 2em 0;
    color: #bbb;
    letter-spacing: 0.11em;
}

.sb-Body-Text p, .t-Card-desc, .t-TabsRegion-items a > span {
    font-size: 1.7rem;
    line-height: 3rem;
}


#tss-footer .row {
    margin: 8px;
}