/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

/*
SK 
*/
/*
add table header styling for course table snippet
*/

#mobile-menu label, label.mobile-search-btn {
	color: #FFFFFF !important;
}

/*forums-2013-8thannual*/

      body {
        margin: 0;
        padding: 0;
      }

      .embed-container {
        position: relative;
        padding-bottom: 56.25px;
        height: 0;
        overflow: hidden;
        max-width: 100px;
      }

      .embed-container iframe,
      .embed-container object,
      .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
      }


      table.mylinkbar {
        width: 98%;
        background-color: #f0f0f0;
        border-bottom-width: 2px;
        border-bottom-color: #824A12;
        border-bottom-style: solid;
        border-top-width: 2px;
        border-top-color: #824A12;
        border-top-style: solid;
      }

      tr.mylinkbar {
        height: 2em;
      }

      td.mylinkbar {
        width: 33px;
        border-bottom-width: 1px;
        border-bottom-color: #e3e3e3;
        border-bottom-style: solid;
        font-size: 9px;
        font-family: arial;
        font-weight: 900;
        padding-top: 2px;
        padding-left: 8px;
        text-transform: uppercase;
        color: #048;
      }

      span.mylinkbar {
        line-height: 22px;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 900;
        text-transform: none;
        text-decoration: none;
        color: #824A12;
        display: block;
        height: 22px;
        padding-top: 6px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 13px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
      }

      span.mylinkbar:hover {
        color: #4e5257;
      }

      a.mylinkbar {
        margin-left: 5px;
      }

      td.mylinkbar:hover {
        background-color: #325483;
        color: #f0f0f0;
        cursor: pointer;
      }

      #shtable {
        padding: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 16px;
        margin-left: 8px;
        width: 100%;
        border: 0 #fff;
        border-collapse: collapse;
        padding: 0;
        background-color: #f5f5f5;
      }

      #shtable td {
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        color: #333;
        text-decoration: none;
        background-color: #f5f5f5;
        margin: 0;
        padding-top: 4px;
        padding-right: 5px;
        padding-bottom: 8px;
        padding-left: 5px;
        border: 2px solid #fff;
        text-align: left;
      }
    
/*table row header styling*/
      .TFtable {
        width: 100%;
        border-collapse: collapse;
      }

      .TFtable th {
        padding: 7px;
        border: #325483 1px solid;
        vertical-align: top;
        background-color: #325483;
        color: #ffffff;
      }

      .TFtable td {
        padding: 7px;
        border: #cccccc 1px solid;
        vertical-align: top;
      }

      /* provide some minimal visual accomodation for IE8 and below */
      .TFtable tr {
        background: #E1EEF4;
      }

      /*  Define the background color for all the ODD background rows  */
      .TFtable tr:nth-child(odd) {
        background: #E1EEF4;
      }

      /*  Define the background color for all the EVEN background rows  */
      .TFtable tr:nth-child(even) {
        background: #ffffff;
      }


.visual-intro {
	margin: -146px 0 38px;
}

.slogan p.subtitle {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.7rem;
}

.slogan p.title {
	color: #ef7812;
	font-weight: 700;
	font-size: 6rem;
	line-height: 5rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.slogan-white p.subtitle {
	color: #ffffff;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.7rem;
}

.slogan-white p.title {
	color: #ef7812;
	font-weight: 700;
	font-size: 6rem;
	line-height: 5rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.white-box {
	background: #ffffff;
	padding: 65px 0;
}

@media only screen and (max-width: 900px) {
	.slogan p.title {
		font-size: 5rem;
	}
	.slogan-white p.title {
		font-size: 5rem;
	}
}

.button.orange {
	background-color: #d9541c;
}
.button.light-blue {
	background-color: #ace0f9;
}

.direct-edit-button {
	height: 15px;
	width: 15px;
	position: fixed;
	bottom: 0;
	right: 0;
}