/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


#sitewide-announcement {text-align: center; margin: 10px auto} /* Sitewide announcement we setup in ACF */






/* ********** Resources Page ****  */

/* Section spacing */
.resources-category-section {margin-bottom:4rem; background:#f1f1f1; padding:5px 30px 0 25px;}

/* Heading spacing */
.resources-category-title {margin-bottom:1.5rem; font-size:25px; font-family:default; color:#103893;}

/* 5-column grid */
.resources-posts-grid {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:1.5rem;}

/* Force every card to equal height */
.resources-post-card {height:275px; overflow:hidden; display:flex; flex-direction:column;}
.resources-post-card p {font-size:14px; text-align:center;}

/* Ensure Elementor content inside fits gracefully */
.resources-post-card > * {flex:1 1 auto;}

/* RESPONSIVE BREAKPOINTS */
@media (max-width:1280px) {
    .resources-posts-grid {grid-template-columns:repeat(4, minmax(0, 1fr));}
}

@media (max-width:1024px) {
    .resources-posts-grid {grid-template-columns:repeat(3, minmax(0, 1fr));}
}

@media (max-width:768px) {
    .resources-posts-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (max-width:480px) {
    .resources-posts-grid {grid-template-columns:repeat(1, minmax(0, 1fr));}
}

/* Resources Thumbnail force height and width to 185px */
.resource-thumb-image .elementor-widget-container {display:flex; justify-content:center;}

/* Actual image inside the widget */
.resource-thumb-image .elementor-widget-container img {width:185px; height:185px; object-fit:cover; object-position:center; display:block;}



/* === FacetWP filters – for Blog Page */

/* Put all facets on one row and center them */
.facetwp-facet {display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:10px;}

/* Base styling for both the search box and dropdowns */
.facetwp-facet .facetwp-search, .facetwp-facet select.facetwp-dropdown {height:44px; line-height:44px; padding:0 14px; box-sizing:border-box; border:1px solid #0b4f9c; border-radius:3px; background-color:#ffffff; color:#333333; font-size:14px; font-family:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* Search input specific */
.facetwp-facet-search .facetwp-input-wrap input.facetwp-search {width:260px; /* adjust as needed */}

/* Dropdown arrow tweak (for native select) */
.facetwp-facet select.facetwp-dropdown {padding-right:34px; background-image:linear-gradient(45deg, transparent 50%, #0b4f9c 50%), linear-gradient(135deg, #0b4f9c 50%, transparent 50%); background-position:calc(100% - 20px) 16px, calc(100% - 15px) 16px; background-size:5px 5px, 5px 5px; background-repeat:no-repeat;}

/* Hover / focus states – use site blue */
.facetwp-facet .facetwp-search:hover, .facetwp-facet select.facetwp-dropdown:hover {border-color:#0d63c3;}

.facetwp-facet .facetwp-search:focus, .facetwp-facet select.facetwp-dropdown:focus {outline:none; border-color:#0d63c3; box-shadow:0 0 0 2px rgba(13,99,195,0.25);}

/* Submit icon inside search facet (if you’re using the default magnifier button) */
.facetwp-facet-search .facetwp-icon {background-color:#0b4f9c; color:#ffffff; height:44px; width:44px; line-height:44px; text-align:center; border-radius:3px;}

/* Make the reset button match the theme buttons */
.fwp-reset, .fwp-reset a {display:inline-block; padding:10px 18px; background-color:#0b4f9c; color:#ffffff; border-radius:3px; border:none; font-size:14px; text-decoration:none; cursor:pointer;}

.fwp-reset:hover, .fwp-reset a:hover {background-color:#0d63c3; color:#ffffff;}

/* Make the Reset button match the height of the search + dropdowns */
.fwp-reset, .fwp-reset a, .facetwp-reset, .facetwp-reset a {height:44px; line-height:44px; padding:0 18px !important; display:inline-flex; align-items:center; justify-content:center; background-color:#0b4f9c; color:#ffffff; border-radius:3px; border:1px solid #0b4f9c; font-size:14px; cursor:pointer;}

/* Hover */
.fwp-reset:hover, .fwp-reset a:hover, .facetwp-reset:hover, .facetwp-reset a:hover {background-color:#0d63c3; border-color:#0d63c3; color:#ffffff;}