/* Accessibility-related styles to test for, and hightlight. common issues

.user-authenticated main p:empty {
	border: 1px dashed purple !important;
}

.user-authenticated main p:empty::after {
	color: orange !important;
	content: 'Empty Span: Use Delete key' !important;
	display: inline-block;
}

.user-authenticated main span:empty:not([id^='ct']):not([class='ms-rteclear']) {
	border: 1px dashed red !important;
}

.user-authenticated main span:empty:not([id^='ct']):not([class='ms-rteclear'])::after {
	color: red !important;
	content: 'Empty Span: Use Delete key' !important;
	display: inline-block;
}

.user-authenticated main div:empty:not([id^='ct']):not([class='ms-rteclear']) {
	border: 1px dashed #0000bb !important;
}

.user-authenticated main div:empty:not([id^='ct']):not([class='ms-rteclear'])::after {
	color: #0000bb !Important;
	content: 'Empty Div: Use Delete key' !important;
	display: inline-block;
}

*/

#build .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

#maintain .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

#launch .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

#OregonSideNavigation {
  background: #f2f2f2;
  border-top: 8px solid #16173f;
  padding-top: 10px;
}

#OregonSideNavigation::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

#OregonSideNavigation::-webkit-scrollbar-thumb {
    background: rgba(22, 23, 63, .1);
}

#OregonSideNavigation::-webkit-scrollbar-corner {
    background: 0
}

#plan .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

#research {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#research .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

#skipToMain {
  background-color: #405222;
}

#test .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

#verify .heading {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

.background-examples dd {
  padding: 15px;
}

.bg-facebook {
  background: #3b5999;
}

.bg-instagram {
  background: #e4405f;
}

.bg-rss {
  background: #f26522;
}

.bg-twitter {
  background: #55acee;
}

.bg-youtube {
  background: #cd201f;
}

.color-swatch {
  border-radius: 2px;
  height: 75px;
}

.color-swatches {
  overflow: hidden;
  margin: 0 -5px;
}

.design-logo {
  width: 200px;
}

.down {
  margin-bottom: 20px;
}

.fc-button-group>button {
  text-transform: capitalize;
}

.form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.goog-te-gadget, .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
  color: #333 !important;
  font-weight: bold !important;
}

.heading:hover, .process-icons a:hover {
  transform: scale(1.02);
  transition: transform .25s ease-in-out;
  z-index: 2;
}

.image-cap {
  border-right-color: #f9f8f3;
  border: 0 solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: 5;
  border-width: 0 45px 45px 0;
}

.intro {
  background-color: #fff;
  padding-top: 15px;
}

.label {
  padding: 2px 4px;
  font-size: inherit;
  font-weight: normal;
}

.label-danger {
	background-color: #d4423c;
}

.label-success {
	background-color: #008a00;
}

.metrics .or-header {
  background-image: url(/Style%20Library/branding/technology/devices-and-coffee-md.jpg);
}

.or-calendar-month-view .or-calendar-event-link, .or-calendar-list-view .or-calendar-event-link {
  background: #000;
}

.or-dataTablesWebPart .table-responsive {
	margin-top: 0;
}

.or-dataTablesWebPart caption {
  font-size: inherit;
  font-weight: normal;
}

.or-header {
  background-color: #16173f;
  background-image: url(/style%20library/branding/mountain/tall-misty-mountains.jpg);
  background-size: cover;
  border-bottom: 10px solid #dfc623;
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
}

.or-header .or-header-overlay {
  background: #000;
  opacity: .4;
}

.or-header-logo {
  background-image: url(/style%20library/branding/logos/oregon-design-logo-grape-gold.svg);
}

.or-navbar {
  background: #fff;
}

.or-navbar-brand>img, .or-navbar-brand>svg {
    height: 40px;
}

.or-navbar-search-submit-button, .or-navbar-search-wrapper, .or-navbar-toggle-button {
  background: #16173f;
}

.or-side-navigation ul .or-side-navigation-current>a {
  border-left: solid 3px #16173f;
  color: #16173f;
}

.or-side-navigation >ul > .or-side-navigation-parent > a, .or-side-navigation > ul > .or-side-navigation-parent > .or-side-navigation-unlinked-item {
    color: #655900;
}

.oregon {
  font-size: 48px;
  font-weight: 800;
}

.pages-default-aspx .helpfulPoll {
  display: none;
}

.pages-default-aspx .or-header {
  /*background-image: url(/Style%20Library/branding/macbook-header-golden-pioneer-wallpaper-md.jpg);
  background-size: cover;*/
}

.pages-default-aspx .or-header-content {
  height: 400px;
  /* padding-top: 20vh; */
}

.photos-and-videos .or-header {
  background-image: url(/Style%20Library/branding/technology/photography-equipment-md.jpg);
}

.process-icons a, .process-icons a:visited, .process-icons a:hover {
  color: #16173f;
  text-decoration: none;
}

.process-steps .heading {
  color:#fff;
  text-transform: uppercase;
  padding: 50px;
}

.process-steps .paragraph {
  padding: 50px;
}

.process-steps h2 {
  font-size: 50px;
  margin-top: 0;
}

.release-table .dt-bootstrap tr th:nth-of-type(2), .release-table .dt-bootstrap tr td:nth-of-type(2) {
	display: none;
}

.release-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.search-engine-optimization .or-header {
  background-image: url(/Style%20Library/branding/technology/binoculars-md.jpg);
}

.social-footer {
  margin-bottom: 30px;
  margin-top: 30px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  vertical-align: middle;
}

.text-danger {
  color: #d4423c;
}

.text-facebook {
  color: #3b5999;
}

.text-instagram {
  color: #e4405f;
}

.text-rss {
  color: #f26522;
}

.text-success {
	color: #008a00
}

.text-twitter {
  color: #55acee;
}

.text-youtube {
  color: #cd201f;
}

.title {
  color: #fff;
  font-size: 40px;
  font-weight: 200;
  line-height: 45px;
  margin-top: 25px;
  text-transform: uppercase;
}

.user-anonymous .intro {
  margin-top: -100px;
}

.user-authenticated .or-header {
  background-attachment: scroll;
}

.v4-x-starter-template .or-header {
  background-image: url(/style%20library/branding/pattern/squiggles.jpg);
}


.v4-x-starter-template .or-header .or-header-overlay {
	opacity: 0.7;
}

::selection {
  background: rgba(254, 232, 0, .6);
}
::-moz-selection {
  background: rgba(254, 232, 0, .6);
}

code[class*="language-"],
pre[class*="language-"] {
	color: #333;
	background: none;
	text-shadow: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	background: #fafafa;
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #fafafa;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

[class*="language-"] {
  color: #212121; }
  [class*="language-"] .nt,
  [class*="language-"] .token.property,
  [class*="language-"] .token.tag,
  [class*="language-"] .token.boolean,
  [class*="language-"] .token.number,
  [class*="language-"] .token.constant,
  [class*="language-"] .token.symbol,
  [class*="language-"] .token.deleted {
    color: #046b99; }
  [class*="language-"] .na,
  [class*="language-"] .token.selector,
  [class*="language-"] .token.attr-name,
  [class*="language-"] .token.string,
  [class*="language-"] .token.char,
  [class*="language-"] .token.builtin,
  [class*="language-"] .token.inserted {
    color: #e31c3d; }
  [class*="language-"] .s,
  [class*="language-"] .token.atrule,
  [class*="language-"] .token.attr-value,
  [class*="language-"] .token.keyword {
    color: #2e8540; }
  [class*="language-"] .token.punctuation {
    color: #046b99; }

a[href*='Form.aspx']:after, a[href*='egovDIYWebsite.aspx']:after {
    content: "\f0f6";
    font-family: FontAwesome;
    padding-left: 5px;
}

a[href*='Index.aspx']:after {
    content: "\f115";
    font-family: FontAwesome;
    padding-left: 5px;

}

a[href*='govspace.oregon.gov']:after, a[href*='usability.gov']:after, a[href*='.net']:after, a[href*='.com']:after {
    content: "\f08e";
    font-family: FontAwesome;
    padding-left: 5px;
}
a[href*='govspace.oregon.gov'].no-icon:after, a[href*='usability.gov'].no-icon:after, a[href*='.net'].no-icon:after, a[href*='.com'].no-icon:after {
	content: normal!important;
	padding-left: 0;
}

abbr[title], abbr[data-original-title] {
	border-bottom: none;
}

body {
  font-family: medium-content-sans-serif-font, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body .tota11y-plugin {
	border-bottom: 1px solid #222463 !important
}

body .tota11y-info, body .tota11y-toolbar-toggle, body .tota11y-toolbar {
	background-color: #16173f !important;
}

button {
  border-radius: 0;
}

footer {
  min-height: 270px;
  padding-bottom: 30px;
  background-color: #E6D14C;
  background-image: url('https://www.transparenttextures.com/patterns/light-wool.png');
  border-top: 10px solid #16173f;
  box-shadow: none;
}

footer .row:last-of-type {
  margin-top: 15px;
  border-top: 1px solid #777;
  padding-top: 30px;
}

footer h3 {
  border-bottom: 1px solid #777;
  font-size: 16px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

footer li {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0;
}

footer li>a {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}

h1 {
  font-size: 36px;
}

h1, h2, h3, h4, h5, h6 P {
  font-weight: 700;
}

h1, h3, h5 {
  color: #16173f;
}

h2, h4, h6, .ms-rtestate-field h4, h4.ms-rteElement-H4, .goog-te-combo {
  color: #333;
}

main {
	padding-bottom: 5px;
}

main a.btn {
  text-decoration: none;
}

main a.btn:visited {
  color: #fff;
  text-decoration: none;
}

main a.btn.btn-default:visited {
  color: #000;
  text-decoration: none;
}


.form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
  color: #fff;
}

pre {
  max-height: 500px;
}

pre[class*=language-] {
  height: 200px;
}

@media (max-width: 767px) {
	caption {
		padding-left: 8px;
	    padding-right: 8px;
	}
}

@media (min-width: 768px) {
  #OregonSideNavigation {
    max-height: 700px;
    background: linear-gradient(#f2f2f2 30%, rgba(242,242,242,0)),linear-gradient(rgba(242,242,242,0), #f2f2f2 70%) 0 100%,      /* Shadows */   radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),   radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background: linear-gradient(rgb(242, 242, 242) 30%, rgba(242,242,242,0)),   linear-gradient(rgba(242,242,242,0), #f2f2f2 70%) 0 100%,      /* Shadows */   radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),   radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    background-attachment: local, local, scroll, scroll;
  }
  .or-navigation {
    margin-right: 50px;
  }
  .or-navigation-list {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .or-navigation-list li:nth-of-type(7) a {
    color: #655900;
  }
  .or-navigation-list>li>a {
    color: #16173f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
  }
  .or-navigation-list>li>a:hover, .or-navigation-list li.open>a {
    background: rgba(0, 0, 0, .04);
  }
}

@media (min-width: 992px) {
  #plan .col-md-6, #build .col-md-6, #launch .col-md-6 {
    float: right;
  }
}

@media print {
  .intro {
    margin-top: 0;
  }
  .or-header-site-title {
    font-size: 40px;
    font-weight: 700;
  }
  or-navbar-sticky-placeholder, .or-navbar-sticky-wrapper, a.or-header-content-cell.or-header-logo-link, .or-header-logo-wrapper, .breadcrumbs, footer {
    display: none;
  }
}