/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.site-logo img {
    width: 145px;
}

.slideout-logo {
  padding: 20px 10px 0;
}

.slideout-logo img {
  width: 145px;
}

.main-navigation.sub-menu-right .sf-menu, .main-navigation.sub-menu-right .menu-bar-items {
  margin-bottom: -28px;
}

.main-navigation .menu-bar-item {
  color: #1b75bc;
}

.single .main-navigation .main-nav ul li.current_page_parent > a {
  color: #1b75bc;
}

input[type=search].search-field {
  border: 2px solid #1b75bc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.main-navigation .search-item a {
  font-size: 20px;
}

@media (min-width: 930px) {
  .main-navigation .search-item a {
    padding-bottom: 5px;
  }
}

.navigation-search input[type="search"] #text-field-container {
    color: #080808;
}

ul#menu-news-categories {
  margin: 0 0 40px 0; 
  padding: 0; 
	list-style-type: none; 
  list-style-image: none; 
}

ul#menu-news-categories li {
  display: inline;
}

ul#menu-news-categories li:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #d3d3d3;
  margin-left: 18px;
  margin-right: 14px;
  position: relative;
  top: 1px;
}

ul#menu-news-categories li:last-child:after {
  width: 0px;
}

@media (max-width: 767px) {
  ul#menu-news-categories li {
    display: block;
  }
  ul#menu-news-categories li:last-child:after {
    width: 1px;
  }
}

ul#menu-news-categories li a {
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
}

ul#menu-news-categories li a {
  font-size: 14px;
  color: #080808;
  font-weight: 400;
}

ul#menu-news-categories li.current-menu-item a {
  color: #23408f;
  font-weight: 600;
}

ul#menu-news-categories li a:hover {
  color: #23408f;
}

h1, h2, h3, h4, h5, h6 {
  overflow-wrap: normal;
}

h1, h2, h3 {
	font-family: proxima-nova-condensed, sans-serif;
}

@media (max-width: 767px) {
  .mobile-gradient::before {
    opacity: 0.2;
  }
} 

.hr-menu-container {
  margin: 0 20px;
}

.hr-menu {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    padding: 0 14px;
}

hr.animated-hr:before {
    content: url('images/hr-circle.png');
    position: absolute;
    top: -9px;
    left: 0px; 
}

hr.animated-hr:after {
    content: url('images/hr-circle.png');
    position: absolute;
    top: -9px;
    right: 0px;
}

hr.animated-hr {
    animation: expand .5s ease-in-out;
    background-color: #1b75bc;
    margin: 9px 0;
    overflow: visible;
  }

hr.animated-hr-black:before {
    content: url('images/hr-circle-black.png');
    position: absolute;
    top: -10px;
    left: 0px; 
}

hr.animated-hr-black:after {
    content: url('images/hr-circle-black.png');
    position: absolute;
    top: -10px;
    right: 0px;
}

hr.animated-hr-black {
    animation: expand .5s ease-in-out;
    background-color: #000000;
    margin: 9px 0;
    overflow: visible;
  }
  
  @keyframes expand {
    0% {
      transform: scaleX(0);
    }
    100% {
      transform: scaleX(1);
    }
  }

.search-results .site-content {
  position: relative;
}

.search-results .page-title {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 8px 40px 0px;
}

.search-results .page-header {
  padding-bottom: 40px;
}

.search-results h2.entry-title, .blog h2.entry-title, .category h2.entry-title {
	font-family: Arial, Helvetica, sans-serif;
	font-style: initial;
	font-size: 28px;
	text-transform: none;
}

.category header h1 {
  display: none;
}

.entry-content ul li {
  margin-bottom: 8px;
}

.entry-content ul li:last-child {
  margin-bottom: 0px;
}

@media (max-width: 1280px) {
  .gb-container.home-header-surface-container > .gb-inside-container, h2.gb-headline.home-header-surface, p.gb-headline.home-header-surface {
    margin-left: 0px;
    padding-left: 0px;
  }
}

@media (min-width: 769px) and (max-width: 1280px) {
  p.gb-headline.home-header-surface {
    padding-right: 150px;
  }
}

  @media (max-width: 767px) {
    /* Home top */
    .diag-left-to-right-top {
      clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
    } 
    /* Home bottom */
    .diag-right-to-left-bottom {
      clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
    }
    /* Careers */
    .diag-right-to-left-top-bottom {
      clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    }
    /* Markets & Tech - row 1 */
    .diag-right-to-left-top-bottom2 {
      clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
    }
    /* Solar */
    .diag-left-to-right-top-bottom {
      clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
    }
    /* Markets & Tech row 2 */
    .diag-right-to-left-bottom-top {
      clip-path: polygon(0 0%, 100% 25%, 100% 75%, 0 100%);
    }
    .diag-trichlorosilane {
      clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%);
    }
    .diag-polysilicon {
      clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    }
    .diag-electronics-1 {
      clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
    }
    .diag-electronics-2 {
      clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
    }
    .diag-technologies-1 {
      clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    }
    .diag-technologies-2 {
      clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 100%);
    }
    .diag-sustainability-2 {
      clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    }
    .diag-sustainability-3 {
      clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0 100%);
    }
    .diag-giving-back-1 {
      clip-path: polygon(0 0%, 100% 30%, 100% 70%, 0 100%);
    }
    .diag-giving-back-2 {
      clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    }
    .diag-student-opportunities-1 {
      clip-path: polygon(0 0%, 100% 25%, 100% 75%, 0 100%);
    }
    .diag-giving-about-1 {
      clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    }
    .diag-energy-storage {
      clip-path: polygon(0 0%, 100% 20%, 100% 80%, 0 100%);
    }
  }

@media (min-width: 767px) and (max-width: 1024px) {
  
  .diag-left-to-right-top {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
  } 
  .diag-right-to-left-bottom {
    clip-path: polygon(0 0, 100% 0%, 100% 85%, 0 100%);
  }
  .diag-right-to-left-top-bottom {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
  }
  .diag-right-to-left-top-bottom2 {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
  }
  .diag-left-to-right-top-bottom {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-right-to-left-bottom-top {
    clip-path: polygon(0 0%, 100% 25%, 100% 75%, 0 100%);
  }
  .diag-trichlorosilane {
    clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
  }
  .diag-polysilicon {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-electronics-1 {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-electronics-2 {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
  }
  .diag-technologies-1 {
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
  }
  .diag-technologies-2 {
    clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%);
  }
  .diag-sustainability-2 {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
  }
  .diag-sustainability-3 {
    clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%);
  }
  .diag-giving-back-1 {
    clip-path: polygon(0 0%, 100% 30%, 100% 70%, 0 100%);
  }
  .diag-giving-back-2 {
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
  }
  .diag-student-opportunities-1 {
    clip-path: polygon(0 0%, 100% 25%, 100% 75%, 0 100%);
  }
  .diag-giving-about-1 {
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
  }
  .diag-energy-storage {
    clip-path: polygon(0 0%, 100% 20%, 100% 80%, 0 100%);
  }
}

@media (min-width: 1025px) {
  
  .diag-left-to-right-top {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
  } 
  .diag-right-to-left-bottom {
    clip-path: polygon(0 0, 100% 0%, 100% 75%, 0 100%);
  }
  .diag-right-to-left-top-bottom {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  }
  .diag-right-to-left-top-bottom2 {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
  }
  .diag-left-to-right-top-bottom {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-right-to-left-bottom-top {
    clip-path: polygon(0 0%, 100% 25%, 100% 75%, 0 100%);
  }
  .diag-trichlorosilane {
    clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
  }
  .diag-polysilicon {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-chips-solar {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  }
  .diag-electronics-1 {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-electronics-2 {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
  }
  .diag-technologies-1 {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-technologies-2 {
    clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0 100%);
  }
  .diag-sustainability-2 {
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
  }
  .diag-sustainability-3 {
    clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0 100%);
  }
  .diag-giving-back-1 {
    clip-path: polygon(0 0%, 100% 30%, 100% 70%, 0 100%);
  }
  .diag-giving-back-2 {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-student-opportunities-1 {
    clip-path: polygon(0 0%, 100% 25%, 100% 75%, 0 100%);
  }
  .diag-giving-about-1 {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 75%);
  }
  .diag-energy-storage {
    clip-path: polygon(0 0%, 100% 20%, 100% 80%, 0 100%);
  }
}

.entry-content ul ul {
  list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGUlEQVQY02NgoCtgrK2t/U9IERN93UQ9AAAfJQJ6R189bQAAAABJRU5ErkJggg==);
}

.entry-content ul ul ul {
  list-style: circle;
}

.entry-content a {
  font-weight: 600;
  text-decoration: none;
}

.entry-content a:hover {
  text-decoration: underline;
}

.entry-content .gb-button-wrapper a {
  text-decoration: initial;
}

.entry-content .gb-button-wrapper a:hover {
  text-decoration: initial;
}

.entry-content a.gb-button:hover, .site-footer  a.gb-button:hover, .wp-block-button .wp-block-button__link:hover {
  text-decoration: none;
}

.page-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding: 8px 40px 20px;
  font-family: Arial;
  text-transform: none;
  font-size: 16px;
  font-style: normal;
  color: #666666;
}

.category .page-title, .single .page-title {
  margin-bottom: 16px;
}

#breadcrumbs {
	padding-left: 16px;
}

#breadcrumbs a {
	color: #666666;
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumb_last {
	font-weight: 600;
}

.single-post h1 {
  font-family: proxima-nova-condensed, sans-serif;
  font-size: 35px;
  line-height: 1.2;
}

 body .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 3px;
}

input[type=submit], .wp-block-button .wp-block-button__link {
  padding: 6px 30px 4px;
  border-radius: 20px;
}

.home-scroll-button {
  display: flex;
  flex-direction: column;
}

.home-scroll-button .gb-button-text {
  line-height: 1.1em;
}

@media (max-width: 768px) {
  .gb-container.circle-cta {
    max-width: 255px;
    min-height: 255px;
  }
}

.gb-button.home-scroll-button .gb-icon {
  padding-left: 0px;
}

.svg-container .gb-inside-container {
  position: relative;
} 
  
#homeSVG {
  position: absolute;
  top: 650px;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 730px;
  margin-left: -65px;
}

@media (max-width: 769px) {
  #homeSVG {
    height: 474px;
    /* width: 545px; */
    top: 480px;
  }
}

/* #leadershipSVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 635px;
  height: 730px;
  z-index: 10;
} */

#solarSVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 530px;
  z-index: 10;
}

#sustainabilitySVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 650px;
  z-index: 10;
}

#sustainability2SVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 600px;
  z-index: 10;
}

#technologiesSVG, #technologies2SVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 530px;
  z-index: 10;
}

#electronicsSVG, #electronics2SVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 530px;
  z-index: 10;
}

#marketsSVG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 730px;
  z-index: 10;
}

#trichlorosilaneSVG {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  /* width: 635px; */
  height: 730px;
  z-index: 10;
}

#polysiliconSVG {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  /* width: 10px; */
  height: 530px;
  z-index: 10;
}

@media (max-width: 1024px) {
  #trichlorosilaneSVG {
    left: 40px;
  }
  #polysiliconSVG {
    right: 40px;
  }
}

@media (max-width: 767px) {
  #homeSVG, #leadershipSVG, #solarSVG, #marketsSVG, #trichlorosilaneSVG, #polysiliconSVG, #electronicsSVG, #electronics2SVG, #technologiesSVG, #technologies2SVG, #sustainabilitySVG, #sustainability2SVG {
    display: none;
  }
  div.gb-headline.polysilicon-headline {
    color: #ffffff;
    text-shadow: #000000 1px 1px 3px;
  }
}

@media (max-width: 769px) {
  .gb-container.diag-technologies-1:before {
    opacity: .7;
  }
}
  
.slideout-navigation::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}

.slideout-navigation::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

.slideout-navigation::-webkit-scrollbar-thumb:vertical {
  background: rgba(0,0,0,0.3);
  -webkit-border-radius: 100px;
}
.slideout-navigation::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.4);
  -webkit-border-radius: 100px;
}

.slideout-navigation .slideout-menu {
  font-weight: 500;
  padding: 10px;
}

.slideout-navigation.main-navigation .main-nav ul li a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 44px;
  padding: 0;
}

.slideout-navigation.main-navigation .main-nav > ul > li > a {
  line-height: 44px;
}

nav.main-navigation.offside.is-open {
  width: 85%;
}

.offside-js--is-left.slide-opened div.slideout-overlay button.slideout-exit {
  left: 85%;
}

@media screen and (min-width:480px) {
  nav.main-navigation.offside.is-open {
      width: 320px;
  }

  .offside-js--is-left.slide-opened div.slideout-overlay button.slideout-exit {
      left: 320px;
  }
}

.slideout-menu li.menu-item-has-children .dropdown-menu-toggle {
  padding-left: 17px;
  padding-right: 17px;
  border: 1px solid #ddd;
  border-bottom: none;
  font-size: 24px;
  margin-top: 0;
}

.slideout-menu li li.menu-item-has-children .dropdown-menu-toggle{
  border-right: none;
}

.slideout-menu li.menu-item-has-children.menu-item-75 .dropdown-menu-toggle {
  border-bottom: 1px solid #ddd;
}

.slideout-menu li.menu-item-has-children.menu-item-75.sfHover .dropdown-menu-toggle {
  border-bottom: none;
}

body .slideout-navigation .main-nav, .slideout-navigation .slideout-widget:not(:last-child) {
  margin-bottom: 60px;
}

li.menu-item-has-children .dropdown-menu-toggle[aria-expanded="true"] {
  background-color: #3b88c5;
}

li.menu-item-has-children:last-of-type .dropdown-menu-toggle {
  border-bottom: 1px solid #ddd;
}

ul.sub-menu.toggled-on {
  border-right: 1px solid #ddd;
}

ul ul ul.sub-menu.toggled-on {
  border-right: 0px solid #ddd;
}

#generate-slideout-menu.main-navigation .main-nav ul ul {
  background-color: #3b88c5;
  box-shadow: none;
  padding-left: 10px;
  box-sizing: border-box;
}

#generate-slideout-menu.main-navigation .main-nav ul ul ul {
  background-color: #5296cc;
}

body.dropdown-hover nav.slideout-navigation:not(.toggled) ul ul .dropdown-menu-toggle {
  background-color: #5296cc;
}

#nav-below .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
#nav-below .page-numbers.current,
#nav-below a.page-numbers:hover {
	background: #1b75bc;
  color: #ffffff;
}

.wp-block-gallery.media-center-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
  padding-bottom: 2%;
}

.wp-block-gallery.media-center-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  width: 330px;
}

@media (min-width: 769px) {
  .row-border {
    position: relative;
    border-right: 1px solid #000000;
  }
  
  .row-border:after {
    content: url('images/hr-circle-black.png');
    position: absolute;
    height: 15px;
    width: 15px;
    bottom: -13px;
    right: -8px;
  }
  .row-border-white {
    position: relative;
    border-right: 1px solid #ffffff;
  }
  
  .row-border-white:after {
    content: url('images/hr-circle-white.png');
    position: absolute;
    height: 15px;
    width: 15px;
    bottom: -13px;
    right: -8px;
  }
}

.site-footer {
  border-top: 1px solid #ddd;
}

/* hide footer border on Home, Solar, Markets & Technology pages */
.home .site-footer, .page-id-13 .site-footer {
  border-top: 0px solid #ddd;
}

.page-id-3157 .page-title {
  text-transform: initial;
}

.page-id-5190 #breadcrumbs {
	display: none;
}

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-width: 769px) {
  .footer-widget-2 {
    position: relative;
    border-left: 1px solid #000000;
    margin-left: 40px;
  }
  
  .footer-widget-2:before {
    content: url('images/hr-circle-black.png');
    position: absolute;
    height: 15px;
    width: 15px;
    top: -16px;
    left: -8px;
  }
}

.site-footer {
	margin-top: 60px;
}

.site-footer a {
  text-decoration: none;
  font-weight: 600;
}

.site-footer a:hover {
  text-decoration: underline;
}

.site-footer .copyright a {
  font-weight: 400;
}

.footer-contact-button {
	font-weight: 600 !important;
}

@media (max-width: 768px) {
  .gb-container.social-icon {
    max-width: 60px;
    min-height: 60px;
  }
  .gb-container.social-icon h2 {
    font-size: 30px;
    padding-top: 15px;
  }
}

.site-info {
  text-align: left;
}

#page .gform-theme--foundation {
	--gf-form-gap-y: 28px;
}