/*
Theme Name: IFAS Mercury Child
Theme URI: https://branding.ifas.ufl.edu/
Template: ufl-main-uni
Author: UF/IFAS
Author URI: https://branding.ifas.ufl.edu/
Description: A UF/IFAS Branded WordPress Theme.
Tags: featured-images,threaded-comments,translation-ready
Version: 1.0.2
Updated: 2024-06-11

*/
@import '../ufl-main-uni/style.css';
/* @import url('fontawesome/webfonts/fa-solid-900.woff2'); invalid. loads via solid.css */
@import url('fontawesome/css/fontawesome.min.css');
@import url('fontawesome/css/solid.min.css');
@import url('fontawesome/css/brands.min.css');


:root{--core-orange: #FA4616;
    --core-blue: #0021A5;
    
    --bottlebrush: #D32737;
    --alachua: #F2A900;
    --gator: #22884C;
    --dark-blue: #002657;
    --perennial: #6A2A60;
    
    --white: #fff;
    --cool-gray-11: #343741;
    --cool-gray-3: #C7C9C8;
    --warm-grey-1: #D8D4D7;
    --black: #000;
    
    --social-media-icons-background: #3350a5;
    --social-media-icons-background-hover: #ffffff;
    --social-media-icons-hover: #0021a5;
    --header-gradient-1: #0021a5;
    --header-gradient-2: #011877;
    --header-gradient-3: #00d4ff;}

.breadcrumb .breadcrumb-item:first-child a {
    text-decoration: none;
}


/* 
.breadcrumb .breadcrumb-item:first-child a::before {
    font-family: Font Awesome 6 Solid;
    content: '\f4d8';
} */

.bg-grey{
    background-color: #D8D4D7;
}

/*Event Page Styling*/

.event-item{
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
    font-size: clamp(1rem, 0.6875rem + 1vw, 1.25rem);
    background-color: var(--cool-gray-3);
}


.event-item:hover{  
    box-shadow: 10px 10px var(--core-orange);
    transform: translate(-5px, -5px);
}

/* Coordinator Page Styling */

.coordinator-frame{
    padding: 20px;
    margin: 1rem;
    transition: transform 0.3s, box-shadow 0.3s;
}

.coordinator-frame:hover{
    box-shadow: 10px, 10px var(--core-orange) !important;
    transform: translate(-5px, -5px);
}

/* Override default WP block styling - no "break-word" */
.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
}