/* header background override */
.or-header{  background-image: url('/olcc/PublishingImages/midnightblue.png'); background:#003a54 }
.or-header-overlay{	background: #ffffff00 !important; }
/* Logo icon override */
.or-header-logo { background: url(/olcc/PublishingImages/Olcc-Logo-Black.png); background-size: contain; background-repeat: no-repeat; }
/* Navbar color override */
.or-navbar{ background: #003a54; }
.or-taskbox-title { background: #003a54; }

/* Heading Definitions */
h1 { color: #003a54; }
h2 { color: #003a54; }
h3 { color: #003a54; }
h4 { color: #003a54 !important; }
h5 { color: #003a54; }
h6 { color: #003a54; }

/* HR Defined */
hr { color: #003a54; border-top: 5px solid; }


/* Start of Home Page CSS */
.hp-slider-box { width: 100%; float: left; } 
.hp-slider-list { width: 100%; float: left; height: 430px; overflow: hidden; position: relative; } 
.hp-slider-list li { width: 100%; float: left; height: 430px; overflow: hidden; display: flex; align-items: center; justify-content: center; } 
.hp-slider-list li img { height: 100%; } 
.hp-row1 { width: 100%; float: left; margin-top: 20px } 
.hp-aboutus-box { width: 100%; float: left; } 
.hp-aboutus-box h3 { font-size: 18px; margin: 0 0 20px; } 
.hp-aboutus-box p { margin-bottom: 15px; font-size: 15px; color: #3b3939; letter-spacing: 0.2px; } 
.hp-aboutus-box a { color: #7b629d; font-weight: 500; } 
.hp-aboutus-list { width: 100%; float: left; } 
.hp-aboutus-list li { width: 100%; float: left; display: inline-block; font-size: 16px; letter-spacing: 0.2px; color: #7b629d; font-weight: 500; margin-bottom: 5px; } 
.hp-row2 { width: 100%; float: left; padding: 30px 0 0 } 
.hp-list-box { width: 100%; float: left; } 
.hp-list { width: 100%; float: left; margin:0; padding:0 } 
.hp-list li { width: calc(25% - 12px); margin-right: 14px; margin-bottom: 14px; float: left; display: inline-block; } 
.hp-list li:nth-child(4n) { margin-right: 0; } 
.hp-list li a { width: 100%; float: left; height: 160px; font-size: 16px; display: flex; flex-direction: column; background-size: 110%; background:url("https://www.oregon.gov/olcc/_catalogs/masterpage/oregon/images/Search-box-background.png"); align-items: center; text-align: center; text-decoration: none !important; justify-content: center; padding: 0 25px; color: #fff; font-weight: 400; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15); } 
.hp-list li a { height: 130px; font-size: 14px; padding: 0 15px; } 
.hp-list li a img { height: 50px; margin-bottom: 10px; } 
.hp-list li a span { height: auto; } 

.hp-list li.Dark-Blue { background: #013954; } 
.hp-list li.Green { background: #22b893; } 
.hp-list li.Light-Blue { background: #67b1d3; } 
.hp-list li.Yellow { background: #e2af10; } 
.hp-list li.Orange { background: #e46c2a; } 
.hp-list li.Red { background: #eb4d45; } 
.hp-list li.Purple { background: #7b609c; } 
/* Start of Home Page CSS */

.buttonlistbox { width: calc(100% - 330px); float: left; margin-right: 20px; } 
.social-media-box { width: 310px; float: right; } 
.pagetitle { width: 100%; float: left; font-size: 2.2rem; margin-bottom: 5px; font-weight: 500; } 
.twitter-box { width:100%; float:left; height:480px; overflow:hidden; background:#fff; margin-bottom:30px } 
.twitter-box iframe#twitter-widget-0 { height: 510px !important; } 
.social-media-icons ul { list-style: none; padding: 0; margin:0; } 
.social-media-icons a { display: inline-block; text-decoration: none; padding: 0; margin-right:10px } 
.social-media-icons a:nth-child(1) i { color: #1877f2; } 
.social-media-icons a:nth-child(2) i { color: #1da1f2; } 
.social-media-icons a:nth-child(3) i { color: #ff0000; } 
.social-media-icons a:nth-child(4) i { color: #c32aa3; } 
.social-media-icons a:nth-child(5) i { color: #40a4c4; } 
.social-media-icons a:nth-child(6) i { color: #007bb5; } 
.social-media-icons a i:hover { color: black; } 


.right-navigation-box { width: 100%; float: left; }
.rn-title { width: 100%; float: left; font-size: 2rem; margin-bottom: 5px; font-weight: 500; }
.right-navigation-list { width:100%; float:left; padding: 0;}
.right-navigation-list li {	width:100%; float:left; display:inline-block; margin-bottom: 2px; }
.right-navigation-list li a{ width:100%; float:left; padding:10px 15px; color:#fff; text-decoration:none !important; font-size: 16px; letter-spacing: 0.5px; }
.right-navigation-list li.Dark-Blue { background: #013954; } 
.right-navigation-list li.Green { background: #22b893; } 
.right-navigation-list li.Light-Blue { background: #67b1d3; } 
.right-navigation-list li.Yellow { background: #e2af10; } 
.right-navigation-list li.Orange { background: #e46c2a; } 
.right-navigation-list li.Red { background: #eb4d45; } 
.right-navigation-list li.Purple { background: #7b609c; } 



@media screen and (max-width:1199px) { 
 .hp-list li { width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 15px; } 
 .hp-list li:nth-child(5n) { margin-right: 15px; } 
 .hp-list li:nth-child(4n) { margin-right: 15px; } 
 .hp-list li:nth-child(3n) { margin-right: 0; } 
 .twitter-box { height:630px; }
 .twitter-box iframe#twitter-widget-0 { height: 670px !important; } 
} 

@media screen and (max-width:991px) { 
 .hp-list li { width: calc(50% - 10px); margin-right: 20px !important; margin-bottom: 20px; } 
 .hp-list li:nth-child(even) { margin-right: 0 !important; } 
  .twitter-box { height:930px; }
 .twitter-box iframe#twitter-widget-0 { height: 1080px !important; } 

} 
@media screen and (max-width:768px) { 
 .hp-list li { width: calc(33.33% - 10px); margin-right: 15px !important; margin-bottom: 15px; } 
 .hp-list li:nth-child(even) { margin-right: 15px !important; } 
 .hp-list li:nth-child(5n) { margin-right: 15px !important; } 
 .hp-list li:nth-child(4n) { margin-right: 15px !important; } 
 .hp-list li:nth-child(3n) { margin-right: 0 !important; } 
 .twitter-box { height:500px; }
 .twitter-box iframe#twitter-widget-0 { height: 530px !important; width: 100% !important;}
 .social-media-box {
	width:100%; }
	.buttonlistbox {width:100%; margin:0 0 20px 0
}
}

@media screen and (max-width:500px) { 
 .hp-list li { width: calc(50% - 10px); margin-right: 20px !important; margin-bottom: 20px; } 
 .hp-list li:nth-child(3n) {
    margin-right: 20px !important;
}
 .hp-list li:nth-child(even) { margin-right: 0 !important; } 
} 

/* visited button link color change*/
a.btn:visited {
    color: #fff;
}