@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;}}
@keyframes fadeOutSAPC { 0% {opacity:1; z-index: 999999;} 99% {opacity:0; z-index: 999999;} 100% {opacity:0; z-index: -1;}}


body, td {font-family: 'roboto', sans-serif;}
a {color:#061c60;}
h4 {border-bottom: 2px solid #fbb040; display: inline-block; padding-right: 0.5rem; width: 100%; margin-bottom: 1rem;}
.menu h4 {border-bottom:none;}
h6 a {text-decoration: none;}
a:active, button:active, span:active, a:visited, button:visited, span:visited {border:none !important;}
*,*:focus,*:hover{ outline:none;}
dl, ol, ul {margin-bottom: 0;}
#sapc-menu { background: white; margin: 0 -0.9375rem; }
.large-3.sidebar {}
.grid-container .hide-for-small-only {}

/* SAPC OVERIDES */
.globalNavCenterDiv { background: white; }
.globalNavCenterDiv, .indexDiv, .globalNavGreyDiv, .globalNavGreyBlueDiv {width: 100%;}
.off-canvas {background: #061C60}
.wpsNoTitlePortlet {border: none; margin:0 auto; width:100% !important;}
body>table table {margin-top: 1rem;}
.top-bar, .top-bar ul, .footdropdown span ul {background: transparent;padding: 0; z-index: 99999 !important;}
.indexDiv {padding-top: 5px;}
.colGrey4 {line-height: 1;}
.top-bar input {margin: 0 0 0 -0.3rem;display: inline-block;height: 23px;}
.colBlue2 {padding-top: 5px; width: 24%;}
.colBlue2:nth-child(2) {display: none;}
.grid-container {box-shadow: 0 0 5px #444; background: white;}
.grid-container.full {max-width: 100%; box-shadow: none;}
.grid-container.no-shadow {box-shadow: none;}
h1{font-size: 2.5rem;}
h2{font-size: 2rem; color: #1b3d6e;}
h1.header { font-size: 2rem; border-bottom: 2px solid #fbb040; position: relative; padding-left: 1rem; margin-bottom: 1rem;}
h1.header:before { content: ""; width: 2px; height: 100%; background: #fbb040; position: absolute; padding-right: 0.5rem; margin-left: -1rem;}

.list-links{list-style: none;}
.list-links li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; margin:0 0.5rem 0 -1rem;}
.list-links li::before {content:"\f360"; }
.list-links.list-check li::before {content:"\f00c";}
.list-links.list-style1 li::before {content:"\f0da";}
.list-links.list-style2 li::before {content:"\f054";}

.programs {margin-bottom:1rem;}
.programs img {width: 100%;height: 100%;}
.footdropdown span ul li {overflow: hidden;padding: 4px 5px;background: white; }
table tbody tr:nth-child(even) {background-color: transparent; }
table tbody, table tfoot, table thead {border: none; }
.home-box {padding: 1.5rem 0.2rem; border-bottom: 8px solid #00205b; height: 200px; box-shadow: 0 0 5px #ccc; text-align: center; font-weight:bold; font-size:1.25em; }
.home-box span {display: block; height: 70px; padding: 0 1rem;}
.home-box a p { font-style:italic; font-size:0.6em;}
.slogan-container {position:absolute; top:0; left:0; padding:2rem; color:white;text-shadow:0 1px 1px #222; width:100%;}
h2.home-slogan {color:white; font-size:2.5rem; text-align:center}
.home-slogan-buttons {position:absolute; bottom: 2rem; left:2rem;}
.sideNavTitle {width:auto; margin:0; padding:5px 10px;}
.sideNavTitle h2 {font-size:1rem;}
.sideNav {width:auto; margin:0; font-size: 14px;}
.wpsNoSkinPortlet {padding:0;}
.wpsPortletBody {margin:0; padding:0}
.btn {width:100%;}
.footdropdown {width:100%;}
.footdropdown span {display:block; text-align:center; width:auto; margin:0;}
.footdropdown span li {float:none; display:inline-block; padding-left:0;}
.title-bar {background:#eee; padding: 0.3rem .5rem; display: none; text-align: left; position: relative;}
.menu-icon::after { background: #00205b; box-shadow: 0 7px 0 #00205b, 0 14px 0 #00205b;}
body .sapc-sidemenu {padding: 0 !important;}
body .sapc-sidemenu li{border-bottom:1px solid #eee; border-top:1px solid #eee; margin:-1px 0 0 !important;}
body .sapc-sidemenu li:first-child {margin-top:0 !important}
body .sapc-sidemenu a {color: #eee; padding: 1rem; background: #061c60;}
body .sapc-sideheader {color: #eee; font-weight: bold; padding: 1.5rem 1rem; display: block; text-align: center;}
.drilldown .is-drilldown-submenu.is-active { background: #061c60;}
.drilldown .is-drilldown-submenu-parent>a::after {border-color: transparent transparent transparent #eee;}
.drilldown .js-drilldown-back>a::before {border-color: transparent #eee transparent transparent;}
.sidebar table tr {border:1px solid #eee;}
.main-menu {width: 100%; background: white; padding: 0;}  
.new-item {background:#c00; color:white; margin-left: 0.5rem; padding: 0.25rem 0.5rem; font-size: 0.8rem; border-radius: 0.5rem;}
.fullwidth {width: 100%;}

/* FOUNDATION OVERIDES */
.globalNavGreyBlueDiv .dropdown.menu a { padding: 9px 0 11px /*5px 0 8px*/; color:white; font-weight:bold; /*width:220px;*/ transition: 0.5s; border-top: 3px solid transparent;}
/*.globalNavGreyBlueDiv .dropdown.menu .is-dropdown-submenu-parent > a:hover, .main-menu-hover {background:#d9d8d6 !important; color: #061C60 !important; border-top: 3px solid orange !important;}*/
.dropdown .is-dropdown-submenu a { color:black; }
.menu.medium-horizontal {background:transparent; margin: -2px 0 0 0;}
.dropdown.menu .is-active>a {color:white;}
.is-dropdown-submenu>li { text-align: left; padding: 0;}
ul.menu li:first-child> ul li { padding: 0 0 0 0.5rem;}
.sticky.is-stuck.is-at-top {transition: 0.5s;}
.globalNavGreyBlueDiv .dropdown.menu .is-dropdown-submenu-parent > a + .is-dropdown-submenu a {color:#061c60; width: auto; padding: 5px 8px 8px;}
.globalNavGreyBlueDiv .dropdown.menu .is-dropdown-submenu-parent > a + .is-dropdown-submenu a:hover {color:#f58020 !important; border-top: 3px solid transparent; background: #eff2f5 !important;}
.tabs-content {position:relative; border: 1px solid #e6e6e6; margin-left:-1px; height: 100%; line-height:2;}
.tabs-title>a {padding: 0.8rem 1rem; color:black; font-weight:bold; font-size:1rem;}
.tabs.vertical>li {margin-bottom:0; border-bottom: 1px solid #e6e6e6;}
.tabs.vertical>li:last-child {border-bottom:none;}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] { background: #e6e6e6; color: #1b3d6e;}

.tabs-panel {padding:1rem 1.5rem}
.tabs-content .text-center {line-height:1;}
.tabs-content .text-center img {margin-bottom:0.5rem;}
.tabs-content .text-center small {font-size:85%;}

.accordion {padding:0; margin: 0; width:100%;}
.accordion::after {display:none;}
.toggle-accordion { float: right; font-size: 16px; color: #6a6c6f;}
.toggle-accordion:before {content: "Expand All";}
.toggle-accordion.accordions-expanded:before {content: "Collapse All";}
.accordion-content {cursor: initial;}
.toggle-accordion:before { content: "Open All";}
.toggle-accordion.accordions-expanded:before { content: "Close All"; }


.reveal-overlay {z-index:99999;}

/*  SAPC STYLES */
body > table {width: 1003px;}
#sapc {width:1003px; font-family: 'roboto', sans-serif; padding: 0 24px; margin: auto; box-sizing: border-box; color: black;}
#sapc *{box-sizing: border-box; padding: 0; margin: 0;}
#sapc .row {margin: 0 0 16px 0; height: auto; display: flex;}
#sapc .row-lesspadding {margin: 0 -12px; display: flex;}
#sapc .row-nopadding {margin: 0 -24px; display: flex;}
#sapc .col {margin:24px 12px;overflow: hidden; position: relative;}
.col-m1, .col-m2, .col-m3, .col-m4, .col-m5, .col-m6, .col-1quarter, .col-3quarter {float: left}
.col-m1{width: 16.66666%;}
.col-m2{width: 33.33333%;}
.col-m3{width: 50%;}
.col-m4{width: 66.66666%;}
.col-m5{width: 83.33333%;}
.col-m6{width: 100%;}
#sapc .col-1quarter {width: 25%;}
#sapc .col-3quarter {width: 75%;}
#sapc .col img{width: 100%;}
#sapc .col img+div{width: 100%; position: absolute; z-index: 9; bottom: 4px; left: 0; padding: 5px 8px; background:rgba(66,194,233,0.7); color:white;}
#sapc .media{}
#sapc h2.title {font-family: rockwell, 'Kameron', "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; text-align: center; font-size: 40px; margin:50px 0; color: #00205b;}
#sapc .highlight {background: #42c2e9; padding: 100px 50px; color: white; margin: 0 -24px; position: relative;}
#sapc .highlight:after {content:""; position: absolute; width: 100%; height: 100%; background: red; z-index: -1;left: 0; top: 0;}
#sapc .highlight h2.title{margin-top:0;}
#sapc .divider {width: 100%; height: 5px; clear: both; position: relative; margin: 50px 0; display: block;}
#sapc .divider:before {content:""; position: absolute; width:75%; height: 5px; top:0; left:50%; margin-left: -37.5%; background: #42c2e9;}
#sapc ul {/*list-style: none;*/ margin-left: 20px;}
.spacer15 {height: 15px; width:100%; clear: both;}
.spacer30 {height: 30px; width:100%; clear: both;}
.spacer45 {height: 45px; width:100%; clear: both;}
.spacer60 {height: 60px; width:100%; clear: both;}
.breadcrumbs {margin:-0.5rem 0 0; font-size: 0.8rem;}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {color: #00205b; padding: 0 5px;}
.breadcrumbs a:first-child {padding: 0;}
.one-line, .nowrap, .new {white-space: nowrap;}
.callout {min-height: 120px; border: none;}
.callout.alert.sapc-alert {position: absolute; width: 50%; left: 50%; top: 10px; z-index: 999999; margin-left: -25%; background-color: white; color: #1b3d6e; box-shadow: 5px 5px 5px #aaa;}
#hashtags, .hideme, .hidethis {display: none !important;}

#sapc .opioid {height: 989px;}
#sapc .opioid .tab { float: left; background-color: black; width: 30%; padding: 5px 0}
#sapc .opioid .tab a { display: block; background-color: inherit; color: black; padding: 0; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; }
#sapc .opioid .tab a:hover {/*background-color: orange;*/}
#sapc .opioid .tab a.active {background-color: black;  }
#sapc .opioid .tab a img {width: 100%;}
#sapc .opioid .tabcontent {float: left; border: 5px solid black; width: 70%; border-left: none; height: 100%; display: none; position: relative; overflow: hidden;}
#sapc .opioid .tabcontent .title-img {position: absolute; top:-15px; width: 100%;}
#sapc .opioid .tabcontent > div {position: absolute; top: 95px; background: white; z-index: 9; padding: 24px; height: 886px; width: 100%; overflow: auto;}
#sapc .opioid .tabcontent .info {text-align: right; position: relative; margin-bottom: 16px;}
#sapc .opioid .tabcontent .info:before {content:""; width:100px; height:4px; background:#ffb71c; position: absolute; top:11px; left: 0; z-index: 1; border: 2px solid black}
#sapc .opioid .tabcontent .info:after {content:""; width:100%; height:2px; background:black; position: absolute; top:14px; left: 0; z-index: -1;}
#sapc .opioid .tabcontent .info > div {display: inline-block; margin-left: 10px;}
#sapc .opioid .tabcontent .info > div.call {display: none;}
#sapc .opioid .tabcontent .info > div a{ background: #ffb71c; width: 30px; height: 30px; border-radius: 7px; border: 2px solid black; display: block; text-align: center;}
#sapc .opioid .tabcontent .info > div a i {font-size: 20px; margin-top: 4px; color: black;}
#sapc .opioid .tabcontent > div a > .download {margin-top:16px; background: #ffb71c; border-radius: 7px; border: 2px solid black; display: block; text-align: center; padding: 5px 12px; color:black; font-weight: bold; }
#sapc .opioid .tabcontent > div a {text-decoration: none;}

#white-fader {position: fixed; background: white; top: 0; left: 0; bottom:0; right:0; z-index: 999999; animation: fadeOutSAPC 1s; animation-fill-mode: forwards; opacity: 0; }

/* BUTTON STYLES */
.button {min-width: 150px; max-width: 250px; display: block; margin: 1em;padding: 1em;border: none; background: #14679e; color: white; vertical-align: middle; position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; line-height: 1.2; border-radius:8px; text-decoration: none;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}
.button-nuka { margin: 1em 2em; transition: color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button-nuka::before, .button-nuka::after {content: ''; position: absolute; border-radius: inherit; z-index: -1;}
.button-nuka::before {background: #a9d156; top: -4px;bottom: -4px;left: -4px;right: -4px;opacity: 0.2;-webkit-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;}
.button-nuka::after {background: #1b3d6e; top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale3d(1.1, 1, 1);transform: scale3d(1.1, 1, 1);transition: background-color 0.3s,-webkit-transform 0.3s;transition: transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;}
.button-nuka::before, .button-nuka::after {transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button-nuka:hover {color: #fff;}
.button-nuka:hover::before {opacity: 1;}
.button-nuka:hover::after, .button-nuka:hover::before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.button-nuka.alt0::before {background: transparent;} /* This is border color on hover */
.button-nuka.alt0::after {background: #1b3d6e;}
.button-nuka.alt1::before {background: #80c041;}
.button-nuka.alt1::after {background: #f58020;}
.button-nuka.alt2::before {background: #1b3d6e;}
.button-nuka.alt2::after {background: #a9d156;}
.button-nuka.alt3::before {background: #1b3d6e;}
.button-nuka.alt3::after {background: #fbb040;}
.button-nuka.alt4::before {background: transparent;}
.button-nuka.alt4::after {background: #00abc7;}
.more-info {width: 100px;}
.top-notice {width: 100%; background: #1b3d6e; padding: 0.5rem; color: white; text-align: center; font-weight: bold;}

/*MENU STYLES */
/*.dropdown.menu.vertical>li.opens-right>a::after {border-color: white transparent transparent; right: -10px;}*/
.accordion-menu a {padding: 0.7rem 0.5rem;}
.accordion-menu .is-accordion-submenu-parent, .accordion-menu li { border-bottom:1px solid #a9d156;}
.accordion-menu li .submenu li { border-left: 2px solid #fbb040;}
.accordion-title {font-size: 1rem; padding: 1rem;}
.accordion-title:visited {border: 1px solid #e6e6e6 !important;}
.grid-container > .sticky-container {z-index: 99999;}
.menu-sash-logo {position:absolute; top:0.5rem; right:2.5rem; border: 1px dotted #aaa; padding: 0.7rem !important; border-radius: 50%; margin-right: -28px; }
.menu-sash-logo .has-tip {border-bottom: none;}

#side-menu-container {position:absolute; width:95%;}
#side-menu {width:265.33px;}
#side-menu li a {padding: 2rem 1rem; font-weight:bold;}
#side-menu li {position:relative;transition:0.3s; border-bottom: 1px solid grey;}
#side-menu li:last-child {border-bottom: none;}
#side-menu li.active:after { left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;  border-left-color: #1779ba; border-width: 20px 0 20px 15px; margin-top: -20px; transition:0.3s;}

.dropdown.menu.sapc-menu {padding:1.2rem 0; border-bottom:1px solid #ddd; background: white; z-index: 99999;}
/*.dropdown.menu.sapc-menu li {border-left:1px dotted rgba(255,255,255,0.5);}*/
.dropdown.menu.sapc-menu a {/*color:white; text-shadow:0 1px 1px #222;*/color:#061c60; font-size:1.1rem; padding: .7rem 1.5rem;}
.dropdown.menu.sapc-menu a:hover {color:#14679e;}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {border-color: #061c60 transparent transparent;}
.dropdown.menu>li.opens-right>.is-dropdown-submenu {padding:0;}
.dropdown .is-dropdown-submenu a {position:relative; transition:0.2s;}
.dropdown .is-dropdown-submenu a::after {content:" "; position:absolute; border-bottom:1px dotted white; left:0.5rem; bottom:0; width:auto;}
.dropdown .is-dropdown-submenu a:hover {background:#d4dde9; color:#14679e;}

@media print, screen and (min-width: 40em){
		#sapc-menu .is-dropdown-submenu-parent { width: auto; margin-right:1rem;}
	}

.dropdown.menu.sapc-menu {padding:1.2rem 0; border-bottom:1px solid #ddd;}
/*.dropdown.menu.sapc-menu li {border-left:1px dotted rgba(255,255,255,0.5);}*/
.dropdown.menu.sapc-menu a {/*color:white; text-shadow:0 1px 1px #222;*/color:#061c60; font-size:1.1rem; padding: .7rem 2em;}
.dropdown.menu.sapc-menu a:hover {color:#14679e;}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {border-color: #061c60 transparent transparent;}
.dropdown.menu>li.opens-right>.is-dropdown-submenu {padding:0;}
.dropdown.menu>li .is-dropdown-submenu a {position:relative; transition:0.2s; padding: 0.7rem 1rem;}
.dropdown .is-dropdown-submenu a::after {content:" "; position:absolute; border-bottom:1px dotted white; left:0; bottom:0; width:auto;}
.dropdown .is-dropdown-submenu a:hover {background:#d4dde9; color:#14679e;}
.button {/*border-radius:0;*/}
.button-white {border:1px solid white; text-shadow:0 1px 1px #222; display:inline-block; font-weight:bold; text-transform:uppercase; background:rgba(0,0,0,0.2);}
.sticky-container {z-index:99999;}

.sapc-menu li ul {width: 17rem;}
.sapc-menu li:nth-child(2) ul {width:24rem;}
.sapc-menu li:nth-child(7) ul {width:50rem;}
.sapc-menu li:nth-child(7) ul li.sub-menu {display:inline-block;}
.sapc-menu .sub-menu {width:33%; display:inline-block; vertical-align:top;}
.sapc-menu .sub-menu strong {padding:1rem 1.5rem 0.5rem; display:block; font-size:1.1rem;}
.sapc-menu .sub-menu strong:before{ content:""; position:relative; border-bottom:2px solid #f3b51a;}
@media print, screen and (min-width: 40em){
	#sapc-menu .is-dropdown-submenu-parent {margin-right: 0.5rem;}
}






/* HOME STYLES */
.home-trio {position: relative; direction: rtl;}
.home-trio:after {content:""; position: absolute; width: 80%; height: 2px; top:50%; left: 0; background: #80c041;}
#home h4 {color: #f58020;}
.news div div img {border: 1px solid #f58020;}
.events > div > div:first-child {padding: 0;}
.events > div > div:first-child > div {color: #061C60; font-weight: bold;}
.events > div > div:first-child > div:first-child {border-bottom: 2px solid #80c041; text-align: center; font-size: 1.2rem; text-transform: uppercase;}
.events > div > div:first-child > div:nth-child(2) {text-align: center; font-size: 1.5rem;}
.events > div > div:first-child > div:nth-child(3) {text-align: center; font-size: 0.8rem; margin-top: -0.3rem; font-weight: normal;}
.events > div > div:nth-child(2){border-bottom: 2px solid #80c041; border-left: 2px solid #80c041; padding-bottom: 0.5rem;}
.events > h2 {border-bottom:2px solid #f58020; display:inline-block;padding-right: 0.5rem;}
.events > h2 > img {float:left; width:32px; margin: 0.2rem 0.5rem 0 0;}

/* PROVIDERS */
.network-providers .cell, .sage-more .cell {position:relative; margin-bottom:5rem;}
.network-providers .cell .home-trio, .sage-more .cell .home-trio{position:absolute; right:0; bottom:-4rem; width:95%;}
.network-providers .cell .home-trio:after, .sage-more .cell .home-trio:after{left:0}
.network-providers .cell em {font-size:0.9rem;}

.docs, .docs-adequacy {margin:0.5rem 0 1rem;}
.docs ul {list-style:none; margin:0;}
.docs li {padding:0.2rem 0.5rem; border-bottom: 1px dotted #70bc44;}
.docs li li:last-child {border-bottom: none;}
.docs li:nth-child(even) {background:#f2f2f0;}
.docs li:nth-child(odd) li:nth-child(even) {background:#fff;}
.docs li div {display:inline-block; width:16%; vertical-align: top; padding: 0 0 0 0.5rem; float: right; text-align:right;}
.docs li ul li div {width:118px; text-align:right;}
.docs li a, .docs li section {width:78%; display:inline-block; vertical-align: top;}
.docs.with-aside li a, .docs li section {width:41%;}
.docs li.header {font-weight: bold;}
.docs li aside {width: 42%; display: inline-block; vertical-align: top; padding: 0 0.5rem;}
.docs li.nobg {background:transparent;}
.docs ul ul {margin-left:2.5rem;}
.docs li li {position:relative; padding: 0.2rem 0.5rem; margin: 0 -0.5rem;}
.docs li li:before {content:"–"; position: absolute; left: -12px; top: 3px;}
.docs ul li > span {width: 30%; display: inline-block;}
.docs .date-space {display: inline-block; width:70px;}
/*.docs.tps li a {width: 100%;}
.docs.tps ul li span {width: 30%; display: inline-block;}*/
.tps {}
.tps ul {list-style: none;}
.tps ul li span {width: 33%; display: inline-block; border: 1px solid #d9d8d6 !important; padding: 0.5rem 1rem; margin: -0.5px -2.5px;}

.tabs-content .docs li div {width:122px; }
.tabs-content .docs li ul li div {width:22%; }
.tabs-content .docs.with-aside li a,.tabs-content .docs li section {width:39%;}
.tabs-content .docs li aside {width: 39%; }

/* SAGE */
.sage-quick-menu img {margin:0 0.5rem 0 0;}
.sage-quick-menu i{margin:0 0 0 0.5rem; color:#829154;}


/* PREVENTION */
/*#prevention {background:rgba(248,128,32,0.5);}*/

header { top: 0; position: absolute; width: 100%; height: 64px; }
header .title-content { position: absolute; width: 100%; height: 100px; text-align: center; }
header .title-content button { position: absolute; top: 12px; height: 40px; text-align: center; width: 140px; }
header .title-content button#last { left: 12px; }
header .title-content button#next { right: 12px; }
header .title-content span { float: left; margin: 8px 0 16px 0px; width: 100%; height: 40px; }
header .title-content span h1,header .title-content span h2 { clear: both; float: left; margin: 0; padding: 0; line-height: 1; text-align: center; width: 100%; }
header .title-content span h1 { font-size: 24px; line-height: 32px; }
header .title-content span h2 { font-size: 14px; }
.ci-cal-container { top: 64px; position: absolute; border: 1px solid #CCC; width: 100%; height: calc(100% - 64px); }
.ci-cal-container .ci-head { top: 0; background: #012d73; position: absolute; width: 100%; height: 40px; }
.ci-cal-container .ci-head div { line-height: 40px; float: left; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; border-right: 1px solid rgba(255,255,255,0.15); text-transform: uppercase; height: 100%; width: 14.28%; width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7); position: relative; }
.ci-cal-container .ci-head div:last-child { border-right: 0px; }
.ci-cal-container .ci-body { top: 40px; position: absolute; width: 100%; height: calc(100% - 40px); }
.ci-cal-container .ci-body .ci-row { clear: both; float: left; position: relative; border-bottom: 1px solid #CCC; width: 100%; height: 16.6% }
.ci-cal-container .ci-calendar.cal-rows-four .ci-body .ci-row { width: 100%; height: 25% }
.ci-cal-container .ci-calendar.cal-rows-five .ci-body .ci-row { width: 100%; height: 20% }
.ci-cal-container .ci-calendar.cal-rows-six .ci-body .ci-row { width: 100%; height: 16.666% }
.ci-cal-container .ci-body .ci-row:last-child { border-bottom: 0; }
.ci-cal-container .ci-body .ci-row .ci-event-row { position: absolute; left: 0px; padding: 3px; height: 50%; width: 100%; z-index: 10; }
.ci-cal-container .ci-body .ci-row .ci-event-row:nth-child(1) {  top: 0px; }
.ci-cal-container .ci-body .ci-row .ci-event-row:nth-child(2) {  margin-top: -1px;  top: 50%; }
.ci-cal-container .ci-body .ci-row>div { box-shadow: inset 0px 0px 0px 1px white; border-right: 1px solid #CCC; overflow: hidden; float: left; height: 100%; width: 14.28%; width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7); position: relative; }
.ci-cal-container .ci-body .ci-row>div.empty { background: #f5f5f5; }
.ci-cal-container .ci-body .ci-row>div.empty:before { background:url(http://www.transparenttextures.com/patterns/black-twill.png); position: absolute; height: 100%; width: 100%; opacity: 0.125; }
.ci-cal-container .ci-body .ci-row>div.ci-today { background: #f5f5f5; }
.ci-cal-container .ci-body .ci-row>div:last-child { border-right: 0; }
.ci-cal-container .ci-body .ci-row>div .ci-date { top: 12px; left: 12px; position: absolute; font-size: 12px; }
.ci-event { border-radius: 3px; border: 1px solid transparent; /* box-shadow: inset 0px 0px 0px 1px white; */ position: absolute; padding: 2px 12px; height: calc(100% - 5px); z-index: 20; }
.end-cap,.start-cap { top: 0.5px; z-index: 1; position: absolute; }
.end-cap-border,.start-cap-border { top: -1.75px; z-index: 0; position: absolute; }
.end-cap,.end-cap-border,.start-cap,.start-cap-border { width: 0px; height: 0px; border-style: solid; border-color: transparent; }
.ci-event.public .end-cap,.ci-event.public .start-cap { border-color: transparent #e6f1cd; }
.ci-event.public .end-cap-border,.ci-event.public .start-cap-border { border-color: transparent #D1DBBB; }
.ci-event.private .end-cap,.ci-event.private .start-cap { border-color: transparent #cceff2; }
.ci-event.private .end-cap-border,.ci-event.private .start-cap-border { border-color: transparent #9FBABD; }
.ci-event.public { background: #e6f1cd; border-color: #D1DBBB; }
.ci-event.private { background: #cceff2; border-color: #9FBABD; }
.ci-event label { font-size: 12px; font-weight: bold; vertical-align: middle; }

#share {position:fixed; top:50%; left:0; margin-top:-120px; z-index:999;}
#share > button {position:relative; display:block; margin:0.5rem 0; border:none; padding:1rem; cursor:pointer; text-align:center; width:55px; background-color:#ccc; transition:0.2s;}
#share > button > i {margin:0; font-size:1rem; transition:0.2s;}
#share > button:hover > i {font-size:1.5rem;}
#share > #shareMobile {color:green;}
#share > #shareFacebook {color:#3b5998;}
#share > #shareFacebook:hover {background-color:#3b5998; color:white;}
#share > #shareTwitter {color:#00acee;}
#share > #shareTwitter:hover {background-color:#00acee; color:white;}
#share > #shareLinkedIn {color:#0e76a8;}
#share > #shareLinkedIn:hover {background-color:#0e76a8; color:white;}
#share > #shareEmail {color:#cc0000;}
#share > #shareEmail:hover {background-color:#cc0000; color:white;}
#share > .mobile-button {display: none;}

.timeline { border-left: 4px solid #80c041; color: #222; margin: 50px 0 50px 120px; position: relative; line-height: 1.5em; padding: 50px; list-style: none; text-align: left; }
.timeline h1 { font-size: 1.5rem;}
.timeline h2, .timeline h3 { letter-spacing: 1.5px; font-size: 1.2rem;}
.timeline .event { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding-bottom: 25px; margin-bottom: 50px; position: relative;}
.timeline .event:last-of-type { padding-bottom: 0; margin-bottom: 0; border: none;}
.timeline .event:before, .timeline .event:after { position: absolute; display: block; top: 0; }
.timeline .event:before { left: -217.5px; color: #222; content: attr(data-date); text-align: right; font-weight: 100; font-size: 1.5em; min-width: 120px; }
.timeline .event:after { box-shadow: 0 0 0 4px #80c041; left: -57.85px; background: #fbb040; border-radius: 50%; height: 11px; width: 11px; content: ""; top: 5px;}



.fc-ltr .fc-h-event.fc-not-start {padding-left: 20px !important;}
.video-button {position: relative;}
.video-button:after {content: "K"; position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin:-25px 0 0 -25px;}

/* ICONS */
i {margin-right: 0.3rem; position: relative;}
.fa-file-pdf {margin-right: 0;}
.fa-file-pdf:before, .fa-file-video:before, .fa-file-alt:before, .fa-file-word:before, .fa-file-excel:before, .fa-file-powerpoint:before, .fa-file-image:before {font-size: 1.3rem; position: relative; top: 2px; right: 0;}
.fa-file-pdf:before {color: #d11516;}
.fa-file-word:before {color: #1e61bc;}
.fa-file-excel:before {color: #046c39;}
.fa-file-powerpoint:before {color: #b53316;}
.fa-file-alt:before {color: #444;}
.fa-file-video:before {color: #000;}
.fa-link:before {color: #1b3d6e;}
.fa-file-image:before {color: #666;}
.fa-external-link-alt:before {color: #00abc7;}
.fa-youtube:before {color: #f70000;}

@media only screen and (max-width:360px) { 
body {  overflow-x: hidden !important;  overflow-y: auto !important;  }
 .ci-cal-container .ci-body {  float: left;  height: auto;  position: relative;  }
 .ci-cal-container .ci-body .ci-row {  border: 0px;  height: auto !important;  }
 .ci-cal-container .ci-body .ci-row .ci-event-row {  top: 0px;  clear: both;  float: left;  height: auto;  padding: 0px !important;  margin-top: 0px !important;  position: relative;  }
 .ci-cal-container .ci-body .ci-row > div {  display: none;  }
 .ci-event {  float: left;  position: relative;  min-height: 100px;  left: 0px !important;  margin: 5px !important;  width: calc(100% - 10px) !important;  }
 .end-cap, .end-cap-border, .start-cap, .start-cap-border {  display: none;  }
 }

@media only screen and (max-width: 768px) {
    body > table {width: auto !important;}
    body > table > tbody > tr:first-child {display: none;}
    #sapc .opioid .tabcontent .info > div.call {display: inline-block;}
    #sapc .opioid .tabcontent .info > div a {height:60px; width: 60px; border-radius: 14px;}
    #sapc .opioid .tabcontent .info > div a i { font-size: 40px; margin-top: 8px;}
    #share {margin-top:30px;}
    .hide-small, .docs li div {display: none;}

.timeline { margin: 50px 0 50px 30px; padding: 30px;}
.timeline .event:before { left: -120px; color: white; font-weight: 600; font-size: 1rem; top: -40px; background: green; padding: 0.1rem 0.5rem; font-weight: bold;}
.timeline .event:after { display: none;}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.colAtoZ1, .colAtoZ1, .colAtoZ2, .colGrey3 {display:none; }
	.colAtoZ2{width:auto;}
	.colGrey2 {width:240px !important;}
	.colGrey4 {width:200px !important; margin-right:12px !important;}
	.globalNavCenterDiv, .indexDiv, .globalNavGreyDiv, .globalNavGreyBlueDiv {width:100%;}
	.colTranslate {	width:100px;}
}
@media screen and (max-width: 62.5em) {
	div.footdropdown + table {width:100%;}
	div.footdropdown + table .footerDisclaimer {width:100%;}
	div.footdropdown + table td {display:block; width:100%;}    
	.sidebar > table:nth-child(3), .sidebar > table:nth-child(4){width:49%; display:inline-block; vertical-align:top;}
	.wpsNoTitlePortlet {height:190px;}
}   
@media screen and (max-width: 62.6875em) {
	.jssora12l, .jssora12r {display:none;} 
}

@media screen and (max-width:65rem){
	#share > .mobile-button {display: block;}
	#share > .sharer {margin-left:-50px;}
}

@media print, screen and (min-width: 40em){
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {border-color:white transparent transparent; position: relative; display: inline-block; right: -10px;}
	.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {background: white;}
	.grid-padding-x {padding:0 0.75rem;}
	.grid-padding-x>.cell { padding-right: 0.75rem; padding-left: 0.75rem;}
	.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {background:#eff2f5;}
	.is-dropdown-submenu-parent {width:16.66%;}
	.reveal {width: 900px;}
}

@media screen and (min-width: 75rem){ /* over 1200px */
	.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {width: 100%;}
	.globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li {width:16.666%;}
	/*.globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li:nth-child(1) > ul.is-dropdown-submenu {width: 600%; padding-top: 0.5rem;}
	.globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li:nth-child(1) > ul.is-dropdown-submenu > li {width: 19.5%; display: inline-block;}*/
	.globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li:nth-child(1) > ul.is-dropdown-submenu > li img {padding-bottom:0.5rem;}
	.globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li:nth-child(2) > ul.is-dropdown-submenu, .globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li:nth-child(3) > ul.is-dropdown-submenu {width: 150%; padding-top: 0.5rem;}
	.globalNavGreyBlueDiv > ul.dropdown.menu.medium-horizontal > li:nth-child(4) > ul.is-dropdown-submenu {width: 100% /*200%*/; padding-top: 0.5rem;}
	/*.globalNavGreyBlueDiv > ul > li:nth-child(4) > ul > li{display: inline-block; vertical-align: top;}
	.globalNavGreyBlueDiv > ul > li:nth-child(4) > ul > li:first-child {width: 33%; }
	.globalNavGreyBlueDiv > ul > li:nth-child(4) > ul > li:last-child {width: 65%}*/
}

@media screen and (max-width:40rem) {
	.top-bar {display:block !important;}
	.globalNavGreyDiv, .globalNavGreyBlueDiv, .colAtoZ1, .colAtoZ2 {display:none;}
	#sapc-menu {display: none;}
	.slogan-container {padding:0.5rem 1rem;}
	h2.home-slogan {font-size: 1.2rem;}
	.home-slogan-buttons{bottom: 0.5rem; left: 0.5rem;}
	.button-white {margin: 0 !important; transform: scale(0.8);}
	.menu-sash-logo {top: auto; right: 7rem; bottom: -6rem;}
}