/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Activities Shortcode */
.activities-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.activities-container .activity-item { background-color: #fff; flex: 0 0 calc(33.33% - 2rem); padding: 2rem 2rem; border-radius: .625rem; }
.activities-container .activity-item span { display: block; }
h3.activity-name { margin: 0; font-size: 26px; line-height: 26px; font-weight: bold; text-transform: uppercase; }
span.activity-date { color: #e26d17; font-size: 26px; line-height: 26px; font-weight: bold; text-transform: uppercase; }
span.activity-place { margin-bottom: 1rem; color: #1A558B; font-size: 16px; font-weight: bold; text-transform: uppercase; }
a.activity-readmore span.fa.fa-angle-right { display: inline-block; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/* inspire you  */
.page-id-14462 h1 { font-size: 45px !important; line-height: 1 !important; }
.page-id-14462 h2 { font-size: 30px !important; }

/* Activities Shortcode */
.activities-container .activity-item { flex: 0 0 100%; margin-bottom: 2rem; }
.activities-container .activity-item:last-child { margin-bottom: unset; }
	
}