/*
Theme Name: On-Shore Technology
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/*----- General -----*/

body {
    margin: 0;
}
.hidden {
        display: none!important;
}

h1, h2 {
	text-transform: uppercase!important;
}

h5 {
       color: #415FA1!important;
       font-weight: 700!important;
       margin-bottom: 20px!important;
       text-transform: uppercase!important;
       letter-spacing: 3px!important;
}

h6 {
       color: #444!important;
       font-weight: 700!important;
       margin-bottom: 10px!important;
       font-size: 14px!important;
}

.l-content, .l-canvas.sidebar_right .l-content {
    width:100%;
}

/*-- .widget-meta-data-filter {
display: none!important;
}--*/

.widget_products_predictive_search {
position: absolute!important;
top: 0px!important;
right: 160px!important;
} 

.filter-search-link a {
position: absolute!important;
top: 0px!important;
right: 10px!important;
color: #FFF!important;
z-index: 9999!important;
line-height: 52px!important;
} 

.filter-search-link a:hover {
text-decoration: none!important;
border: none!important;
}

.header_hor .ush_menu_1.type_desktop .w-nav-list.level_1>.menu-item>a {
    padding: 0 20px!important;
}

.w-image-h {
margin-bottom:1.5rem;
}

.us-btn-style_5 {
    font-weight:400!important;
}

/*----- Global Title bar -----*/

.l-titlebar, section:nth-child(2).color_primary {
    background: url('https://on-shore.com/wp-content/uploads/2015/09/ost-title.jpg') no-repeat;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;    
}

/*----- Predictive Search -----*/

li.widget_products_predictive_search {
list-style: none!important;
}

#products_predictive_search-4 h3 {
display: none!important;
}

#products_predictive_search-4 {
position: absolute!important;
top: 0!important;
right: 0!important;
z-index: 9999!important;
}

.ctr_search  {
float: right!important;
line-height: 34px!important;
height: 29px!important;
width: 260px!important;
border-top: 10px solid #232D6D!important;
	border-right: 15px solid #232D6D!important;
	border-bottom: 10px solid #232D6D!important;
	border-left: 15px solid #232D6D!important;

padding-top: 5px!important;
}

 input.ctr_search {
padding-top: 5px!important;
}

#fr_pp_search_widget_4  input {
margin-top:4px!important;
}

/*----- Top Search Placement -----*/

.w-contacts-item.for_phone:before {
	content: ''!important;
}

/*----- Filterable Results Pagination -----*/

ol.tw-pagination {
	display: inline!important;
	list-style: none!important;
}

ol.tw-pagination li {
	display: inline-block!important;
	font-size: 13px!important;
	color: #666!important;
        margin-right: 4px!important;
}

ol.tw-pagination li a, ol.tw-pagination li .gap {
	background: #415FA1!important;
	color: #FFF!important;
	display: block!important;
	text-decoration: none!important;
	line-height: 30px!important;
	text-align: center!important;
	height: 30px!important;
	width: 30px!important;
	font-size: 13px!important;
        border: none!important;
}

ol.tw-pagination li .title {
	text-transform: uppercase!important;
}

ol.tw-pagination li a:hover {
	background: #222B6F!important;
        border: none!important;
}

/*----- Form Assets -----*/

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select {
	height: 48px!important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], textarea, select {
	padding: 14px!important;
        border-radius: 2px!important;
        box-shadow: none!important;
        background: #FFF!important;
        width: 80%!important;
        border: 1px solid #DDD!important;  
}

input[type="submit"] {
	font-size: 13px!important;
        letter-spacing: 4px!important;
        line-height: 24px!important;
        border: none;
        border-radius: 2px!important;
}

/*----- Buttons ----*/

.w-btn, button, input[type="submit"] {
	font-size: 13px!important;
        border-radius: 2px!important;
}

a.w-btn.color_primary.style_outlined, .w-btn.color_primary.style_outlined {
	font-size: 12px!important;
        font-weight: 400!important;
	box-shadow: 0 0 0 1px #415FA1 inset!important;
        letter-spacing: 1px!important;
        padding: 10px 22px!important;
}

.w-btn.color_white.style_outlined, a.w-btn.color_white.style_outlined {
	font-size: 13px!important;
        font-weight: 400!important;
	box-shadow: 0 0 0 1px #fff inset!important;
        letter-spacing: 1px!important;
        padding: 10px 30px!important;
}

/*----- Title Bar -----*/

.l-titlebar, .l-titlebar-h {
	box-shadow: none!important;
}

.l-titlebar h1, .l-header.pos_fixed~.l-section:first-of-type, .sidebar_left .l-header.pos_fixed + .l-main, .sidebar_right .l-header.pos_fixed + .l-main, .sidebar_none .l-header.pos_fixed + .l-main .l-section:first-of-type, .sidebar_none .l-header.pos_fixed + .l-main .l-section-gap:nth-child(2), .headerinpos_below .l-header.pos_fixed~.l-main .l-section:nth-of-type(2), .l-header.pos_static.bg_transparent~.l-section:first-of-type, .sidebar_left .l-header.pos_static.bg_transparent + .l-main, .sidebar_right .l-header.pos_static.bg_transparent + .l-main, .sidebar_none .l-header.pos_static.bg_transparent + .l-main .l-section:first-of-type h1 {
 	font-weight: 300!important;
        letter-spacing: normal!important;
        font-size: 16px!important;
}

.no-touch .g-breadcrumbs a:hover {
        color: #FFF!important;
}

/*----- Part numbers in tabs -----*/

ul.parts, .woocommerce-Tabs-panel ul {
	list-style: none;
}

ul.parts li, .woocommerce-Tabs-panel ul li {
	display: inline;
	padding: 0 10px;
	line-height: 34px;
	white-space: wrap;
}

/*----- PDF Icon on Product page -----*/

.summary i {
        background: #BA0E14!important;
        color: #FFF!important;
        padding: 5px!important;
        border-radius: 2px!important;
}

/*----- WooCommerce -----*/

.woocommerce .products .product {
	text-align: center!important;
        border: solid 1px #DDD!important;
	padding: 0!important;
        width: 23%!important;
        margin: 1%!important;
        min-height: 320px!important;
}

@media (max-width: 900px) {

.woocommerce .products .product {
	width: 48%!important;
        margin: 1%!important;
        padding-bottom: 20px!important;
}

}

@media (max-width: 480px) {

.woocommerce .products .product {
	width: 94% !important;
        margin: 3%!important;
        padding-bottom: 20px!important;
}

}

.woocommerce .products .product img {
	height: 80%!important;
        width: 80%!important;
        margin: 0 auto!important;
        padding: 10%!important;
}

.woocommerce h1.page-title {
	margin: 0 0 30px 0!important;
}

ul.products h3 {
	text-align: center!important;
	font-size: 14px!important;
        padding-left: 20px!important;
        padding-right: 20px!important;
}

ul.products .button, .woocommerce-result-count, .count, .woocommerce-ordering, .upsells h2 {
	display: none!important;
}

.woocommerce-tabs {
	float: none!important;
	width: 100%!important;
        clear: both!important;
}

/*----- Sub-footer Links -----*/

.textwidget a:hover {
	text-decoration: none!important;
        border: none!important;
}

/*----- Team Images -----*/

.no-touch .w-person.layout_toplinks .w-person-image {
	border-radius: 0!important;
        margin: 0 auto!important;
}

.w-person.layout_toplinks .w-person-image img {
	border-radius:  0!important;
        margin: 0 auto!important;
}

/*----- Main search field input -----*/

#us_form_1_s {
        font-size: 18px!important;
        line-height: 36px!important;
        color: #415FA1!important;
}

.w-toplink {
	font-size: 22px!important;
	line-height: 44px!important;
	height: 46px!important;
	width: 46px!important;
        border-radius: 46px!important;
}

/*----- GeoLocation -----*/

.gmw-address-field-wrapper, .gmw-taxonomies-wrapper, .gmw-distance-select {
margin-bottom: 10px!important;
}

/*-#gmw-address-field-wrapper-1 {
	width: 90%!important;
}-*/

/*-.gmw-address, .gmw-full-address, .gmw-address-1 {
	width: 90%!important;
}-*/

.gmw-taxonomies-wrapper label {
display: none!important;
}


/*----- Distributor / Rep Logo Images -----*/

/*--.w-blog-post-preview img {
height: auto!important;
width: auto!important;
border: 1px solid #DDD!important;
}--*/

.featured-image {
height: 150px!important;
width: 150px!important;
border: 1px solid #DDD!important;
margin-left: 20px!important;
}

.w-blog-post-preview {
background: transparent!important;
}

/*----- Downloads Border -----*/

.border {
border: 1px solid #DDD!important;
padding: 60px 20px!important;
}

.border h4.w-iconbox-title {
font-size: 16px!important;
}

/*----- Sub-Footer -----*/

#text-4 {
text-align: center!important;
}

/*----- Top Header w/search and phone -----*/

.l-header.pos_fixed .l-subheader.at_top {
display: block!important;
}

@media (max-width: 767px) {

.w-contacts-item-value {
display: none!important;
}

}

.w-tabs-item-title {
font-size: 14px!important;
}

/*----- WooCommerce Tabs -----*/

.woocommerce-tabs .tabs {
	background-color: #415FA1!important;
}

.woocommerce-tabs .tabs li {
background: #415FA1!important;
border-right: 1px solid #222B6F!important;
color: #FFF!important;
}

.no-touch .woocommerce-tabs .tabs li:hover {
background-color: #222B6F!important;
}

.term-description {
    font-size: 16px!important;
    font-weight: 700!important;
}





.form-overlay {
    display:none;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    position: fixed;
    top: 0 ;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: red;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 100px;
    background-color: rgba(0,0,0,.7);
    overflow-y: scroll;
}

.form-overlay > p {
    color: #fff;
    text-align: center;
}

.form-overlay form {
    background-color: #fff;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 30px;
}

.form-overlay .close-overlay {
    position: relative;
    /* left: 20px; */
    top: 20px;
    right: 20px;
    color: #415FA5;
    float: right;
}

.col-half {
    float: left;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 20px;
}

.col-half.last {
    margin-right: 0;
}

.col-half input[type="text"], .col-half input[type="email"], .col-half input[type="tel"]{
    width: 100%!important;
    }

.form-overlay textarea {
        width: 100%!important;
    }

.form-overlay input[type="submit"], .wpcf7-form input[type="submit"], input.mdf_button{
    padding:10px 20px!important;
}

body .mdf_shortcode_skin_col1 .mdf_shortcode_submit_button input {
    width: auto!important;
}

p.center {
    text-align: center;
}

.submit-close {
    display: none;
    margin:40px auto;
}

.w-cart {
    display: none !important;
}

.woocommerce .products .product {
    margin-bottom: 20px!important;
}

footer, footer a {
    color:#f7f7f7!important;
    background-color:#222222!important;
}

.search-results-btn {
    height: 48px;
}

.search-results-header {
    margin-top: 20px;
    text-align: center;
}

.error {
    background-color: #f8ebeb;
    color: #b93b3b;
    padding: 20px;
}

.search-results p {
    padding: 10px 12px;
    margin: 0 auto;
    background-color: #f7f7f7;
}

.search-results p span {
    float: right;
}

.search-results p:after {
    content: "";
    display: block;
    clear: both;
}

.search-results p span a {
    padding: 8px 12px;
    background-color: #415FA1;
    color: #fff!important;
}

.search-results p span a:hover {
    background-color: #222!important;
}

.search-results p:nth-child(2n+2){
    background-color: #fff;
}

.download-button {
        margin-top: 8px!important;
    width: 100%!important;
}


/* predictive search update */
#pp_course_3 {
    height: 100%!important;
    min-height: 100%!important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0!important;
    padding: 0!important;
}

.product-titlebar {
    margin-top: 174px
}

.woocommerce-breadcrumb {
    text-align: right;
}

.woocommerce-products-header {
    display: none;
}

#shop .l-section-h {
    padding-top: 20px;
}

.product h1 {
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
}

.woocommerce-loop-category__title {
    font-size: 20px;
}

div.product {
    margin-top: 120px;
}



/* MEDIA QUERIES */
@media (max-width: 1023px){
    .product-titlebar {
        margin-top: 134px
    } 

    .l-header.pos_fixed {
        top: 0!important;
        width: 100vw
    }

    main .l-section-h:first-child {
        padding-top: 20px!important;
    }

    main section:first-child .l-section-h:first-child {
        padding-top: 134px!important;
    }

    
}

@media screen and (max-width: 900px) {
        .header_hor .l-subheader.at_top {
        height: 54px!important;
        line-height: 54px!important;
    }
}



@media screen and (max-width: 767px) {

    .woocommerce-tabs .tabs li {
        border-right: none!important;
    }

    .product-titlebar {
        margin-top: 104px!important;
    } 

    main .l-section-h:first-child, #shop .l-section-h:first-child {
        padding-top: 20px!important;
    }

    main section:first-child .l-section-h:first-child {
        padding-top: 104px!important;
    }

    h1 {
            font-size: 24px!important;
            text-align: center;
    }

    .woocommerce-breadcrumb {
        text-align: center;
    }

}

@media screen and (max-width: 600px) {
    .filter-search-link a {
        display: none!important;
    } 
    .widget_products_predictive_search {
        right: 0px!important;
    } 

}

@media screen and (max-width:480px){
    .l-subheader-cell .w-text, .desktop-only {
        display:none!important;
    }
}