/*
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: 110%; }
/* Header */
.site-header { padding-top:2rem; }
.headerLeft { order:1; }
.headerCenter { order:2; }
.headerRight { order:3; }
.menuHolder { order:1; }
.headerRightTop, .headerRightBottom { display: flex; justify-content: center; }
.headerRightBottom { padding-top:20px; }
.socialLink { margin-right:20px; }
/* 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; }
.footerCopyright { padding:.5rem 0 0 .5rem; }
.footerSocial { text-align: right; }
.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-cover ul {
display: flex;
margin-top: 30px;
margin-left: 50px;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 20px;
}
.wp-block-cover ul li {
/*list-style-type: none;*/
width: 300px;
height: 30px;
color: white;
/*font-weight: bold;*/
}
.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; margin: 3rem 0; }
.wp-block-details + .wp-block-details { margin-top: -3rem; 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:3rem; }
.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; }
/* 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:1.5rem; padding-top:20px; }
.breadcrumbs { margin-bottom:50px; }
.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: initial; margin-bottom: 20px; }
/*** MOBILE ONLY ***/
@media only screen and (max-width: 767px) {
.headerLeft ul { padding: 0; margin-top: 15px; }
.headerRight { padding: 20px 0; }
.social-links { padding-top:10px; }
.cardLong .cardImage { height:200px; }
.footerTop h4 { margin-top: 2rem; }
.twoColBlock, .eventsBlock { padding-top:2rem; }
.twoColBlock .wp-block-image, .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; }
.headerLeft { order:1; }
.headerCenter { order:2; }
.headerRight { order:3; }
.menuHolder { order:4; }
.headerRightTop, .headerRightBottom { justify-content:flex-end; }
.footerTop { padding:1rem 0 .5rem 0; }
.footerCopyright { padding:.5rem 0 0 4rem; }
.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 0 !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; }
}
/*** DESKTOP lg ***/
@media (min-width: 992px) {
}
/*** LARGE VIEWING SIZE xl ***/
@media (min-width: 1200px) {
}
/*** EXTRA LARGE VIEWING SIZE xxl ***/
@media (min-width: 1400px) {
}