/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
    font-family: 'Avenir', 'Helvetica', sans-serif;
    src: url(fonts/Avenir-LT-35-Light.woff) format('woff'),
    url(fonts/Avenir-LT-35-Light.ttf) format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir', 'Helvetica', sans-serif;
    src: url(fonts/Avenir-LT-45-Book.woff) format('woff'),
    url(fonts/Avenir-LT-45-Book.ttf) format('ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir', 'Helvetica', sans-serif;
    src: url(fonts/Avenir-LT-55-Roman.ttf) format('ttf'),
    url(fonts/Avenir-LT-55-Roman.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir', 'Helvetica', sans-serif;
    src: url(fonts/Avenir-LT-65-Medium.ttf) format('ttf'),
    url(fonts/Avenir-LT-65-Medium.woff) format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica','Arial', sans-serif;
    src: url(fonts/Helvetica.woff) format('woff'),
    url(fonts/Helvetica.ttf) format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica','Arial', sans-serif;
    src: url(fonts/Helvetica-Light.woff) format('woff'),
    url(fonts/Helvetica-Light.ttf) format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica','Arial', sans-serif;
    src: url(fonts/Helvetica-Bold.woff) format('woff'),
    url(fonts/Helvetica-Bold.ttf) format('ttf');
    font-weight: 700;
    font-style: normal;
}


div.fl-rich-text > p > a, article p > a { /*show links in BILDA orange color within text blocks BB */
  color:#ef7f1b !important;
}

/*TOP BAR*/

div#top-bar.clr.container { /*top bar*/
  margin-left:4.9%;
}
/* remove bottom margin top bar contacts */
div#top-bar-social-alt.clr.top-bar-right p {
  margin-bottom:0px;
}

div#top-bar-social-alt.clr.top-bar-right i {
  font-size:14px;
}

div#top-bar-social-alt.clr.top-bar-right a {
  color:#c4c4c4;
}
div#top-bar-social-alt.clr.top-bar-right a:hover {
  color:#ef7f1b;
}

/* div#top-bar-social-alt.clr.top-bar-right i { /*make contact icons bigger */
/*  font-size: 2rem;
  font-weight: 700;
} */

/* NAV BAR*/

header#site-header { /*clear header's initial bottom border*/
 border-bottom:0px!important;
 box-shadow: 0 5px 3px -3px rgba(51,51,51,0.12);
 width:100%!important;
 padding-left:0.5%!important; /*here*/
}

header#site-header div#site-logo-inner { /*pad logo wrapper */
  padding-top:12px;
}

header#site-header #menu-navigation > li.menu-item a.menu-link, header#site-header a.site-search-toggle.search-dropdown-toggle {   /*add border so menu isn't moving up on hover border effect*/
  padding-top:7px;
  border-bottom:7px;
  border-color:transparent;
  border-style:solid;
}

header#site-header #menu-navigation > li.menu-item a.menu-link:hover {   /*add hover effect*/
  color:#333333;
  background-color:rgba(51,51,51,0.05);
  border-bottom:7px;
  border-color:rgba(239,127,27,24);
  border-style:solid;
}

header#site-header #menu-navigation > li.menu-item > a.menu-link:active {   /*add active effect*/
  color:#333333;
  background-color:rgba(51,51,51,0.05);
  border-bottom:7px;
  border-color:rgba(239,127,27,24);
  border-style:solid;
}

header#site-header #menu-navigation > li.current-menu-item > a.menu-link {   /*add colored border under current menu item*/ /*note - used li.menu-item > a.menu-link for both before (select link instead of list item)*/
  border-bottom:7px;
  border-color:rgba(239,127,27,92);
  border-style:solid;
  font-family:'Helvetica';
  font-size:16px;
  font-weight:300;
}

header#site-header #menu-navigation .icon-magnifier::before { /*change default FA search icon with custom Fontello one*/
  font-family:'bilda';
  content: "\e801" !important;
  font-size: 1.7rem;
  font-weight:bold;
}

/* mega menu */

/* .navigation > ul > li > ul.megamenu.col-6.sub-menu{  EXPERIMENT FORMATTING MEGA MENU !!!!
	position: fixed !important;
	left: 0% !important;
	top: 104px;
	width: 100% !important;
}

.navigation > ul > li > ul.megamenu.col-6.sub-menu a.menu-link:first-child {
	left: 32% !important;
} */

.navigation li.megamenu-li.auto-mega .megamenu { /*fix megamenu*/
  margin-top:0px !important;                                     /* !important is required to style the OceanWP MegaMenu */
  margin-left:auto;
  border-top:0px;
  border-bottom:0px;
  width:100vw;
  border-color:transparent !important;
}

.navigation .megamenu.sub-menu a.menu-link { /*set fonts for submenu*/
  font-weight:500 !important;
  font-family:'Helvetica', sans-serif !important;
  font-size:16px !important;
  /*margin-top:7px !important; *//*not working so far*/
  color:rgba(51,51,51,0.72);
  /*max-width: 240px !important;*/
  padding: 12px 3px 12px 3px !important; /*add this to an <a> element?*/
}

 #menu-navigation .megamenu.sub-menu a.menu-link span.text-wrap { /*set fonts for submenu*/
  margin-left:8.5%;
}

/*remove border from submenu items? EXPERIMENT. not working yet*/
header#site-header #menu-navigation > .megamenu.sub-menu > a.menu-link:hover {
  border-bottom:0px !important;
}

header#site-header #menu-navigation > .megamenu.sub-menu {
box-shadow: 0 5px 3px -3px rgba(51,51,51,0.12);
}

#menu-item-262 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e818" !important;
  font-weight: 500;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-263 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e822" !important;
  font-weight: 500;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-264 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e819" !important;
  font-weight: 500;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-265 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e80c" !important;
  font-weight: 300;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-266 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e821" !important;
  font-weight: 500;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-1363 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e80c" !important;
  font-weight: 500;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-1364 span.text-wrap::before{ /*set of menu item formatting only visible in large screens 1920x1080. see media query at bottom*/
  font-family: 'bilda' !important;
  content: "\e817" !important;
  font-weight: 500;
  font-size: 5rem;
  display:block;
  padding-bottom:28px;
  visibility: hidden;
}

#menu-item-262:hover, #menu-item-1363:hover { /*fix megamenu first item glitchy hover */
  border-left:none!important;
}

/*.navigation .megamenu.col-6.sub-menu li.menu-item-object-custom {
}*/

/* .navigation li.megamenu-li.auto-mega .megamenu span.text-wrap { /*fix megamenu*/
  /* display:flex;
  flex-direction:column;
} */


.megamenu icon.before {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}
/*end mega menu*/
/* END of NAV BAR */

/*hero image homepage */
body.home .fl-content-slider div.fl-slide-bg-photo { /*move background images position hero image slider */
  background-position: 0% 32%; /* 5 4 */
}

div#hero-image-slider div.fl-slide {
  height:79vh;
}

div#hero-image-slider h1.fl-slide-title { /*slide title bottom margin*/
  margin-bottom:10px!important;
}

/*features row - black - center vertically callouts for different screen sizes*/
#features-b-row .fl-callout {
  display:flex;
}

#features-b-row .fl-callout-content {
  align-self:center;
}
/*end features row*/

div#home-posts-row-4 { /*show less blog posts on smaller screens*/
  display:block!important;
}
div#home-posts-row-6 {
  display:none!important;
}

/*////////////////*/

div.title-bar h1 { /*page heading/title size*/
  font-size:24px;
  font-weight:400;
}

span.oceanwp-breadcrumb.custom-class { /*custom breadcrumb layout*/
  text-align:right;
}

.oceanwp-breadcrumb.custom-class span.icon-home:before {
  font-family:'bilda' !important;
  content: "\e806" !important;
  font-weight:500;
  font-size: 1.5rem;
}

/* .myVideo {
  max-width:50%;
} */

/* div#hide-me1.fl-module {
    max-width:363.567px;
    overflow:hidden;
} */

/* HOVER effect for GIFs */
/*/////////////////////*/

div#hide-me1.fl-module.fl-module-photo {
    width:100%;
    max-height:363.567px;
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/05/1.png');
    background-repeat: no-repeat;
    background-size: cover;
}

div#hide-me1.fl-module.fl-module-photo:hover {
  background-image:url('https://staging.bilda.net/wp-content/uploads/2020/05/gif_fast.gif');
}

div#hide-me2.fl-module.fl-module-photo {
    width:100%;
    max-height:363.567px;
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/05/2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

div#hide-me2.fl-module.fl-module-photo:hover {
  background-image:url('https://staging.bilda.net/wp-content/uploads/2020/06/2.gif');
}

div#hide-me3.fl-module.fl-module-photo {
    width:100%;
    max-height:363.567px;
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/05/3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

div#hide-me3.fl-module.fl-module-photo:hover {
  background-image:url('https://staging.bilda.net/wp-content/uploads/2020/06/3.gif');
}

div#hide-me4.fl-module.fl-module-photo {
    width:100%;
    max-height:363.567px;
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/05/4.png');
    background-repeat: no-repeat;
    background-size: cover;
    filter:grayscale(100);
}

div#hide-me4.fl-module.fl-module-photo:hover {
  background-image:url('https://staging.bilda.net/wp-content/uploads/2020/06/4.gif');
  filter:grayscale(0);
}

/*TESTIMONIALS homepage - blockquotes*/
blockquote {
  /* background-color:#e4e4e4;  */
  /* border-left: 20px solid #c4c4c4; */
  border-left:none;
  margin: 1.5em 20px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
}
blockquote:before {
  color: rgba(51,51,51);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  margin-left: -0.6em;  /*fix me!*/
  vertical-align: -0.4em;
}

blockquote p {
  width:100%;
  color:#333!important;
  font-style:normal;
  display: inline;
}

.fl-testimonial > p { /*name of reference giver*/
  color:#333!important;
  font-style:normal;
  display: inline;
  margin-left:1.8em;
  font-weight:600;
  margin-top:0px;
}

/* div#testimonials-card {
  height:16em;
}

#testimonials-card div.bx-controls.bx-has-pager {
    position: absolute;
    top: 16em;
    left: 19em;
}

#testimonials-card div.bx-pager.bx-default-pager {
  display:flex;
} */

/* homepage post galleries - fix padding around blog post headings - inside */ /*USE FIRST OF TYPE?*/
/*/////////////////////////////////////*/
div#post-home div.fl-post-grid-text {    /*BBuilder creates markup where the heading padding makes a gap at the bottom of the posts.*/
  padding: 20px;                              /* this is a workaround */
}

div#post-home div.fl-post-grid-text !important {    /*BBuilder creates markup where the heading padding makes a gap at the bottom of the posts.*/
  display:none;                              /* this is a workaround */
}

/*
.fl-post-carousel-post, .fl-post-grid-post, .fl-post-slider { /*box shadow to ALL POST CARDS NEWS BLOG HOMEPAGE */
/*  box-shadow: 0px 0px 2px rgba(51,51,51,0.2)!important;*/ /* less than the usual spread of other more important card elements - 9px*/
/*}*/

/*////////*/
/* PROJECTS - single post styling */ /*parts of the blog post layout aren't controlled by Beaver Builder; only edited here or with OceanWP extra settings*/
/* ~ title*/
ul.meta.clr, header h2.single-post-title.entry-title {
  margin-left:5.5%;
}

/* ~ post itself*/
/* div.fl-module-content.fl-node-content {
  margin-left:5%;
} */

/* ~ share links module */
 /* div.fl-module.fl-module-html.fl-module.fl-node-5ecea4d498c4a {
   margin-left:0rem;
 } */

header h2.single-post-title.entry-title {
  margin-top:20px;
  margin-bottom:7px;
}

/* formatting text project single post */
.bold-post {
  font-weight: 700;
}

#related-posts h3.theme-heading.related-posts-title  {        /*format related posts heading */
  font-family: 'Avenir', sans-serif;
  font-size: 17px;
  font-weight: 300;
  text-transform:none;
}

#related-posts time.published { /*remove timestamp from related posts*/
  display:none;
}

section#related-posts.clr.container { /*adjust layout related posts*/
  margin-bottom: 3%;
}


h3.related-post-title a {   /*related posts heading below photos */
  font-family: 'Helvetica', Arial;
  font-size:16px;
  font-weight:500;
}

div.fl-html { /*change color html boxes text ('share' scriptless social)*/
  color:#333333!important;
}

div.entry-content.clr { /*body text color of blog posts from dfeault to #333333 */
  color:#333333!important;
}

/*END of PROJECTS - single blog post styling ///////*/

/*BLOG page posts*/

div#blog-posts img {
  max-height:288px;
  object-fit:cover;
}

/*TABS in DOWNLOADS*/
/*///////////////*/

.fl-tabs-vertical .fl-tabs-labels { /*make left side smaller width*/
  width:15%;
}

.fl-tabs-vertical .fl-tabs-panels {  /*fix general padding within tab module */
  padding-left:7%;
  padding-right:5%;
}

div#tabs-4 div.fl-row-content-wrap { /*align details request form*/
  padding-top:0px;
}
div#tabs-4 div.fl-tabs-panel-content {   /*align details request form*/
  padding-top:12px;
}

div.fl-tabs-labels.fl-clearfix {  /*align tab panel content with left panel*/
  padding-top:18px;
}

div#tabs .fl-tabs-panel-content.fl-tab-active { /*align intms inside text editor within panel. EXPERIMENT*/
  display:flex;
  flex-direction:row;
  justify-content: center;
  align-items:flex-end;
  border:0px;
}

div#tabs div.tab-item {
  display:flex;
  flex-direction:column;
  align-self:stretch;
  border:1px solid #e6e6e6; /*like cards*/
  border-style:solid;
  margin: 1% 3% 1% 3%;
  box-shadow: 2px 2px 0px 0px rgba(51, 51, 51, .22);
  min-width:212px;
  max-height:324px;
}

div#tabs div.tab-item img.alignone {
  display:flex;
  align-self:flex-start;
}

div#tabs div.tab-item span { /*fix subheadings layout within tab module */
  margin:12px 7px 12px 7px;
  text-align:center;
}

pre.wp-block-code { /*set styles for CAD details email form */
  overflow:visible;
  background-color:white;
  color:#333333;
  border:none;
  font-family:'Helvetica';
}

/* pre.wp-block-code label {  try and ovveride default layout */
/* margin-left:5rem !important;
} */


/*TABS in System - Applications module */

#tabs-applications .fl-tabs-vertical .fl-tabs-labels { /*make left side smaller width*/
  width:30%; /*15% original. latest 22*/
  display:flex;
  flex-wrap:wrap;
  padding-left:3%; /*adjust labels' layout  within Applications*/
}

#tabs-assembly .fl-tabs-vertical .fl-tabs-labels {
  width:20%; /*15% original*/
  padding-left:3%; /*adjust labels' layout  within Assembly*/
}

#tabs-assembly .fl-tabs-vertical .fl-tabs-panels {
  width:79%;
  max-height: 480px !important;
  padding-left:0%!important;
  padding-right:0%!important;
}

#tabs-applications .fl-tabs-vertical .fl-tabs-panels  {  /*fix general padding within tab module */
  /* padding-left:7%; */
  /* padding-right:5%; */
  width:69%; /*87. 77*/
  max-height: 480px !important;
  padding-left:0%!important;
  padding-right:0%!important;
}

#tabs-applications .fl-slide-bg-photo, #tabs-applications .bx-viewport {
  max-height:410px!important;
}

#tabs-assembly img {
  margin-left:auto;
  margin-right:auto;
  max-height:410px!important;
}

#tabs-applications {
  max-height:700px!important;
}

#tabs-applications .fl-tabs-panels .fl-tabs-panel-content, #tabs-applications .fl-tabs-panels .fl-tabs-panel-content .fl-builder-content {
  padding-top:0%;
}

#tabs-applications .fl-row-content-wrap {
  padding-top:0%;
}

/*applications icons */

#tabs-applications .fl-tabs-label {
    margin-right:2%;
    margin-left:2%;
    width:82px;
    height:102px;
    padding:3% 1% 0% 1%;
    text-align: center;
}
#tabs-applications .fl-tabs-label:before {
  font-family:'bilda';
  font-size:3em;
  display:block;
  color:rgba(51,51,51,0.72);
  padding:0px; /*clear padding*/
}
#tabs-applications .fl-tab-active:before {
  color:#ef7f1b;
}
#tabs-applications .fl-tabs-label.fl-tab-active {
  /* outline:7px solid; */
  /* outline-offset:-12px;
  outline-color:rgba(239,127,27,0.1); */
  border-bottom:8px solid;
  /* box-shadow: 0 0 9px 0 rgba(51,51,51,0.1); */
}

#tabs-applications .fl-tabs-label #text {
  padding:0px;
}#tabs-applications #fl-tabs-5f11b0b8bb7ce-label-0::before { /*stone label*/
  content: '\e80c';
  margin-bottom: -17px;
}
#tabs-applications #fl-tabs-5f11b0b8bb7ce-label-1::before { /*metal label*/
  content: '\e810';
  margin-bottom: -17px;
}
#tabs-applications #fl-tabs-5f11b0b8bb7ce-label-2::before { /*ceramics label*/
  content: '\e814';
  padding-left: 8px;
  margin-bottom: -22px;
  padding-top: 7.2px;
  margin-top: -4px;
}
#tabs-applications #fl-tabs-5f11b0b8bb7ce-label-3::before { /*glass label*/
  content: '\e812';
  font-size:2.7em; /* fix uneven icon */
  padding-top: 2px;
  margin-bottom: -13px;
}
#tabs-applications #fl-tabs-5f11b0b8bb7ce-label-4::before { /*terracotta label*/
  content: '\e80e';
  margin-bottom: -18px;
  margin-top: -4px;
}
#tabs-applications #fl-tabs-5f11b0b8bb7ce-label-5::before { /*wood label*/
  content: '\e81f';
  font-size:2.7em; /* fix uneven icon */
  margin-bottom: -14px;
}

/*////////////////////////////*/
/*iubenda privacy policy layout style */
#iubenda_policy div.iub_content.legal_pp {
  padding-left: 5%;
  padding-right:15%;
}

#iubenda-policy div.iub_footer {
  display:none !important;
}
/*////////////////////////////////////////*/

/* references */

/*references filter*/
#tabs-references ul {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  list-style-type: none;
}

#tabs-references ul li {
  /* background: linear-gradient(to bottom,#ff9d39 0%, #ef7f1b 100%); */
  padding:1% 2%;
  border-radius:3px;
  background:#c4c4c4;
  color:rgb(51,51,51);
}

#tabs-references ul li:not(:first-child) {
  margin-left:2%;
}

#tabs-references  .fl-tabs-panel-content {
  max-width:100%!important; /*72*/
  padding-left:0%;
  padding-top:0%;
}
/*//////////////*/
/*gallery*/

.fl-post-gallery-post { /*margin gallery-type posts*/
  margin: 25px 39px;
}

.fl-post-gallery-img .fl-post-gallery-img-horiz .wp-post-image {
  min-height:320px;
  min-width:320px;
}

#references .fl-post-gallery-text-wrap {
  top:77%;
  background-color: rgba(51,51,51,0.92);
  transition: all .1s ease-out;
}

#references .fl-post-gallery-text {
  top:13%;
}

#references .fl-post-gallery-title {
  font-size:20px;
  font-family:'Avenir', sans-serif;
}

/**/
/*
#references div.fl-post-grid-post {
  max-height: 320px; /*262*/
/* } */

#references .fl-post-gallery-post {
  max-height:300px;
  max-width:300px;
}

#references .reference-post div.fl-post-grid-image { /*keep overflow hidden when zooming on hover img */
  overflow:hidden;
}

#references .reference-post img { /*image size references */ /*for post type, not gallery type beaver module*/
  max-height:320px; /*174*/
  object-fit:cover;
  transition: all .05s ease-out; /*0.05*/
}

#references .reference-post img:hover{
  transform: scale(1.03);
  filter: drop-shadow(1);
  /*filter: saturate(110%);120*/
  /*filter: brightness(105%);110*/
  border:
}

#references a {
  font-family:'Helvetica', sans-serif;
  font-weight:300;
  font-size:16px;
}
/*///////////////////////////////////////*/

/*SERVICES*/
div.services-number span.fl-heading-text { /*squares with numbers*/
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size:36px;
  width: 82px; /*72px*/
  height: 82px;
  border-color: #EF7F1B !important;
  border-style:solid !important;
  text-align:center;
  vertical-align:middle;
  border:3px;
  background-color:#ffffff; /*services squares background color */
  box-shadow: 3px 3px 5px 0px rgba(51,51,51,0.22);
  font-family:'Helvetica', sans-serif; /*change default font*/
  font-weight:lighter !important;
}

div#services div.services-number span.fl-heading-text::before { /*lines between numbers*/
  content: "";
  z-index: -1 !important;
  border: 1.7px solid !important;
  width: 1px;
  height: 19rem;
  position: relative;
  top: -13rem;
  left: 12px;
  color:rgba(51,51,51,0.42);
}

div#services div#number-one.services-number span.fl-heading-text::before {
  content:none;
}

div.heading-none span.fl-heading-text { /*remove duplicate headings inside Services, but keep the space (non-standard services column)*/
  visibility:hidden;
}

/*CONTACT page*/
#contacts-row h3.fl-callout-title {
  display:none;
}
#contacts-row .fl-callout-text > p {
  padding-bottom:0px!important; /*remove padding under phone numbers etc*/
}
#contacts-row .fl-callout-has-icon { /*center phone numbers vertically*/
  display:flex;
  align-items:center;
}

/* #contacts-row i { playing around with inverted colors
  background-color: #ef7f1b;
}
#contacts-row i:before {
  background-color: #ef7f1b;
  color:#e4e4e4;
}
#contacts-row i:hover:before{ give hover effect to icons with changed color. IMPORTANT
  color:#ef7f1b!important;
} */

#contacts-row i.icon-printer {
  height:57px!important;
  display:flex;
  align-items:center;
}

#contact-form form {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

#contact-form form input, #tabs-4 form input { /*tabs-4 is the detai lrequest within Downloads tabs*/
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-right-color: currentcolor;
    background-color: rgba(51,51,51,0.03);
    border-bottom-width: 2px;
    border-color: rgba(51,51,51,0.42);
}

#contact-form form input:focus, #tabs-4 form input:focus {
border-color: rgba(239,127,27,24);
border-style: solid;
transition: 0.5s;
}

#contact-form form textarea, #tabs-4 form textarea  {
    border-color: rgba(51,51,51,0.42);
    background-color:  rgba(51,51,51,0.03);
    border:none;
    color:rgba(51,51,51,1);
}

#contact-form form textarea:focus, #tabs-4 form textarea:focus  {
  border-color: rgba(239,127,27,24);
}

 #contact-form form .wpcf7-select {
  border: 1px solid;
  border-color: rgba(51,51,51,0.42);
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 2px;
  background-color: rgba(51,51,51,0.03);
}

#contact-form select.wpcf7-select { /*remove select dropdown arrow*/
   -webkit-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
}

#contact-form form .wpcf7-submit, form .wpcf7-submit  { /*css from beaver builder to make buttons consistent*/
      width: 160px;
  text-transform:none;
  font-weight:300;
  font-size:16px;
  background: linear-gradient(to bottom,rgba(255, 157, 57, 0.72) 0%, rgba(239, 127, 27, 0.72) 100%);
  color:#333;
  border: 1px solid #e3730f;
    border-top-color: rgb(227, 115, 15);
    border-top-width: 1px;
    border-right-color: rgb(227, 115, 15);
    border-right-width: 1px;
    border-bottom-color: rgb(227, 115, 15);
    border-bottom-width: 1px;
    border-left-color: rgb(227, 115, 15);
    border-left-width: 1px;
border-color: rgba(51,51,51,0);
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 2px 2px 3px 0px rgba(51,51,51,0.42);
}

#contact-form form .wpcf7-submit:hover {
  background:linear-gradient(to bottom,#ff9d39 0%, #ef7f1b 100%);
}

#contact-form form p:nth-of-type(6) { /*submit button layout&size */
    flex-basis:20%;
    margin: auto;
}

#contact-form form h2 {
  flex-basis:100%;
}

#contact-form form p {
  flex-basis:50%;
}

#contact-form form p:nth-of-type(5) {
    flex-basis:100%;
}

#contact-form form p:nth-of-type(2), #contact-form form p:nth-of-type(4)  {
    padding-left:17px;
}

/*////////////*/
#tabs-slotting .fl-tabs-labels {
  padding-left:40px!important;
}

#tabs-slotting .fl-tabs-labels .fl-tab-active {
  border-bottom:8px solid!important;
}

/*FOOTER*/
/*////////////////////////////////////////*/
div#footer-inner.clr a::before { /*remove default list bullets of footer links */
  display:none;
}

div#footer-inner.clr .oceanwp-custom-links a { /*footer links margin*/
  margin-left:-1.5rem;
}

div#footer-inner.clr .contact-info-widget.big-icons li {
  margin-left:-12%;
  margin-top:-6%;
  margin-bottom:0px;
  z-index:10;
}

div#footer-inner.clr .contact-info-widget.big-icons li:hover { /*hover effect contact info rows */
  color:#ef7f1b !important;
}

                                      /*adjust footer contact widget - entered via HTML module in footer widgets; code is copied from Ocean Contact widget*/
.contact-info-widget.big-icons li i { /*contect list layout & icon font, color settings */
  color:#c4c4c4;
  font-family:'bilda';
}

.icon-printer:before {
    content: '\e800' !important;    /*change default FA search icon with custom Fontello one*/
}

div#footer-inner.clr .contact-info-widget.big-icons i { /*change default icon color so they're visible*/
  color:#c4c4c4;
  margin-right:2px;
  font-size:36px;
}

div#footer-inner.clr  h4.widget-title {
  font-size:16px;
  text-transform:none;
  margin-bottom:3%;
}
div#footer-inner #ocean_social-3{
  -webkit-transition: none;
}
div#footer-inner #ocean_social-3 a:hover, div#footer-inner #ocean_social-3 a:link { /*remove border around social media icons*/
  border:none!important;
}
div#footer-widgets .footer-box .widget-title, div#footer-widgets #ocean_social-3 {
  color:#c4c4c4!important;
}


/*////////////////////////////////////////*/


@media screen and (min-width: 1400px) { /*media query for largest screens*/
  div#top-bar { /*top bar*/
    /* margin-left:5.5%;
    margin-right:5.5%; */
    width:100%!important;
    margin-left:9.5%!important;
    margin-right:11.4%;
  }

  div#top-bar-social-alt.clr.top-bar-right {
    margin-right:16%;
  }

  div#top-bar span, div#top-bar a, aside#right-sidebar, h4.widget-title   {
    font-size:1.4rem;
  }

  /* div#top-bar i {
    font-size:1.7rem!important;
  } */

  /*fix for the megamenu*/
  #menu-navigation ul.megamenu.col-5.sub-menu {/*system submenu*/
    /*left: -342px; -342 -1440 right*/
    right:-1440px!important;
    padding-left: 345px;
    padding-right: 650px;
    width:1920px!important;
    background-color:rgba(255,255,255,1)
  }

  #menu-navigation ul.megamenu.col-2.sub-menu {/*services submenu*/
    /* left: -722px; */
    right:-1088px!important;
    padding-left: 728px;
    padding-right: 650px;
    width:1920px!important;
    background-color:rgba(255,255,255,1)
  }

  .navigation li.megamenu-li .megamenu.col-2 > li {
    width: 28%; /*adjust to 19%, 15% for the col-5. then fix padding within it to make equal to top menu*/
  }

  .navigation li.megamenu-li .megamenu.col-5 > li {
    width: 14%; /*adjust to 19%, 15% for the col-5. then fix padding within it to make equal to top menu*/
  }

  header#site-header #menu-navigation .megamenu > li.menu-item a.menu-link {
    padding-top:24px!important; /*PADDING ABOVE mega menu item ICONS */
    border-bottom:0px!important;
    display:flex!important;
  }

  header#site-header #menu-navigation li.megamenu-li .megamenu.col-2 > li > a.menu-link:hover, .navigation li.megamenu-li .megamenu.col-2 > li:hover,  .navigation li.megamenu-li .megamenu.col-2 > li:focus {
    color:rgba(51,51,51,0.92);
    background-color:rgba(51,51,51,0.05);
    border-bottom:0px!important;
    border-color:rgba(51,51,51,0.05);
    border-style:solid;
  }

  header#site-header #menu-navigation li.megamenu-li .megamenu.col-5 > li > a.menu-link:hover, .navigation li.megamenu-li .megamenu.col-5 > li:hover,  .navigation li.megamenu-li .megamenu.col-5 > li:focus {
    color:rgba(51,51,51,0.92);
    background-color:rgba(51,51,51,0.05);
    border-bottom:0px!important;
    border-color:rgba(51,51,51,0.05);
    border-style:solid;
  }

  header#site-header #menu-navigation  .megamenu .menu-item span.text-wrap { /*center mega menu items*/
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  header#site-header #menu-navigation .menu-item-object-custom span.text-wrap::before {
    color: rgba(51,51,51,0.42)!important;
  }

#menu-item-262 span.text-wrap::before{
  visibility:visible;
}

#menu-item-263 span.text-wrap::before{
  visibility:visible;
}

#menu-item-264 span.text-wrap::before{
  visibility:visible;
}

#menu-item-265 span.text-wrap::before{
  visibility:visible;
}

#menu-item-266 span.text-wrap::before{
  visibility:visible;
}

#menu-item-1363 span.text-wrap::before{
  visibility:visible;
}

#menu-item-1364 span.text-wrap::before{
  visibility:visible;
}

  /*end big screen megamenu fix*/

  .oceanwp-breadcrumb.custom-class span {
    font-size: 1.4rem!important;
  }

  div#hero-image-slider div.fl-slide-content-wrap { /*text box position*/
    margin-left:-10.2%; /*old:-21 - 9.7*/
    margin-right:-24%;
  }
  div#hero-image-slider div.fl-slide {
  height:85vh;
  }

  #features-b-row div.fl-callout-content { /*fix features*/
    padding-top:0!important;
  }

  div#home-posts-row-4 { /*show more blog posts on widee screen*/
    display:none!important;
  }
  div#home-posts-row-6 {
    display:block!important;
  }
  div#hazama-logo {
    padding-top:3%; /*adjust vertical layout hazama ando logo*/
  }
  div#hochtief-logo {
    margin-top:-2%;
  }
  div#testimonials-card {
    margin-top:1%;
    margin-bottom:1%;
  }

  body.post-in-category-project article .fl-row.fl-row-full-width.fl-row-bg-none {
    margin-left:5%!important;
  }

  div#site-header-inner.clr {
    margin-left:9.5%!important;
  }

  body.page-id-7 .fl-row-content-wrap,   body.page-id-10 .fl-row-content-wrap, body.page-id-11 .fl-row-content-wrap, body.page-id-9 .fl-row-content-wrap, body.page-id-12 .fl-row-content-wrap {
        padding-left: 9%!important;
        padding-right: 9%!important;
  }

  /*machines page*/
  body.page-id-1652 .fl-row-content-wrap {
    padding-left: 8.2%!important;
    padding-right: 9%!important;
  }

/*homepage*/
body.page-id-46 .fl-row-content-wrap { /*homepage side margins */
  padding-left: 9%;
  padding-right:11.4%; /*to align with top bar end; but 15%looks best*/
}

/* body.page-id-46 .fl-callout-content {
  padding-top:11%;
} */

  body.page-id-46 #hero-image-row .fl-row-content-wrap { /*hero image side margins none*/
    padding-left: 0%;
    padding-right: 0%;
  }

/*fix gifs - cards - square ratio on big screen */
div#hide-me1.fl-module.fl-module-photo, div#hide-me2.fl-module.fl-module-photo, div#hide-me3.fl-module.fl-module-photo, div#hide-me4.fl-module.fl-module-photo {
  max-width: 365px!important; /*363*/
}


#testimonials-row .fl-row-content {
  margin-left:17%;
  margin-right:17%;
}
/*end homepage*/

  #tabs .fl-module-content {
    margin-left:0%;
  }
  #tabs .fl-tabs-panels {
    padding-left:0%;
  }
  #tabs .fl-tabs-panels .fl-col-content {
    margin:7% 7%;
  }
  /* FIX ME */
  #tabs .fl-tabs-panels .fl-col-content .fl-photo-img{
    margin-right:auto;
    margin-left:5%;
  }

  body.post-in-category-news #content-wrap, body.post-in-category-blog #content-wrap {
    margin-left:10.3%!important;
  }
  body.postid-931 .fl-row-content-wrap { /*fix Kuwait post*/
    padding-left:0%!important;
  }
  body.post-in-category-news .fl-row-content-wrap {
    padding-left:0%!important;
  }
  body.post-in-category-news .fl-module-content {
    margin-left:0%!important;
  }

  body.post-in-category-project section#related-posts {
    margin-left:10%!important;
  }

  div.fl-row-content-wrap { /*make tighter layout*/
    padding: 0% 8.9%; /*9*/
  }

  div.fl-row.title-bar > div.fl-row-content-wrap { /*make tighter layout*/
    padding-left: 8.8%!important;
    padding-right: 13.8%!important; /*9.2*/
  }

  body.page-id-7 .fl-photo-img {
    width: 600px!important;
  }

  #references .fl-post-gallery { /* fl-post-grid */
    margin-left:-0.22%; /* 1.1, 0*/
    margin-top:2%;
    margin-bottom:2%;
  }

  #references .fl-post-gallery-post {
    height:300px;
    width:300px;
  }

  /*blog page*/
  body.page-id-12 #blog-posts .fl-module-content {
    margin-left:18px; /*here*/
  }

  .post-template-default .fl-row-content-wrap { /*fix blog text width on big screens*/
    padding: 0% 0%!important;
  }

  #blog-posts .fl-module-content {
    margin-left:22px;
  }

  body.page-id-462 .fl-module-post-slider .fl-module-content, body.page-id-462 .fl-module-post-carousel .fl-module-content {
    margin-left:1%;
  }

  body.page-id-462 .fl-module-post-carousel {
    margin-bottom:3%;
  }

  #tabs-applications .fl-tabs-vertical .fl-tabs-labels,  #tabs-assembly .fl-tabs-vertical .fl-tabs-labels {
    padding-left:4%!important; /*adjust labels' layout  within Applications*/
  }
  #tabs-applications .fl-tabs-vertical .fl-tabs-labels {
    width:24%;
  }
  #tabs-applications .fl-tabs-vertical .fl-tabs-panels { /*clear padding and make slider&iamge wider*/
    padding-left:0%;
    padding-right:0%;
    width:75%; /*here*/
  }
  #assembly .fl-row-content-wrap, #applications .fl-row-content-wrap { /*make applications and assembly take up less space on wide screens*/
    padding-left: 10.5%!important;
    padding-right: 17%!important;
  }

  #tabs-slotting .fl-tabs-labels {
    padding-left:10%!important;
  }

  #fl-tabs-5ed84fcc3aa3f-panel-0 { /*downloads visual fix*/
    padding-top:0px;
  }

  #footer .footer-widgets-inner.container {
    margin:0 10%!important;
  }
  #footer .footer-box.col-4 {
    float:right;
  }
  #ocean_social-3 {
    margin-right: -61%; /*or 110*/
    clear: both;
    float: right;
  }
}

@media screen and (min-width: 769px) and (max-width: 1192px) { /*media query for medium screens*/

  div#hero-image-slider div.fl-slide-content { /*text box position*/
    margin-left:5.5vw;
    margin-right:-16vw;
  }

  #references .fl-post-gallery-post {
    height:300px;
    width:300px;
  }
}

@media screen and (min-width: 1192px) and (max-width: 1365px) { /*media query for medium screens*/

  div#hero-image-slider div.fl-slide-content { /*text box position*/
    margin-left:2.1%; /*5.6*/
  }
}

@media screen and (max-width:992px) { /*fixes*/
  .fl-builder-content div#features-b-row .fl-node-5ec53e3bc7065 { /*fix feature row bow */
    width:100%!important;
  }
}


@media screen and (max-width: 769px) { /*media query for mobile screens*/

  #sidr-id-menu-item-265 {
    display:none!important;
  }

/*breadcrumb container extends beyond parent container? FIX*/
/*fix title bar with breadcrumbs*/ /*same fix for BLOG page (title bar with breadcrumbs)*/
  /* div.title-bar .fl-col-group.fl-col-group-nested:first-of-type, .fl-col-group.fl-node-5ed81ae9010e5 {
    display:flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-left: -16%;
    margin-right: -14%;
  } */

  div.title-bar div#breadcrumbs-custom {
    display:none;
  }

  div#hero-image-slider div.fl-slide {
    height:79vh;
  }

  div.fl-slide-cta-button { /*hide CTA button on mobile for now. put back in later*/
    display:none;
  }

  #references .fl-post-gallery-post {
    height:300px;
    width:300px;
  }

  a.fl-button {
    display:flex;
    align-self:center;
  }

  .fl-testimonial > p { /*name of reference giver TESTIMONIALS homepage*/
    margin-left:1.6em;
  }

  .footer-box.col-1, .footer-box.col-2 {
    padding-left:9%!important;
  }

  .footer-box.col-3 {
    padding-left:7%!important;
  }

  .footer-box.col-4 {
    padding-left:0%!important;
  }
  #footer-widgets {
    padding-bottom:0%!important;
  }
  div#copyright {
    text-align:left!important;
  }
  /* div#footer-bottom-inner { right margin not working for some reason
    margin-left: 9%!important;
    margin-right: 12%!important;
  } */

}


@media screen and (max-width: 959px) {
  header#site-header div#site-logo-inner { /*fix logo wrapper padding for mobile */
    padding-top:0px;
  }
}

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

  div#hide-me1.fl-module.fl-module-photo{
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/05/gif_fast.gif');
  }

  div#hide-me2.fl-module.fl-module-photo {
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/06/2.gif');
  }

  div#hide-me3.fl-module.fl-module-photo {
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/06/3.gif');
  }

  div#hide-me4.fl-module.fl-module-photo {
    background-image:url('https://staging.bilda.net/wp-content/uploads/2020/06/4.gif');
    filter:grayscale(0);
  }

  #references .fl-post-gallery-post {
    height:260px;
    width:260px;
  }

}