/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.0.56l
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags:         one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

.hero-product-arcticpro2 {
  background: url(../img/hero/product-hero-arcticpro2.jpg) 15% center no-repeat;
  background-size: auto;
}

ul.ftr-menu li {
	line-height: 1em;
	margin-top:  .6em;
}

#blog_subscription-2, #email-subscribers-2 {
	background-color: #f8f8fa;
	padding: 15px;
}

#blog_subscription-2 .widget-title, #email-subscribers-2 .widget-title {
	font-size: 1.25rem;
}

.gravity-form-wrapper {
  margin-bottom: 15px;
  padding: 20px;
  background-color: #f2f2f2;
}

.gform_confirmation_message {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  text-align: center;
}


/*** Side Tabs ***/

#tab-side-container {
  background: #fff;
  border: solid 1px;
}
#tab-side-container > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  float: left;
  border-right: solid 1px;
  width: 33%;
}
#tab-side-container > ul li {
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: solid 1px;
}
#tab-side-container > ul li a {
  display: block;
  padding: 15px 0;
  outline: none;
}
#tab-side-container > ul li a:hover {
  text-decoration: underline;
}
#tab-side-container > ul li.selected-tab {
  background: #fff;
  position: relative;
  left: 1px;
  border-style: solid;
  border-width: 1px 0;
}
#tab-side-container > ul li:first-child.selected-tab {
  border-top: none;
}
#tab-side-container > ul li a.selected-tab {
  font-weight: bold;
  text-decoration: none;
  background: #e1eff3;
}
#tab-side-container .panel-container {
  background: #fff;
  padding-top: 5px;
  padding-left: 120px;
}

#tab-side-container ul h5 {
	color: #006097;
	font-weight: 600;
	font-size: .9em;
}

#tab-side-container ul p {
	color: #000;
	font-weight: 300;
	font-size: .8em;
}

.job-tab {
	padding: 0 20px;
}

.job-listing {
	padding: 20px;
	height: 777px;
	overflow-y: scroll;
}

.btn-tertiary {
	background-color: #900; 
	border-color: #ece6e1;
  color: #fff;
	margin-top: 8px;
}

.btn-tertiary:hover {
  background-color: #f0eeec;
  color: #900;
	border-color: #ece6e1;
}

/*** Chip Panel ***/

.chip-panel {
	background-color: #fff;
	border: solid 1px #ccc;
	box-shadow: 3px 3px 4px #ccc;
	padding: 24px;
	margin-top: 1.5em;
}

@media (min-width: 576px) {
  .chip-panel {
  	min-height: 258px;
  }
}

/**** Tabs *****/

nav > .nav.nav-tabs {
  border: none;
  color:#000;
  background: transparent;
  border-radius:0;
}

nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active {
  border: none;
  padding: 18px 25px;
  color: #000;
  background-color: transparent;
  border-radius:0; 
  border-bottom: 4px solid #aaa;
}

nav > div a.nav-item.nav-link.active {
  border-bottom: 4px solid #cc0000;
}

.tab-content{
  background: #fdfdfd;
  line-height: 25px;
  border: 0px solid #ddd;
  border-bottom: 1px solid #aaa;
  padding: 30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus {
  border: none;
  background: transparent;
  color: #c00;
  border-radius:0;
  transition:background 0.2s linear;
  border-bottom: 4px solid #c00;
}

@media (max-width: 767px) {
	nav > div a.nav-item.nav-link,
	nav > div a.nav-item.nav-link.active {
		padding: 18px 5px;
		font-size: .9em;
	}
}

.hero-product-topography {
  background: url(img/hero/hero-products-topography.jpg) center top no-repeat;
  background-size: auto;
  background-size: cover;
}

.hero-hearables-gated-landing-page {
  background: url(img/hero/hero-hearables-gated-landing-page.jpg) center top no-repeat;
  background-size: auto;
  background-size: cover;
}

.hero-company-new-1 {
  background: url(/wp-content/uploads/2020/06/hero-product8.jpg) center top no-repeat !important;
  background-size: auto;
  background-size: cover;
}

#input_4_5_6_label { display: none; }

.home-news-row p {
  float: left;
  width: 85% !important;
  line-height: 1.5em;
}

#email-subscribers-3 {
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #aaa;
}

#email-subscribers-3 .es_submit_button {
	padding: .625rem 1.5rem;
	background: #e33a40;
	color: #fff;
	letter-spacing: 1px;
}

#recent-posts-2 {
	margin-top: 1em;
}

.site-ja .ubermenu-items-align-right {
	text-align: left;
}

@media (min-width: 768px) {
#menu-item-6342 {
	margin-right: 100px;
	
}
}

a {
	text-decoration: underline !important;
}

/** product tables **/

.small .tbl-tr-inverse-5 {
	font-size: 160%;
}


div.table-container-scroll table tr td:not(:first-child) {
    text-align: center;
}


.table-container-scroll::-webkit-scrollbar {
    width: var(--scrollbar-width, 30px);
    height: var(--scrollbar-height, 30px);
}

.table-container-scroll::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color, #aaaaaa);
    border: var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));
}

/**
.wrapper-page-nav {
  padding: 10px 0 !important;
}

.wrapper-page-nav a {
display: inline-block;
margin-top: .8rem;
}
**/