/*
 * BuddyPress base layer (Nouveau). Loaded on every BuddyPress screen, before the screen files
 * (bp-members, bp-groups, bp-activity, bp-gamipress, bp-guest-login).
 *
 * Live bundyclub.com draws BuddyPress inside the Beaver Builder theme, so the BP markup inherits
 * the parent theme base (Bootstrap 3 reset, base.min.css) and the generated skin (Default Dark preset
 * with a white content area). The block theme has neither, so this file recreates the parts of that
 * cascade that BuddyPress and the live snippets rely on: the content column width, the page title
 * band, body type, headings, links, form fields, buttons and the Bootstrap resets.
 *
 * Selectors are wrapped in :where() so they carry the same weight as the live element rules
 * (BuddyPress Nouveau and the snippet files still win, exactly like on live). Rules that live had
 * on bare elements are scoped to #buddypress here so the rest of the block theme is not affected.
 * Beaver Builder classes are not used.
 */

/* Content column: live .container is 1020px (max 90%) from 1100px, 900px from 992px, then full width with 40px (tablet) or 20px (phone) side padding. */
body.buddypress .bundy-main.bundy-bp{background:#fff;padding:0 20px 20px}
body.buddypress .bundy-main.bundy-bp.has-global-padding{padding-left:20px;padding-right:20px}
body.buddypress .bundy-bp #buddypress.buddypress-wrap{max-width:1020px;margin-left:auto;margin-right:auto;margin-top:0}
@media (min-width:768px){body.buddypress .bundy-main.bundy-bp.has-global-padding,body.buddypress .bundy-main.bundy-bp{padding-left:40px;padding-right:40px}}
@media (min-width:992px){body.buddypress .bundy-main.bundy-bp.has-global-padding,body.buddypress .bundy-main.bundy-bp{padding-left:0;padding-right:0}body.buddypress .bundy-bp #buddypress.buddypress-wrap{max-width:900px}}
@media (min-width:1100px){body.buddypress .bundy-bp #buddypress.buddypress-wrap{width:1020px;max-width:90%}}
body.buddypress .bundy-bp .wp-block-post-content{max-width:none}

/* Page title: live shows the plain Beaver Builder post header (red Anton title on white, 36px below the site header: 20px content margin plus the header spacing). The snippet files set its size, width and tagline per screen. */
body.buddypress .bundy-page-header{background:transparent;color:inherit;padding:0 20px;margin:36px 0 25px}
html body.buddypress.bp-nouveau .wp-block-group.bundy-page-header.alignfull{margin-top:36px!important}
body.buddypress .bundy-page-header .bundy-page-title{color:#c8102e;text-transform:none;letter-spacing:0;line-height:1.4;margin-top:0}
body.buddypress .bundy-page-header .bundy-page-title::after{content:none;display:none}

/* Body type (skin): Open Sans 18px, line height 1.45, black text. */
.bundy-bp #buddypress{font-family:"Open Sans",Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.45;color:#000;word-wrap:break-word}
:where(.bundy-bp #buddypress) *,:where(.bundy-bp #buddypress) *::before,:where(.bundy-bp #buddypress) *::after{box-sizing:border-box}

/* Headings (skin over Bootstrap): Anton 400 in Bundy red, line height 1.4. */
:where(.bundy-bp #buddypress) :is(h1,h2,h3,h4,h5,h6){color:#c8102e;font-family:"Anton",Impact,sans-serif;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;font-style:normal}
:where(.bundy-bp #buddypress) :is(h1,h2,h3){margin-top:20px;margin-bottom:10px}
:where(.bundy-bp #buddypress) :is(h4,h5,h6){margin-top:10px;margin-bottom:10px}
:where(.bundy-bp #buddypress) h1{font-size:36px}
:where(.bundy-bp #buddypress) h2{font-size:30px}
:where(.bundy-bp #buddypress) h3{font-size:30px}
:where(.bundy-bp #buddypress) h4{font-size:18px}
:where(.bundy-bp #buddypress) h5{font-size:14px}
:where(.bundy-bp #buddypress) h6{font-size:12px}
:where(.bundy-bp #buddypress) :is(h1,h2,h3,h4,h5,h6) a{color:#c8102e}

/* Links (skin): Bundy red, no underline, underline on hover. */
:where(.bundy-bp #buddypress) a{color:#c8102e;text-decoration:none;background-color:transparent}
:where(.bundy-bp #buddypress) a:hover{color:#c8102e;text-decoration:underline}
:where(.bundy-bp #buddypress) a:focus{color:#c8102e}

/* Bootstrap text resets the live BuddyPress layout sits on. */
:where(.bundy-bp #buddypress) p{margin:0 0 10px}
:where(.bundy-bp #buddypress) :is(ul,ol){margin-top:0;margin-bottom:10px}
:where(.bundy-bp #buddypress) :is(ul,ol) :is(ul,ol){margin-bottom:0}
:where(.bundy-bp #buddypress) label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
:where(.bundy-bp #buddypress) :is(b,strong){font-weight:700}
:where(.bundy-bp #buddypress) small{font-size:85%}
:where(.bundy-bp #buddypress) img{max-width:100%;height:auto;vertical-align:middle;border:0}
:where(.bundy-bp #buddypress) hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;height:0}
:where(.bundy-bp #buddypress) blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #e6e6e6}
:where(.bundy-bp #buddypress) table{border-collapse:collapse;border-spacing:0;background-color:transparent}
:where(.bundy-bp #buddypress) :is(td,th){padding:0}
:where(.bundy-bp #buddypress) th{text-align:left}
:where(.bundy-bp #buddypress) figure{margin:0}

/* Form fields (skin). */
:where(.bundy-bp #buddypress) :is(button,input,select,textarea){color:inherit;font:inherit;margin:0;line-height:inherit}
:where(.bundy-bp #buddypress) input{line-height:normal}
:where(.bundy-bp #buddypress) textarea{overflow:auto}
:where(.bundy-bp #buddypress) :is(input[type=text],input[type=password],input[type=email],input[type=tel],input[type=date],input[type=month],input[type=week],input[type=time],input[type=number],input[type=search],input[type=url],textarea){display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#000;background-color:#fcfcfc;background-image:none;border:1px solid #e6e6e6;border-radius:4px;box-shadow:none;transition:all ease-in-out .15s}
:where(.bundy-bp #buddypress) :is(input[type=text],input[type=password],input[type=email],input[type=tel],input[type=date],input[type=month],input[type=week],input[type=time],input[type=number],input[type=search],input[type=url],textarea):focus{background-color:#fcfcfc;border-color:#ccc;outline:0;box-shadow:none}
:where(.bundy-bp #buddypress) :is(input,textarea)::placeholder{color:rgba(0,0,0,.4)}
:where(.bundy-bp #buddypress) input[type=search]{box-sizing:border-box;-webkit-appearance:none;appearance:none}
:where(.bundy-bp #buddypress) :is(input[type=checkbox],input[type=radio]){box-sizing:border-box;padding:0;margin:4px 0 0;line-height:normal}
:where(.bundy-bp #buddypress) input[type=file]{display:block}

/* Buttons (skin): Bundy red, 16px, 4px corners. BuddyPress Nouveau and the snippet files restyle most of them, as on live. */
:where(.bundy-bp #buddypress) :is(button,input[type=button],input[type=submit],input[type=reset]){-webkit-appearance:button;cursor:pointer;overflow:visible;text-transform:none}
:where(.bundy-bp #buddypress) :is(button,input[type=button],input[type=submit]){background-color:#c8102e;color:#fff;font-size:16px;line-height:1.2;padding:6px 12px;font-weight:400;text-shadow:none;border:1px solid #8f0b21;box-shadow:none;border-radius:4px}
:where(.bundy-bp #buddypress) :is(button,input[type=button],input[type=submit]):is(:hover,:active,:focus){background-color:#c8102e;color:#fff;border:1px solid #8f0b21;text-decoration:none}
:where(.bundy-bp #buddypress) :is(button,input[type=button],input[type=submit]):is(:active,:focus){outline:none;position:relative}

/* Grid card heights: Nouveau sizes these in rem, and live sets the root font size to 10px (Bootstrap), so keep the live pixel values. */
.bundy-bp .grid.members-list .list-wrap .item-block,.bundy-bp .grid.members-group-list .list-wrap .item-block,.bundy-bp .grid.blogs-list .list-wrap .item-block{min-height:70px}
.bundy-bp .grid.groups-list .list-wrap .item-block{min-height:60px}
.bundy-bp .grid.three>li .item,.bundy-bp .grid.two>li .item{margin-top:10px}