/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



.top-bar p {color: #00007A}

#gotoTop {
    background-color:#FF8200;
}    



.btn-primary {
    background-color: #000099 !important;
    border-color: #000099 !important }

.button {
    text-transform: none;
}

.btn-lg, .btn-group-lg > .btn {
     font-size: 1.0rem;
}

.btn-primary:hover {
    color: #fff;
    background-color: #000099 !important;
    border-color: #000099 !important;
}

.btn-outline-primary {
    color: #000099;
    border-color: #000099;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #000099;
    border-color: #000099;
}

.oegold {
       background-color: #FF8200 !important;
       border-color: #FF8200 !important;
}

.oeicon {
    
    color: #FF8200;
}


.herobold {font-weight: 500;}


.lead {
      font-weight: 400;
}

@media (min-width: 992px) and (max-width: 1199.98px) {

	.menu-container > .menu-item > .menu-link {
		padding-left: 6px;
		padding-right: 6px;
		letter-spacing: 1px;
		font-size: 12px;
	}
	
	#logo img {
	height: 50px;
	margin-top: 18px;
	margin-bottom: 18px;
}

}



.black-list {
    
    font-size: 1rem !important;
    color: #202020 !important;
    
}



.grey-list {
    
    font-size: 1.25rem !important;
    color: #7c8991 !important;
    
}

#content ul { 
    
    margin-left: 30px;
    line-height: 1.8;
    
}


ul.oe-list {
  list-style: none;
  margin-left: 30px;
}


ul.oe-list {
    
    text-indent: -25px; /* key property */
    margin-left: 20px; /* key property */
    padding-left: 10px;
}


ul.oe-list li::before {
  content: "";
  background-image: url(/images/branding/oe-icon.svg);
  background-size: contain;
  display: inline-block;
  width: 1.0em;
  height: 1.0em;
  position: relative;
  top: 0.1rem;
  margin-right: 0.4rem;
}


ul.oe-list li {
    
margin-bottom: 22px;
line-height: 1.6;
}




#careers ul {
  list-style: none;
  margin-left: 30px;
}


#careers ul {
    
    text-indent: -20px; /* key property */
    margin-left: 20px; /* key property */
    padding-left: 10px;
}


#careers ul li::before {
  content: "";
  background-image: url(/images/branding/oe-icon.svg);
  background-size: contain;
  display: inline-block;
  width: 1.0em;
  height: 1.0em;
  position: relative;
  top: 0.1rem;
  margin-right: 0.4rem;
}


#careers ul li {
    
margin-bottom: 22px;
line-height: 1.6;
}

ol.c {
    
    list-style-type: upper-roman;

}

ul.oe-list li ol.c li {
    
   margin-left: 60px !important;
}

.sidebar-widgets-wrap .widget > h4 {
    letter-spacing: 0px;
}

#page-title {
    position: relative;
    padding: 4rem 0;
    background-color: #000066;
    border-bottom: 2px solid #FF8200;
}

.oe-gradient {
    
    background: rgb(0,0,102);
    background: -moz-linear-gradient(162deg, rgba(0,0,102,1) 0%, rgba(35,103,229,1) 53%);
    background: -webkit-linear-gradient(162deg, rgba(0,0,102,1) 0%, rgba(35,103,229,1) 53%);
    background: linear-gradient(162deg, rgba(0,0,102,1) 0%, rgba(35,103,229,1) 53%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000066",endColorstr="#2367e5",GradientType=1);
}

/*custom module pagination */

.pagination ul {float: none; margin: auto;}

.pagination ul li {display: inline !important; }
.pagination ul li {
    padding: 12px 15px;
    margin: 0 1px;
    color: #000066;
    border: 1px solid #ebebeb; }


.pagination li:hover { 
    background-color: #FF8200;
    color: #fff !important;
}


.pagination ul li a:hover  { color: #fff !important; }
.pagination ul li.active { background-color: orange; color: #fff; border: 1px solid orange; }

.poppins {font-family: 'Poppins', sans-serif;} 

.stretched #gotoTop {
    bottom: 80px;
}

.oe-blue {color: #000066; background-color: #f9f9f9;}
.footersmllink ul li {font-size:14px !important;}

.card-body p {font-size: 12px;}
