/*
"Theme" Name: Bay Area Circuits New - (New Theme not from WordPress)
*/

@import url("style-fork.css?v=6");
/*
@import url("../Comodo/style.css");
*/
/*
@import url("https://bayareacircuits.com/wp-content/themes/Comodo/style.css");
*/
/*
@import url("https://bayareacircuits.com/wp-content/themes/industrial/style.css");
*/

/*
body {
	background-image: url("images/background.jpg") !important;
	background-repeat: repeat-x !important;
	background-color: #e1e1e1 !important;
	font-family: 'titilliumregular','Titillium Web', sans-serif !important;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');
body {
/*	background-image: none;  */
/*	background-image: url('https://bayareacircuits.com/wp-content/themes/bayareacircuits/images/page-homes.jpg');  /* Existing image of Oxford Blue #001f3c */
	background-image: url('../img/newer-background.jpg');  /* Oxford Blue #001f3c */
	background-repeat: repeat-x;
	background-position: 0% 0px; /* 223px; */
	background-color: #e5e5e5 !important;  /* Platinum Grey */
	font-family: 'Open Sans', sans-serif !important;  /* Open Sans - TODO Regular */
}

body.home .entry {
/*	background: url('https://bayareacircuits.com/wp-content/themes/bayareacircuits/images/page-homes.jpg') no-repeat top !important;  */
	padding-top: 0px;
}

/*
@font-face {
    font-family: 'titillium_bdbold';
    src: url('fonts/titillium-bold-webfont.eot');
    src: url('fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-bold-webfont.woff') format('woff'),
         url('fonts/titillium-bold-webfont.ttf') format('truetype'),
         url('fonts/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_bdbold_italic';
    src: url('fonts/titillium-bolditalic-webfont.eot');
    src: url('fonts/titillium-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-bolditalic-webfont.woff') format('woff'),
         url('fonts/titillium-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/titillium-bolditalic-webfont.svg#titillium_bdbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumbold_upright';
    src: url('fonts/titillium-boldupright-webfont.eot');
    src: url('fonts/titillium-boldupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-boldupright-webfont.woff') format('woff'),
         url('fonts/titillium-boldupright-webfont.ttf') format('truetype'),
         url('fonts/titillium-boldupright-webfont.svg#titilliumbold_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumlight_italic';
    src: url('fonts/titillium-lightitalic-webfont.eot');
    src: url('fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-lightitalic-webfont.woff') format('woff'),
         url('fonts/titillium-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/titillium-lightitalic-webfont.svg#titilliumlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumlight_upright';
    src: url('fonts/titillium-lightupright-webfont.eot');
    src: url('fonts/titillium-lightupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-lightupright-webfont.woff') format('woff'),
         url('fonts/titillium-lightupright-webfont.ttf') format('truetype'),
         url('fonts/titillium-lightupright-webfont.svg#titilliumlight_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumitalic';
    src: url('fonts/titillium-regularitalic-webfont.eot');
    src: url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regularitalic-webfont.woff') format('woff'),
         url('fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumregular_upright';
    src: url('fonts/titillium-regularupright-webfont.eot');
    src: url('fonts/titillium-regularupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regularupright-webfont.woff') format('woff'),
         url('fonts/titillium-regularupright-webfont.ttf') format('truetype'),
         url('fonts/titillium-regularupright-webfont.svg#titilliumregular_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumbold_italic';
    src: url('fonts/titillium-semibolditalic-webfont.eot');
    src: url('fonts/titillium-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibolditalic-webfont.woff') format('woff'),
         url('fonts/titillium-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/titillium-semibolditalic-webfont.svg#titilliumbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumsemibold_upright';
    src: url('fonts/titillium-semiboldupright-webfont.eot');
    src: url('fonts/titillium-semiboldupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semiboldupright-webfont.woff') format('woff'),
         url('fonts/titillium-semiboldupright-webfont.ttf') format('truetype'),
         url('fonts/titillium-semiboldupright-webfont.svg#titilliumsemibold_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumthin_italic';
    src: url('fonts/titillium-thinitalic-webfont.eot');
    src: url('fonts/titillium-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-thinitalic-webfont.woff') format('woff'),
         url('fonts/titillium-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/titillium-thinitalic-webfont.svg#titilliumthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumthin_upright';
    src: url('fonts/titillium-thinupright-webfont.eot');
    src: url('fonts/titillium-thinupright-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-thinupright-webfont.woff') format('woff'),
         url('fonts/titillium-thinupright-webfont.ttf') format('truetype'),
         url('fonts/titillium-thinupright-webfont.svg#titilliumthin_upright') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumblack';
    src: url('fonts/titillium-black-webfont.eot');
    src: url('fonts/titillium-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-black-webfont.woff') format('woff'),
         url('fonts/titillium-black-webfont.ttf') format('truetype'),
         url('fonts/titillium-black-webfont.svg#titilliumblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumlight';
    src: url('fonts/titillium-light-webfont.eot');
    src: url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-light-webfont.woff') format('woff'),
         url('fonts/titillium-light-webfont.ttf') format('truetype'),
         url('fonts/titillium-light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumregular';
    src: url('fonts/titillium-regular-webfont.eot');
    src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regular-webfont.woff') format('woff'),
         url('fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumbold';
    src: url('fonts/titillium-semibold-webfont.eot');
    src: url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibold-webfont.woff') format('woff'),
         url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumthin';
    src: url('fonts/titillium-thin-webfont.eot');
    src: url('fonts/titillium-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-thin-webfont.woff') format('woff'),
         url('fonts/titillium-thin-webfont.ttf') format('truetype'),
         url('fonts/titillium-thin-webfont.svg#titilliumthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/*
h1,h2,h3 {
	font-family: 'titilliumregular','Titillium Web', sans-serif !important;
	font-weight: bold !important;
}
*/
h1,h2,h3 {
	font-family: 'Open Sans', sans-serif !important;  /* Open Sans - TODO Regular */
	font-weight: bold !important;
}

/*p {
	font-family: 'titilliumsemibold_upright', 'Titillium Web', sans-serif !important;
}*/

div.social-icons {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

div.social-icons ul li {
	display: inline;
}

#menu-item-23 a {
       /**
	background: url('https://bayareacircuits.com/wp-content/themes/bayareacircuits/images/home.png') no-repeat center center !important;
        **/
	width: 24px;
	padding: 5px 12px !important;
	height: 18px !important;
}

.topnav a {
	font-size: 16px !important;
	padding: 5px 10px !important;
	font-weight: 600 !important;
}

.topnav ul.sub-menu li a {
	text-align: left;
	font-size: 15px !important;
}

.menu ul li a:hover {
	color: #0074e2 !important;
}

.topnav li:hover {
	background: none !important;
}

.topnav ul li:hover {
	background-color: #0074e2 !important;
}

.topnav ul li:hover > a, .topnav li li.sfHover > a {
	background: none !important;
	background-color: #0074e2;
}

.topnav ul.sub-menu ul.sub-menu {
	min-width: 15em;
}

.sf-shadow ul {
	background: none !important;
}

.inner-wrap {
	background-image: none !important;
	background-color: #ffffff !important;
}

.post a, .post .entry a {
	color: #0074e2 !important;
	font-weight: bold !important;
}
.post a:hover, .post .entry a:hover {
	color: #001F3C !important;
}

.column3 p {
	margin-bottom: 20px;
}

.post a.shortcode_button {
	background-color: #0074e2 !important;
	color: white !important;
	background-image: none !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	text-transform: none !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

ul.check li {
	list-style-image: none !important;
}

div.menu {
	background-color: #001f3c !important;
	font-weight: bold !important;
	background-image: none;
}

div.social {
	display: none;
}

.footer ul li, .footer, .footer ul li a, .footer a {
	color: #000000 !important;
}

.footer ul li {
	font-size: 14px !important;
	padding-top: 3px !important;
}

.footer .topnav li a {
	font-size: 11px !important;
	margin: 0px;
	padding: 0px !important;
}

#copyright {
	font-style: normal !important;
	font-size: 10px;
}

/*Pages*/

.main-title {
	padding: 2px 0px !important;
}

.main-title * {
	padding: 0px !important;
}

.main-title h1, .main-title h2, .main-title h3 {
	font-size: 2.0em !important;
}

.menu ul li.current-cat>a, .menu ul li.current_page_item>a, .menu ul li.current-menu-item>a {
	background-color: inherit !important;
	color: #0074e2 !important;
}

.left.blog-layout {
    width:600px;
}

.left.blog-layout .post {
    float:none;
    width:100%;
}

.left.blog-layout .portfolio-format .post .hover-box {
}

.left.blog-layout .portfolio-format .post  .pic_bg {
    width:290px;
    float:left;
    margin:0px 10px 10px 0px;
}

.left.blog-layout  .pic_bg a  {
    text-align:left;
}

.left.blog-layout  .entry  {
    margin-left:190px;
}

/*New Home Page Edits*/

body.home .entry .row-1 {
	height: 417px;
}

.fromtheblog {
	width: 90%;
	margin: 0 15px;
	float: left;
}

.fromtheblog h2, .post .entry .recentblogs h2 a {
	color: #0292ce !important;
	font-size: 18px !important;
}

.post .entry .fromtheblog h3 a {
	color: white !important;
	font-size: 14px;
}

.post .entry .fromtheblog a.read-more {
	color: #0292ce !important;
}

.pic_bg_home {
	float: left;
	margin-right: 10px;
}

.pic_bg_home img {
	width: 75px;
	height: 70px;
	padding: 3px;
	border: thick solid white;
}

.recentblogs {
	overflow: hidden;
	width:300px;
}

.recentblogs ul li {
	list-style-type: square;
}

.post .entry .recentblogs ul li a {
	color: white !important;
}

.soliloquy-container .soliloquy-control-nav {
	right: 20px;
}

#soliloquy-container-3031 {
	width: 920px !important;
	height: 265px !important;
}

div.uds-bb-button.uds-bb-playpause.uds-center.pause {
	display: none !important;
}


.uds-bb-paginator.oldskool .uds-bb-button span {
	background: none !important;
}

.home .row-2 p {
	margin-bottom: 20px;
}

/*Homepage Recent Tweets*/
.latest-tweets ul li {
	list-style-type: none;
}

.post .entry .recentblogs .latest-tweets ul li p a {
	color: #0292ce !important;
}

.tweet-details time {
	float:right;
	font-style: italic;
	color: white !important;
	font-weight: normal;
}

/*Material Library Table*/

body.page-id-3161 table, body.page-id-3161 table td, table.tableborder, table.tableborder td {
	border: thin solid #ebebeb;
	font-size: 11px;
}

body.page-id-3161 table td strong, table.tableborder td strong {
	font-size: 13px;
	text-align: center;
}

/*Help Center*/

.helpcenter {
	text-align:right; 
	font-weight:bold; 
	margin-bottom:5px;
}

.helpcenter a {
	color: #0074e2;
}

/*Footer*/

.cols {
	padding-right: 80px;
}

.blue a {
	color: #2b74d2 !important;
}

/*Table Styles*/

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-size: 12px;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
      }
      
td.tdwidth {width: 175px;}

td.coltwo {
	width: 500px;
}

td.colthree {
	width: 90px;
}

.caldera-grid span.help-block {
	display: inline;
	margin-left: 5px;
}

.caldera-grid span.help-block span {
	display: none;
}

.help-block {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.help-block:before {
	content: "\f05a";
	visibility: visible;
}

.caldera-grid .baccheckbox span.help-block {
	position: relative;
    top: 3px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.caldera-grid .baccheckbox span.help-block {
		position: relative;
    	top: 0;
	}
	
	.caldera-grid span.help-block {
		display: inline-block;
		margin-left: 5px;
	}
}

.caldera-grid .baccheckbox div {
	float: left;
	clear: both;
}

div.cta-block {
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		clear: both;
		display: table;
	}
	div.cta-block:after {
		display: block;
		content: "";
		clear: both;
	}
	div.cta-text {
		width: 70%;
		display: table-cell;
		padding-left: 50px;
		padding-right: 25px;
	}
	div.cta-text p {
		margin-bottom: 2em;
	}

	div.cta-button {
		width: 30%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	div.cta-button a {
		display: block;
		width: 160px;
		margin: 0;
		font-size: 22px;
		background: #0074e2;
		padding: 15px 20px;
		font-weight: bold;
		color: white!important;
	}
	
.left .post .wpmetadata .category a{
	background: transparent;
	padding-left: 0px;
}

/*Alert Banner*/

.alert-banner {
	background: red;
	padding-top: 9px;
	padding-bottom: 9px;
}

.alert-banner h2, .alert-banner h3, .alert-banner h4, .alert-banner h5, .alert-banner p, .alert-banner a {
	color: white;
	line-height: 1.5;
}

.alert-banner a {
	text-decoration: underline;
}