/********************************************************
    The purpose of course.css is to house only the css
    specific to an individual course. The online.css
    houses all the default template formatting.
********************************************************/
/* DO NOT DELETE OR MODIFY THIS IMPORT */
@import url("https://content.byui.edu/integ/gen/599082e0-3e89-4fd9-ac69-2615865d63c7/0/online.css");

/* Adjust/Add Course Specific css Below */
html {
	background: -webkit-radial-gradient(ellipse, #406986 0%, #16344a 100%) fixed;
	background: radial-gradient(ellipse, #406986 0%, #16344a 100%) fixed;
}
#header {
    background-color: #f0f0f0;
}
h1 {
	color: #993366;
}
h2,
h4 {
	color: #4c4c4c;
}
h3,
h5 {
	color: #993366;
}
a {
	color: #154a5c;
	border-bottom: 2px solid #154a5c;
}
a:hover {
	color: #1e7694;
    border-bottom: 2px solid #1e7694;
}
a:visited {
	color: #1e7694;
    border-bottom: 2px solid #1e7694;
}
#footer {
	color: #e2e2e2;
	background-color: #646464;
}
/********************************************
    SPLASH PAGE STYLING
********************************************/
.splash #article {
	color: #3e3e3e;
	background-color: #f0f0f0;
}
.splash h1 {
	color: #993366;
}
.splash h2,
.splash h4 {
	color: #4c4c4c;
}
.splash h3,
.splash h5{
	color: #993366;
}
.splash a {
    color: #154a5c;
	border-bottom: 2px solid #154a5c;
}
.splash a:hover {
	color: #1e7694;
    border-bottom: 2px solid #1e7694;
}
.splash a:visited {
	color: #1e7694;
    border-bottom: 2px solid #1e7694;
}
.splash #footer {
	color: #e2e2e2;
	background-color: #646464;
}
/********************************************
    FEATURES STYLING
********************************************/
/* Callout box */
.callout {
    color: #993366;
    background: #e3ded1;
}
/* Drop downs */
.drop-down {
    background: #993366;
}
.drop-down:hover {
    background: #494949;
}
/* Rubric table */
/* Column headings */
.rubric tr:first-child th {
	background-color: #993366;
}
/* Row headings */
.rubric th {
    background-color: #494949;
}
/* Mouseover popups */
#main .popup {
    border-bottom: dotted 2px #993366;
}
#main .popup span {
    background: #993366;
}
#main .popup:after {
    border-color: #993366 transparent;
}
/* TOA Banners */
h1.prepare,
h2.prepare {
    background: #8ed0cb;
}
h1.prepare:before,
h2.prepare:before {
    background: #477470;
}
h1.teach,
h2.teach {
    background: #9abad6;
}
h1.teach:before,
h2.teach:before {
    background: #50718e;
}
h1.ponder,
h2.ponder {
    background: #baa4d4;
}
h1.ponder:before,
h2.ponder:before {
    background: #7b619c;
}

/* Flat Buttons */
   
 .flatButton,
 a.flatButton,
 a.flatButton:visited {
     color: #fff;
     background: #4c4c4c;
     border-color: #393939;
     transition: .2s;
     text-decoration: none;
     border-bottom: 2px solid #141414;
     margin: 5px 0;
 }
   
 .icon:before {
     background: #393939;
 }
  
 a.flatButton:hover {
    
     opacity: .8;
     transition: .2s;
 }

/* Tables */

/* Normal Table Styling */

.normal {
	font-size: 14px;
	border-collapse: collapse;
    border: 1px solid black;
}

.normal th {
	padding: 8px;
	font-weight: normal;
	text-align: right;
    border: 1px solid black;
    background-color: #fef8e5 !important;
    box-shadow: none !important;
    color: #333 !important;
}

.normal tr:first-child th {
	padding: 6px;
	color: none;
	font-weight: none;
	text-align: none;
	background-color: none;
    border: none;
}

.normal td {
	padding: 8px;
	color: #333;
    border: 1px solid black;
    border-radius: none;
    box-shadow: none;
    background-color: #fef8e5;
}


/********************************
 * NURS 450 TABLE HIERARCHY
 * Format the default font size
 * and color here
 ********************************/

table {
 border-spacing: 8px;
 color: black;
 text-align: left;
 font-family: verdana, geneva;
 font-size: 12pt;
}

/********************************
 * FIRST LEVEL
 * This is the Program Outcomes
 * row. It is dark red with
 * white text
 ********************************/

table tr:first-child th {
 color: white;
 font-size: 14pt;
 background-color: rgb(91, 44, 49);
 background-image: url(drk-red.png);
 border-color: rgb(81, 39, 44);
 padding: 20px;
}

/********************************
 * SECOND LEVEL
 * This is the Course Outcomes
 * row. It is lighter red with
 * beige text
 ********************************/

table th {
 width: 270px;
 color: rgb(237, 234, 225);
 background-color: rgb(163, 77, 88);
 background-image: url(red.png);
 border: 1px solid rgb(150, 72, 81);
 border-radius: 8px;
 text-align: center;
 vertical-align: middle;
 font-weight: bold;
 padding: 10px;
 box-shadow: 2px 2px 5px #333333;
}

/********************************
 * LOWER LEVELS
 * Regluar cells represent the
 * Lesson Outcomes. They are
 * white with black text
 ********************************/

table tr td {
 width: 270px;
 background-color: rgb(255, 252, 242);
 background-image: url(beige.png);
 border: 1px solid rgb(224, 221, 213);
 border-radius: 8px;
 vertical-align: top;
 padding: 10px;
 box-shadow: 2px 2px 5px #333333;
}

/********************************
 * LABEL
 * Use this class for labels
 * along the left side of your
 * table
 ********************************/

table td.label {
 width: 175px;
 background-color: transparent;
 background-image: none;
 font-weight: bold;
 color: rgb(91, 44, 49);
 border: none;
 vertical-align: middle;
 text-align: right;
 padding-right: 20px;
 box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

/********************************
 * BLANK SPACE
 * This class converts a cell
 * to a blank space
 ********************************/

table td.blank {
 background-color: transparent;
 background-image: none;
 border: none;
 box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

/********************************
 * TOGGLES
 * For a centered table, add the
 * class "centered" to the
 * tbody tag
 ********************************/

table tbody.centered tr td {
  text-align: center;
}