/*
 Theme Name: Optco
 Description: The custom theme Optco using the parent theme Twenty Seventeen.
 Author: Denise Harker
 Author URI: dryke.com
 Template: twentyseventeen
 Version: 1
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
body{
background: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin: 0px;
padding: 0px;
font-weight:400;
}
#masthead{
background: #ffffff;
}

.body{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin: 0px;
padding: 0px;
font-weight:100;

}


.site-content-contain {
    background: none!important;
}

.entry-header{
	
display:none;

}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    
float: none;
width: 100%;

}

.widget-title {
margin-top: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
color: #FFF;
padding-bottom: 5px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 4px;
}
.widget-title{
color:#000000!important;
}
.welcomep{
line-height: 24px;    
text-align: justify;  
letter-spacing: 1px;

}

.wrap {
    
max-width: 1000px;
    
padding-left: 0;
    
padding-right: 0;
		

}

.home .panel-grid {
    box-shadow: 0;
}
.panel-grid {
    box-shadow: 0;
}

.widget_text {
    
word-wrap: normal;

}
.site-footer {
    display: block;
    clear: both;
}

.site-footer .wrap {
    padding-top: 0 !important;
}

.site-footer {
    margin-top: 0 !important;
}
.site-foot-opt {
    display: block;
    background-image: url(/wp-content/themes/optco/images/ftr_bg.png);
    clear: both;
width:100%;
padding:20px;
}
.site-footer .wrap {
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
}
#foot-opt #ftr_inside {
    width: 960px;
    margin: 0 auto;
    padding: 0px;
    font-size: 14px;
    height: 95px;
}
#foot-opt #ftr_inside div {
    float: left;
}
#trade_shows {
    padding: 10px 20px;
    margin-bottom: 30px;
display: table;
    clear: both;
    background-image: url(/wp-content/themes/optco/images/texture7.jpg);
    -moz-box-shadow: 3px 3px 3px #807b74;
    -webkit-box-shadow: 3px 3px 3px #807b74;
    box-shadow: 3px 3px 3px #807b74;
    height: 132px;
margin:auto;
max-width:1000px;
}
#trade_shows h2 {
    color: #000;
    border-bottom-color: #000;
    text-shadow: 0 0 4px #fff,0 0 4px #fff;
    margin-top: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 8px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 4px;
}
#trade_shows a {
    color: #000;
    display: block;
    float: left;
    text-decoration: none;
    width: 220px;
    line-height: 19px;
    font-size: 13px;
    text-shadow: 0 0 4px #fff, 0 0 4px #fff;
    transition: text-shadow 0.25s;
}
#trade_shows a img {
    float: left;
    margin-right: 10px;
    transition: box-shadow 0.25s;
}
.tradeshow{
float:left;
}

h2 {
    margin-top: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    color: #FFF;
    padding-bottom: 5px;
    font-family: SourceSansProBold;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 4px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;

    font-weight: bold;
}
.site-footer {
    border-top: 0;
}
#foot-opt #ftr_inside div h4 {
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 13px;
    font-weight: bold;
margin:0;
}
#foot-opt #ftr_inside div div {
    margin-right: 50px;
}
#foot-opt #ftr_inside div .address_title {
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #000;
    padding-bottom: 1px;
}
#foot-opt #ftr_inside div p {
    margin: 0px;
}
#foot-opt #ftr_inside {
    font-size: 12px;
}
#foot-opt #ftr_inside #chc {
    float: right;
    width: 260px;
}
#foot-opt #ftr_inside #chc #chc_txt {
    float: left;
    margin-top: 12px;
    margin-right: 0px;
}
#foot-opt #ftr_inside img {
    float: left;
    margin-right: 5px;
    border: none;
}
.navigation-top{
background: #000000;
letter-spacing: 2px;
text-transform:lowercase;
}
.main-navigation a:hover {
    color: #000000;
}
.main-navigation a {
    color: #ffffff;
}
.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
    text-align: right;
}
#logo-opt{
    width: 1000px;
    margin: auto;
}
#optco{
width: 150px;
z-index: 10000;
position: relative;
top: 10px;
}
.site-header {
    background-color: transparent;
height:100px;
}
.panel-content .wrap {
    padding-top: 0;
}
#pg-5-0, #pl-5 .so-panel {
    padding-bottom: 0 !important;
}
#pghead{
width:1000px;
height:225px;
}
#content{
padding-top:0;
}
#pghead .textwidget{
}
#pghead .textwidget{
margin:0!important;
height:225px;
overflow:hidden;
}
#pghead h3{
font-size: 42px;
float: right;
letter-spacing:5px;
padding: 150px 0px 0 0;
text-shadow: 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 3px 3px 3px #222;
color:#ffffff;
text-transform:uppercase;
font-family: 'Courier Prime', monospace;
}
.panel-grid-cell .so-panel{
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
}

.textwidget p{
text-align:justify;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #ffffff;
}
.widget {
    padding-bottom: 0;
}
a:link{
    color: #b22e26;
box-shadow: none!important;
}
a:visited{
    color: #b22e26;
box-shadow: none!important;
}
a:hover{
    color: #4b853e;
}
a:active{
    color: #b22e26;
box-shadow: none!important;
}
.main-navigation a {
    color: #ffffff !important;
}
#content {
    padding-bottom: 0!important;
}
.entry-content a img, .widget a img {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.wp-caption, .gallery-caption {
    color: #666;
    font-size: 15px !important;
    font-size: 0.8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
    text-align: center;
    display: inline-block;
}
.cert_logo {
    float: left !important;
    margin-right: 15px;
    margin-bottom: 25px;
    clear: left;
    margin-top: 6px;
}
#pg-17-2{
line-height:1;
}
.bold {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000;
font-weight:700;
}
.white_inside {
    padding: 10px;
        padding-bottom: 10px;
    text-shadow: none;
    background-image: url(/wp-content/uploads/2018/02/white_transparent_bg.png);
    color: #000;
}
.white_inside2 {
    background-image: url(/wp-content/uploads/2018/02/white_transparent_bg.png) !important;
    box-shadow: inset 0 0 50px #5e5347, 3px 3px 3px #b1a696 !important;
padding: 10px;
}

.staff_member a {
    text-decoration: none;
    background-image: url(/wp-content/uploads/2018/02/email_icon.png);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    font-size: 14px;
    padding-left: 25px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    line-height: 14px;
    float: right;
}
.staff_member {
    width: 32.3%;
    float: left;
    clear: none;
    margin-right: 1%;
    margin-bottom: 15px;
    line-height: 1.4;
}
@media screen and (max-width: 780px) {
.staff_member {
    width: 96%;
    float: none;
    clear: both;
    margin-right: 0;
    margin-bottom: 15px;
    line-height: 1.4;
}
#pg-13-0> .panel-row-style {
    max-width: 100%!important;
background-size:contain!important;
height:100px;
}
#pghead {
    width: 100%!important;
    height: auto!important;
}
}

.navigation-top {
    border-bottom: 0;
    border-top: 0;
margin-top: 80px !important;
height: 40px;
letter-spacing: 0;
font-size: 1em;
line-height: 1;
width: 1000px !important;
margin: auto;
}
.navigation-top .wrap {
    padding: 0;
}
.main-navigation a {
    padding: 10px 20px;
}
.main-navigation ul ul a {
    padding: 10px;
    width: auto;
}
#optco::after{
content:"ORGANIC PRODUCTS TRADING COMPANY";
color:#000000;
font-size:2.5em;
text-align: right;
position: absolute;
top: 0px;
width: 840px;
font-family: 'Courier Prime', monospace;

}
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    padding-top: 30px;
}
.main-navigation ul ul {
    background: #444444;
    border: 0;
    right: 0 !important;
    width: 150px;
}
.main-navigation ul ul a {
    width: auto;
    font-size: .8em;
text-transform: lowercase;
}
.sub-menu li:hover {
    background: #555555!important;
}
.main-navigation li li {
    text-align: left;
}
.main-navigation a:hover {
    background: #555555!important;
}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.cf_table{
margin:0;
padding:0;
}
.cf_table td{
border: 0!important;
padding: 0!important;
}
@media screen and (max-width: 780px) {
.navigation-top {
    margin-top: -48px !important;
}
}
.home .panel-content .wrap {
    padding-bottom: 8px;
}
#warehouseLocations{
box-shadow: 3px 3px 3px #d3c8b8;
margin: 0 0 20px 0;
    display: table-cell;
font-size:.8em;
line-height: 19px;
    font-size: 14px;
font-weight:600;
}
#ifram-off{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    min-height: 2850px;
    overflow: hidden;
height:100%;
}
#ifram-off iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#offpage{
    background-image: url(/wp-content/uploads/2018/02/texture4_seamless.jpg);
    background-repeat: repeat;
    padding: 20px 20px 20px 20px;
margin-top:25px;
}
@media only screen and (max-width: 1050px){
.mob-menu-header-holder {
    background: #ffffff;
    height: 140px;
}
#masthead{
display:none;
}
.site-footer {
     width: 90%;
    margin: auto;
padding:20px;
}
}
.mobmenu-content {
  background: #ffffff!important;
}

@media only screen and (max-width: 1050px){
#foot-opt #ftr_inside #chc {
    float: none!important;
    width: 100%;
    padding-top: 20px;
}
#foot-opt #ftr_inside div {
    float: none;
}
#ftr_inside img {
    float: none !important;
    display: block;
margin: 0px auto!important;
    text-align: center;
}
#foot-opt #ftr_inside {
max-width:100%!important;
margin:auto;
    height: auto;
    display: inline-block;
    text-align: center;
}
#ftr_inside div {
    float: none !important;
    text-align: center;
    clear: both !important;
    margin: 0 0 25px !important;
}
#foot-opt #ftr_inside div .address_title {
    width: 80%;
    margin: 0 auto 5px auto;
}
.page-id-13 #pghead h3 {
    padding: 0!important;
}
#pghead .textwidget {
    margin: 0!important;
    height: 100%;
    overflow: hidden;
}
#pghead h3 {
    font-size: 2em;
    float: right;
    letter-spacing: 5px;
    padding: 80px 0 0 0;
}
}
.site-footer .widget-column.footer-widget-1 {
    float: left;
    width: 100%;
}
#panel-w5aa948b977f6d-0-0-0{
box-shadow:none!important;
}
.site-footer .panel-grid-cell .so-panel {
    box-shadow: none!important;
}
#trade_shows {
    width: 100%;
}
.mob-menu-slideout-over.show-nav-left .mob-menu-left-panel {
    background: #D0C6BA url(/wp-content/themes/optco/images/burlap_bg.jpg);
}
#pghead {
    max-width: 100% !important;
}
#trade_shows p{
float:left;
}

#panel-782-1-0-0{
box-shadow:none!important;
}

}
@media only screen and (max-width: 680px){
#pg-782-1{
width:100%;
margin:auto;
}
.maxbutton-1.maxbutton.maxbutton-offerings {
   max-width: 420px;
width:100%;
margin:auto;
}
}
#off-button {
    padding: 20px;
    margin-bottom: 30px;
    display: table;
    clear: both;
    background:transparent;

height: 80px;
margin: auto;
width:1000px;
max-width: 100%;

}
#panel-5-1-0-0{
box-shadow:none!important;
}