@import url(font-awesome.min.css);
/**
 * ISO color, font page styling
 */

/* list */
ul ul {
    list-style: circle;
    margin-bottom: 0;
}

/* heading and images*/
#header h1 a {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
    padding: 15px;
}
#header h1 img {display:block;}
 
#banner p.eyebrow {
    font-style: italic;
    font-weight: bold;
    color: #f9861c;
    text-transform: uppercase;
    margin: 0;
}
#banner h1 {
    font-size: 2.5em;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: 0;
    border-bottom: 1px solid #f9861c;
}

#policy_banner p.eyebrow {
    font-style: italic;
    font-weight: bold;
    color: #f9861c;
    text-transform: uppercase;
    margin: 0;
}
#policy_banner h1 {
    font-size: 2.5em;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: 0;
    border-bottom: 1px solid #f9861c;
}

/*home banner*/
#home_banner p.eyebrow {
    font-style: italic;
    font-weight: bold;
    color: #f9861c;
    text-transform: uppercase;
    margin: 0;
}
#home_banner h1 {
    font-size: 2.5em;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: 0;
    border-bottom: 1px solid #f9861c;
}
 
#four {
    margin-bottom:0;
}

/*#four p {*/
/*    font-size: 1.1em;*/
/*}*/

#four p.privacy-link {
    font-size: 0.75em;
    text-align: center;
}

/*page footer*/
 #footer {
    background-image: url(../images/banners/cybersecurity4.jpg);/*footer image*/
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
 #footer .content{
     border-top: 1px solid #f58025;
     text-shadow: 0.6px 0.6px 0.6px black, 0 0 2px #145386, 0 0 3px #377492;
 }
#footer h2 {
    font-weight: 300;
    font-style: italic;
    font-size: 1.5em;
    letter-spacing: 0;
    /*border-top: 1px solid #f9861c;*/
    margin: 0;
    /*padding: 1em 0 0;*/
}
#footer a {
    border: none;
    color: #fff;
    font-weight: bold;
}
#footer a:hover {
    border-bottom: 1px solid #f58025;
    color: #f58025;
}
#footer h2 a {
    border: none;
    color: #fff;
    font-weight: bold;
}
#footer h2 a:hover {
    color: #f58025;
    text-decoration: underline;
}
#footer p {
    margin-bottom: .75em;
}
#footer p.uta-copyright {
    font-size: .8em;
}

/* Footer */
  #footer-right{
        font-size: 70%;
    }
    #footer-right a {
    clear: left;
    float: left;
}
    #footer-right .left {
    width: 160px;
    display: block;
    float: left;
}
#footer-right .right {
    width: 145px;
    float: left;
}

    #footer .inner {
		padding: 3em 0 3em 0 ;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 auto;
		/*width: 55em;        */
        width: 70%;
	}

		#footer .inner > * {
			/*width: 100%;*/
		}

		#footer .inner form {
			margin: 0 3em 0 0;
			width: calc(50% - 1.5em);
		}

		#footer .inner .contact {
			width: calc(50% - 1.5em);
		}

		#footer .inner .copyright {
			border-top: solid 2px rgba(255, 255, 255, 0.125);
			list-style: none;
			margin: 4em 0 2em 0;
			padding: 2em 0 0 0;
			width: 100%;
		}

			#footer .inner .copyright li {
				border-left: solid 2px rgba(255, 255, 255, 0.125);
				color: rgba(255, 255, 255, 0.35);
				display: inline-block;
				font-size: 0.9em;
				line-height: 1;
				margin-left: 1em;
				padding: 0;
				padding-left: 1em;
			}

				#footer .inner .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

				#footer .inner .copyright li a {
					color: inherit;
				}
/* text color for home sections*/
#zero .content{
    color: #444;
}
#one .content{
    color: #444;
}
#three .inner{
    color: #444;
}
/*#five .inner{*/
/*    color: #444;*/
/*}*/
#five a{
    color: #a86123;
    font-weight: bold;
}
/*#four .inner{*/
/*    color: #444;*/
/*}*/
#one h2{
    color: #131516;
}
#zero h2{
    color: #131516;
}
/*home footer*/
#home_footer {
    background-image: url(../images/banners/cybersecurity4.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

#home_footer .content{
     border-top: 1px solid #f9861c;
     text-shadow: 0.5px 0.5px 0.5px black, 0 0 2px #145386, 0 0 3px #377492;
}
#home_footer h2 {
    font-weight: 300;
    font-style: italic;
    font-size: 1.5em;
    letter-spacing: 0;
    margin: 0;
}
#home_footer a {
    border: none;
    color: #fff;
    font-weight: bold;
}
#home_footer a:hover {
    border-bottom: 1px solid #f58025;
    color: #f58025;
}
#home_footer h2 a {
    border: none;
    color: #fff;
    font-weight: bold;
}
#home_footer h2 a:hover {
    color: #f58025;
    border-bottom: 1px solid #f58025;
}
#home_footer p {
    margin-bottom: .75em;
}
#home_footer p.uta-copyright {
    font-size: .8em;
}


    #home_footer .home_inner {
    	padding: 3em 0 2em 0 ;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 auto;
		width: 70%;
	}

		#home_footer .home_inner > * {
			width: 100%;
		}

		#home_footer .home_inner form {
			margin: 0 3em 0 0;
			width: calc(50% - 1.5em);
		}

		#home_footer .home_inner .contact {
			width: calc(50% - 1.5em);
		}

		#home_footer .home_inner .copyright {
			border-top: solid 2px rgba(255, 255, 255, 0.125);
			list-style: none;
			margin: 4em 0 2em 0;
			padding: 2em 0 0 0;
			width: 100%;
		}

			#home_footer .home_inner .copyright li {
				border-left: solid 2px rgba(255, 255, 255, 0.125);
				color: rgba(255, 255, 255, 0.35);
				display: inline-block;
				font-size: 0.9em;
				line-height: 1;
				margin-left: 1em;
				padding: 0;
				padding-left: 1em;
			}

				#home_footer .home_inner .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

				#home_footer .home_inner .copyright li a {
					color: inherit;
				}
                
                
/* code font*/
.code{
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
}


/*nav bar test*/
ul#policy-menu{
  width:100%;
  height:3em;
  margin:0;
  padding:0 10px;
  background:#333;
  color:#eee;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
  z-index: 100;
}

ul#policy-menu > li{
  float:left;
  list-style-type:none;
  position:relative;
      min-width: 10%;
    padding-left: 0;
}

label.policy-label{
  position:relative;
  display:block;
  padding:0 18px 0 12px;
  line-height:3em;
  transition:background 0.3s;
  cursor:pointer;
}

label.policy-label:after{
  content:""!important;
  position:absolute;
  display:block;
  top:50%;
  right:5px;
  width:0;
  height:0;
  border-top:4px solid rgba(255,255,255,.5);
  border-bottom:0 solid rgba(255,255,255,.5);
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  transition:border-bottom .1s, border-top .1s .1s;
  }

label.policy-label:hover,
input:checked ~ label.policy-label{background:rgba(0,0,0,.3);}

input:checked ~ label.policy-label:after{

}

/*hide the inputs*/
#policy-menu input{display:none}

/*show the second level menu of the selected item*/
input:checked ~ ul.policy-submenu{
  max-height:600px;
  /*transition:max-height 0.5s ease-in;*/
}


/*style for the second level menu*/
ul.policy-submenu{
  max-height:0;
  padding:0;
  overflow:hidden;
  list-style-type:none;
  background:#444;
  box-shadow:0 0 1px rgba(0,0,0,.3);
  transition:max-height 0.5s ease-out;
  position:absolute;
  min-width:100%;
  z-index: 100;
}

ul.policy-submenu li a{
  display:block;
  padding:12px;
  color:#ddd;
  text-decoration:none;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
  transition:background .3s;
  white-space:nowrap;
}

ul.policy-submenu li a:hover{
 background: rgba(255, 255, 255, 0.39);
}

input:checked + .nav__reset {
    display: none;
}
.nav__reset {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 235, 59, 0.2);
}
.policy-submenu li
{
    padding-left: 0px;
}
.sticky {
  position: fixed;
  top: 0;
  margin-top: 68.4px!important;
  width: 100%;
}

}