/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* remove underline from buttons and set all button text to semibold*/
a.elementor-button:hover {
     border-radius: 9px;
}
.elementor-widget-button .elementor-button {
    font-weight: 600 !important;
}
.elementor-kit-7 button:hover, .elementor-kit-7 button:focus {
    border-radius: 9px;
}

/* Add margin above and below separator block. Used un case studies from old site */

hr.wp-block-separator.has-alpha-channel-opacity {
    margin: 40px 0;
}

.elementor-counter-title {
    text-align: center;
}
.elementor-element.bgdzoom:hover {
    background-size: 120% !important;
    transition: background-size 0.3s ease !important;
} 
.elementor-widget-text-editor.call, .elementor-widget-text-editor.challenge {
    padding: 3px 20px 1px 20px;
    border-radius: 10px;
    width: fit-content;
}

/* Opportunities loop styling */
.elementor-widget-text-editor.call a {color:#000;}
.elementor-widget-text-editor.challenge a {color:#fff;}

.elementor-widget-text-editor.call { background-color: #B1FF00;}
.elementor-widget-text-editor.challenge { background-color: #00B099;}
.opportunity-type { background-size: contain;}

.elementor-element.opp-utility a {color: #fff;}  /* force white text link for gas / electirict / water */

span.elementor-button-text {
    text-shadow: none;
}

div#oppgroup span, div#newsgroup span {
    background-color: #00B099;;
    border-radius: 8px;
    color: #ffffff;
    display:inline-block;
    padding:0px 12px;
}

div#newsgroup span {
    background-color: #B1FF00;
    color:#000033;
}

div#newscard {
    background-size: cover;
}

/* Target .elementor-element-dc3dfa0 only when inside #opp-closed */
.opp-closed .elementor-111::before {
    content: ''; /* No text, just the image */
    position: absolute;
    top: -0; /* Move up slightly to align on the corner */
    right: -0; /* Move right to align on the corner */
    width: 100px; /* Adjust width for the sash */
    height: 100px; /* Adjust height for the sash */
    background-image: url('../png/sash.png'); /* Path to the sash image */
    background-size: cover;
    background-position: center;
    opacity: 0.9; /* Adjust opacity if needed for visibility */
    z-index: 10; /* Ensure it’s on top */
}

/* Ensure the main container has relative positioning to support absolute positioning within it */
.opp-closed .elementor-111 {
    position: relative;
    overflow: hidden; /* Prevents the sash from extending outside the card */
}

/* Style the search form container */
#search-form {
    display: inline-flex;
    align-items: center;
    border: 1px solid #c0c0c0; /* Adjust the border color */
    border-radius: 25px; /* Fully rounded edges */
    padding: 5px 15px; /* Space around the input */
    width: fit-content;
    max-width: 300px; /* Adjust as needed */
}

/* Style the search input field */
#search-form input[type="text"] {
    border: none;
    outline: none;
    font-size: 16px;
    padding: 5px;
    width: 100%;
    border-radius: 25px; /* Ensures full rounding if input overflows */
}

/* Add a placeholder color for the input */
#search-form input[type="text"]::placeholder {
    color: #c0c0c0; /* Adjust placeholder color */
    font-style: italic;
}

/* Style the search icon inside the input */
#search-form .search-icon {
    font-size: 18px;
    color: #c0c0c0; /* Adjust icon color */
    margin-left: 10px; /* Space between text and icon */
}

/* Style the accordian buttons */
.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    /* background-color: #B1FF00; */
    padding: 6px 18px;
    border-radius: 25px;
    height: 32px !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
    justify-content: space-between;
}

.elementor-widget-n-accordion .e-n-accordion-item {
    border-bottom:1px solid #00B099
}

img.resource-image {
    width: 250px;
    padding: 5px;
}

@media (max-width: 768px) {
    img.resource-image {
        width: 150px;
    }
    .elementor-element.elementor-element-97a05e3.elementor-widget__width-initial.elementor-widget.elementor-widget-button {
        right: 10px;
    }
}

.elementor-social-icons-wrapper a:not([href]) {
    display: none;
}

/* stop case study post category links being clickable */
body.post-type-archive-case-study span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-custom a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}