/* CSS Document */

@import url("/css/font-awesome/css/font-awesome.min.css");

body {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 1em;
}

a {
	color: #0056b3;
}

.center {
	text-align: center;
}
.hidden {
	display: none;
}

ul.pdf, li.pdf {
     list-style-image: url('/images/styls/pdf.svg');
}

ul.doc, li.doc {
     list-style-image: url('/images/styls/doc.svg');
}

ul.xls, li.xls {
     list-style-image: url('/images/styls/xls.svg');
}

ul.exit, li.exit {
     list-style-image: url('/images/styls/ext.svg');
}

ul.ppt, li.ppt {
    list-style-image: url('/images/styls/ppt.svg');
 
}

ul.vid, li.vid {
    list-style-image: url('/images/styls/vid.svg');
}

ul.zip, li.zip {
    list-style-image: url('/images/styls/zip.svg');
}
.box{
	width: auto;
	background: #EAF3F7;
	border: 1px solid #a6a7a7;
	color: #171C34;
	margin: 5px 0;
	padding: 5px;
}

.box ul{
	padding: 0;
	margin: 0;
}

.box li{
	border-bottom: 1px solid #bdc0cd;
	padding: 5px 0 5px 10px;
	list-style-position: inside;
	color: #171C34;
	font-size: 1em;
}

.box p{
	padding-right: 10px;	
}
.number {
    font-size: 18px;
    background-color: #FC6;
    padding: 5px;
    border: 2px solid #960;
    width: 30px;
    text-align: center;
    margin-left: 10px;
}
.dot-footer {
	color: #FFF;
	font-size: .8rem;
	list-style: none;
	background-color: #194a6b;
}
.sidebar-text {
	color: #0056b3;
	font-size: .8rem;
}
.lite-link {
	color: #FFF;
}
a.lite-link:hover {
	color: #82BBE1;
}
.dot-social img {
	margin: 1rem 0;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.pad-link {
	padding: 0 .5rem;
}
.titlecopy {
    color: #003;
    font-size: 1.5em;
    font-weight: bold;
}
.subtitle {
    color: #003366;
    font-size: 1.25em;
    font-weight: bold;
}
.subtitlecopy {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
#sidebar h1 {
	font-size: 1.25rem;
	font-weight: bold;
}
#sidebar ul {
	font-size: .85rem;
	padding-left: 1.25rem;
}
#sidebar ul ul {
	padding-left: 1rem;
}
.caption {
	font-size: .75rem;
}

.nobull {
	list-style: none;
}

body {
	background-color: #f2f2f2;
	background-image: url(/css/2016-background.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 -40px
}
a.visuallyhidden {
	background: 0 0;
	border-bottom: 1px solid #fff;
	border-bottom-right-radius: 8px;
	border-right: 1px solid #fff;
	color: #fff;
	left: 0;
	padding: 6px;
	position: absolute;
	top: -40px;
	transition: top 1s ease-out 0s, background 1s linear 0s;
	z-index: 100
}
a.visuallyhidden:active, a.visuallyhidden:focus {
	background: #bf1722;
	left: 0;
	outline: 0;
	position: absolute;
	top: 0;
	transition: top .1s ease-in 0s, background .5s linear 0s
}
.global-nav-menu a:hover, a:hover {
	text-decoration: underline
}
.global-nav-menu {
	background: #072f49;
	padding: 5px;
	border-top: 3px solid #edbd03
}
.inline-div {
	margin: 0 auto;
	max-width: 960px
}
.global-nav-menu .inline-div>ul {
	display: inline-block;
	font-size: .75em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: right;
	max-width: 960px;
	width: 100%;
	vertical-align: bottom
}
.global-nav-menu a {
	color: #FFF;
	padding: 0 .63em;
	letter-spacing: 1px;
	font-weight: 400
}
.global-nav-menu .inline-div>ul>li {
	display: none;
	overflow: hidden;
	padding: 10px 0 7px;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap
}
.global-nav-menu .inline-div>ul>li:last-child {
	display: inline-block
}
.global-nav-menu .inline-div>ul>li:first-child {
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 12em
}
.global-nav-menu .inline-div>ul>li:first-child a {
	background-image: url(/css/2016-soa-logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 138px 33px;
	display: inline-block;
	text-indent: -999999px;
	width: inherit;
	padding: 12px 0
}
.navbar-light .navbar-nav .nav-link {
	color: #000000 !important;
}
.navbar-light:hover .navbar-nav:hover .nav-link:hover {
	color: #0065D0 !important;
}
.navbar-dark .navbar-nav .nav-link {
	color: #FFFFFF !important;
}
.navbar-dark .navbar-toggler {
	font-size: 1rem !important;
	color: #FFFFFF !important;
}
.navbar-light .navbar-toggler {
	font-size: 1rem !important;
	color: #000000 !important;
}
.navbar-dark:hover .navbar-nav:hover .nav-link:hover {
	color: #FFDD00 !important;
}

#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #072f49; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#topBtn:hover {
    background-color: #edbd03; /* Add a dark-yellow background on hover */
}

/* CSS for the printable MODAL PRINT CLASS */

@media print {
    body.modalprinter * {
        visibility: hidden;
    }

    body.modalprinter .modal-dialog.focused {
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
    }

    body.modalprinter .modal-dialog.focused .modal-content {
        border-width: 0;
    }

    body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title,
    body.modalprinter .modal-dialog.focused .modal-content .modal-body,
    body.modalprinter .modal-dialog.focused .modal-content .modal-body * {
        visibility: visible;
    }

    body.modalprinter .modal-dialog.focused .modal-content .modal-header,
    body.modalprinter .modal-dialog.focused .modal-content .modal-body {
        padding: 0;
    }

    body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title {
        margin-bottom: 20px;
    }
}

/* CSS for the divdrop (ACCORDION) */
.divdrop {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    text-align: left;
	border: none;
    outline: none;
    transition: 0.4s;
}
.divdrop:hover {
    background-color: #ccc;
}
.panel {
    padding-left: 1.25em;
    width: 100%;
    padding-top: 1.25em;
    background-color: white;
    display: none;
    overflow: hidden;
}
.divdrop:after {
  font-family: FontAwesome; 
  content: '\f103'; /* Unicode character for "plus" sign (+) */
  font-size: 25px;
  line-height: 25px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.divdrop.active:after {
  font-family: FontAwesome; 
  content: "\f102"; /* Unicode character for "minus" sign (-) */
}

/* CODE TO ADJUST AK STATE LOGO on mid-size screens FOR GREETING OVERFLOW*/
/* COMMENT/UNCOMMENT to DEACTIVATE/ACTIVATE */

@media only screen and (max-width: 870px) {
.global-nav-menu .inline-div>ul>li:first-child a {
	background-image: url(/css/2016-soa-logo-sm.png);
	background-size: 44px 33px;
}
}
@media only screen and (max-width: 767px) {
.global-nav-menu .inline-div>ul>li:first-child a {
	background-image: url(/css/2016-soa-logo.png);
	background-size: 138px 33px;
}
}

 /* end greeting adjustment */


@media only screen and (min-width:36em) {
.global-nav-menu .inline-div>ul>li {
	display: inline-block;
	padding: 20px 0 3px
}
.global-nav-menu .inline-div>ul>li:last-child {
	display: none
}
}

@page {
    margin-top: 48px;
    margin-bottom: 48px;
}

@media print {
    
	.global-nav-menu .inline-div>ul>li:first-child a:focus {
		background-image: url(/css/2016-soa-logo-dark.png)
	}
	#menu-statewide-navigation, #search-form, #sidebar, .agency-navigation, #deptfoot, #deptnav, #banner, .banner, .global-nav-menu, #noPrintBtn {
		display: none !important;

	}
	.col-md-9.pt-4 {
		min-width: 100% !important;
	}
	.row.mx-0 {
		display: block;
	}

}