/* ====================================== */
/* ====================================== */
/* SPE Header & Footer CSS                */
/* ====================================== */
/* ====================================== */
/* INCLUDE Vars */
/* INCLUDE Mixins */
/* INCLUDE COLORS */
/* INCLUDE HEADER */
/* INCLUDE COLORS */
#spe-header {
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px 0;
  -khtml-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px 0;
  -o-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px 0; }

#logo, #global-nav li a.loginLink span, #search .GoogleSiteSearch #gssSubmitButton, .link-icon, #social-media-links li a, #mobile-nav .clickToggle span {
  background: url("/static/img/spe/header-sprite1.2.png") no-repeat; }

.link-text {
  display: inline-block; }

.link-icon {
  float: left;
  width: 70px;
  margin-right: 3px;
  display: inline-block; }
  .link-icon.events-calendar {
    background-position: 0 -57px;
    height: 30px; }
  .link-icon.training-courses {
    background-position: 0 -87px;
    height: 30px; }
  .link-icon.web-events {
    background-position: 0 -117px;
    height: 15px; }
  .link-icon.distinguished-lect {
    background-position: 0 -132px;
    height: 35px; }
  .link-icon.jpt {
    background-position: 0 -167px;
    height: 18px; }
  .link-icon.ogf {
    background-position: 0 -185px;
    height: 26px; }
  .link-icon.peer {
    background-position: 0 -211px;
    height: 33px; }
  .link-icon.hse {
    background-position: 0 -244px;
    height: 35px; }
  .link-icon.calendar {
    background-position: 0 -279px;
    height: 33px; }
  .link-icon.onepetro {
    background-position: 0 -312px;
    height: 24px; }
  .link-icon.petrowiki {
    background-position: 0 -336px;
    height: 35px; }
  .link-icon.energy4me {
    background-position: 0 -371px;
    height: 47px; }
  .link-icon.connect {
    background-position: 0 -418px;
    height: 30px; }

.link-summary {
  font-size: 13px;
  color: #808080;
  clear: left; }

.publist a {
  height: 50px; }

.pubs {
  padding-top: 0 !important; }

/* GLOBAL NAV */
.global-nav {
  min-height: 31px;
  border-bottom: 1px solid #000000;
  background-color: #1c1d22;
  margin: 0; }
  .global-nav ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none; }
    .global-nav ul li {
      float: left;
      white-space: nowrap;
      margin: 0;
      line-height: 18px; }
      .global-nav ul li a {
        display: block;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
        line-height: 30px;
        color: #DDDCDC;
        padding: 0 14px;
        margin: 0 8px 0 0; }
        .global-nav ul li a:hover {
          color: #FFFFFF;
          background-color: #000000; }
    .global-nav ul li:first-child a {
      margin-left: -14px; }

#translate-widget {
  float: right; }

.goog-te-gadget-simple {
  background-color: transparent !important;
  border: none !important;
  padding: 4px 12px !important; }

.goog-te-gadget, .goog-te-gadget-simple .goog-te-menu-value {
  color: #9c9fac !important;
  font-size: 11px !important;
  font-weight: 700 !important; }

.goog-te-menu-value:hover {
  text-decoration: none; }

/* END GLOBAL NAV */
/* *************************************** */
/* LOGO + SEARCH (White Bar) */
/* *************************************** */
#branding {
  min-height: 100px;
  background-color: #FFFFFF;
  padding: 0 15px; }

.logo-wrap {
  padding: 20px 0 0 20px; }
  .logo-wrap img {
    max-width: 400px; }

.spe-logo {
  display: block;
  margin: 21px 0 0 10px; }

#logo {
  text-indent: -9999px;
  background-position: 0 0; }

.welcomemsg {
  font-size: .8em;
  font-weight: 600; }

/* Search */
#search, .search {
  float: right;
  margin-left: auto !important;
  margin-right: auto !important; }

#search select {
  display: none; }

/* Not displaying select box in header search. Is displayed on SRP. */
#search .searchForm {
  width: 235px;
  height: 32px;
  margin: 0;
  border-radius: 5px;
  background-color: #e0e4eb; }

#search .GoogleSiteSearch #gssTextInput {
  float: left;
  font-size: 14px;
  border: none;
  -webkit-appearance: none;
  background: none;
  width: 197px;
  margin: 7px 0 0 0;
  height: 20px;
  outline: none; }

#search .GoogleSiteSearch #gssSubmitButton {
  float: left;
  width: 19px;
  height: 17px;
  background-position: 0 -812px;
  border: none;
  padding: 0;
  margin: 7px 0 0 10px; }

#search ::-webkit-input-placeholder {
  color: #e0e4eb; }

#search :-moz-placeholder {
  color: #e0e4eb; }

#search ::-moz-placeholder {
  color: #e0e4eb; }

#search :-ms-input-placeholder {
  color: #e0e4eb; }

.fullwidthwhite {
  background-color: #FFFFFF;
  width: 100%; }

/* *************************************** */
/* *************************************** */
/* ** GSC Search                        ** */
/* *************************************** */
.gsc-input {
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #e0e4eb !important; }

.gsc-input-box {
  border: none !important;
  background: none !important;
  height: 32px !important;
  padding: 0 0 0 5px !important;
  margin: 0 !important; }

.gsc-input-box table,
.gsc-input-box table td {
  border: none !important;
  background: none !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important; }

td.gsc-search-button {
  padding: 6px 8px 6px 8px !important; }

.gsc-search-button {
  margin: 0 !important;
  background-color: #e0e4eb !important;
  color: #23406c !important; }

.gsc-search-button input {
  color: #23406c !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important; }

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 !important; }

table.gsc-search-box td.gsc-input {
  padding: 0 !important; }

table.gsc-search-box td.gsc-input {
  padding: 0 !important; }

.gse-search {
  width: 300px; }

/* INCLUDE COLORS */
/* PRIMARY NAV BEGIN */
.navbar-toggle {
  border: none; }

.navcontainer {
  background-color: #26416c;
  width: 100%; }

.navbar {
  font-family: "Open Sans","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding: 0;
  min-height: 55px; }

/* change the link color */
.navbar-spe .navbar-nav .nav-link {
  color: white; }

.navbar-nav {
  min-height: 55px; }

.nav-link {
  padding: 1rem 1rem 0 1rem; }
  .nav-link:hover {
    background-color: #FFFFFF;
    color: #0D4C92 !important; }

.subbynav .nav-link:hover {
  background-color: transparent;
  color: #4E4E4E !important;
  text-decoration: underline; }

.white-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.white-toggler.navbar-toggler {
  border-color: white; }

table.gsc-search-box {
  margin-top: 0px !important; }

/* INCLUDE FOOTER */
/* INCLUDE COLORS */
#spe-footer {
  background-color: #25282d;
  padding: 25px 0;
  width: 100%; }
  #spe-footer .nav-container {
    margin-left: 0;
    margin-right: 0; }
  #spe-footer ul, #spe-footer li {
    margin: 0;
    padding: 0; }
  #spe-footer li {
    white-space: nowrap;
    display: inline-block; }
    #spe-footer li a {
      text-decoration: none;
      display: block;
      font-weight: 600;
      color: #9c9fac;
      -webkit-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out; }
      #spe-footer li a:hover {
        color: #FFFFFF;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }

.footleft {
  text-align: center; }

.footright {
  text-align: right; }

#text-links li, #text-links #legal-links li, #legal-links li, #legal-links #legal-links li {
  margin: 0 2em 0 0; }

#text-links li {
  text-transform: uppercase;
  font-size: 17px;
  line-height: 1.5em; }

#legal-links {
  margin: .5em 0 0 0;
  float: left; }

.copyright, #legal-links li {
  font-size: 14px; }

.copyright {
  float: left;
  width: 100%;
  margin: 28px 0 0 0;
  clear: both;
  border-top: 1px solid #7d7d7d;
  padding-top: 4px;
  color: #7d7d7d; }

#social-media-links-footer li a {
  font-size: 2em;
  margin-left: 3px; }

#social-media-links-footer #connect {
  width: 30px;
  height: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkY2MxNjYwZi1hYzc1LTRjNTYtYjJkNy1mMmJlYTEyNDM2ZjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUIyREQyN0FCNUY2MTFFOTk1MUNBNzhBOTE3MTAyRDQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUIyREQyNzlCNUY2MTFFOTk1MUNBNzhBOTE3MTAyRDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkY2MxNjYwZi1hYzc1LTRjNTYtYjJkNy1mMmJlYTEyNDM2ZjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZGNjMTY2MGYtYWM3NS00YzU2LWIyZDctZjJiZWExMjQzNmY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4FeHdAAAAd9JREFUeNrsmc8rhEEYx+d9jYONlPAHuChxcnJw2SIcpORAiXJRykVclZzYo3JRbqT2Igd/gNbJWU7ckRQnbK/vtLMZ4/2hbZ/nUeupz+47O+++n3fenZ153neCg8OistEDRkAAIvUVbjmuTmV8Vi3fgRJ4NYWlxWkRr7YfFsCaoo97MARupbwhXsaZpCa6wZndFvGaBs8o3uiz3VjEaxrcqfijVcobqgaLhm/wLmgDOdBiyTnvv9mO+47pwjsp58Hm1d5ctlWdrwhiG2w4ZRFv6EzQJj4Ie9O7VxbxhiknwTlesHlDr2tRRpRRZvFyjtKBkolAqsGRUIN//MJ/4sr/Jx6EDY6Yul3aoBVxdmk3yoTico11dfX6Dc4TivM11tXVq73KE3DsZCdmYGkGp+A84YC9YCXl0YyJJjCbMmCxebUnbwfL3oGvwWbM/eyAFY6Crhr+VyJenbHDlao8YHu2J2iu6jBYBf2E3ZDMq1NGyEswCd7AFBgD8/a2izIRIfXqhATgCeyBObAABpkSD3JvUpfuAEcCeQG5tyEzrQcB74uU1zS4yCy9UZXlDxFvaCf2ApP0EUzYbRFvddBaB/uqsvwRqfiFrLhMxp9eAi+pcPc360kX6vvDOnbvpwADAHOtiBH1snRgAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-top: 3px; }
  #social-media-links-footer #connect:hover {
    background-position: -30px 0px; }

.footspace {
  height: 20px; }

#connectul {
  float: right; }

/* *************************************** */
/* *************************************** */
body {
  font-family: "Open Sans","HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }