/* Link bootstrap */
@import url('../../bootstrap-3.3.2-dist/css/bootstrap.min.css');
@import url('https://use.fontawesome.com/releases/v5.7.1/css/all.css');
@import url('../../windwalker/css/navigation_bar.css');

/* Include animation CSS library @import '../../components/node_modules/@material/ripple/dist/mdc.ripple.min.css'; */
@-webkit-keyframes mdc-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity,0)}}@keyframes mdc-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity,0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity,0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity,0)}to{opacity:0}}.mdc-ripple-surface--test-edge-var-bug{--mdc-ripple-surface-test-edge-var:1px solid #000;visibility:hidden}.mdc-ripple-surface--test-edge-var-bug:before{border:var(--mdc-ripple-surface-test-edge-var)}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface:after,.mdc-ripple-surface:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface:before{transition:opacity 15ms linear;z-index:1}.mdc-ripple-surface.mdc-ripple-upgraded:before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface:after,.mdc-ripple-surface:before{background-color:#000}.mdc-ripple-surface:hover:before{opacity:.04}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}.mdc-ripple-surface:after,.mdc-ripple-surface:before{top:-50%;left:-50%;width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:before{top:0%;left:0%;width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before{top:var(--mdc-ripple-top,0%);left:var(--mdc-ripple-left,0%);width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface--primary:after,.mdc-ripple-surface--primary:before{background-color:#6200ee}@supports not (-ms-ime-align:auto){.mdc-ripple-surface--primary:after,.mdc-ripple-surface--primary:before{background-color:var(--mdc-theme-primary,#6200ee)}}.mdc-ripple-surface--primary:hover:before{opacity:.04}.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}.mdc-ripple-surface--accent:after,.mdc-ripple-surface--accent:before{background-color:#018786}@supports not (-ms-ime-align:auto){.mdc-ripple-surface--accent:after,.mdc-ripple-surface--accent:before{background-color:var(--mdc-theme-secondary,#018786)}}.mdc-ripple-surface--accent:hover:before{opacity:.04}.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
/*# sourceMappingURL=mdc.ripple.min.css.map*/

@charset "UTF-8";

/* Include Landing page CSS instead of @import to reduce number of files. */
/*@import 'ww-nces.scss';*/

body{ color: #424242; background-color: #767477;}

.nces-wrapper{margin: 0 auto; width: 1026px;}
.nces-wrapper .container-fluid h3 {padding-left: 0;}
.content-constraint{padding: 0 30px;}
/**
  Override nces.ed.gov css
*/
div.nces div.content{  margin: 40px auto 0; /* Top margin accommodates the nav bar from includee /inc/header_inc.asp file  */ }
.nces .container .content {  font-size: 1.6em;}
.nces div.content h2{  font-size: 18px; line-height: inherit;}
.nces .content ul,
.nces .content p{ font-size: 14px;}
.nces .content p{ margin: 0 0 10px; padding: 0; font-size: 14px;}
.nces a{color: #337ab7;}
/** /Ends Override nces.ed.gov css */

.text-gray{ color: #777;}

.nces-content{ padding: 8px 32px 8px 32px; background: url(../img/landing_page/frame_pattern-1026x10.jpg) repeat-y;}

div.content h1,
div#headimage h1 { text-align: center;  margin: 0px;  color:#FFFFFF; padding: 50px 0px 100px 0px;  text-shadow: 1px 1px 2px #000; }
div#headimage h1 { padding-top:45px;}

div.content h2{font-size:1.3em; font-weight: 700; text-align: center;}
ul.list-styled-disc li {list-style-type: disc; margin-left: 20px;}

.icon { padding-left: 25px; }
.icon-pdf { background: url(../../windwalker/img/pdf-icon-small.png) no-repeat;}
/*div.content-frame{margin: 12px 45px 20px; }*/

/** Added .content to make sure nces.ed.gov CSS files won't override ours */
div.module-frame{ margin: 12px 32px 20px 32px; padding: 0px 0 0 70px;  background: url('../img/landing_page/arrow_down.jpg') no-repeat 20px 25px; border: 1px solid #979797; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; /* behavior: url(landing_page_component/PIE-1.0.0/PIE.htc); */}
div.module-frame:hover{ border-color: #337ab7; }
div.module-frame.active{background: url('../img/landing_page/arrow_up.jpg') no-repeat 20px 25px; }
div.module-frame.course-container a{ display: block; width: auto;  margin: 0px 40px 25px 0; padding-top: 10px;  border-top: 1px solid #ddd;}
div.module-frame a.mod-title{ margin-bottom: 0; border: none; min-height: 50px; }
div.module-frame a.mod-title:hover{ text-decoration: none;}
div.module-frame h3 { display: inline-block; padding: 0; cursor: default;  padding-left: 18px;}
div.module-frame h4{ display: inline-table; position: relative; font-weight:700; text-decoration: underline;}
div.module-frame h4:after { content: " ";  clear: both;}
div.module-frame h4 p{ display:block; font-style:oblique;}
div.module-frame a .logo-wrapper{display: inline-block; width: 25%; padding-bottom: 6px; text-align: center;}
div.module-frame a h2{display: inline-block;  width: 74%; margin: 0; text-align: left; font-size: 1.125em; cursor: default; color: #424242;}

.content h2.cat-header {  margin-bottom: 15px; padding: 0; }
.content h2.cat-header:after {content: " "; clear: both; display: table;}
.content .module-container h2{margin-bottom: 25px;}

div.content ul { list-style-type: none; padding: 0;}
div.content ul ul { padding: 0px; margin: 0px;}
div.content ul ul hr { border-top:  2px solid #d6d6d6; width: 958px; margin-top: 13px; margin-left: -40px; padding-top: 0px;}

/* Deprecated - use nces-content */
div.content{ width: 1026px; background: url(../img/landing_page/frame_pattern-1026x10.jpg) center;}
div.content ul ul a:link { color: #337ab7; text-decoration: none;}
div.content ul ul a:visited { color: #337ab7; text-decoration: none;}
div.content ul ul a:hover { color: #23527c; text-decoration: none;}
div.content ul ul a:active { color: #424242; text-decoration: none;}
div.content ul ul a li.list_item div { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1em; font-weight:normal; min-height: 60px;}
div.container { max-width: 1026px;}
div#headimage { width: 1026px; height: 285px; background: url(../img/landing_page/headimage.png) no-repeat top left; border: none;}
div#headbranding { width: 1026px; height: 47px; background: url(../img/landing_page/header_bar-1026x47.jpg) no-repeat top left; border: none;}
div#footimage { width: 1026px; height: 105px; background: url(../img/landing_page/frame_bottom-1026x105.jpg) no-repeat bottom left; border: none; margin: 0 auto;}
div#footimage.nces { padding-right: 15px; padding-left: 15px; max-width: 1026px;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 2em 50px; padding: 0;}

.menu{ margin: 15px auto 0; background-color: #4c4c4c; width: 996px;}
ul.tabs{ list-style: none; margin-left: 23px; }
ul.tabs li{ display: inline-block; vertical-align: middle;margin-left: -4px; margin-bottom: 0;  }
ul.tabs li:after{ content: "";}
/*ul.tabs li:first-child{ margin-left: 25px;}*/
ul.tabs li a{ display: block; width: 100px; height: 100px; padding: 15px 24px; margin: 0; border-left: 1px solid white; background: #4c4c4c; color: white; text-align: center; text-decoration: none;}
ul.tabs li:last-child{ border-right: 1px solid white;}
ul.tabs a:hover,
ul.tabs a.active{ background: #a6cc83;}
.menu ul.tabs li a{  width: 9.6em;}
#tab-content {display: block; overflow: hidden;  margin: 0 auto;}
#tab-content .module-container{min-height: 450px; }
/**********************************
 Overrides Audio Player
 **********************************/
#audioplayer-wrapper,
#nav-bar,
#nav-bar ul,
#nav-bar .media-control,
#nav-bar li:last-child > a,
#nav-bar ul li a{ border: none !important;}
#nav-bar li:last-child > a{background: none;}
#audioplayer-wrapper{height: auto; }

.btn-primary {background-color: #aaca89; border-color: #a0be80;}
.btn-primary:focus,
.btn-primary:hover{background-color: #95b277; border-color: #8aa76c;}
.effect-outline { display: block; outline: 0px solid #ffffff; transition: outline 1s; transition: box-shadow 1s; transition: all 1s; position: relative; box-sizing: border-box; display: inline-block; overflow: hidden; border: solid 2px #ffffff; color: #ffffff; z-index: 0; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/}
.effect-outline:hover {	outline: 1px solid #9c9c9c; box-shadow: 0 0 8px rgba(50, 50, 50, 0.6); background: #ffffff; transition: color 0.3s ease, background 0s 0.3s ease; }
.effect-outline:before { content: ''; position: absolute; 	top: 0;	left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.1); transition: all 0.3s; }
.effect-outline:after {	position: absolute;	content: ''; background: #ffffff; transition-duration: .3s;  z-index: -1; top: 0; right: auto; bottom: auto; left: 0;	width: 100%; height: 100%;	/*opacity: 0;*/}
.effect-outline:hover::before {	opacity: 0; transform: scale(0.5,0.5);}
.effect-outline:hover:after { content: ''; position: absolute; background: #ffffff; transition-duration: .3s; z-index: -1; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%; opacity: 1;}

#header-bar {background: #4d4d4d;}

/*** Search ***/
#dldt-search{ padding: 20px;}
.input-group-search{ padding: 5px 8px; background-color: #F1F3F4;    border: none;   border-radius: 24px;
    box-shadow: none;    outline: none;    opacity: 1;
    transition: background-color 500ms ease-in-out;    transition: opacity 200ms;    }
.input-group-search:hover{
    /*background: rgb(232,234,237);*/
    /*webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
    background: rgb(203,228,238);
    webkit-box-shadow: inset 0 1px 1px rgba(19,117,158,.25);
    box-shadow: inset 0 1px 1px rgba(19,117,158, .25);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#dldt-search .input-group-search button,
#dldt-search .input-group-search button:focus,
#dldt-search .input-group-search button:hover,
#dldt-search .input-group-search input,
#dldt-search .input-group-search input:hover,
#dldt-search .input-group-search input:focus{ font-size: 18px; letter-spacing: .05em; background: transparent; border: none; box-shadow: none; outline-color: transparent !important; }
#dldt-search .fa-times.inactive{ display: none;}
#dldt-search .fa-times{ color: #b4b4b4; }
#dldt-search .fa-times:hover{ color: #9a9a9a; text-shadow: 0 1px 0 #707070; opacity: 1; }
#dldt-search .fa-search{ color: #4285f4; }
#dldt-search .fa-search:hover{ color: #31708f; text-shadow: 0 1px 0 #0d526f; opacity: 1; }
#search-result-wrapper{margin: 20px 40px;}
#search-result-list .list {margin-bottom: 0;}
#search-result-list .list > li{ margin-top: 35px;}
#search-result-list .list .breadcrumb{margin: 0 0 5px; padding: 0; background: none; font-size: 12px; color: #006621; }
#search-result-list .list .breadcrumb li:before{color: #b4b4b4; }
#search-result-list .list .breadcrumb img{ height: 15px; margin-right: 5px;}
#search-result-list .list .search-title{font-size: 16px; }
/*#search-result-list input.search{ border-bottom-width: thick; }*/
#search-result-list .search-matched-result .text-info{font-weight: bold; color: #f5871f;}
#search-result-wrapper .pagination li { display:inline-block; padding:5px;}
#search-result-wrapper .search-filter-group .btn{ border-radius: 15px; margin: 15px 15px 0 0;}
#search-result-wrapper .search-filter-group .btn:focus{outline: none;}
/* Remove IE clear field X button on the input */
#search-result-wrapper input[type=text]::-ms-clear { display: none; }
/* Customize Bootstrap default styles */
#search-result-wrapper .pager li>a,
#search-result-wrapper .pager li>span {min-height: 30px; border-color: #337ab7;}
#search-result-wrapper .pager .disabled>a,
#search-result-wrapper .pager .disabled>a:focus,
#search-result-wrapper .pager .disabled>a:hover,
#search-result-wrapper .pager .disabled>span {border-color: inherit;}
#search-page-router {border-bottom: 1px solid #ccc;}
/*** Top Menu #header-top-menu ***/
/* @see https://semantic-ui.com/modules/dropdown.html */
#header-top-menu #dropdown-label{margin: 0; padding: 27px 20px; font-size: 20px; font-weight: bold; color: white; background: #4c4c4c; border: none; }
#header-top-menu .dropdown.open #dropdown-label,
#header-top-menu .dropdown-menu:hover + #dropdown-label,
#header-top-menu #dropdown-label:hover,
#header-top-menu #dropdown-label.active{color: white; background: #a6cc83; }
#header-top-menu #dropdown-label:hover + .dropdown-menu{display: block; }
#header-top-menu ul{margin: 0; border: 0;}
#header-top-menu ul:hover{ display: block;}
#header-top-menu a{border-bottom: 1px solid #5f5f5f; padding: 15px 30px; font-size: 18px; font-weight: bold; color: white; background: #58585a; }
#header-top-menu a.active{ background: #a6cc83; }
#header-top-menu a:hover{ background: #808080; }
#header-top-menu a:hover + ul{ display: block; }
#header-top-menu .dropdown-menu-2 {top: 0!important; left: 100%; right: auto; width: 680px; min-height: 400px;}
#header-top-menu .dropdown-menu-2 li:first-child a{ font-size: 24px; color: white; background: #818181;}
#header-top-menu .dropdown-menu-2 a{border-bottom: 1px solid #d8d8d8; font-size: 16px; color: #4c4c4f; background: white;}
.nces-wrapper #header-top-menu .dropdown-menu-2 a:hover{ color: #a6cc83;}

/*** Resources ***/
#resources .mod-title h3{width: 74%; margin-top: 25px; margin-bottom: 25px; text-align: left; font-size: 18px; font-weight: bold; color: #424242;}
#resources .logo-wrapper {padding-bottom: 15px;}
#resources .mod-frame-section{margin-right: 25px;  padding-top: 25px; border-top: 1px solid #ddd; }

#glossary .text-indent{margin-left: 25px;}
#glossary p.s6 {font-style: oblique;}
#glossary p.s6 span {font-style: normal;}
#glossary .list-alphabet{list-style: upper-alpha;}
#glossary .glossary-alphabet-list{ display: inline-block; border-radius: 5px; }
#glossary .glossary-alphabet-list ul{ padding: 10px 0 5px; border-radius: 10px; background: url('../img/landing_page/glossary_alphabet_letter_default.gif') repeat-y;}
#glossary .glossary-alphabet-list li{display: block; width: 57px; height: 40px; padding-left: 10px;}
#glossary .glossary-alphabet-list li.active{background: url('../img/landing_page/glossary_alphabet_letter_active.gif') no-repeat 0 -10px;}
#glossary .glossary-alphabet-list a{display: table-cell; width: 30px; height: 30px; border-radius: 100px; font-size: 20px; text-align: center; vertical-align: middle; text-decoration: none; color: #fff;}
#glossary .glossary-alphabet-list a.empty,
#glossary .glossary-alphabet-list a.empty:hover{color: #ccc; background-color: transparent;}
#glossary .glossary-alphabet-list li.active a,
#glossary .glossary-alphabet-list a:hover{background: #fff; color: #aaca89;}
#glossary .glossary-alphabet-list a:hover{background: #a0be80; color: #fff;}

.glossary-alphabet-container {display: inline-block; width: 82%; margin-left: 4%; vertical-align: top;}
div.glossary-alphabet-container h4{margin-top: 0; margin-bottom: 25px; font-size: 1.8em; font-weight: normal; text-decoration: none; color: #aaca89;}
div.glossary-alphabet-container p strong{font-size: 1.2em;}

.back-to-top{display: block; margin: 35px 0;}
/*** Help section ***/
.module-frame.info-container section{margin-right: 40px;}
#help h4{text-decoration: none;}

/*** Media ***/
#media .media{margin-bottom: 5rem;}