/* ==========================================================================
Bootstrap 4 Grid System
========================================================================== */
*,
*::before,
*::after {
box-sizing: border-box;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) {
.col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-sm-3 { flex: 0 0 25%; max-width: 25%; }
.col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-sm-6 { flex: 0 0 50%; max-width: 50%; }
.col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-sm-9 { flex: 0 0 75%; max-width: 75%; }
.col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
.col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-md-3 { flex: 0 0 25%; max-width: 25%; }
.col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; }
.col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-md-9 { flex: 0 0 75%; max-width: 75%; }
.col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
.col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-lg-3 { flex: 0 0 25%; max-width: 25%; }
.col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-lg-6 { flex: 0 0 50%; max-width: 50%; }
.col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-lg-9 { flex: 0 0 75%; max-width: 75%; }
.col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
.col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-xl-3 { flex: 0 0 25%; max-width: 25%; }
.col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-xl-6 { flex: 0 0 50%; max-width: 50%; }
.col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-xl-9 { flex: 0 0 75%; max-width: 75%; }
.col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-xl-12 { flex: 0 0 100%; max-width: 100%; }
}
/* ==========================================================================
Bootstrap 4 Utilities
========================================================================== */
/* Display */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none { display: none !important; }
.d-sm-inline { display: inline !important; }
.d-sm-inline-block { display: inline-block !important; }
.d-sm-block { display: block !important; }
.d-sm-flex { display: flex !important; }
}
@media (min-width: 768px) {
.d-md-none { display: none !important; }
.d-md-inline { display: inline !important; }
.d-md-inline-block { display: inline-block !important; }
.d-md-block { display: block !important; }
.d-md-flex { display: flex !important; }
}
@media (min-width: 992px) {
.d-lg-none { display: none !important; }
.d-lg-inline { display: inline !important; }
.d-lg-inline-block { display: inline-block !important; }
.d-lg-block { display: block !important; }
.d-lg-flex { display: flex !important; }
}
@media (min-width: 1200px) {
.d-xl-none { display: none !important; }
.d-xl-inline { display: inline !important; }
.d-xl-inline-block { display: inline-block !important; }
.d-xl-block { display: block !important; }
.d-xl-flex { display: flex !important; }
}
/* Flexbox */
.flex-row { display: flex; flex-direction: row !important; flex-wrap: wrap; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-reverse { flex-direction: row-reverse; }
/* Alignment */
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-stretch { align-items: stretch !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-center { align-self: center !important; }
.align-self-end { align-self: flex-end !important; }
/* Justify Content */
.justify-content-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
/* Text */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
@media (min-width: 768px) {
.text-md-left { text-align: left !important; }
.text-md-center { text-align: center !important; }
.text-md-right { text-align: right !important; }
}
/* Spacing */
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
/* Visibility */
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
/* Width */
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
/* Position */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
/* Overflow */
.overflow-hidden { overflow: hidden !important; }
/* End of Custom Header FXOverrides
=========================================================================================== */
.page-template-single-telesis_category_ppc .container {
max-width: 1366px;
margin: 0 auto;
background-color: transparent !important;
padding: 0 20px;
width: calc(100% - 40px);
}
.page-template-single-telesis_category_ppc a.button {
padding: 15px 17px;
display: inline-block;
background: #E42B1A;
border-radius: 8px;
line-height: 1em;
font-weight: 700;
margin-bottom: 10px;
color: #fff;
}
.page-template-single-telesis_category_ppc a.button:hover {
box-shadow: 0 0 20px rgba(228,43,26,.5);
}
nav.main_menu.right {
width: 100%;
}
header .container_inner .header_inner_left {
z-index: 999;
}
div#contactforms {
max-width: 1366px;
margin-left: auto;
margin-right: auto;
}
.blog_holder.blog_large_image article:not(.format-quote):not(.format-link) .post_info, .blog_holder.blog_single article:not(.format-quote):not(.format-link) .post_info {
font-size: 13px;
line-height: 1.1em;
font-style: normal;
font-weight: 600;
letter-spacing: -0.24px;
text-transform: uppercase;
color: #666666;
}
.blog_holder.blog_single article .post_info {
font-size: 14px !important;
line-height: 1.1em !important;
font-style: normal !important;
font-weight: 600 !important;
letter-spacing: -0.24px !important;
text-transform: uppercase !important;
color: #666666 !important;
}
.wp-caption {
padding: 5px;
text-align: center;
background-color: #eff2f7;
}
.wp-caption-text {
font-size: 13px;
}
.mobile-only {
display: none;
}
@media (max-width: 599px) {
aside .widget.widget_categories,
aside .widget.widget_tag_cloud {
margin: 0;
border-top: 1px solid #cbcbcb;
}
aside .widget.widget_tag_cloud {
border-bottom: 1px solid #cbcbcb;
margin-bottom: 40px;
}
aside .widget.widget_categories h5,
aside .widget.widget_tag_cloud h5 {
margin-top: 15px;
margin-bottom: 15px;
}
aside .widget.qode_latest_posts_widget {
margin-bottom: 0;
}
.mobile-only {
display: inline-block;
}
}
#back_to_top > span {
background: rgba(218,161,89,1);
border-color: rgba(218,161,89,1);
}
.red-cta-button, .header-btn a {
color: rgb(255, 255, 255)!important;
background-color: rgb(228, 43, 26)!important;
border-radius: 8px !important;
text-align: center;
box-shadow: rgb(228, 43, 26) 0px 0px 7px 0px !important;
}
.mega-menu-phone {
text-align:center;
}
@media only screen and (min-width: 999px) {
.mega-menu-phone {
display:none !important
}
}
/*
** SimpleMaps Styling
*/
#map .tt_sm {
border-radius: 8px;
box-shadow: 0 5px 25px rgba(0,0,0,0.15);
opacity: 0.95;
padding: 10px;
}
#map .tt_sm .tt_name_sm {
color: #100f0f;
font-family: 'Work Sans', sans-serif;
font-size: 16px;
max-width: 90%;
}
#map .tt_sm .tt_custom_sm span {
color: #666666;
font-family: 'Work Sans', sans-serif;
font-size: 15px;
line-height: 1.3em;
font-weight: 400;
display: block;
margin-top: 5px
}
#map .tt_sm .tt_custom_sm a {
color: #E0372E;
font-weight: 600;
}
@media (min-width: 992px) {
#map .tt_sm {
padding: 20px;
}
#map .tt_sm .tt_name_sm {
font-size: 18px;
}
#map .tt_sm .tt_custom_sm span {
font-size: 16px;
margin-top: 5px
}
}
/* Start of Custom Header FXOverrides
=========================================================================================== */
#HeaderArea1,
#HeaderArea1>.Container,
#HeaderArea1>.ContainerFix {
background-color: #f8f8f8 !important;
}
a.search_button.search_slides_from_header_bottom.medium {
display: none;
}
header.scrolled #HeaderArea1 {
display: none !important;
}
@media screen and (max-width: 767px) {
#HeaderArea1 {
z-index: 9999 !important;
}
#SpMenuModal {
z-index: 999 !important;
}
#SpMenuModal ul li {
list-style-type: none !important;
}
.header1 header .container_inner .header_inner_left {
position: relative !important;
}
body.header1-fix {
padding-top: 0 !important;
}
.header1-fix .header_top.clearfix,
body.header1-fix{
display: none !important;
}
.header1-fix header.fixed {
position: fixed !important;
}
.header1-fix .header_bottom {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.050);
}
.header_top .right .inner {
display: inline;
align-items: center;
}
.header_top.clearfix {
line-height: 33px !important;
}
.header_top .header-widget.widget_gtranslate {
margin-bottom: 4px !important;
}
.header_top select.gt_selector.notranslate {
width: 100%;
}
.header1-fix .logo_wrapper,
.header1-fix .mobile_menu_button,
.header1-fix .side_menu_button {
height: 64px !important;
}
.header1-fix .q_logo a {
height: 50px !important;
}
}
/* End of Custom Header FXOverrides
=========================================================================================== */
.drop_down .second{
margin: 10px 0 0 0!important;
}
/* NEW Homepage ONLY brand slider and header update */
.home header.fixed {
position: fixed;
}
.home header.fixed.scrolled {
position: fixed;
}
.home .full_width .new-telesis:first-child .section_inner {
margin-top: 40px;
}
.home .full_width .new-telesis:first-child .section_inner a {
margin-top: 0;
}
html #wpadminbar {
top: 56px;
}
@media (min-width: 600px) {
div#wpadminbar {
top: 0;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.home.admin-bar {
margin-top: 56px;
}
.home.admin-bar div#HeaderArea1 {
top: 46px !important;
}
}
@media only screen and (max-width: 767px) {
.content, .content.content_top_margin {
margin-top: 56px!important;
}
}
@media only screen and (min-width: 768px) {
.admin-bar {
margin-top: 32px;
}
.home .full_width .new-telesis:first-child .section_inner {
margin-top: 60px;
}
}
@media only screen and (min-width: 1000px) {
.admin-bar header.fixed {
padding-top: 0px!important;
}
.admin-bar header.fixed.scrolled {
padding-top: 32px!important;
}
}
@media only screen and (min-width: 1001px) {
header.fixed,
header.fixed_hiding,
header.fixed_top_header .top_header {
position: fixed;
}
header.fixed.scrolled,
header.fixed_hiding.scrolled,
header.fixed_top_header .top_header.scrolled {
position: fixed;
}
.content{
margin-top: 204px !important;
}
.content.content_top_margin {
margin-top: 204px !important;
}
}
/* Start New update 261408589 */
.items-w-icons a::after {
content: "\24";
font-family: 'ElegantIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #ffffff;
font-size: 24px;
margin-top: 6px;
}
.items-w-icons a {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.items-w-icons a:hover::after {
color: #daa159;
}
.qode-accordion-holder {
margin-top: 25px;
margin-bottom: 50px;
}
@media (max-width: 980px) {
.items-w-icons a::after {
font-size: 14px;
margin-top: 0px;
}
.items-w-icons a {
flex-wrap: nowrap;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.sticky-navitem {
display: none !important;
}
.sticky-tabnav {
display: block !important;
}
}
.sticky-tabnav {
display: none !important;
}
.sticky-navitem .fa {
font-size: 20px;
}
.sticky-navitem span {
margin-left: 16px !important;
}
/* End New update 261408589 */
/* Product CPT Styles */
section.product-masthead {
background-color: #253A4D;
padding: 80px 0 640px;
position: relative;
}
section.product-masthead .container {
z-index: 1;
}
section.product-masthead:before {
content: "";
height: 600px;
width: 100%;
position: absolute;
background: #1B2937;
bottom: 0;
left: 0;
}
.telesis_product-template-default .container,
.page-template-single-telesis_category .container {
max-width: 1366px;
margin: 0 auto;
background-color: transparent;
padding: 0 20px;
width: calc(100% - 40px);
}
.product-content-wrapper h3 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #94ABBF;
}
.product-content-wrapper * {
color: #fff;
font-size: 17px;
}
.product-content-wrapper h1 {
font-size: 36px;
font-weight: bold;
color: #ffffff;
position: relative;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.product-content-wrapper h1 {
font-size: 55px;
}
}
.product-content-wrapper h1:after {
content: "";
height: 2px;
width: 70%;
max-width: 272px;
background-color: #DAA159;
position: absolute;
left: 0;
top: calc(100% + 20px);
}
.product-content-wrapper p {
margin-bottom: 15px;
line-height: 27px;
}
.product-content-wrapper ul {
list-style: none;
column-count: 1;
}
.product-content-wrapper ul li {
padding-left: 25px;
position: relative;
}
.product-content-wrapper ul li:before {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/check.png');
height: 13px;
width: 17px;
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
margin-right: 8px;
position: absolute;
left: 0;
top: 7px;
}
.product-content-wrapper a.btn {
margin-top: 20px;
}
@media (min-width: 1024px) {
section.product-masthead {
padding: 120px 0;
}
section.product-masthead:before {
height: 100%;
width: 50%;
bottom: initial;
top: 0;
}
.product-content-wrapper ul {
column-count: 2;
}
}
/*
Single Product Featured Images
*/
.slider-arrow-container.header-nav-arrows {
position: absolute;
width: calc(100% - 20px);
justify-content: space-between;
padding: 0 10px;
bottom: 0;
margin-top: 0;
height: 103px;
align-items: center;
pointer-events: none;
}
.product-image-wrapper {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 550px;
z-index: 2;
}
/*
.single-img-item {
height: 447px !important;
}
*/
.single-img-item {
height: 300px !important;
}
@media (min-width: 768px) {
.single-img-item {
height: 400px !important;
}
}
@media (min-width: 1024px) {
.single-img-item {
height: 447px !important;
}
}
@media (min-width: 1440px) {
.single-img-item {
height: 700px !important;
}
}
.single-img-item > img {
height: 100%;
width: 100%;
object-fit: contain;
-o-object-fit: contain;
font-family: 'object-fit: cover;';
filter: drop-shadow(2px 4px 20px rgba(148, 171, 191, .5));
}
.product-img-nav-carousel {
background: #4A5968;
padding: 20px 12%;
margin-bottom: 0 !important;
position: relative !important;
bottom: 0;
width: 100%;
}
@media (min-width: 1024px) {
.product-img-nav-carousel {
position: absolute !important;
}
}
@media screen and (max-width: 1508px) {
.product-img-nav-carousel .slick-track .slick-slide {
padding: 0px 5px;
}
}
div.nav-img-item {
height: 63px;
}
div.nav-img-item img {
height: 100%;
width: 100%;
object-fit: contain;
-o-object-fit: contain;
font-family: 'object-fit: contain;';
}
.video--fitvids {
position: relative;
width: 100%;
}
.video--fitvids video,
.video--fitvids iframe {
width: 100%;
height: auto;
}
.video-text-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background: transparent;
border: none;
cursor: pointer;
}
.video-text-cover__img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
opacity: .7;
transition: all .3s ease;
}
.video-text-cover:hover .video-text-cover__img {
opacity: 1;
}
.video-text-cover__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.video-text-cover__link svg {
max-width: 65px;
height: auto;
display: block;
transition: all .2s ease-in-out;
}
.video-text-cover__link svg path {
fill: #fff;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-content.wysiwyg {
padding: 40px 0;
}
.page-content.wysiwyg p {
padding-bottom: 22px;
}
.image-block-right.half-and-half-image {
order: 1
}
.page-content.wysiwyg h1,
.page-content.wysiwyg h2,
.page-content.wysiwyg h3,
.page-content.wysiwyg h4 {
padding-bottom: 27px;
}
.page-content.wysiwyg .btn {
margin-top: 22px;
}
.light-grey {
background-color: #EFEFEF;
}
.bg-white {
background-color: #fff;
}
.bg-gray {
background-color: #efefef;
}
.bg-blue {
background-color: #0000ff;
}
.dark-blue {
background-color: #243A4C;
}
.dark-blue a {
color: #fff;
}
.dark-blue a:hover {
color: #fff;
}
.dark-blue a.btn-tertiary {
font-size: 17px;
font-weight: bold;
color: #F74041;
}
a.btn-tertiary {
position: relative;
padding-right: 20px;
}
a.btn-tertiary:before {
content: "";
background: url('data:image/svg+xml,');
height: 14px;
width: 14px;
position: absolute;
top: 5px;
right: -2px;
}
.dark-blue h1,
.dark-blue h2,
.dark-blue h3,
.dark-blue h4,
.dark-blue h5,
.dark-blue p,
.dark-blue li {
color: #fff;
}
@media (min-width: 1025px) {
.video-text__flex {
display: flex;
flex-direction: row;
align-items: center;
}
.video-text__flex--right {
flex-direction: row-reverse;
}
}
.video-text__text > h2 {
margin-top: 0;
}
@media (min-width: 1024px) {
.product-img-nav-carousel {
padding: 20px 20%;
}
.product-image-wrapper {
width: 50%;
bottom: initial;
top: 0;
height: 100%;
}
}
@media (min-width: 768px) {
.page-content.wysiwyg {
padding: 60px 0;
}
.product-applications-top-content {
padding-top: 60px !important;
}
}
@media (min-width: 1200px) {
.product-img-nav-carousel {
padding: 20px 25%;
}
.video-text-cover:hover svg {
transform: scale(1.3);
}
.page-content.wysiwyg {
padding: 80px 0;
}
.product-applications-top-content {
padding-top: 80px !important;
}
}
/*Tab Section*/
section.product-tabs-section {
margin: 80px 0;
}
.product-applications-top-content {
padding-top: 80px;
}
.product-applications-top-content h2 {
margin-bottom: 0.5em;
}
.product-applications-top-content p {
margin-bottom: 1em;
}
.product-applications h2 {
color: #fff;
margin-bottom:20px;
}
.product-applications .slick-hidden h2 {
margin-bottom:0;
}
.tab-table-wrapper {
background: #F6F6F6;
padding: 50px 30px;
max-width: 920px;
width: calc(100% - 60px);
margin: 0 auto;
min-height: 200px;
}
.buttons-top {
display: flex;
flex-direction: column;
justify-content: space-between;
border-bottom: 1px solid #BABABA;
flex-wrap: wrap;
}
.tab-table-wrapper button.tab {
background: none;
border: none;
font-size: 18px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
padding: 0 15px 8px;
position: relative;
color: #666666;
margin-bottom: 15px;
}
.tab-table-wrapper button.tab.active {
color: #E42B1A;
font-weight: bold;
}
.tab-table-wrapper button.tab.active:after {
content: "";
height: 3px;
width: 100%;
position: absolute;
bottom: -2px;
background-color: #E42B1A;
left: 0;
}
.tab-table-wrapper #tab1Content ul,
.tab-table-wrapper #tab2Content ul {
display: flex;
list-style: none;
justify-content: center;
flex-wrap: wrap;
}
.tab-table-wrapper #tab1Content ul li,
.tab-table-wrapper #tab2Content ul li {
width: 50%;
text-align: center;
margin-bottom: 20px;
}
#tab1Content {
display: block;
}
#tab2Content, #tab3Content, #tab4Content, #tab5Content, #tab6Content, #tab7Content, #tab8Content, #tab9Content, #tab10Content {
display: none;
}
@media (min-width: 768px) {
.buttons-top {
flex-wrap: nowrap;
flex-direction: row;
}
.tab-table-wrapper {
flex-direction: row;
flex-wrap: nowrap;
padding: 50px 100px;
width: calc(100% - 200px);
}
.tab-table-wrapper #tab1Content ul li,
.tab-table-wrapper #tab2Content ul li {
width: 20%;
margin-bottom: 20px;
}
.tab-table-wrapper button.tab {
margin-bottom: 0;
}
}
li.telesis-material-image-css:before,
li.telesis-industry-image-css:before {
content: "";
height: 100px;
width: 100px;
background-size: cover;
border-radius: 50px;
display: block;
margin: 0 auto 10px;
}
li.aluminium-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/aluminum.png');
}
li.metal-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/metal.png');
}
li.stainlesssteel-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/stainless.png');
}
li.titanium-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/titanium.png');
}
li.wood-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/wood.png');
}
li.glass-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/glass.png');
}
li.plastic-material-type:before {
background-image: url('/wp-content/themes/bridge-child/images/glass.png');
}
li.aerospacedefense-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/glass.png');
}
li.automotivemanufacturerssuppliers-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/automation.png');
}
li.automotivemanufacturerssuppliers-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/automation.png');
}
li.constructionhousing-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/construction.png');
}
li.consumerproducts-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/consumer-products.png');
}
li.medicaldevicemanufacturers-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/medical-device.png');
}
li.munitionsfirearms-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/munition.png');
}
li.packagingfood-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/packaging.png');
}
li.aerospacedefense-industry-type:before {
background-image: url('/wp-content/themes/bridge-child/images/aerospace.png');
}
.slider-arrow-container {
display: flex;
justify-content: center;
margin-top: 20px;
}
button.pp2.slick-arrow,
button.spr-pp2.slick-arrow,
button.pp2-nav.slick-arrow {
margin-right: 15px;
}
button.pp2.slick-arrow:hover,
button.nn2.slick-arrow:hover,
button.pp2-nav.slick-arrow:hover,
button.nn2-nav.slick-arrow:hover,
button.spr-pp2.slick-arrow:hover,
button.spr-nn2.slick-arrow:hover {
cursor: pointer;
}
div.nav-img-item img:hover {
cursor: pointer;
}
.slider-arrow-container button {
height: 40px;
width: 40px;
border: 1px solid #D9A159;
background: rgba(0,0,0,0);
border-radius: 20px;
position: relative;
pointer-events: all !important;
}
.slider-arrow-container button:before {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/arrows.png');
height: 17px;
width: 17px;
background-size: cover;
display: inline-block;
position: absolute;
top: calc(50% - 8.5px);
left: calc(50% - 8.5px);
}
.slider-arrow-container button:hover {
background: #D9A159;
}
.slider-arrow-container button.nn2:before,
.slider-arrow-container button.spr-nn2:before,
.slider-arrow-container button.nn2-nav:before {
content: "";
transform: rotate(180deg);
}
.slider-arrow-container button:hover:before {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/arrows-white.png');
transform: rotate(180deg);
}
.slider-arrow-container button.nn2:hover:before,
.slider-arrow-container button.spr-nn2:before,
.slider-arrow-container button.nn2-nav:hover:before {
content: "";
transform: rotate(360deg);
}
/* Application Section */
section.product-applications {
position: relative;
padding: 140px 0 70px;
background: #1B2937;
margin-top: 100px;
}
.applications-carousel {
max-width: 1366px;
opacity: 0 !important;
visibility: hidden !important;
position: absolute !important;
right: 0px;
bottom: calc(100% - 110px);
z-index: 101;
height: 100%; /* Add this */
}
.applications-carousel.slick-initialized {
opacity: 1 !important;
visibility: visible !important;
}
@media (max-width: 767px) {
.applications-carousel.slick-initialized {
width: 100%;
}
}
.applications-carousel .app-img-wrapper:hover {
cursor: pointer;
}
.app-img-wrapper {
height: 316px !important;
margin: 0 15px;
position: relative;
}
.applications-carousel .app-img-wrapper {
margin: 0 0;
}
.app-img-wrapper > img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
.product-applications .col-md-20p {
text-align: center;
}
.product-relevances-carousel {
max-width: 1366px;
}
.product-relevances.slick-initialized {
opacity: 1 !important;
visibility: visible !important;
}
.product-relevances-carousel .prc-container {
width: 20%;
}
@media screen and (min-width: 1024px) {
.telesis_product-template-default .row {
display: flex;
}
.col-md-50p {
width: 50%;
display: inline-block;
}
.col-md-60p {
width: 60%;
display: inline-block;
}
.product-content-wrapper {
padding-left: 75px;
}
.applications-carousel {
width: 70%;
bottom: 50px;
}
}
@media (min-width: 768px) {
.applications-carousel .app-img-wrapper {
margin: 0 15px;
}
}
@media (min-width: 1200px) {
section.product-applications {
padding: 0;
margin-top: 80px;
height: 318px;
display: flex;
justify-content: center;
align-items: center;
}
.applications-carousel .app-img-wrapper {
margin: 0 15px;
}
}
/* Spec Section */
section.specs-section {
padding: 80px 0;
background: #253A4D;
}
section.specs-section * {
color: #fff;
}
.spec-blocks-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.spec-block {
display: inline-block;
width: 100%;
margin: 10px 0;
}
h3.spec-title {
padding-bottom: 10px;
border-bottom: 1px solid #D9A159;
margin-bottom: 10px;
}
.prod-spec-tags {
display: flex;
flex-direction: row;
gap: 10px;
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.prod-specs-wrap {
padding-left: 30px;
}
}
@media (min-width: 1366px) {
.spec-block {
width: calc(50% - 10px);
}
}
/** Accordion **/
.fx-accordion{position:relative}.fx-accordion__headline h2{margin:0 -5px}.fx-accordion__headline{padding-bottom:30px}.fx-accordion__panel__toggle{position:relative;list-style-type:none!important;margin:2px 0 0;display:block;font-size:18px;font-weight:700;text-transform:uppercase;color:#707070;line-height:normal;background:#F6F6F6;padding:17px 62px 17px 32px;text-decoration:none;border:none;border-radius:4px;width:100%;text-align:left}.fx-accordion__panel.is-expanded .fx-accordion__panel__toggle{border-radius:4px 4px 0 0;background:var(--color-primary);color:var(--color-black)}.fx-accordion__panel .fx-accordion__panel__toggle:after{content:'\e90a';font-family:'icomoon';color:var(--color-gray);position:absolute;top:50%;font-size:22px;right:20px;text-align:center;transform:translate(0,-50%)}.fx-accordion__panel.is-expanded .fx-accordion__panel__toggle:after{content:'\e92c';color:var(--color-black)}.fx-accordion__panel:not(.is-expanded) .fx-accordion__panel__content{display:none}.fx-accordion__panel__content{padding:16px;border:1px solid #F6F6F6;border-top:0;overflow:hidden}.tab-accordion .fx-accordion__panel .fx-accordion__panel__toggle{padding-left:16px}.tab-accordion__panel__content .fx-accordion__panel__content{padding:32px 16px 16px;background-color:#fff;border-radius:0 0 4px 4px}@media (min-width:768px){.fx-accordion__headline h2{margin:0}.fx-accordion__panel__toggle{padding:17px 84px 17px 32px}.fx-accordion__panel.is-expanded .fx-accordion__panel__toggle{padding-left:32px;font-size:18px}.fx-accordion__panel__content{padding:32px}.tab-accordion__panel__content .fx-accordion__panel__content{padding:32px 32px 16px}.fx-accordian-detail-list ul li{display:flex;align-items:flex-start;justify-content:space-between}.fx-accordian-detail-list ul li span{width:50%;padding-left:20px}.fx-accordian-detail-list ul li strong{width:50%}.tab-accordion .fx-accordion__panel.is-expanded .fx-accordion__panel__toggle{padding-left:32px}.tab-accordion .fx-accordion__panel .fx-accordion__panel__toggle{padding-left:32px}}
/** Accordion Overwrites **/
section.accordion-section {
margin: 380px 0 80px;
}
section.accordion-section h2 {
color: #253A4D;
margin-bottom: 20px;
}
.fx-accordion__panels {
margin-top: 40px;
}
button.fx-accordion__panel__toggle,
.fx-accordion__panel.is-expanded .fx-accordion__panel__toggle {
color: #E42B1A;
font-size: 20px;
background: transparent;
display: flex;
align-items: center;
}
button.fx-accordion__panel__toggle > img,
.fx-accordion__panel.is-expanded .fx-accordion__panel__toggle > img {
margin-right: 10px;
}
button.fx-accordion__panel__toggle {
border-bottom: 1px solid #ccc;
}
.fx-accordion__panel.is-expanded button.fx-accordion__panel__toggle {
border-bottom: none;
}
.fx-accordion__panel.is-expanded {
background: #f6f6f6;
}
.fx-accordion__panel__content {
padding: 0 32px 32px;
border: none;
}
.fx-accordion__panel .fx-accordion__panel__toggle:after {
content: "+";
font-size: 36px;
top: calc(50% - 3px);
}
.fx-accordion__panel.is-expanded .fx-accordion__panel__toggle:after {
content: "-";
font-size: 36px;
right: 23px;
}
section.accordion-section p {
font-size: 16px;
margin-bottom: 1em;
}
.half-bg-container {
position: absolute;
height: 330px;
width: 100%;
top: -380px;
right: 0;
}
.half-bg-container img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
@media (min-width: 1024px) {
section.accordion-section {
margin: 80px 0;
}
.half-bg-container {
height: calc(100% + 160px);
width: calc(40% - 50px);
top: -80px;
}
}
/** Footer CTA **/
section.footer-cta-section {
position: relative;
padding: 95px 0;
background-image: linear-gradient(45deg, #1B2937, #586A7B);
overflow: hidden;
}
img.footer-cta-img {
position: absolute;
height: 100%;
width: auto;
right: -75px;
top: -20px;
z-index: 1;
}
section.footer-cta-section * {
color: #fff;
}
section.footer-cta-section h2 {
margin-bottom: 20px;
}
section.footer-cta-section p {
font-size: 16px;
margin-bottom: 20px;
}
section.footer-cta-section .container {
max-width: 820px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
}
section.footer-cta-section .container-links {
max-width: 1204px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
}
@media (max-width: 600px) {
section.footer-cta-section .container-links {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
}
section.footer-cta-section .container-links a.btn-tertiary {
color: #d25056;
padding-left: 0px;
padding-right: 30px;
}
section.footer-cta-section .container-links a.btn-tertiary:before {
content: "";
background: url('data:image/svg+xml,');
height: 14px;
width: 14px;
position: absolute;
top: 17px;
right: -2px;
}
.telesis_product-template-default a.btn {
padding: 15px 30px;
margin-right: 1em;
font-size: 18px;
font-weight: bold;
border-radius: 8px;
display: inline-block;
line-height: 1em;
width: max-content;
}
.buttons-outer-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
gap: 10px;
}
.telesis_product-template-default a.btn-primary-red,
.dark-blue a.btn-primary-red {
background: #E42B1A;
transition: all .2s ease-in-out;
}
.telesis_product-template-default a.btn-primary-red:hover,
.dark-blue a.btn-primary-red:hover,
.page-template-single-telesis_category a.button:hover {
box-shadow: 0 0 20px rgba(228,43,26,.5);
}
.telesis_product-template-default a.btn-secondary-gold {
background: #DAA159;
transition: all .2s ease-in-out;
}
.telesis_product-template-default a.btn-secondary-gold:hover,
.page-template-single-telesis_category a.button:nth-of-type(2):hover {
box-shadow: 0 0 20px rgba(218,161,89,.5);
}
.buttons-outer-wrapper a.btn-tertiary {
font-size: 17px;
font-weight: bold;
color: #F74041;
width: max-content;
}
.buttons-outer-wrapper a.btn-tertiary:hover {
text-decoration: underline;
}
@media (min-width: 1024px) {
.buttons-outer-wrapper {
flex-direction: row;
align-items: center;
}
}
/*
Category Page Styles
*/
.telesis-product-item {
width: 100%;
background: #fafafa;
position: relative;
margin-bottom: 30px;
transition: all .3s ease-in-out;
}
.telesis-product-item:hover {
box-shadow: 5px 5px 20px rgb(228 43 26 / 25%);
}
.flag-text {
background: #3A4960;
position: absolute;
left: 0;
top: 20px;
padding: 5px 15px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
line-height: 1em;
z-index: 1;
}
.flag-text:before {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 10px 0 0;
border-color: #3A4960 transparent transparent transparent;
transform: rotate(0deg);
position: absolute;
top: 0;
left:100%;
}
.flag-text:after {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 0 0 10px;
border-color: transparent transparent transparent #3A4960;
transform: rotate(0deg);
position: absolute;
bottom: 0;
left: 100%;
}
.featured-image {
height: 260px;
position: relative;
}
.featured-image > .featured-image-inner {
height: 100%;
width: 100%;
display: block;
}
.featured-image > .featured-image-inner img {
height: 100%;
width: 100%;
object-fit: contain;
-o-object-fit: contain;
font-family: 'object-fit: contain;';
}
.bottom-content {
background: #EFEFEF;
padding: 13px 24px 25px 24px;
}
.bottom-content h2 {
font-size: 20px;
display: inline-block;
position: relative;
margin-bottom: 20px;
color: #000;
line-height: 1.4em;
}
.bottom-content h2:before {
content: "";
height: 1px;
width: 100%;
position: absolute;
bottom: -10px;
background-color: #E2E2E2;
}
.bottom-content .product-headline {
color: #000;
font-size: 17px;
font-weight: 500;
}
.bottom-content p {
color: #4D4D4D;
font-size: 17px;
line-height: 1.4em;
margin-top: 10px;
margin-bottom: 10px;
}
.bottom-content .bottom-content-link {
color:rgb(228, 43, 26);
font-weight: 700;
font-size: 17px;
}
.bottom-content > .bottom-content-link:after {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/learn-more-arrow.png');
height: 14px;
width: 14px;
display: inline-block;
margin-left: 15px;
}
@media (min-width: 768px) {
.category-outer-loop-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.telesis-product-item {
width: calc(50% - 15px);
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.bottom-content {
flex-grow: 1;
}
}
.category-masthead {
position: relative;
padding: 100px 0;
text-align: center;
margin-bottom: 50px;
z-index: 9999;
}
.category-masthead:before {
content: "";
height: 100%;
width: 100%;
background-color: #3A4960;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: .75;
}
.category-masthead img.masthead-bg-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
.category-masthead h1 {
color: #fff;
margin-bottom: 10px;
display: inline-block;
position: relative;
text-align: left;
}
.category-masthead h1:after {
content: "";
height: 10px;
width: 100%;
background: #E42B1A;
position: absolute;
left: 0;
bottom: -10px;
display: none;
}
.category-masthead-content p,
.category-masthead-content h2 {
color: #FFF;
text-align: left;
}
.category-masthead-content h2 {
margin-top: 10px;
margin-bottom: 15px;
}
.category-masthead #contactforms .qode-advanced-tabs-nav li:nth-child(3),
.category-masthead #contactforms .qode-advanced-tabs-nav li:nth-child(4) {
display: none;
}
.category-masthead div#contactforms {
margin-top: 0px !important;
padding-top: 0 !important;
margin-left: -15px;
margin-right: -15px;
}
.category-masthead div#contactforms label {
width: 100%;
color: #243A4C;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 25px;
}
.form-tabs .qode-advanced-tab-container {
padding: 50px 50px 0 50px;
}
.form-tabs .text-center p {
margin-bottom: 30px;
}
.screen-reader-response ul {
display: none;
}
.cta-section-block {
margin: 60px 0;
position: relative;
z-index: 0;
}
.cta-block-outer {
position: relative;
}
.cta-block-img-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cta-block-img-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
.inner-content-wrapper {
position: relative;
z-index: 1;
padding: 30px 20px;
}
.inner-content-wrapper * {
color: #fff;
}
.archive-text-section {
margin: 80px 0;
}
.archive-text-section p {
margin-bottom: 16px;
}
.archive-text-content h2 {
font-weight: 400;
font-size: 40px;
line-height: 47px;
margin-bottom: 16px;
}
.cta-block-outer h2 {
font-weight: 400;
font-size: 40px;
line-height: 47px;
margin-bottom: 16px;
color: #ffffff;
}
.iltr-section {
padding: 80px 0;
background: #efefef;
}
.image-gallery-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.iml-wrap {
width: calc(50% - 5px);
height: 245px;
}
.ir-wrap {
width: calc(50% - 5px);
height: 245px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.it-wrap, .ib-wrap {
height: 117.5px;
display: block;
}
.iml-wrap img, .it-wrap img, .ib-wrap img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit:cover;';
}
.icon-wrappers-outer {
display: flex;
flex-wrap: wrap;
justify-content: left;
margin-top: 20px;
}
.icon-wrappers-outer > a {
width: calc(20% - 10px);
text-align: center;
margin: 5px;
display: block;
}
.icon-wrappers-outer > a .ilcr_item_single {
height: 62px;
width: 62px;
}
.bottom-cta-section {
position: relative;
padding: 60px 0;
}
.bottom-cta-default-bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(101deg, #253A4D 57.08%, #94ABBF 130.2%) center / cover no-repeat;
}
.bottom-cta-default-bg::before {
content: "";
height: 100%;
position: absolute;
z-index: 2;
background: #1B2937;
width: 100%;
}
.bottom-cta-default-bg img {
height: 100%;
right: 0;
position: absolute;
opacity: 0.4;
z-index: 1;
object-fit: cover;
object-position: right;
}
.bottom-cta-img-wrap {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.bottom-cta-img-wrap img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
.default-bg .cta-inner-wrap {
text-align: left;
margin: 0;
}
.default-bg h2 {
color: #FFF;
font-family: "Work Sans";
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 1.25;
}
.cta-inner-wrap {
text-align: center;
max-width: 850px;
margin: 0 auto;
}
.cta-inner-wrap *:not(a) {
color: #fff;
margin-bottom: 16px;
}
.cta-inner-wrap p {
margin-bottom: 25px;
}
button.mobile-filter-button {
display: block;
width: 100%;
padding: 10px;
border: none;
font-size: 15px;
background: #daa159;
color: #fff;
font-weight: 700;
position: relative;
z-index: 2;
margin-bottom: 10px;
}
form#cat-filter-form {
height: 37px;
top: 0;
position: absolute;
opacity: 0;
pointer-events: none;
transition: all .3s ease-in-out;
padding: 20px;
background: #efefef;
z-index: 1;
}
form#cat-filter-form.active {
top: 0;
position: relative;
opacity: 1;
pointer-events: all;
height: auto;
}
.filters-title {
display: none;
}
.page-template-single-telesis_category a.button {
padding: 15px 17px;
display: inline-block;
background: #E42B1A;
border-radius: 8px;
line-height: 1em;
font-weight: 700;
margin-bottom: 10px;
color: #fff;
}
.page-template-single-telesis_category a.button:nth-of-type(2) {
background: #DAA159;
}
.inner-content-wrapper p {
margin-bottom: 16px;
}
.archive_page_wysiwyg_after_breadcrumb {
padding: 2em 0em 4em 0em;
}
.wysiwyg .archive_page_wysiwyg_after_breadcrumb.wysiwyg {
padding-top: 5em;
}
.rib-section + .wysiwyg:has(.archive_page_wysiwyg_after_breadcrumb) .archive_page_wysiwyg_after_breadcrumb {
padding-top: 0;
}
@media (min-width: 768px) {
.bottom-cta-default-bg::before {
background: linear-gradient(271deg, rgba(27, 41, 55, 0.00) 0.15%, #1B2937 42.79%);
width: 90%;
}
.default-bg h2 {
font-size: 40px;
line-height: 47px;
}
}
@media (min-width: 1024px) {
.cta-block-outer {
width: 100%;
}
.inner-content-wrapper {
width: 55%;
padding: 60px 75px;
}
.iltr-section .row {
display: flex;
align-items: center;
justify-content: space-between;
}
.iltr-section .row .col-md-50p {
width: calc(50% - 20px);
display: inline-block;
}
.image-gallery-wrap .ir-wrap,
.image-gallery-wrap .iml-wrap {
height: 350px;
}
.it-wrap, .ib-wrap {
height: 170px;
}
button.mobile-filter-button {
display: none;
}
form#cat-filter-form {
height: auto;
position: relative;
opacity: 1;
pointer-events: all;
display: flex;
align-items: center;
padding: 0;
margin-bottom: 20px;
}
form#cat-filter-form > h3 {
border-right: 1px solid #E2E2E2;
}
form#cat-filter-form > h3,
form#cat-filter-form > div {
padding: 13px 0;
border-right: 1px solid #E2E2E2;
}
.filters-title,
form#cat-filter-form .category-sidebar-item:last-of-type {
display: inline-block;
width: 20%;
text-align: center;
font-size: 20px;
}
.filters-title:before {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/filter-filled-tool-symbol.png');
display: inline-block;
height: 12px;
width: 12px;
margin-right: 8px;
}
form#cat-filter-form .category-sidebar-item,
form#cat-filter-form .category-sidebar-item:last-of-type {
font-size: 15px;
}
form#cat-filter-form .category-sidebar-item h3:after {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/Path-13.png');
height: 8px;
width: 14px;
display: inline-block;
margin-left: 8px;
}
form#cat-filter-form .category-sidebar-item:hover h3:after {
content: "";
transform: rotate(-180deg);
}
form#cat-filter-form > div {
width: 30%;
position: relative;
text-align: center;
}
.term-dropdown-content {
text-align: left;
position: absolute;
left: 0;
padding: 18px 8px 8px;
background: #efefef;
width: calc(100% - 16px);
box-shadow: 0 5px 5px rgba(0,0,0,.2);
top: 100%;
z-index: 3;
opacity: 0;
pointer-events: none;
border-top: 1px solid #E2E2E2;
}
.category-sidebar-item:hover > .term-dropdown-content {
opacity: 1;
pointer-events: all;
}
.category-sidebar-item h3 {
font-size: 15px;
}
.telesis-category-filter {
position: relative;
z-index: 2;
}
}
@media (min-width: 1200px) {
.category-masthead + section {
padding-top: 200px !important;
}
.category-masthead {
height: 790px;
}
.category-masthead h1{
margin-top: 120px;
font-size: 70px;
}
.category-masthead div#contactforms {
position: absolute;
top: 0;
}
.icon-wrappers-outer > a {
width: calc(14% - 10px);
}
}
section.half-and-half .half-and-half-image {
width: 100%;
margin: 0;
position: relative;
min-height: 300px;
}
section.half-and-half .half-and-half-image img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
section.half-and-half .half-and-half-image img.object-fit-contain {
object-fit: contain;
-o-object-fit: contain;
font-family: 'object-fit: contain;';
}
section.half-and-half .half-and-half-image img.object-fit-cover {
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
section.half-and-half {
/*background-color: #243A4C;*/
}
section.half-and-half * {
color: #100f0f;
}
section.half-and-half.dark-blue * {
color: #ffffff;
font-size: 16px;
}
section.half-and-half div.half-and-half-text h2 {
font-weight: 400;
padding-bottom: 25px;
font-size: 24px;
line-height: 120%;
width: 100%;
}
section.half-and-half .half-and-half-text {
/* width: calc(100% - 44px); */
padding: 22px;
}
.half-and-half-text ul {
padding-left: 30px;
list-style: none;
margin: 15px 0;
}
.half-and-half-text ul li {
margin-bottom: 15px;
position: relative;
font-size: 16px;
}
.half-and-half-text ul li:before {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/icon-check.png');
width: 17px;
height: 13px;
display: inline-block;
position: absolute;
left: -27px;
top: 6px;
}
section.half-and-half .half-and-half-image .half-video-btn__icon {
height:94px;
width:94px;
position: absolute;
top:calc(50% - 46px);
left:calc(50% - 46px);
z-index: 20;
transition: all .2s ease-in-out;
}
.video-section-cta-button {
border-radius: 8px;
background: #E42C1A;
box-shadow: 0 0 7px 0 #E42B1A;
padding: 14px 30px;
font-size: 18px !important;
font-style: normal;
font-weight: 700;
margin-top: 20px;
display: inline-block;
}
.video-section-cta-button .quote-demo-icon {
display: none;
}
.half-and-half-text__wrapper p {
margin-bottom: 10px;
}
@media (min-width: 768px) {
section.half-and-half .half-and-half-text {
padding: 60px;
}
section.half-and-half div.half-and-half-text h2 {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.half-and-half--gray::before,
.half-and-half--gray::after {
display: none;
}
section.half-and-half {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
section.half-and-half.image-block-right {
flex-direction: row-reverse;
}
section.half-and-half .half-and-half-image {
width: 40%;
margin: 0;
}
section.half-and-half .half-and-half-image img {
border-radius: 0;
}
section.half-and-half div.half-and-half-text h2 {
/* width: 70%; */
}
section.half-and-half .half-and-half-text {
padding: 87px 100px 87px;
display: flex;
align-items: center;
width: 60%;
}
section.half-and-half .half-and-half-text.no-video,
section.half-and-half .half-and-half-text.no-image {
padding: 87px 22px;
margin: 0 auto;
}
.half-and-half-text__wrapper {
max-width: 775px !important;
margin-left: auto;
padding-right: 70px;
}
section.half-and-half .half-and-half-image .half-video-btn:hover .half-video-btn__icon {
transform: scale(1.2);
}
}
.telesis_product-template-default .product-breadcrumb p a,
.product-breadcrumb p,
.product-breadcrumb .breadcrumb_last {
font-size: 14px;
color: #A5AEB5 !important;
margin-bottom: 15px;
font-weight: 600;
}
@media (min-width: 1024px) {
.product-img-single-carousel {
height: calc(100% - 103px);
display: flex !important;
align-items: center;
justify-content: center;
}
}
.slider-arrow-container.header-nav-arrows {
/* width: calc(100% - 60px); */
width: 100%; /* Added */
padding: 0; /* Added */
left: 0;
}
/* Added */
@media (min-width: 768px) {
.slider-arrow-container.header-nav-arrows {
padding: 0 10px;
max-width: unset;
width: calc(100% - 20px)
}
}
@media (min-width: 1024px) {
.slider-arrow-container.header-nav-arrows {
width: calc(100% - 60px);
padding: 0 30px;
}
}
@media (min-width: 1200px) {
.slider-arrow-container.header-nav-arrows {
max-width: 600px;
width: 100%;
left: calc(50% - 325px);
}
}
@media screen and (min-width: 600px) {
.app-img-caption {
position: absolute;
top: 100%;
left: 0;
height: calc(100% - 40px);
width: calc(100% - 40px);
padding: 20px;
background: rgba(27,41,55,.74);
display: flex;
flex-direction: column;
justify-content: center;
transition: all .3s ease-in-out;
}
.app-img-caption p {
color: #fff;
text-align: center;
font-size: 20px;
}
.app-img-wrapper:hover > .app-img-caption {
top: 0;
}
}
@media (min-width: 2000px) {
.slider-arrow-container.header-nav-arrows {
max-width: 700px;
left: calc(50% - 380px);
}
}
.resources-inner-wrap .single-resource-item {
text-align: center;
margin-bottom: 20px;
}
.resources-inner-wrap .single-resource-item h4:after {
content: "";
border: solid #e42c1a;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
margin-left: 8px;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.resources-inner-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.resources-inner-wrap .single-resource-item {
width: calc(50% - 10px);
}
}
@media (min-width: 1200px) {
.resources-inner-wrap .single-resource-item {
width: calc(25% - 5px);
text-align: left;
}
.resources-inner-wrap .single-resource-item img {
max-height: 130px;
width: 225px;
object-fit: cover;
-o-object-fit: cover;
}
}
.prc-container.slick-slide {
padding: 10px 20px !important;
}
.prc-container > a {
display: block;
height: 100%;
display: flex;
flex-direction: column;
transition: all 0.3s ease 0s;
}
.prc-container > a:hover {
box-shadow: 5px 5px 20px rgb(228 43 26 / 25%);
}
.prc-content {
padding: 20px;
background: #EFEFEF;
}
.telesis_product-template-default .prc-content span {
padding: 0;
color: rgb(228, 43, 26);
font-weight: 700;
font-size: 17px;
}
.telesis_product-template-default .prc-content span:after {
content: "";
background-image: url('/wp-content/themes/bridge-child/images/learn-more-arrow.png');
height: 14px;
width: 14px;
display: inline-block;
margin-left: 15px;
}
.prc-container .app-img-wrapper img {
object-fit: contain;
-o-object-fit: contain;
font-family: 'object-fit: contain;';
}
.slider-arrow-container button.spr-nn2.slick-arrow {
transform: rotate(180deg);
}
.slider-arrow-container button.spr-nn2.slick-arrow:hover {
transform: rotate(360deg);
}
@media (min-width: 768px) {
.product-relevances-carousel .slick-track {
display: flex;
}
.app-img-wrapper {
height: 187px !important;
min-height: 187px;
}
.applications-carousel .app-img-wrapper {
height: 316px !important;
}
.prc-content {
height: 100% !important;
}
.prc-container.slick-slide {
display: flex !important;
flex-direction: column;
height: auto;
}
.prc-content * {
margin-bottom: 10px;
}
.single-product-relations .col-md-20p {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.spr-heading {
max-width: 800px;
}
.slider-arrow-container {
max-width: 200px;
}
.product-applications .slider-arrow-container {
margin: 0 auto;
}
section.single-product-relations {
padding: 80px 0;
}
}
.single-product-relations h2 {
margin-bottom: 10px;
color: #253A4D;
}
.half-video-btn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.half-and-half-image:after {
content: "";
height: 100%;
width: 100%;
/* background: rgba(58,73,96,.66); */
position: absolute;
z-index: 0;
left:0;
}
.archive-text-section .icon-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.icon-row .icon-item {
width: calc(50% - 20px);
text-align: center;
padding: 10px;
}
.icon-item p {
font-size: 17px;
color: #000;
}
@media (min-width: 1024px) {
.icon-row .icon-item {
width: calc(20% - 20px);
}
.archive-text-section .icon-row {
max-width: 72%;
margin: 0 auto;
}
}
/* PRODUCT LISTING SLIDER*/
.product-thumbnail__wrap {
border-radius: 8px;
cursor: pointer;
display: none;
margin: 10px;
overflow: hidden;
padding: 20px;
transition: all 0.3s ease 0s;
}
.product-thumbnail__wrap:hover,
.product-thumbnail__wrap:focus {
box-shadow: rgb(0, 0, 0,0.1) 0px 0px 10px 0px;
}
.product-thumbnail__wrap img {
cursor: pointer;
max-width: 200px;
max-height: 200px;
margin: auto;
object-fit: cover;
}
.product-thumbnail__wrap.slick-slide,
.product-thumbnail__wrap:first-child {
display: block;
}
.product-thumbnail__wrap .product-title {
text-align: center;
margin-top: 20px;
transition: all 0.3s ease 0s;
}
.product-thumbnail__wrap:hover .product-title,
.product-thumbnail__wrap:focus .product-title{
color: #A7B8CA;
}
.js-product-slider-nav .slick-track {
margin-left: 0;
}
.js-product-slider-nav::after ,
.js-product-slider-nav::before {
content: '';
position: absolute;
width: 12%;
height: 100%;
top: 0;
z-index: 9;
}
.js-product-slider-nav::after {
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
right: 0;
}
.js-product-slider-nav::before {
/*background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); */
left: 0;
width: 0;
}
.js-product-slider-nav .slick-arrow {
background-color: #E5E5E5;
border: none;
border-radius: 100%;
color: transparent;
cursor: pointer;
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
transition: all 0.3s ease 0s;
}
.js-product-slider-nav .slick-prev {
right: 70px;
}
.js-product-slider-nav .slick-arrow::before {
content: '\23';
font-family: ElegantIcons;
font-style: normal;
font-size: 28px;
color: #000;
position: relative;
left: 5px;
top: 1px;
transition: all 0.3s ease 0s;
}
.js-product-slider-nav .slick-next::before {
content: '\24';
}
.js-product-slider-nav .slick-arrow:hover,
.js-product-slider-nav .slick-arrow:focus {
background-color: rgb(218, 161, 89);
box-shadow: rgb(218, 161, 89) 0px 0px 7px 0px;
}
.js-product-slider-nav .slick-arrow:hover::before,
.js-product-slider-nav .slick-arrow:focus::before {
color: #fff;
}
.product-specification__details {
box-shadow: rgb(0, 0, 0,0.1) 0px 0px 10px 0px;
margin-top: 30px;
border-radius: 10px;
padding: 30px;
margin: 30px 10px 10px;
display: none;
}
.product-specification__details:fist-child,
.product-specification__details.slick-slide {
display: block;
}
.product-specification__details .product-name {
margin-bottom: 30px;
}
.product-specification__details table {
width: 100%;
}
.product-specification__details table td {
text-align: left;
border-bottom: 2px solid #E5E5E5;
padding: 5px 0;
}
.product-specification__details tr {
width: 100%;
display: table;
}
.product-specification__details table td:first-child {
font-weight: 600;
color: #100f0f;
}
.product-specification__details table td:last-child {
text-align: right;
}
.product-specs-cta__buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 50px;
gap: 20px;
}
.product-specs-cta__buttons .btn {
border-radius: 8px;
color: #fff;
font-weight: 600;
font-size: 14px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
padding: 12px 30px;
}
.product-specs-cta__buttons .btn-primary-red {
background-color: #E42B1A;
box-shadow: #E42B1A 0px 0px 7px 0px;
}
.product-specs-cta__buttons .btn-primary-red:hover {
background: #B71506;
}
.product-specs-cta__buttons .btn-primary-tan {
background-color: rgb(218, 161, 89);
box-shadow: rgb(218, 161, 89) 0px 0px 7px 0px ;
}
.product-specs-cta__buttons .btn-primary-tan:hover {
background-color: rgb(191, 126, 46);
}
@media (max-width: 991px) {
.js-product-slider-nav {
padding-bottom: 50px;
}
}
@media (min-width: 992px) {
.product-specification__details table {
display: flex;
gap: 30px;
}
.product-specification__details tbody {
width: 50%;
}
}
@media (min-width: 1200px) {
.product-specification__details {
padding: 50px 100px;
}
}
@media (min-width: 1300) {
.js-product-slider-nav.non-slider-product .slick-track {
transform: inherit !important;
}
}
/* Testimonials */
.title_outer {
overflow: hidden;
}
.testimonials-listing {
padding: 50px 0;
}
.testimonials-listing .container,
.map-cta .container {
margin: auto;
max-width: 1282px;
}
.testimonials-listing__heading {
position: relative;
padding: 50px 0;
margin-bottom: 50px;
color: #100F0F;
text-align: center;
font-family: "Work Sans";
font-size: 40px;
font-style: normal;
font-weight: 700;
letter-spacing: -1.6px;
}
.testimonials-listing__heading svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.post--item {
break-inside: avoid;
margin-bottom: 32px; /* Adds vertical spacing between items */
}
.testimonial-item {
display: flex;
padding: 30px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
border: 1px solid #E2E2E2;
background: #FFF;
}
.testimonial__content {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #E2E2E2;
color: #100F0F;
font-family: "Work Sans";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.testimonial__author-info {
letter-spacing: -0.64px;
}
.testimonial__author-info h4 {
color: #100F0F;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.testimonial__author-info cite {
display: block;
color: #666;
font-family: "Work Sans";
font-size: 16px;
font-style: italic;
font-weight: 500;
line-height: normal;
}
.testimonial__author {
display: flex;
gap: 15px;
align-items: center;
}
.testimonial__author-image {
width: 50px;
height: 50px;
border-radius: 50px;
overflow: hidden;
}
.testimonial__author-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.testimonial-bottom__banner {
margin-top: 50px;
}
@media (min-width: 768px) {
.testimonials-listing {
padding: 70px 0;
}
.column--wrapper {
columns: 3;
column-gap: 32px;
margin: 0 auto;
}
}
.map-cta {
padding-top: 40px;
padding-bottom: 40px;
@media (min-width: 768px) {
padding-top: 30px;
padding-bottom: 80px;
}
& .row {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-left: -15px;
margin-right: -15px;
@media (min-width: 768px) {
flex-wrap: nowrap;
}
}
& .col-md-6 {
width: 50%;
flex: 0 0 auto;
padding-left: 15px;
padding-right: 15px;
}
}
.map-cta__heading {
& p {
color: #314351;
font-weight: 500;
}
& .btn-blue {
font-size: 17px;
padding: 10px 52px;
text-transform: uppercase;
background-color: #182c3b;
color: #fff;
border-radius: 8px;
box-shadow: 2px 1px 3px 0px #182c3b8a;
}
}
/* Icon Style for Header section */
.header_top .header-widget.widget_nav_menu ul.menu>li.js-phone-number a {
position: relative;
}
.header_top .header-widget.widget_nav_menu ul.menu>li.js-phone-number a::before {
content: "\e090";
font-family: 'ElegantIcons';
font-size: inherit;
position: absolute;
top: 1px;
left: 1px;
}
#SupportNavi>a[href*='contact-us'],
.header-widget.widget_nav_menu ul.menu>li.menu-contact-loc {
display: none;
}
.header-widget.widget_nav_menu ul.menu>li.menu-contact-loc a::before {
content: '';
display: inline-block;
background-color: currentColor;
mask-size: cover;
mask-image: url('https://telesis.com/wp-content/themes/bridge-child/images/common2/icon_mail.png');
width: 29px;
height: 22px;
aspect-ratio: 1 / 1;
position: relative;
top: 2px;
right: -1px;
}
#SpSupportNavi a.mobile-link[value*='tel:'] {
position: relative;
padding-left: 50px !important;
}
#SpSupportNavi a.mobile-link[value*='tel:']::before {
content: "\e090";
font-family: 'ElegantIcons';
font-size: 20px;
position: absolute;
top: 14px;
left: 17px;
}
header nav.main_menu ul > li.header-btn-tan-solid a {
box-shadow: rgb(218 161 89) 0px 0px 7px 0px !important;
background-color: #daa159;
border-radius: 10px;
color: #fff;
padding: 16px 17px 18px 35px;
margin: auto auto auto 10px;
transition: all 0.3s ease 0s;
}
header nav.main_menu ul > li.header-btn-tan-solid a::before {
content: '';
display: inline-block;
background-color: currentColor;
mask-size: cover;
mask-image: url('https://telesis.com/wp-content/themes/bridge-child/images/common2/icon_mail.png');
width: 29px;
height: 22px;
aspect-ratio: 1 / 1;
position: absolute;
top: 44%;
left: 5px;
transform: translateY(-50%);
}
header nav.main_menu ul > li.header-btn-tan-solid:hover a {
opacity: 0.8 !important;
}
@media (min-width: 1001px) and (max-width: 1199px) {
.q_logo img {
height: auto;
max-width: 130px;
object-fit: contain;
}
}
@media (min-width: 1200px) {
ul#menu-main-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: end;
}
nav.main_menu>ul>li.header-btn-tan-solid {
order: 1;
}
}
/* CTA Buttons Styling */
i.quote-demo-icon::before {
content: "\24";
font-family: 'ElegantIcons';
font-style: normal;
font-size: 23px;
position: relative;
margin-left: 6px;
transition: all 0.3s ease;
vertical-align: middle;
}
a i.quote-demo-icon {
margin: 0;
}
a:hover i.quote-demo-icon::before {
margin-left: 10px;
}
.header-btn i.quote-demo-icon:before {
font-size: 18px;
}
.qode-advanced-tabs-nav a i.quote-demo-icon {
display: none;
}
/* Reset Popup Maker padding so our layout controls spacing */
.pum-container .pum-content {
padding: 0;
}
/* Two-column wrapper */
.popup-two-col {
display: flex;
flex-wrap: wrap;
min-height: 420px;
}
/* Left column — image fills height */
.popup-two-col__image {
flex: 0 0 45%;
max-width: 45%;
justify-content: center;
display: flex;
}
.popup-two-col__image img {
width: 100%;
height: 100%;
object-fit: contain;;
display: block;
}
/* Right column — dark industrial background matching Telesis brand */
.popup-two-col__content {
flex: 0 0 55%;
max-width: 55%;
background-color: #1b2937;
padding: 2.5rem 2rem;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Red top accent bar — mirrors Telesis's decorative red graphic motif */
.popup-two-col__content::before {
content: '';
display: block;
width: 48px;
height: 4px;
background-color: #c8102e;
margin-bottom: 1.25rem;
}
.popup-two-col__content h2 {
color: #ffffff;
}
.popup-two-col__content p {
color: #cccccc;
margin: 10px 0
}
.popup-sub-text {
font-size: 13px;
}
/* Red CTA button*/
.btn-popup {
background-color: #e42b1a;
font-size: 18px;
font-weight: 600;
color: #ffffff !important;
text-transform: capitalize;
font-style: normal;
letter-spacing: -0.2px;
padding: 18px 25px;
line-height: 1.7em;
border-radius: 10px;
display: inline-block;
}
/* Stack vertically on mobile */
@media (max-width: 768px) {
.popup-two-col__image,
.popup-two-col__content {
flex: 0 0 100%;
max-width: 100%;
}
.popup-two-col__image {
min-height: 220px;
}
.popup-two-col__content {
padding: 2rem 1.5rem;
}
}
/* =====================================================
Icon Boxes Section — "Industries We Serve"
===================================================== */
.icon-boxes-section {
padding: 60px 0;
background: #fff;
position: relative;
}
.icon-boxes-section svg.section-bg{
position: absolute;
top: -315px;
display: none;
}
/* 4-column grid: intro spans 2 cols (left), boxes flow naturally to fill the rest */
.icon-boxes-layout {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
align-items: start;
}
/* Intro text block — occupies columns 1–2, row 1 only */
.icon-boxes-intro {
grid-column: span 2;
grid-row: 1;
padding-right: 24px;
}
.icon-boxes-intro h2 {
color: #100F0F;
font-family: "Work Sans";
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 47px;
margin-bottom: 15px;
}
.icon-boxes-desc p {
font-size: 0.9rem;
color: #444;
line-height: 1.65;
margin-bottom: 12px;
}
/* Individual icon box */
.icon-box-item {
background: #E4E6E9;
padding: 40px 55px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 175px;
height: 248px;
}
.icon-box-item__icon {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.icon-box-item__icon img {
width: 72px;
height: 72px;
object-fit: contain;
display: block;
}
.icon-box-item__label {
margin: 16px 0 0;
color: #100F0F;
text-align: center;
font-family: "Work Sans";
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
/* Tablet: collapse to 2-column grid, intro spans full width */
@media (max-width: 991px) {
.icon-boxes-layout {
grid-template-columns: repeat(2, 1fr);
}
.icon-boxes-intro {
grid-column: span 2;
padding-right: 0;
margin-bottom: 8px;
}
}
/* Mobile: single column stack */
@media (max-width: 575px) {
.icon-boxes-layout {
grid-template-columns: 1fr;
}
.icon-boxes-intro {
grid-column: span 1;
}
.icon-boxes-section {
padding: 40px 0;
}
}
@media (min-width: 768px) {
.icon-boxes-intro h2 {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.icon-boxes-section svg.section-bg {
display: block;
}
}
/* =====================================================
Page Content Section — Product Card Grid
===================================================== */
.page-content-section {
padding: 80px 0;
background: #F6F6F6;
}
.page-content-heading {
text-align: center;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 12px;
line-height: 1.2;
}
.page-content-subtext {
text-align: center;
font-size: 0.9rem;
color: #555;
max-width: 80%;
margin: 0 auto 40px;
line-height: 1.65;
}
/* 3-column card grid */
.page-content-cards {
display: flex;
/* grid-template-columns: repeat(3, 1fr); */
gap: 24px;
margin-bottom: 40px;
justify-content: center;
flex-wrap: wrap;
}
.page-content-card {
display: flex;
flex-direction: column;
width: 100%;
}
/* Gray image slab */
.page-content-card__image {
background: #f2f2f2;
display: flex;
align-items: center;
justify-content: center;
/* padding: 24px; */
min-height: 185px;
}
.page-content-card__image img {
max-width: 100%;
/* max-height: 140px; */
width: auto;
height: auto;
object-fit: contain;
display: block;
}
/* Card text area */
.page-content-card__body {
padding: 30px 30px 20px 30px;
flex: 1;
display: flex;
flex-direction: column;
background: #FFF;
}
.page-content-card__title {
font-weight: 700;
color: #1a1a1a;
margin-bottom: 8px;
line-height: 1.3;
}
.page-content-card__desc {
font-size: 0.875rem;
color: #444;
line-height: 1.6;
flex: 1;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.page-content-card__link {
font-size: 20px;
font-weight: 600;
color: #e42b1a;
text-decoration: none;
margin-top: auto;
display: inline-block;
}
.page-content-card__link:hover {
color: #b5160c;
text-decoration: underline;
}
.page-content-card__link svg {
top: -2px;
position: relative;
}
.page-content-card__link:hover path {
fill: #b5160c;
}
/* Centered CTA button */
.page-content-cta {
text-align: center;
margin-top: 8px;
}
.page-content-cta__btn {
display: inline-block;
border-radius: 8px;
background: #E42C1A;
box-shadow: 0 0 7px 0 #E42B1A;
color: #fff !important;
font-size: 18px;
font-weight: 600;
padding: 14px 40px;
text-decoration: none;
transition: background 0.2s ease;
}
.page-content-cta__btn:hover {
background: #b5160c;
color: #fff !important;
}
/* Tablet: 2 columns */
@media (max-width: 991px) {
.page-content-cards {
grid-template-columns: repeat(2, 1fr);
}
}
/* Mobile: single column */
@media (max-width: 575px) {
.page-content-cards {
grid-template-columns: 1fr;
}
.page-content-section {
padding: 40px 0;
}
.page-content-heading {
font-size: 1.6rem;
}
}
@media (min-width: 768px) {
.page-content-card {
width: 48%;
}
}
@media (min-width: 1200px) {
.page-content-card {
width: 32%;
}
}
/* =====================================================
Round Image Box Section — Materials grid
===================================================== */
.rib-section {
padding: 60px 0;
background: #fff;
}
.rib-heading {
line-height: 1.25;
margin-bottom: 16px;
color: #100F0F;
text-align: center;
font-family: "Work Sans";
font-size: 40px;
font-style: normal;
font-weight: 400;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.rib-subtext {
text-align: center;
font-size: 0.9rem;
color: #444;
max-width: 1000px;
margin: 0 auto 48px;
line-height: 1.65;
}
/* Red-highlighted words authored in the WYSIWYG */
.rib-subtext strong,
.rib-subtext b {
color: #e42b1a;
font-weight: 700;
}
/* Flex row — wraps automatically; 5 items in row 1, 2 centered in row 2 */
.rib-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px 0px;
max-width: 1000px;
margin: 0 auto;
}
.rib-item {
display: flex;
flex-direction: column;
align-items: center;
width: 20%;
}
/* Circular cropped image */
.rib-item__circle {
width: 125px;
height: 125px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 14px;
flex-shrink: 0;
}
.rib-item__circle img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.rib-item__label {
font-weight: 700;
font-size: 25px;
color: #1a1a1a;
text-align: center;
margin: 0;
line-height: 1.3;
}
/* Tablet */
@media (max-width: 991px) {
.rib-item {
width: 130px;
}
.rib-item__circle {
width: 120px;
height: 120px;
}
.rib-grid {
gap: 32px 20px;
}
.rib-item__label {
font-size: 20px;
}
}
/* Mobile */
@media (max-width: 575px) {
.rib-section {
padding: 40px 0;
}
.rib-heading {
font-size: 1.6rem;
}
.rib-item {
width: 90px;
}
.rib-item__circle {
width: 84px;
height: 84px;
}
.rib-item__label {
font-size: 0.85rem;
}
.rib-grid {
gap: 24px 16px;
}
}
/* Single Category Page */
.category-masthead--single .wpcf7-form h3 {
margin-bottom: 13px;
font-weight: 700;
color: #243A4C;
}
.category-masthead--single .form-tabs .ui-tabs-nav,
.category-masthead--single .form-tabs .qode-advanced-tab-container {
border: 0;
}
.category-masthead--single .form-tabs .qode-advanced-tab-container {
box-shadow: 0 0 10px rgba(0,0,0,0.1)
}
.category-masthead--single .form-tabs .qode-advanced-tabs .qode-advanced-tabs-nav li a {
padding: 10px 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.category-masthead--single .qode-advanced-tabs .qode-advanced-tabs-nav li a span {
width: auto;
padding-right: 10px;
}
.category-masthead--single .qode-advanced-tabs .qode-advanced-tabs-nav .request-a-quote-897::before {
mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.714 13.3655L21.9519 10.6034C21.7688 10.4202 21.5204 10.3173 21.2613 10.3173C21.0023 10.3173 20.7539 10.4202 20.5708 10.6034L12.1302 19.0439C11.4463 19.7278 10.9846 20.5906 10.7949 21.539L10.3363 23.8319C10.2723 24.1521 10.3725 24.4831 10.6034 24.714C10.7883 24.8989 11.0375 25 11.2939 25C11.3576 25 11.4218 24.9938 11.4854 24.981L13.7784 24.5224C14.7268 24.3327 15.5896 23.871 16.2735 23.1871L24.714 14.7466C25.0954 14.3652 25.0954 13.7469 24.714 13.3655ZM14.8923 21.8061C14.482 22.2164 13.9644 22.4935 13.3954 22.6072L12.5388 22.7785L12.7101 21.922C12.8239 21.3529 13.101 20.8353 13.5113 20.4249L21.2613 12.6749L22.6424 14.056L14.8923 21.8061Z' fill='white'/%3E%3Cpath d='M7.31099 23.0469H2.92969C2.39121 23.0469 1.95312 22.6088 1.95312 22.0703V2.92969C1.95312 2.39121 2.39121 1.95312 2.92969 1.95312H11.7188V4.88281C11.7188 6.49824 13.033 7.8125 14.6484 7.8125H17.5781V8.47666C17.5781 9.01602 18.0153 9.45322 18.5547 9.45322C19.094 9.45322 19.5312 9.01602 19.5312 8.47666V6.83589C19.5312 6.57153 19.4197 6.31807 19.2447 6.14492L13.3859 0.286035C13.2057 0.105859 12.9533 0 12.6953 0H2.92969C1.31426 0 0 1.31426 0 2.92969V22.0703C0 23.6857 1.31426 25 2.92969 25H7.31099C7.85034 25 8.28755 24.5628 8.28755 24.0234C8.28755 23.4841 7.85029 23.0469 7.31099 23.0469ZM14.6484 5.85938C14.11 5.85938 13.6719 5.42129 13.6719 4.88281V3.33418L16.1971 5.85938H14.6484Z' fill='white'/%3E%3Cpath d='M15.625 10.3516C15.625 9.81221 15.1878 9.375 14.6484 9.375H4.88281C4.34346 9.375 3.90625 9.81221 3.90625 10.3516C3.90625 10.8909 4.34346 11.3281 4.88281 11.3281H14.6484C15.1878 11.3281 15.625 10.8909 15.625 10.3516Z' fill='white'/%3E%3Cpath d='M4.88281 13.2812C4.34346 13.2812 3.90625 13.7185 3.90625 14.2578C3.90625 14.7972 4.34346 15.2344 4.88281 15.2344H12.7735C13.3129 15.2344 13.7501 14.7972 13.7501 14.2578C13.7501 13.7185 13.3129 13.2812 12.7735 13.2812H4.88281Z' fill='white'/%3E%3Cpath d='M9.08066 17.1875H4.88281C4.34346 17.1875 3.90625 17.6247 3.90625 18.1641C3.90625 18.7034 4.34346 19.1406 4.88281 19.1406H9.08066C9.62002 19.1406 10.0572 18.7034 10.0572 18.1641C10.0572 17.6247 9.62002 17.1875 9.08066 17.1875Z' fill='white'/%3E%3C/svg%3E%0A");
background-color: currentColor;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
}
.category-masthead--single .qode-advanced-tabs .qode-advanced-tabs-nav .schedule-a-demo-15:before {
content: "\f073";
mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.75 1.78571H13.3929V0.892857C13.3929 0.4 12.9929 0 12.5 0C12.0071 0 11.6071 0.4 11.6071 0.892857V1.78571H6.25V0.892857C6.25 0.4 5.85 0 5.35714 0C4.86429 0 4.46429 0.4 4.46429 0.892857V1.78571H2.67857C1.2 1.78571 0 2.98571 0 4.46429V22.3214C0 23.8 1.2 25 2.67857 25H10.7143C11.2071 25 11.6071 24.6 11.6071 24.1071C11.6071 23.6143 11.2071 23.2143 10.7143 23.2143H2.67857C2.18571 23.2143 1.78571 22.8143 1.78571 22.3214V8.92857H23.2143V10.7143C23.2143 11.2071 23.6143 11.6071 24.1071 11.6071C24.6 11.6071 25 11.2071 25 10.7143V4.46429C25 2.98571 23.8 1.78571 22.3214 1.78571H20.5357V0.892857C20.5357 0.4 20.1357 0 19.6429 0C19.15 0 18.75 0.4 18.75 0.892857V1.78571ZM17.8571 10.7143C13.9152 10.7143 10.7143 13.9152 10.7143 17.8571C10.7143 21.7991 13.9152 25 17.8571 25C21.7991 25 25 21.7991 25 17.8571C25 13.9152 21.7991 10.7143 17.8571 10.7143ZM17.8571 12.5C20.8134 12.5 23.2143 14.9009 23.2143 17.8571C23.2143 20.8134 20.8134 23.2143 17.8571 23.2143C14.9009 23.2143 12.5 20.8134 12.5 17.8571C12.5 14.9009 14.9009 12.5 17.8571 12.5ZM14.9937 18.4884L16.7795 20.2741C16.9625 20.4571 17.2161 20.5518 17.4741 20.533C17.7321 20.5152 17.9696 20.3857 18.125 20.1786L20.8036 16.6071C21.0991 16.2125 21.0196 15.6527 20.625 15.3571C20.2304 15.0616 19.6705 15.1411 19.375 15.5357L17.3143 18.2839L16.2563 17.2259C15.908 16.8777 15.342 16.8777 14.9937 17.2259C14.6455 17.5741 14.6455 18.1402 14.9937 18.4884ZM4.46429 3.57143H2.67857C2.18571 3.57143 1.78571 3.97143 1.78571 4.46429V7.14286H23.2143V4.46429C23.2143 3.97143 22.8143 3.57143 22.3214 3.57143H20.5357V4.46429C20.5357 4.95714 20.1357 5.35714 19.6429 5.35714C19.15 5.35714 18.75 4.95714 18.75 4.46429V3.57143H13.3929V4.46429C13.3929 4.95714 12.9929 5.35714 12.5 5.35714C12.0071 5.35714 11.6071 4.95714 11.6071 4.46429V3.57143H6.25V4.46429C6.25 4.95714 5.85 5.35714 5.35714 5.35714C4.86429 5.35714 4.46429 4.95714 4.46429 4.46429V3.57143Z' fill='white'/%3E%3C/svg%3E%0A");
background: currentColor;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
}
.category-masthead--single #contactforms label {
text-transform: capitalize;
}
.category-masthead--single #contactforms label .asterisk {
color: #E42B1A;
}
.category-masthead--single #contactforms .wpcf7-form-control {
font-family: 'Work Sans';
font-size: 16px;
}
.category-masthead--single .wpcf7-form-control-wrap:has(select) {
position: relative;
width: 100%;
display: block;
}
.category-masthead--single .wpcf7-form-control-wrap:has(select)::before {
content: '';
position: absolute;
right: 18px;
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8021 0L8 5.68947L2.19792 0L0 2.15526L8 10L16 2.15526L13.8021 0Z' fill='%23243A4C'/%3E%3C/svg%3E%0A");
background: currentColor;
width: 16px;
height: 10px;
top: 16px;
}
.category-masthead--single .wpcf7-form-control-wrap:has(select)::after {
content: '';
position: absolute;
top: 0;
right: 50px;
height: 100%;
width: 1px;
background: #dfdfdf;
}
.category-masthead--single .wpcf7-form-control-wrap select {
padding-right: 50px !important;
}
.category-masthead-form-spacer {
position: relative;
height: 300px;
display: none;
}
.category-masthead-form-spacer svg {
position: absolute;
bottom: -40px;
left: -50px;
width: 1300px;
}
.category-masthead--single #contactforms .row {
margin: auto;
}
.category-masthead--single #contactforms [class*='col-'],
.category-masthead--single #contactforms [class*='col-'] .column_inner{
padding: 0;
}
@media (max-width: 767px) {
.category-masthead--single .form-tabs{
padding-top: 30px;
}
}
@media (min-width: 768px) {
.category-masthead--single #contactforms [class*='col-'] + [class*='col-'] {
padding-left: 20px;
}
.category-masthead--single #contactforms .fname-wrap {
width: 58.33333333%;
}
.category-masthead--single #contactforms .phone-wrap {
width: 41.66666667%;
}
}
@media (min-width: 1200px) {
.category-masthead-form-spacer {
display: block;
}
}
/* Half Image Half Text Block */
.half-image-half-text-block {
padding: 40px 0 80px;
background: #fff;
}
.half-image-half-text-block .row {
gap: 0;
}
.half-image-half-text-block__image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.half-image-half-text-block__content {
padding-left: 80px;
}
.half-image-half-text-block__heading {
font-family: 'Work Sans', sans-serif;
font-weight: 400;
font-size: 40px;
line-height: 47px;
color: #100f0f;
margin: 0 0 15px;
}
.half-image-half-text-block__description {
font-family: 'Work Sans', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #100f0f;
}
.half-image-half-text-block__description h2 {
font-weight: 500;
margin-bottom: 20px;
}
.half-image-half-text-block__description p {
margin-bottom: 20px;
}
.half-image-half-text-block__description p:last-child {
margin-bottom: 0;
}
.half-image-half-text-block__description strong,
.half-image-half-text-block__description b {
font-weight: 700;
color: #e0372e;
}
.half-image-half-text-block__description a {
font-weight: 700;
color: #e0372e;
text-decoration: none;
}
.half-image-half-text-block__description a:hover {
text-decoration: underline;
}
.half-image-half-text-block__btn {
display: inline-block;
margin-top: 30px;
padding: 14px 42px;
background-color: #e42c1a;
color: #fff;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: normal;
border-radius: 8px;
box-shadow: 0 0 3.5px #e42b1a;
text-decoration: none;
transition: background-color 0.3s ease;
}
.half-image-half-text-block__btn:hover {
background-color: #c92313;
color: #fff;
text-decoration: none;
}
@media (max-width: 767px) {
.half-image-half-text-block {
padding: 30px 0 50px;
}
.half-image-half-text-block__content {
padding-left: 0;
margin-top: 25px;
}
.half-image-half-text-block__heading {
font-size: 28px;
line-height: 34px;
}
.half-image-half-text-block__btn {
font-size: 16px;
padding: 12px 30px;
}
}
@media (min-width: 768px) {
.half-image-half-text-block .flex-reverse {
flex-direction: row-reverse;
}
.flex-reverse .half-image-half-text-block__content {
padding-left: 0;
padding-right: 80px;
}
}
/* Half Image + Video */
.half-and-half:has(.has-video) .half-and-half-image::before {
content: '';
background: #253A4D;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0.3;
}
.half-video-btn__icon-play {
width: 100px;
}