/*
 * Local CSS for disableadvisor.com project
 *
 */

 /* Listing Grid */
.view-listing-grid  {
  background: #f3f3f3;
}
.view-listing-grid .view-main-content {
  padding-top: 40px;
  padding-bottom: 60px;
}
.view-listing-grid .views-row .views-row-inner {
  background: white;
  padding: 0 15px 15px;
}
.view-listing-grid .views-row .views-row-inner .field-image {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 20px;
}
.view-listing-grid .views-row .views-row-inner .field-image img {
  width: 100%;
}
.view-listing-grid .views-row .views-row-inner .field-title {
  font-size: 120%;
  padding-bottom: 15px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
.view-listing-grid .views-row .views-row-inner .field-address,
/* .view-listing-grid .views-row .views-row-inner .field-price, */
.view-listing-grid .views-row .views-row-inner .field-phone {
  border-top: 1px solid #eee;
  padding: 10px 0;
}


.business-detail-header .field-photo img { width: 100%; }

/* Thanh Le asked me to add below on the 08/11/24  */
.view-listing-grid .row .views-row { margin-bottom: 20px; }


/* Thanh Le asked me to add below on the 12/11/24  */
.form-search-listing { display: grid; }
						#listing-search-results 	{ overflow: visible;
/* Thanh Le asked me to add below on the 20/11/24  */
 						height: auto !important;
					}


/* Thanh Le asked me to add below on the 16/11/24  */
.form-search-listing { display: flex; }
#listing-search-results-1 header { margin-bottom: 20px; }


/* Thanh Le asked me to add below on the 22/01/25  */
@media (max-width: 776px) {
  #block-exposedformlisting-searchpage-1 .form-submit {
    width: auto;
    min-width: 150px;
    height: 42px;
  }
}


/* Thanh Le asked me to add below on the 13/02/25  */
#block-exposedformlisting-searchpage-1 .form-item-field-county-target-id-1::before {
  font-family: fontawesome;
  color: #666;
  position: absolute;
  top: 9px;
  left: 10px;
  display: inline-block;
  z-index: 3;
}
#block-exposedformlisting-searchpage-1 .form-item-field-county-target-id-1::before {
  content: "\f279";
}


/* Thanh Le asked me to add below on the 18/02/25  */
#block-exposedformlisting-searchpage-1 .form-item-field-county-target-id-1 {
  position: relative;
}



/* Trying to make text bigger 2nd June 2025  and 30th July 2025*/
.field-title {
  font-size: 18px;
}

.field-content {
  font-size:  1.8rem;
}

p {
  font-size:  1.8rem; /* or 18px, 1em, 1.2rem, 90%, etc. */
}

/* DD make text bigger 30th July 2025 using rem above and added below then public_html]$ vendor/bin/drush  cr and [~/public_html]$ composer clear-cache */
li {
  font-size:  1.8rem; /* or 18px, 1em, 1.2rem, 90%, etc. */
}

.field--name-field-text-to-go-under-google-ma {
    font-size: 1.8em; /* Adjust this value */
    /* Optional: adjust line-height for better readability if text gets much larger 
    line-height: 1.4;*/
}


.field--label {
  font-size: 17px;
}


/* Sorting out Group photos being white of very light grey 29th June 2025  */
.panel-title[href="#edit-field-photos--content"] {
  color: black !important;
}

/* getting rid of country in group creation 2nd July 2025  */
.form-item-field-google-link-0-address-country-code {
  display: none !important;
}


/* putting redbox around google ads 3rd to 5th July 2025  
had the bewlow before 8th August*/

.adsbygoogle,
.adsbygoogle.adsbygoogle-noablate,
.google-auto-placed {
  border: 3px solid blue; /* Adds a 2-pixel solid red border */
  padding: 2px;          /* Adds some space between the content and the border */
  margin: 5px 0;        /* Adds some vertical margin for better spacing around the ad */
  box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
}



  /* July 5th
 * This rule hides the very first instance of a Google AdSense unit
 * identified by either the 'adsbygoogle' or 'google-auto-placed' class.
 * This is intended to stop the top 1st Google ad on the page.
 
 talking to Gemini there were a few places at the top I was missing
 
.adsbygoogle:first-of-type,
.google-auto-placed:first-of-type {
  display: none !important; /* Hides the element and overrides any conflicting styles 
}
-------------------------------------------------------
Copilot gave me below on 25th August

adsbygoogle:first-of-type,
.google-auto-placed:first-of-type {
  display: block !important;
  margin: 20px auto !important;
  text-align: center !important;
  max-width: 100%;
}

@media (max-width: 600px) {
  adsbygoogle:first-of-type,
  .google-auto-placed:first-of-type {
    width: 100% !important;
    margin: 10px auto !important;
      text-align: center !important;
  }
}


.google-auto-placed:first-of-type {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999;
}
above messed it up
------------------------------------------------------------------------------
body.path-category-team-sport ins.adsbygoogle:first-of-type,
body.path-category-team-sport ins.google-auto-placed:first-of-type,
body.path-category-communication-groups ins.adsbygoogle:first-of-type,
body.path-category-communication-groups ins.google-auto-placed:first-of-type,
body.path-category-exercise-groups ins.adsbygoogle:first-of-type,
body.path-category-exercise-groups ins.google-auto-placed:first-of-type {
  display: none !important; /* Hides the element and overrides any conflicting styles 
}
*/

/* August 8th 2025 after asking Google Gemini to get to add very small writing advertisement */
/* Styling for the AdSense wrapper */
.adsense-wrapper {
  border: 1px solid #0056b3; /* A nice shade of blue for the border */
  padding: 10px; /* Adds space inside the box */
  margin: 20px 0; /* Adds space above and below the box, separating it from content */
  background-color: #f8f9fa; /* A light background color to make it stand out slightly */
}

/* Styling for the ad label */
.adsense-wrapper .ad-label {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 10px; /* Space between the label and the ad */
  padding-bottom: 5px;
  border-bottom: 1px solid #e9ecef; /* A light line under the label */
}

/* August 24th 2025 making direction map bigger 
#mapDiv iframe {
  width: 100%;
  height: 100%;
}
 
#mapDiv {
  width: 1000px !important;
  height: 800px !important;
}*/

iframe[title="Map of listing"] {
  width: 500px !important;
  height: 400px !important;
}

@media (max-width: 600px) {
  iframe[title="Map of listing"] {
    width: 100% !important;
    height: 350px !important;
  }
}