/*
 Base theme styles for Sereno Boilerplate
*/

body { font-size:1em; }
strong { font-weight:700; }
h1, h2, h3, h4, h5, h6 { text-rendering: optimizelegibility; }
p, dl, ol, ul { margin-bottom: 1.5rem; }
h6 { font-weight:bold; font-size:1.1; }




/* Header */
.site-header { padding:1rem 1rem 0 1rem; }
.headerLeft { order:1; }
.headerRight { order:3; }
.menuHolder { order:2; }
.headerRightTop { display: flex; justify-content: flex-end; align-items: center; }
.headerRightTop ul { margin-bottom:0; padding-left: 0; }
.headerRightTop li { display:inline; margin-left: 15px; padding-left: 15px; }
.headerRightTop li:first-child { margin-left: 0;padding-left: 0; border:none; }
.headerRightBottom { padding-top:25px; }
.social-links { padding:20px 0 0 0; }
/* Menu */
/* Below menu styles are for the Bootstrap default */
/*
#main-menu .menu-item { margin:0 20px; }
*/

/* If using Mega Menu then some styling is in WP back end at:
MEGA MENU > THEMES */
#mega-menu-wrap-primary {width:100%;}
#mega-menu-wrap-primary #mega-menu-primary { text-align: center; }

/* Footer */
.footerTop { padding-top:2rem; padding-bottom:1rem; }
.footerTop ul { list-style: none; }
.footerTop p, .footerTop li { margin-bottom:8px; }
.footerCol { padding-right:20px; }
.footerBottom { padding:1rem 2rem 2rem 2rem; }
.footerCopyright { padding:.5rem 0 0 0; }
.footerSocial { text-align: center; }
.footerBottom p { margin-bottom: 0; }
.footerBottom .socialLink { font-size:20px; margin-left:20px; }

/* Native Blocks */
.wp-block-separator, .wp-block-media-text, .wp-block-embed, .wp-block-image, .wp-block-cover, .wp-block-pullquote { margin-top:3rem; margin-bottom:3rem; }
body.understrap-no-sidebar .alignfull, body.understrap-no-sidebar .alignwide, body.understrap-no-sidebar .wp-block-cover.alignfull, body.understrap-no-sidebar .wp-block-cover.alignwide { margin: 3rem calc(50% - 50vw); }
.wp-block-table thead { border-bottom: 0; }
.wp-block-table tfoot { border-top: 0; }
.wp-block-buttons .wp-block-button .wp-block-button__link { border-radius:5px; border: none; margin:10px 15px 30px 0; padding: .5rem 1rem; }
.wp-block-buttons .wp-block-button .wp-block-button__link:hover, .wp-block-buttons .wp-block-button .wp-block-button__link:focus { }
figcaption { font-style:italic; font-size:.8em;}
.wp-block-file { margin-bottom: 2.2em; }
.wp-block-file a { font-size:1.5em; }
.wp-block-file a.wp-element-button { border:none; border-radius:5px; font-size:1em; }
.blockquote, .wp-block-quote { margin: 2.5rem 0; font-size: 1.4rem; padding: 1.5rem; }
.blockquote, .wp-block-quote p { margin-bottom:.5rem; font-weight:400; }
.wp-block-details { padding: 10px 20px; }
.wp-block-details + .wp-block-details { border-top: 0; }
.wp-block-details summary { font-size: 1.2em; }
.wp-block-details > :not(summary) { margin-block-start: 1rem; }
.wp-block-details > :last-child { margin-bottom: 1rem; }
.wp-block-pullquote { padding:1.5rem; }
.wp-block-pullquote blockquote { margin: 0;}

/* Custom Blocks (other attributes in individual css file in block folder) */
.anyPostsBlock, .threeColBlock, .eventsBlock, .twoColBlock { padding:0 30px; }
.anyPostsBlock { padding-top:2rem; }
.twoColBlock, .eventsBlock { padding-top:2rem; }
.twoColBlock .wp-block-image { margin-top:0; margin-bottom:3rem; }

/* Other General styles */
#single-wrapper.wrapper, #page-wrapper.wrapper { padding: 0 0 2.5rem 0; }
#single-wrapper .entry-header, #page-wrapper .entry-header { margin-bottom:3rem; padding:20px 0; }

.breadcrumbs { margin-bottom:25px; }

.card { height: 100%; }
.card .newsDate { margin-bottom: .5rem; }
.card h3 a { text-decoration: none; }
.cardLong { flex-direction: column; }
.cardLong .cardImage { background-position: center; background-size: cover; }

.resourceCards { display:flex; flex-direction:column; }
.resourceSide { padding:20px; }
.resourceSide .searchandfilter ul { padding-left: 0; }
.resourceCards .card { height: 100%; margin-bottom: 20px; }


/*** MOBILE ONLY  ***/
@media only screen and (max-width: 767px) {
.headerRight { padding-bottom: 20px; text-align: center; }
.headerRightTop { flex-direction: column; padding-top:20px; }
.headerRightTop ul { font-size:14px; }
.socialLink { margin-left:8px; margin-right: 8px; }
.cardLong .cardImage { height:200px; }
.footerTop h4 { margin-top: 2rem; }
.footerCopyright { text-align: center; margin-bottom: 10px; }
.threeColBlock .wp-block-image { margin:0; }

}

/*** LARGER MOBILE DEVICES ***/
@media only screen and (min-width: 576px) and (max-width: 767px) {

}

/*** TABLET & SMALLER LAPTOPS  md   ***/
@media (min-width: 768px) {
.navbar-expand-md { justify-content: center; }
.headerRight { order:2; }
.menuHolder { order:3; }
.headerLeft { padding-top:20px; }
.socialLink { margin-left:15px; }
.breadcrumbs { margin-bottom:50px; }
.footerTop { padding:2rem 0 1rem 0; }
.footerBottom { padding:1rem 2rem; }
.footerCopyright { padding:.5rem 0 0 3rem; }
.footerSocial { text-align: right; }
.cardLong { flex-direction: row; }
.cardLong .cardImage { width:40%; }
.cardLong .card-body { width:60%; }
.tribe-events-widget-events-list__events { display:flex; }
.tribe-events-widget-events-list__header h2 { font-size:2em !important; text-align: center !important; margin:2.5rem 0 2rem 0 !important; }
.tribe-events-widget .tribe-events-widget-events-list__event-row { width:33%; margin-bottom: 0 !important; padding:0 20px; }
.tribe-events-widget .tribe-events-widget-events-list__event-row:first-of-type { padding-left:0; }
.tribe-events-widget .tribe-events-widget-events-list__event-row:last-of-type { padding-right:0; }
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag, .tribe-events-widget-events-list__event-wrapper { padding:20px !important; }
.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title { font-size: 1.2em !important; }
.tribe-events-widget-events-list__view-more { text-align: center; }
.wp-block-pullquote { padding:2rem; }
}

/*** DESKTOP  lg  ***/
@media (min-width: 992px) {
.headerRightBottom { padding-top:40px; }
.social-links { padding:0 0 0 25px; }
.wp-block-pullquote { padding:2.5rem; }
.twoColBlock, .eventsBlock { padding-top:0; }
.twoColBlock .wp-block-image { margin-top:3rem; }
}

/*** LARGE VIEWING SIZE  xl  ***/
@media (min-width: 1200px) {
.wp-block-pullquote { padding:3rem; }

}

/*** EXTRA LARGE VIEWING SIZE  xxl  ***/
@media (min-width: 1400px) {

}