/*---------------------------------------------------------------------------------

 Theme Name:   Moose Jaw Real Estate and Insurance
 Theme URI:    https://www.moosejawrealestate.net
 Description:  
 Author:       Reactive Designs
 Author URI:   https://reactivedesigns.ca/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/** border radius for first row in mega menu for listings **/
@media (min-width: 981px) {
    .et_pb_gutters1 .et_pb_column_1_4, .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
        border-radius: 20px;
    }
}

.pix_tabs_content {
    display: block !important;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.pix_tabs_content.pix_tabs_active {
    visibility: visible;
    height: auto;
}


.mysgi span {
	display:none;
}

li.dipi-cta-button-menu-item {
    width: 140px;
    height: 43px;
}

li.dipi-cta-button-menu-item > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}

li.dipi-cta-button-menu-item > a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Force no border-radius on the CTA button and all pseudo-elements */
li.dipi-cta-button-menu-item,
li.dipi-cta-button-menu-item a,
li.dipi-cta-button-menu-item a *,
li.dipi-cta-button-menu-item a::before,
li.dipi-cta-button-menu-item a::after {
    border-radius: 0 !important;
    overflow: visible !important; /* ensure pseudo-elements are not clipped */
}


/* ==============================
   Menu CTA Button Companion CSS
   ============================== */

/* Force no border-radius anywhere */
li.dipi-cta-button-menu-item,
li.dipi-cta-button-menu-item a,
li.dipi-cta-button-menu-item a * {
    border-radius: 0 !important;
}

/* Optional: add hover effect (slightly darker background) */
li.dipi-cta-button-menu-item > a:hover {
    background-color: rgba(0,0,0,0.05); /* subtle hover overlay */
}

/* Optional: spacing around CTA button */
li.dipi-cta-button-menu-item {
    margin-left: 10px;  /* adjust as needed */
    margin-right: 10px; /* adjust as needed */
}

/* Ensure the anchor remains fully clickable and responsive */
li.dipi-cta-button-menu-item > a {
    display: inline-block !important;
    max-width: 100%;
    text-decoration: none !important;
    line-height: 0 !important;
}



.et-db #et-boc .et-l div[class^='et_pb_module et_pb_menu et_pb_menu_'].et_pb_menu ul li a.dipi-cta-button, .et-db #et-boc .et-l ul > li > a.dipi-cta-button, body #page-container .et-db #et-boc .et-l .et_pb_menu ul li a.dipi-cta-button, header.et-l--header ul > li > a.dipi-cta-button, header#main-header #et-top-navigation nav > ul > li > a.dipi-cta-button, #top-header #et-secondary-menu > ul > li > a.dipi-cta-button, nav > ul > li > a.dipi-cta-button {
	background-color: transparent !important;
}



/** Add the ottawa logo ontop of the home insurance bottom left images **/
.dp-custom-blurb-image .et_pb_main_blurb_image .et_pb_image_wrap.et_pb_only_image_mode_wrap::before
 {
    content: url(https://new.moosejawrealestate.net/wp-content/uploads/2025/08/moose-jaw-realestate-insurance-ottawa.png) !important;
	 border: 0px !important;
	 background: none !important;
}




/** Add box shadow to mega menu **/
#tippy-1, #tippy-5 {
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3) !important;
	border-radius:50px;
}

.gform_next_button {
	background: #003108 !important;
}

/** Apartment Flip **/

.apartmentflip li {
	list-style:none;
}

/**** Listings ****/

/*** Hide Owner Container for Listing ****/

.listing-contact-info {
	display: none;
}

.powered-by {
	display:none;
}

.mrp-listing-details-link a {
	background: #000 !important;
	border-radius: 100px !important;
}

.mrp-listing-links-section a {
	border-radius: 100px !important;
}


/*** Home Page Search ***/

form.mrp-omnibox-v2 .location-search-area {
    position: relative;
    background-color: transparent !important;
    border-radius: 6px 6px 0px 0px;
    width: 100%;
}

.selectize-dropdown {
	z-index:1000 !important;
}

/**** Blog Responsive Table *****/

.responsive-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
}

.responsive-table th,
.responsive-table td {
  border: 1px solid #666;
  padding: 12px;
  text-align: left;
}

.responsive-table th {
  background-color: #f5f5f5;
  font-weight: 600;
}

/* Mobile stacking */
@media screen and (max-width: 768px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 15px;
    border: 1px solid #666;
  }

  .responsive-table td {
    border: none;
    border-bottom: 1px solid #666;
    position: relative;
    padding-left: 50%;
  }

  .responsive-table td:before {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 45%;
    white-space: nowrap;
    font-weight: 600;
  }

  .responsive-table td:nth-of-type(1):before { content: "Home type"; }
  .responsive-table td:nth-of-type(2):before { content: "Typical annual premium"; }
}