/*
 * EY top 10 themes of quarterly oil and gas earnings CSS
 * last update 3 November 2016 11:40 AM - JD
 */

 .eyhero { background: none #2c973e; }

 .section0 { background-attachment: fixed; }

 @media screen and (max-width: 768px) { .section0 { padding: 0; } }

 @media (max-width: 480px) { .section0 .container { padding: 0; } }

 /*.og-themes .og-quarter { transition: all 0.8s; transform: scale(0.67); }*/

 .og-themes .og-quarter.is-selected { transform: scale(1); }

 .og-themes .og-main-header {
   background: #3c3c3c;
   padding: 15px;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }

 .og-themes .og-main-header > [class$="arr"] {
   max-width: 40px;
   height: 40px;
   border-radius: 50%;
   transition: all 0.25s;
   border: 3px solid transparent;
   cursor: pointer;
 }

 .og-themes .og-main-header [class$="arr"] img { height: 100%; }

 .og-themes .og-main-header [class$="arr"]:hover { border-color: #ffe600; }

 .og-themes .og-main-header > * { flex: 1 1 auto; }

 .og-themes .og-main-header:nth-child(2) { flex: 5; }

 .og-themes .og-main-header h2 { padding: 0; margin: 0; color: #fff; text-align: center; width: auto; font-family: "EYInterstate", "Interstate", "eyfont", Helvetica, Arial, sans-serif; letter-spacing: 0.05em; max-width: 200px; }

 .og-themes .accordion { counter-reset: section; margin-bottom: 40px; }

 .og-themes .accordion p { margin: 0 0 1em; }

 .og-themes .accordion > * { box-shadow: 0 3px 10px rgba(68, 68, 68, 0.6); border-radius: 0; border: 1px solid #888888; border-collapse: collapse; }

 .og-themes .accordion > :nth-child(odd) { background: #555; padding: 15px; margin: 0; }

 .og-themes .accordion > :nth-child(odd) > * { color: #fff; }

 .og-themes .accordion > :nth-child(odd) > h3 { margin: 0 0 0 80px; padding-left: 50px; max-width: 800px; font-family: "EYInterstate", "Interstate", "eyfont", Helvetica, Arial, sans-serif; }

/*.og-themes .accordion > :nth-child(odd) > h3:before { position: absolute; transform: translateX(-50px); font-weight: 700; font-size: 24px; }*/

.og-themes .accordion > :nth-child(odd) > div.row-counter { position: absolute; top: 11px; left: 93px; font-weight: 700; font-size: 24px; font-family: "EYInterstate", "Interstate", "eyfont", Helvetica, Arial, sans-serif; }

 .og-themes .accordion > :nth-child(even) { background: #fff; }

 .og-themes .accordion .ui-accordion-content { padding: 1em 3.5em; }

 @media (max-width: 480px) { .og-themes .accordion .ui-accordion-content { padding: 1em; } }

 .og-themes .trend { display: flex; position: absolute; padding: 10px; top: 0; left: 0; bottom: 0; width: 55px; background: #ccc; background-size: 36px !important; }

 .og-themes .trend svg { width: 100%; }

 .og-themes .trend.even { background: url("https://cdn.ey.com/echannel/gl/en/industries/oil---gas/EY-top-10-themes-of-quarterly-oil-and-gas-earnings/img//icon-nochange.svg") no-repeat center #00A3BB; }

 .og-themes .trend.down { background: url("https://cdn.ey.com/echannel/gl/en/industries/oil---gas/EY-top-10-themes-of-quarterly-oil-and-gas-earnings/img//icon-falling.svg") no-repeat center #F04B3E; }

 .og-themes .trend.up { background: url("https://cdn.ey.com/echannel/gl/en/industries/oil---gas/EY-top-10-themes-of-quarterly-oil-and-gas-earnings/img//icon-rising.svg") no-repeat center #2c973e; }

 .og-themes .trend.new { background: url("https://cdn.ey.com/echannel/gl/en/industries/oil---gas/EY-top-10-themes-of-quarterly-oil-and-gas-earnings/img//icon-new.svg") no-repeat center #91268F; }

 .blockquote { border: 5px solid #ffe600; border-width: 5px 0; padding: 20px 0; color: #555; background: #f0f0f0; width: 100%; margin: 1em 0; }

 .blockquote > * { width: 90%; color: #6f6f6f; font-size: 16px; margin-left: auto !important; margin-right: auto !important; }

 .blockquote cite { font-style: normal; display: block; text-align: right; font-family: "EYInterstate", "Interstate", "eyfont", Helvetica, Arial, sans-serif; font-size: 16px; }

 @media screen and (min-width: 480px) { .og-columns { column-gap: 15px; column-count: 3; }
   .og-flexbox { display: flex; flex-wrap: wrap; }
   ul.default-ul { margin-bottom: 0; } }

 @media (min-width: 768px) { #OGthemes { max-width: 720px; margin-left: auto; margin-right: auto; } }

 #OGthemes .og-quarter { width: 100%; margin-right: 10px; }

 .main-header .container .eyscrollogo { margin-left: 20px; }

 @media (min-width: 768px) { .maincolumn { padding: 0; float: none; margin: 0; width: 100%; } }

 .OG-legend { width: 100%; background-color: #2f2e2e; padding: 10px 20px; color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.47) inset; border-top: 2px solid rgba(0, 0, 0, 0.55); font-size: 12px; }

 .OG-legend > *:last-child { float: right; display: block; }

 @media (max-width: 414px) { .OG-legend > *:last-child { float: none; text-align: center; margin-top: 10px; } }

 .OG-legend > *:last-child a { color: #ffe600; }

 .no-change, .trend-down, .trend-up { display: inline-block; margin-right: 20px; }

 .no-change:before, .trend-down:before, .trend-up:before { content: ''; display: inline-block; width: 12px; height: 12px; background-color: #2c973e; margin-right: 5px; }

 .trend-down:before { background-color: #F04B3E; }

 .no-change:before { background-color: #00A3BB; }

 .article > section.section0, .eyhero { background-attachment: fixed !important; background-position: 0 0 !important; }

 .article > section.section0:before, .eyhero:before { display: none; }

 .frame3x2 { top: 65%; }

 .quarterly-themes-content, .quarterly-review-content {
   /*display: none;*/
 }

 .retrieving-contents {
     display: none;
     z-index: 1020;
     background-color: #fff;
     position: fixed;
     top: 50%;
     left: 50%;
     height: 70px;
     width: 270px;
     margin-top: -35px;
     margin-left: -135px;
     border: 1px solid #999;
     padding-top: 20px;
     padding-left: 20px;
     -webkit-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.5);
     box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.5);
     background-color: #f0f0f0;
     color: #333;
     font-size: 125%;
     border-radius: 3px 3px 3px;
     font-weight: bold;
 }
 .retrieving-contents img {
     float: left;
     margin-right: 10px;
 }

 /*# sourceMappingURL=ogtrends.css.map */