@charset "UTF-8";

/*
Theme Name: OPCI 2021
Theme URI: http://www.opci.com
Author: Rigney graphics
Author URI: http://www.rineygraphics.com
Description: A custom Wordpress theme built for the OPCI website.
Version: 2.0
*/

* {
	margin: 0;
	outline: 0;
	padding: 0;
}


/*==================================
*** HTML TAG STYLES
==================================*/
blockquote { padding: 0 3em 1.3em; }

body {
	color: #4c4c4c;
	font-family: "Ubuntu", sans-serif;
	font-size: 16px;
	line-height: 22px;
}

body, html { height: 100%; }

h1, h2, h3 { color: #000000; }

h1 {
	font-size: 38px;
	font-weight: 300;
	line-height: 40px;
}

h2,
#sideNav .menu>li>a {
	font-size: 22px;
	line-height: 24px;
	
}

h2 {
	font-weight: 600;
	padding: 0 0 1em;
}

h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	padding: 0 0 10px;
}

img{ vertical-align: top; }
li { padding: 0 0 0.5em; }
ol, ul { padding: 0 1em .8em; }
p { padding: 0 0 1.3em; }
strong { color: #000000; }

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td { vertical-align: top; }
ul { list-style-type: disc; }
ul ul { padding-top: 0.5em; }


/*==================================
*** LINK STYLES
==================================*/
a, a>strong {
	color: #007acc;
	text-decoration: none;
}

#footer a { color: #000000; }
a:focus, a:hover { text-decoration: underline; }
a img { border: 0; }

li.current_page_item>a {
	color: #000000;
	font-weight: bold;
}

a#headerLogin {
	background: url(images/icon-login.png) no-repeat 0 50%;
	float: right;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 4px;
	padding: 0 0 0 15px;
	text-shadow: 0px 1px 1px #FFFFFF;
}

a#headerLogin:focus, a#headerLogin:hover {
	color: #000000;
	text-decoration: none;
}

.download-cell-link a:focus, .download-cell-link a:focus>strong, .download-cell-link a:hover, .download-cell-link a:hover>strong {
	color: #000000;
	text-decoration: none;
}

#mainStage a, #mainStage a>strong { color: #91d3ff; }
#mainStage h2>a { color: #FFFFFF; }
#mainStage h2>a:focus, #mainStage h2>a:hover { text-decoration: none; }

#sideNav h2>a, #sideNav li>a { display: block; }

#sideNav h2>a { padding: 10px 0; }

#sideNav li>a {
	border-bottom: 1px solid #CCCCCC;
	font-size: 13px;
	line-height: 15px;
	padding: 14px 0;
}

#sideNav>ul>li>a { text-transform: uppercase; }
#sideNav ul.children a { border: 0; }

#sideNav a:focus, #sideNav a:hover {
	color: #000000;
	text-decoration: none;
}

.sub-split-sidebar .textwidget {
	font-size: 14px;
	line-height: 16px;
}


/*==================================
*** SHELL STYLES
==================================*/
.chart-header { background: #337aa8; }

.chart-header>th {
	color: #FFFFFF;
	text-align: left;
}

.chart-table { width: 100%; }

.chart-table td, .chart-table th {
	font-size: 13px;
	line-height: 15px;
	padding: 10px 15px;
}

.chart-table td { border-top: 1px solid #FFFFFF; }
.chart-table tr.even>td { background: #f5f8fb; }
.chart-table tr.odd>td { background: #e3f0f9; }
#footer, #footer:after, #push { height: 90px; }

#footer {
	background: url(images/footer-repeat.gif) repeat-x;
	overflow: hidden;
}

#footer p { padding: 0 0 0.7em; }

#footerContainer {
	background: url(images/footer.jpg) no-repeat 50% 0px;
	color: #FFFFFF;
	font-size: 12px;
	height: 70px;
	line-height: 14px;
	min-width: 985px;
	padding: 20px 0 0;
}

#footerNav li {
	display: inline-block;
	padding: 0 20px 0.7em 0;
}

#footerNav ul { padding: 0; }

#header {
	background: url(images/nav.png) no-repeat 50% 0px;
	padding: 7px 0 0;
	min-height: 60px;
}

#headerNav {
	float: left;
	text-align: right;
	width: 643px;
}

#headerWrapper {
	background: url(images/nav-repeat.png) repeat-x;
	height: 67px;
	position: absolute;
	z-index: 10;
	width: 100%;
}

#homeContent {}
#homeFeatures { padding: 0 0 1.6em; }

.home-icon {
	display: table-cell;
	padding-bottom: 0.3em;
	vertical-align: top;
	width: 92px;
}

.home-product { display: table; }

#homeRightCap {
	color: #000000;
	font-size: 19px;
	font-weight: 300;
	line-height: 25px;
	padding: 0.6em 0;
}

#homeRightCap>p { padding: 0; }

.home-specialty {
	display: table-cell;
	padding-bottom: 0.3em;
	vertical-align: middle;
}

#homeIntro {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 2.6em;
	padding: 46px 0 1.6em;
	text-align: center;
}

.intro { padding: 0 0 2.6em; }

#logo {
	float: left;
	width: 322px;
}

.main {
	margin: 0 auto;
	padding: 0 10px;
	width: 965px;
}

#mainStage {
	background: #000000;
	height: 480px;
	overflow: hidden;
	padding: 60px 0 0;
}

#mainStage>div {
	color: #FFFFFF;
	height: 480px;
	text-shadow: 1px 1px 4px #333333;
}

#mainStage h2 {
	color: #FFFFFF;
	font-size: 72px;
	font-weight: 300;
	line-height: 64px;
	padding: 0 0 10px;
}

#mainStage p {
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 0.7em;
}

#sectionContent { padding: 2.6em 0 0; }

#sectionHeader {
	background-color: #000000;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 300px;
	min-width: 985px;
}

#sectionHeader>div {
	height: 302px;
	position: relative;
}

#sectionHeader>div>h1 {
	bottom: 45px;
	color: #FFFFFF;
	font-size: 72px;
	font-weight: 300;
	line-height: 74px;
	padding: 0;
	position: absolute;
	text-shadow: 1px 1px 4px #333333;
}

#subContent { padding: 60px 0 1.3em; }
.sub-content-split { background: url(images/sub-body-repeat.png) repeat-y; }

#subHeader {
	display: table;
	margin-top: 35px;
	width: 100%;
}

#subNav, #subTitle {
	display: table-cell;
	vertical-align: bottom;
}

#subNav {
	font-size: 13px;
	line-height: 15px;
	text-align: right;
}

#subNav h2 { display: none; }

#subNav ul {
	list-style-type: none;
	padding: 0;
}

#subNav ul>li {
	display: inline-block;
	margin-left: 20px;
	padding: 0;
}

#subTitle { width: 350px; }

.three-cols-left, .three-cols-right {
	float: left;
	width: 301px;
}

.three-cols-left { padding-right: 30px; }

.two-cols-left, .two-cols-right {
	float: left;
	width: 462px;
}

.two-cols-left { padding-right: 40px; }

.two-cols-split-left, .two-cols-split-right {
	float: left;
	width: 216px;
}

.two-cols-split-left { padding-right: 30px; }

#wrapper {
	height: auto !important;
	height: 100%;
	margin-bottom: -90px; 
	min-height: 100%;
	min-width: 985px;
}

#wrapper:after {
	content: "";
	display: block;
}


/*==================================
*** NAV STYLES
==================================*/
ul#p7menubar>li {
	display: inline-block;
	padding: 2px 0 5px 25px;
}

ul#p7menubar>li>a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #FFFFFF;
	line-height: 26px;
	text-transform: uppercase;
}

ul#p7menubar>li>a:focus, ul#p7menubar>li>a:hover {
	color: #000000;
	text-decoration: none;
}

#nav {}

#nav li, #nav ul {
	list-style-type: none;
	padding: 0;
}


/*==================================
*** FORM STYLES
==================================*/
img.wpcf7-captchac {
	margin-bottom: 5px;
}

input[type=submit] {
	background: #007acc;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
	text-align: center;
	text-shadow: 1px 1px 1px #3a3a3a;
	text-transform: uppercase;
}

input[type=submit]:focus, input[type=submit]:hover { cursor: pointer; }

input[type=email], input[type=text], textarea {
	background: #FFFFFF !important;
	border: 1px solid #b5b5b5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px;
}

input[type=email]:focus, input[type=email]:hover, input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover { border: 1px solid #007acc; }

input.wpcf7-captchar,
input.wpcf7-text {
	width: 300px;
}

textarea.wpcf7-textarea {
	width: 300px;
}

.form-container {
	background: #F4F4F4;
	padding: 15px 15px 0;
}

.form-field {
	float: left;
	width: 317px;
}

.form-label {
	float: left;
	padding-right: 15px;
	text-align: right;
	width: 100px;
}

.wpcf7-response-output {
	background: #FFFFFF !important;
	margin: 1em 2em 2em 1.3em !important;
	padding: 1em !important;
}



/*==================================
*** JQUERY.CYCLES.JS STYLES
==================================*/
#homeNavigation, #homeNavigationWrapper, #homePager, #homeSlidesNext, #homeSlidesPrev { display: none; }

#mainStage {
	background: #000000;
	overflow: hidden;
	padding: 60px 0 0;
}

.slide {
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important;
	height: 480px;
	left: 0;
	min-width: 985px !important;
	right: 0;
	top: 0;
	width: 100% !important;
}

.slide>div {
	color: #FFFFFF;
	margin: 0 auto;
	padding: 165px 0 0;
	text-shadow: 1px 1px 4px #333333;
	width: 965px;
}

#slides h2 {
	color: #FFFFFF;
	font-size: 72px;
	font-weight: 300;
	line-height: 74px;
	padding: 0 0 10px;
}

#slides p {
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 0.7em;
}


/*==================================
*** MISC. STYLES
==================================*/
h2.archive-title { padding: 0 0 0.1em; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#_atssh { display: none !important; }

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	display: block;
	float: left;
	padding: 0 2em 1em 0;
}

.alignright {
	display: block;
	float: right;
	padding: 0 0 1em 2em;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.entry-summary {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1.3em;
}

.pad0 { padding: 0; }
.section { padding-bottom: 1.3em; }

.section-bordered {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1.3em;
	padding-bottom: 1.3em;
}

.section-bordered-nomargin {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 1.3em;
}

.sub-split-body {
	float: left;
	padding: 40px 40px 0 0;
	width: 642px;
}

.sub-split-sidebar {
	float: left;
	padding: 20px 0 0 30px;
	width: 253px;
}

#sideNav h2 {
	font-weight: 400;
	padding: 0;
}

#sideNav li { padding: 0; }

#sideNav ul {
	list-style-type: none;
	padding: 0;
}

#sideNav ul.menu {
	margin: 0 0 1.3em;
}

#sideNav .sub-menu {
	text-transform: uppercase;
}

#sideNav ul.children {
	border-top: 0;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 20px;
}

.table { display: table; }

.table .download-cell-link {
	line-height: 18px;
	vertical-align: middle;
}

.table .download-cell-icon { width: 94px; }
.table .table-cell { display: table-cell; }

.textcaps { text-transform: uppercase; }
.textcenter { text-align: center; }

.textlarge {
	font-size: 20px;
	line-height: 24px;
}

.textright { text-align: right; }

.textsmall {
	font-size: 13px;
	line-height: 16px;
}