/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2026 | 21:29:39 */
body div .avia-button { font-weight: 600; }

h3 { font-weight: 900 !important; }
.bolder h1 { font-weight: 700 !important; }
.boldest h1 { font-weight: 900 !important; }
.bolder h2 { font-weight: 700 !important; }
.krisquote h3 { font-weight: 500 !important; text-wrap: pretty; }
.special_amp { font-family: Roboto; font-style: normal !important;  }
.logo img { padding-top: 15px; }
.sidepadding { padding: 0 15%; }
	.home .av-special-heading-tag .special_amp { font-family: Roboto; font-size: 24px; font-weight: 900; }
.padleft { padding-left: 300px; }
.padright { padding-right: 300px; }
.avia_mobile .padright { padding-right: 0; }

.avia_mobile #header_meta .container { width: 95% !important; max-width: 95% !important; }

.textshadow h1 { text-shadow: 3px 3px black; }
.rightmargin { margin-right: 30px !important; }
.leftborder { border-left: solid 1px black !important; padding-left: 30px; }
.nodec { color: #111 !important; font-size: 18px !important; }
.camelcase h1 { text-transform: initial !important; }
.camelcase h2 { text-transform: initial !important; }
.camelcase h3 { text-transform: initial !important; }

.shadowtitle h1 { text-shadow: 3px 3px black; }

.shortbar .goldbar { 
    width: 60px;
    height: 3px;
    background: #f5c226;
    margin: 15px 0 5px;
}

.segment a { color: #777; }
.segment { color: #f5c126; }

/* Buttons */
.btn-skin2 { background-color: #f5c226 !important; text-shadow: 0 1px rgba(0, 0, 0, 0.15) !important; color: black !important; }
.btn {
	font-family: 'Roboto';
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 13px;
    line-height: 1.25;
    border-radius: .25rem;
    transition: all .15s ease-in-out;
}
.btn-xl { padding: 16px 25px; }

.companies { display: flex; }
.companies > div { padding: 0 15px; }
.companies a { 
    border-radius: 15px;
    text-decoration: none;
    width: 100%;
    margin: 0 10px 10px;
    text-align: left;
    text-transform: none;
}
.avia_mobile .companies { flex-direction: column; }
.avia_mobile .companies a { margin: 0 0 10px; }

.goldbar .special-heading-border {
    width: 60px;
    height: 3px;
    background: #f5c226;
    margin: 20px 0;
	display: block !important;
}

.single-post #ergoncrumb { padding-bottom: 20px;  } 
.articleheader { height: 50vh; width: 100%; background: #eee url(/wp-content/uploads/2025/11/ergon-news-header.png) center center no-repeat; background-size: cover !important; }
.articleheader .container { display: flex;
  flex-direction: column;
  height: 100%; }

.articleheader h2 {
	position: relative;
	margin-top: auto;    
	color: white;
    font-size: 50px;
    font-weight: 900;
    text-shadow: 3px 3px black;
}

#archivedate { display: inline;
    height: 16px;
    line-height: 16px; border: 2px solid #e1e1e1; min-height: 45px;
    font-size: 13px; }
.oilpricing .row { margin-bottom: 0 !important; display: flex; }
.effective-row, .bulletin-row {
    padding-right: 0px !important;
}
.date-row {
    padding-left: 0px !important;
}

.pdflist { max-width: 50%; }
.pdflist p { border-bottom: solid 1px #f5c226; }
.space20 {
    height: 20px !important;
}
.effective-row p { background-color: #ffcd00; color: #53565a; width: 100%;padding-left: 5px;padding-top: 2px;padding-right: 5px;margin-bottom: 0.2rem; font-weight:900; }
.bulletin-row p { background-color: #53565a;
    color: white;
    width: 100%;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    margin-bottom: 0.2rem;
    font-weight: 900;}

.bulletin-number {
    width: 100%;
    margin-bottom: 0.2rem;
    padding-bottom: 2px;
    background-color: #53565a;
    padding-left: 25%;
    font-weight: 900;
    color: white;
}
.line1 { color: #53565a; width: 100%;padding-left: 5px;    padding-top: 2px;    padding-right: 5px; margin-bottom: 0rem; font-weight:900; }
.line2 { color: #53565a; width: 100%;padding-left: 5px;    padding-right: 5px; margin-bottom: 0rem; font-weight:900; font-size:14px; }
.line3 { color: #53565a; width: 100%;padding-left: 5px;    padding-right: 5px;margin-bottom: 0.2rem; font-size:14px; }
.oilpricing hr { border-top: 1px solid #ffcd00 !important; margin-top: 0rem; }
 .oilpricing   .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
.oil-prices {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 2px;
    padding-left: 25%;
    font-weight: 900;
    color: #53565a;
}
.pricing-date {
    width: 100%;
    margin-bottom: 0.2rem;
    padding-bottom: 2px;
    background-color: #ffcd00;
    font-weight: 900;
    color: #53565a;
}

#industries .goldbar .special-heading-border { margin: 20px auto; }
#segments .goldbar .special-heading-border { margin: 20px auto; }
#mainvideo .avia_codeblock a { min-height: 320px; display: block; text-indent: -9999px; }
.videoblock .avia_codeblock a { min-height: 125px; display: block; text-indent: -9999px; }

.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.imagegrid { display: flex; margin-left: 30%; margin-top: 30px;  }
.imagegrid div { width: 40%; }
.imagegrid div img { max-height: 40px; width: auto; }


.news-thumb img {
    width: 100% !important;
    height: 100% !important;
}

/* OWL CAROUSEL */
.carousel-item { margin: 0 5px; }
.carousel-title { padding: 5px 0 0; margin: 0; flex: 1; }
.carousel-excerpt { flex: 2; }
.carousel-content { padding: 10px; display: flex; flex-direction: column; height: 250px;  }
.carousel-content .readmore { flex:1; }

/* OWN IT - Home Page */
#floatingimage { position: absolute; z-index: 100; width: 300px; top: 0px; right: 0; }
.avia_mobile #floatingimage { position: relative; }
.safetypledge h2 span { font-weight: 700 !important; }
#crudeoil { position: relative; z-index: 500; }

/* Own It Landing Page */
.page-id-8110 #main { position: relative; z-index: 100; }
.page-id-8110 .template-page.content { padding: 0 !important; margin-top: -4px; }
.page-id-8110 .container_wrap_first { position: relative; z-index: 9999; }
#floatinghead { position: absolute; z-index: 99; max-width: 649px; top: 5px; }
#ownit_top { position: relative; z-index: 100; }
.safetyfirst span { color: #dc6e24; }

#internships .container { max-width: 100vw !important; width: 100vw !important; }

/* News Grid */
.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.news-item {
    background: #f2f2f2;
    padding: 0;
}
.news-wrap { padding: 1rem; }
.news-thumb {
    width: 100%;
    height: auto;
	float: none !important; 
	border: 0;
	background: transparent !important;
	margin: 0 !important;
}
.news-item h3 {
    margin: 1rem 0;
    font-size: 1.2em;
	color: #f5c226;
}
.news-meta {
    color: #666;
    font-size: 0.9em;
}
.news-excerpt { font-size: 12px; }
.read-more {
    display: inline-block;
    margin-top: 0.5rem;
    color: #0073aa; font-weight: 700;
    text-decoration: none;
	background: #f5c226; border-radius: 15px; padding: 0 8px; 
	font-size: 12px; 
}
@media (max-width: 768px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
}


/* Menu */
#menu-item-1763 ul li a { font-size: 24px; font-weight: bold; }

#mega-menu-item-nav_menu-5, #mega-menu-item-nav_menu-6 { width: 50% !important; float: left !important; }
#mega-menu-item-nav_menu-7, #mega-menu-item-nav_menu-8 { width: 50% !important; float: left !important; }
#mega-menu-item-nav_menu-9, #mega-menu-item-nav_menu-10 { width: 50% !important; float: left !important; }

.mega-menu-row { margin-bottom: -9px; }
.mega-menu-column.mega-menu-columns-8-of-12 { padding: 10px !important; }
.mega-menu-item.mega-menu-item-type-widget.widget_media_image { padding: 0 !important; }
.mega-menu-item.mega-menu-item-type-widget.widget_media_image img { width: 100%; }

.mega-menu-item .textwidget a { height: initial !important; line-height: 12px !important; }
.mega-menu-item.mega-menu-item-type-widget.widget_nav_menu li a { height: initial !important; line-height: 12px !important; background: none !important; padding: 0 !important; }
.mega-menu-item.mega-menu-item-type-widget.widget_nav_menu ul { background: none !important; }

/* Pages */
#legacy { background-size: 43% !important; }

#ess .avia-image-container { position: relative; z-index: 1000; }
#ess .avia-image-container img { max-height: 53px; width: auto; }
#ess .overlay {      
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0%; left: 0; 
    padding-right: 4px;
    z-index: 1; background: rgba(0,0,0,.5);
}
#ess .flex_column:hover .overlay { background: rgba(245, 194, 38, 0.7); mix-blend-mode: multiply;  }
#ess .flex_column:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.gridbox > .row { display: flex; justify-content: center; }
.gridbox > .row > div { text-align: center; }
.gridbox > .row .row { margin-bottom: 0 !important; }

/* Grid Images */
#gridimages .flex_cell { position: relative; min-height: 250px; }
#gridimages .flex_cell .flex_cell_inner { z-index: 100;  }
#gridimages .flex_cell .overlay {     width: 100%;
    height: 100%;
    position: absolute;
    top: 0%; left: 0; 
    padding-right: 4px;
    z-index: 1; }
#gridimages .flex_cell:hover .overlay { background: rgba(245, 194, 38, 0.7); mix-blend-mode: multiply; }

.gridrow { display: flex; margin: 30px 5% 0;  }
.gridrow > div { width: 100%; position: relative; }
.gridrow .image-overlay { display: none !important; }
.gridrow div a { display: block; }
.gridrow div h3 { text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    word-wrap: break-word;
    white-space: normal;
    width: 100%;
    position: absolute;
    top: 0;
    padding-top: 55%;
    font-weight: 900;
    padding-bottom: 20px;
    font-size: 24px;
    color: white;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    height: 97%;
}
.gridrow .overlay { position: absolute; width: 100%; height: 97%; top: 0; }
.gridrow > div:hover .overlay {     background: rgba(245, 194, 38, 0.7); mix-blend-mode: multiply; }

#av_section_1.zoomed {
  transition: transform 1s ease;
  animation: bgZoom 15s infinite linear;
}

@keyframes bgZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.10);
  }
}