/*
Theme Name: sartainsheritage.com
Theme URI: https://rabornmedia.com/
Description: Child theme for sartainsheritage created by Raborn Media
Author: Raborn Media
Author URI: https://rabornmedia.com/
Template: Divi
Version: 1.0.8
*/

/* Add custom CSS below this line */

.et_contact_bottom_container {
  float: none;
}

.archive .ich-settings-main-wrap h2,
.archive .ich-settings-main-wrap .h2 {
  display: none;
}

#rem-search-box .rem-search-1 .search-options.sample-page {
  border: none !important;
  margin-bottom: 32px;
}
#rem-search-box .rem-search-1 .search-options .searcher {
  background: transparent !important;
}

.ich-settings-main-wrap .form-control,
.ich-settings-main-wrap .dropdown {
  border: 1px solid #753518 !important;
  border-radius: 5px !important;
}
.ich-settings-main-wrap .dropdown {
  height: 43px !important;
}

.ich-settings-main-wrap .form-control {
  padding: 20px 10px !important;
}
.ich-settings-main-wrap .dropdown .selected,
.ich-settings-main-wrap .dropdown li {
  padding: 13px 12px 15px !important;
}

.ich-settings-main-wrap .dropdown .carat {
  border-left: 1px solid #753518 !important;
  height: 43px !important;
}

.ich-settings-main-wrap .dropdown.open .carat {
  border-left: 1px solid #753518 !important;
}
.ich-settings-main-wrap .dropdown:hover,
.ich-settings-main-wrap .form-control:hover {
  box-shadow: 0 9px 17px 0 rgb(106 106 106 / 9%) !important;
  -moz-box-shadow: 0 9px 17px 0 rgba(7, 152, 255, 0.09);
  -webkit-box-shadow: 0 9px 17px 0 rgb(106 106 106 / 9%) !important;
}

.ich-settings-main-wrap .price-sep {
  font-size: 34px;
  margin-top: 9px;
  display: block;
}

#rem-search-box .rem-search-1 .search-options .searcher .footer {
  background-color: transparent !important;
  height: auto !important;
  padding: 0 !important;
}

button.btn.btn-default.more-button,
#rem-search-box .rem-search-1 .search-button {
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 25px;
  background: transparent;
  border: 2px solid #404026;
  border-radius: 5px !important;
  color: #404026;
  transition: all 0.2s ease;
}

#rem-search-box .rem-search-1 .search-button {
  background: #404026;
  color: #fff;
}

button.btn.btn-default.more-button:hover {
  background-color: #404026;
  color: #fff;
}
.sh-property-card {
  border-radius: 10px;
  background-color: #fff;
  color: #000000;
  border: solid 1px #e5e5e5;
  /* shadow */
  box-shadow: 0px 344px 96px 0px rgba(204, 204, 204, 0),
    0px 220px 88px 0px rgba(204, 204, 204, 0.01),
    0px 124px 74px 0px rgba(204, 204, 204, 0.05),
    0px 55px 55px 0px rgba(204, 204, 204, 0.09),
    0px 14px 30px 0px rgba(204, 204, 204, 0.1);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sh-property-card .photo-wrapper {
  position: relative;
}
.sh-property-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.sh-property-card .property-type {
  border-radius: 5px;
  background: #404026;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
}

.sh-property-card .property-type.new-badge {  
  right: 10px;
  bottom: 10px;
  top: auto;
  left: auto;
  background-color: #753518;
}

.sh-property-card .address {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 30px;
  color: #fff;
  transition: color 0.2s ease;
}
.sh-property-card .address:hover {
  color: #404026;
}

.sh-property-card .card-content {
  padding: 16px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.sh-property-card .title {
  color: #753518;
  font-weight: 700;
  margin-bottom: 0;
}
.sh-property-card .sub-headline {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
}

.sh-property-card .property-excerpt {
  font-weight: 300px;
  color: #333333;
  flex-grow: 1;
}

.sh-property-card .footer {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.sh-property-card .footer .btn {
  background-color: transparent;
  color: #404026;
  border: solid 2px #404026;
  border-radius: 5px !important;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}

.sh-property-card .footer .btn:hover {
  background: #404026;
  color: #fff;
}

.ich-settings-main-wrap .pagination > li > a,
.ich-settings-main-wrap .pagination > li > span {
  color: #404026 !important;
}

.ich-settings-main-wrap .pagination > .active > span {
  color: #fff !important;
}

.ich-settings-main-wrap .row:before {
  display: none !important;
}

.archive .ich-settings-main-wrap {
  padding: 16px;
}

.ich-settings-main-wrap > .row,
.archive .ich-settings-main-wrap .col-sm-12 > .row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}

@media (min-width: 600px) {
  .ich-settings-main-wrap > .row,
  .archive .ich-settings-main-wrap .col-sm-12 > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (min-width: 980px) {
  .ich-settings-main-wrap > .row,
  .archive .ich-settings-main-wrap .col-sm-12 > .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .archive .ich-settings-main-wrap {
    padding: 42px;
  }
}

/* Menu styles */

.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu ul li a {
  font-size: 18px;
}

.et_pb_fullwidth_menu .et_pb_menu__menu {
  width: 100%;
  max-width: 1440px;
}
nav.et-menu-nav.fullwidth-menu-nav,
.et_pb_menu__wrap {
  width: 100%;
  justify-content: space-evenly;
}
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul {
  justify-content: space-between;
  width: 100%;
}

.et_pb_fullwidth_menu_0_tb_header .et_pb_row > .et_pb_menu__logo-wrap {
  width: 100% !important;
}

.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu ul li a {
  width: 100%;
}

ul.sub-menu {
  padding: 10px 0 !important;
}

.nav li li ul {
  top: -13px !important;
}

.fullwidth-menu-nav .sub-menu .menu-item {
  padding: 0;
  width: 100%;
}

.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu .nav li ul.sub-menu a {
  color: #333333 !important;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 24px;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.et_pb_sticky--top ul.sub-menu {
  top: calc(100% - 20px) !important;
  left: 0;
}

.et_pb_sticky--top ul.sub-menu .sub-menu {
  left: 240px;
  top: -13px !important;
}

.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% - 55px);
  left: 0;
}

/* Mobile Menu */

@media (max-width: 980px) {
  .et_pb_fullwidth_menu--style-inline_centered_logo .et_pb_menu__wrap {
    position: fixed;
    left: 0px;
    top: 0;
    z-index: 100;
  }

  .et_pb_fullwidth_menu .et_mobile_nav_menu {
    right: 0;
    position: absolute;
    justify-content: flex-end;
    margin: 0;
  }

  ul#mobile_menu1 {
    position: absolute;
    width: 100vw;
    left: 0;
    right: 0;
    top: 0;
    margin-left: calc(-100vw + 44px);
    height: 100vh;
    overflow: scroll;
    padding-top: 50px;
  }
  .mobile_menu_bar {
    z-index: 999999;
  }
  .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
  }
}

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu
  .et_mobile_nav_menu
  .mobile_nav.opened
  .mobile_menu_bar::before {
  content: '\4d';
}

/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.page_item_has_children
  .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}

/*some code to keep everyting positioned properly*/

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children {
  position: relative;
}

/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible,
.et-db
  #main-header
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle {
  text-align: center;
  opacity: 1;
}

/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: 'ETModules';
  content: '\33';
  color: #753518;
  background: #f0f3f6;
  border-radius: 50%;
  padding: 3px;
}

/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children.dt-open
  > .mobile-toggle::after {
  content: '\32';
}

/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: '';
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
  position: relative;
  display: block;
  line-height: 0;
}

/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: 10px;
}

.et_mobile_menu li li {
  padding-left: 0;
  background: rgb(255 255 255 / 15%);
}

@media only screen and (max-width: 980px) {
  .et_pb_fullwidth_menu_0_tb_header
    .et_pb_row
    > .et_pb_menu__logo-wrap
    .et_pb_menu__logo
    img,
  .et_pb_fullwidth_menu_0_tb_header
    .et_pb_menu__logo-slot
    .et_pb_menu__logo-wrap
    img {
    width: auto;
  }
}

span.sold-badge {
  padding: 16px 20px;
  background: #753517;
  color: #fff;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
  text-align: center;
}

/* Form Styles */

.gform-body input,
.gform-body textarea {
  padding: 24px 16px !important;
  /* font-size: 14px !important; */
  border-color: #753517 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.gform_button {
  background: #404026 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  padding: 16px 32px !important;
  border-radius: 8px !important;
}

.gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {
  justify-content: center;
}

.gform-theme--foundation {
  --gf-form-gap-y: 20px;
}
#property-content {
  padding-left: 16px;
  padding-right: 16px;
}