/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
header .et_pb_main_blurb_image .et_pb_image_wrap {
  position: relative;
}
header .et_builder_inner_content {
  z-index: 1;
}
header .et_pb_main_blurb_image .et_pb_image_wrap::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxMiAxMikiPjxwYXRoIGZpbGw9IiM4ODZhMmQiIGQ9Ik0yMCA5djZoLTh2NC44NEw0LjE2IDEyTDEyIDQuMTZWOXoiLz48L2c+PC9zdmc+");
  position: absolute;
  top: 15px;
  right: -13px;
  margin: auto;
}
#pablos-menu {
  display: flex;
  align-items: center;
}
/* START POP-UP FORM */
#getquote {
  transform: scale(0);
}
.pop {
  transform: scale(1) !important;
  opacity: 1 !important;
  border-radius: 0% !important;
}
.behind {
  z-index: 1 !important;
}
.hideover {
  overflow: hidden;
}
/*END POP-UP FORM */
.fluid-width-video-wrapper {
  width: auto !important;
}
.oline {
  margin-left: 5px;
  vertical-align: middle;
}
/* FOOTER STYLE */
.et_pb_widget a {
  color: #ffffff;
}
.media {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  align-items: center;
}
.media a {
  display: block;
  width: 50%;
}

.media a img {
  width: inherit;
}
object {
  position: relative !important;
  width: auto !important;
  pointer-events: none;
}
#pablos-mobile-menu-wrap,
#pablos-menu-panel {
  transition: right 0.3s ease-in-out;
}
#pablo-open-mobile,
#pablo-close-mobile {
  cursor: pointer;
}
#pablos-menu-panel .et_pb_row_2_tb_header {
  display: flex;
  flex-direction: column;

  &::-webkit-scrollbar {
    width: 0.25em;
    height: 0.5em;
    background: #fff;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #886a2d;
  }
}
#pablos-menu-panel {
  .et_pb_column_7_tb_header {
    display: flex;
    overflow-x: scroll;
    .et_pb_blurb {
      flex: 0 0 70%;
    }
  }
}
#pablos-siding-icon .et_pb_main_blurb_image::before {
  content: url("data:image/webp;base64,UklGRmoAAABXRUJQVlA4TF4AAAAvH8AHEDcw//M//4ratoFTfd5ohmoB/DEYxEFQ09pW8wgGyHfQ2NFQBaAB/yZI2sYY0X+1bdswHukp5QoEh73ziCI7p1zr7Ds3AMnvHOfwvhehvO9nt2VP/sFzH/8M");
}
#pablos-window-icon .et_pb_main_blurb_image::before {
  content: url("data:image/webp;base64,UklGRiIBAABXRUJQVlA4TBYBAAAvH8AHEM8w//M//wrbNlJTx/fMEIA7MjIKPgQBFY4GhSAiYsCQMSGIcBxkFCgcRrIVRc8DRARUXPC//ENVvnsFENH/CahUJ4SAierKxWp79D06Y5ULafBRQ67hoytZsr7WrC+kgX7boDf/xY2f8h+KEfhIEvuZKBM+EmXCR6JMAFztdGNeG0ksACcejfE1YziZ9vXSFQvAiUerO/naC0/Gy60TDwXiWRjJl2k58dAMI915iCwtJx6qXSSu3Dk2nHjoJvKYGU7cOfF4gJplL/G4c+LxKOWD+7rdOPF4NBSprGe1hlzF45lhutZoSHq8BdfjEvAp87GS9bXmnHNp1MI5vHVt5DDj2g3orXqhvZbNjjduw8I3Vw==");
}
#pablos-custom-icon .et_pb_main_blurb_image::before {
  content: url("data:image/webp;base64,UklGRsgAAABXRUJQVlA4TLsAAAAvH8AHEHVAkiTJUcT/P+1oClYes+VEMK21LYt/X/sqneMQdLKVHb7OBEY6yeMEDECjwQKOYP4S/Q0TkG8Wy0ev4aS9NxPWZ/aVEi/VGgj80Zij0VGiJFQFGZ2WtGOQGtSB5O4ATytgNMrnIXcYzEvLv9jT8iS7Zn9BgYbzdG+m8JQIOy/PsR/hZgopdHUV33EucKf0GGsm4am2qlajIwRkpFcZSAaik6QuIXrynvv/YE0qbU+IWvF89LUBAA==");
}
#pablos-siding-icon .et_pb_main_blurb_image,
#pablos-window-icon .et_pb_main_blurb_image,
#pablos-custom-icon .et_pb_main_blurb_image {
  position: relative;
}
#pablos-siding-icon .et_pb_main_blurb_image::before,
#pablos-window-icon .et_pb_main_blurb_image::before,
#pablos-custom-icon .et_pb_main_blurb_image::before {
  position: absolute;
  bottom: -26px;
  right: 10px;
  padding: 10px;
  background: #886A2D;
  border-radius: 100%;
}
#pablos-project-grid .et_pb_ajax_pagination_container {
  --grid-gap: 10px;
  display: flex;
  flex-wrap: wrap;
  gap:  var(--grid-gap);
  .project {
    flex: 0 0 calc(100% / 3 - var(--grid-gap));
    .et_portfolio_image {
      height: 450px;
    img {
      height: 100%;
      object-fit: cover;
    }
  }
  }
}
/** Small Tablet and Large Phone **/
@media (max-width: 767px) {
  #pablos-project-grid .et_pb_ajax_pagination_container {
    .project {
      flex: 0 0 100%;
    }
  }
  .et_pb_gallery_item {
    margin: 0 !important;
    clear: none !important;
  }
  .col-width .et_pb_gallery_item {
    width: 33.33% !important; /*three columns*/
    clear: none !important;
  }
}

/** Phone **/
@media (max-width: 479px) {
  .et_pb_gallery_item {
    margin: 0 !important;
    clear: none !important;
  }
  .col-width .et_pb_gallery_item {
    width: 50% !important; /*two columns*/
    clear: none !important;
  }
}

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
  background-color: #0a0a0a !important;
}
::-webkit-scrollbar-thumb {
  background-color: #886A2D;
  border-radius: 1em;
}