/* General Settings */body{-webkit-font-smoothing:antialiased;}img{height:auto;}.error, div.error, span.error{color:#ff0000;padding:4px 0px 2px 2px;}select{background:url('data:image/svg+xml;utf8,<svg width="10" height="7" viewBox="0 0 10 7" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 0L4 3.09042L7.06 0L8 0.951417L4 5L0 0.951417L0.94 0Z" fill="black"/></svg>') no-repeat 97% 50%; background-color:#ffffff;-moz-appearance:none; -webkit-appearance:none; appearance:none;/* and then whatever styles you want*/ height:30px; width:100px;padding:5px;}code, pre{position:relative;}code, pre{display:block;padding:12px;margin:6px 4px 12px 4px;background:#f2f2f2;color:#555755;}/* The skip link lives inside the nav list, so it needs a list item around it - a ul may only contain li. Taken out of the flow rather than just flattened. Zero height was not enough:the nav sets its items to inline-block, so the item still formed a box and still carried the whitespace gap that sits between inline-blocks - enough to push the last items in the menu onto a second line. Absolute positioning removes it from the row altogether, which is the honest description of something that is not meant to be there. focus-within puts it back. Tabbing to the link makes the anchor static again, and inside a 0x0 item that would leave it invisible - which is the one moment a skip link has to be seen. */.mgskipitem{position:absolute;width:0;height:0;margin:0;padding:0;list-style:none;}.mgskipitem:focus-within{position:static;width:auto;height:auto;}.mgskip{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}.mgskip:focus{position:static;width:auto;height:auto;}span.mg-command-copy{position:absolute;top:6px;right:10px;opacity:.6;font-size:20px;color:#555755;}span.mg-command-copy:hover{cursor:pointer;}span.mg-command-copy > span{font-size:12px;}.mgmoth{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1;}.lazy{min-width:10px;min-height:10px;}#sb-body{background-color:#ffffff !important;}#timeoutmsgcontainer{height:100%;display:inline-flex;width:100%;}#timeoutmsgdiv{padding:10px;margin:auto 0;width:100%;}#warningmsg{margin-bottom:10px;}#timeoutbutton{text-align:center;}/* The notice is a card that sits above the page, not a band painted across the bottom of it. The full width bar is the single thing that dated it:it reads as part of the furniture rather than as something asking a question, and it takes a strip of every screen whatever the screen is. So the fixed element is now just a positioning layer with nothing drawn on it, and the card inside is what you see. pointer-events is off on the layer and back on for the card, or the invisible strip would swallow clicks meant for the page behind it. */.cookieNotice{position:fixed;left:0;right:0;bottom:0;z-index:999999;padding:1rem;background:none;pointer-events:none;transform:translateY(110%);visibility:hidden;transition:transform .35s ease-in-out, visibility 0s linear .35s;}.cookieNotice.open{transform:translateY(0);visibility:visible;transition:transform .35s ease-in-out, visibility 0s;}/* Somebody who has asked not to be moved around should not be */@media (prefers-reduced-motion:reduce){.cookieNotice, .cookieNotice.open{transition:none;}}/* The card. Narrow enough to read in one go, raised off the page with a shadow, and left aligned - centred paragraphs are harder to read and were a large part of why this looked like a notice from 2014. The surface is white with dark text rather than the navigation colour of the site. A whole card painted in a brand colour is the other half of what dated this:it shouts for attention the page has not asked for, the wording sits on whatever shade the theme happens to use, and no two sites could be relied on to stay readable. The brand still appears, as a 3px line along the top - enough to belong to the site, with nothing resting on it. Fixed colours, not theme ones, because this is the one element on the site whose legibility cannot be left to a setting:the text has to be readable before anybody has agreed to anything. */.cookieNotice > div{pointer-events:auto;background:#ffffff;color:#1f2933;max-width:34rem;width:100%;margin:0 auto;padding:1.25rem 1.5rem;border-radius:.875rem;border:1px solid rgba(15, 23, 42, .08);border-top:3px solid #015C6E;box-shadow:0 .5rem 1.75rem rgba(15, 23, 42, .18);font-size:.9375em;line-height:1.5;text-align:left;}.cookieNotice div h2{color:#0f172a;font-weight:600;font-size:1.0625em;line-height:1.3;margin:0 0 .5rem;text-align:left;}.cookieNotice .cookie-text{color:rgba(31, 41, 51, .82);}/* A link inside the wording has to be identifiable as one without relying on its colour, which on a single-colour card it cannot be */.cookieNotice .cookie-text a{text-decoration:underline;}.cookieNotice div div.cookie-btn{padding:1rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-items:center;}.cookieNotice div.cookie-btn a{margin:0;}.cookieNotice div a{color:inherit;text-decoration:none;}.cookieNotice div a:hover{color:inherit !important;}/* One shape for every button in here, whether it is a button or a link dressed as one, so the row stops looking like four controls borrowed from four places. */.cookieNotice .btn{border-radius:.5rem;padding:.45rem 1rem;font-size:.875em;font-weight:600;line-height:1.4;border:1px solid transparent;margin:0;transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;}/* Every button here is given its colour explicitly, which also overrides the hover Bootstrap would have supplied - so without these the row did not answer to the pointer at all. The lift and shadow do the noticing;the darker shade keeps the button recognisably the same control while it happens. */.cookieNotice .btn:hover{transform:translateY(-1px);}.cookieNotice .btn:active{transform:translateY(0);box-shadow:none;}/* A keyboard user gets the same prominence, drawn in a way that shows on both the white card and the coloured buttons. */.cookieNotice .btn:focus-visible{outline:2px solid #0f172a;outline-offset:2px;box-shadow:none;}@media (prefers-reduced-motion:reduce){.cookieNotice .btn,.cookieNotice .btn:hover,.cookieNotice .btn:active{transition:none;transform:none;}}/* Accept and Reject are the decision, and have to be equally easy to take - same size, same weight, side by side. Read More and Customize are not decisions, so they step back to outlines instead of competing as a third and fourth colour. currentColor rather than a fixed shade, because the card is whatever the theme says it is and a hardcoded white border would vanish on a pale one. */.cookieNotice .readmore-cookies,.cookieNotice .customize-cookies{background:transparent !important;border-color:rgba(15, 23, 42, .22) !important;color:#344054 !important;opacity:1;}.cookieNotice .readmore-cookies:hover,.cookieNotice .customize-cookies:hover{background:rgba(15, 23, 42, .08) !important;border-color:rgba(15, 23, 42, .5) !important;color:#0f172a !important;box-shadow:0 .25rem .625rem rgba(15, 23, 42, .12);}/* Accept is the one that failed:Bootstrap success against white text is about 2.8 to one where 4.5 is the floor. Darkened to the shade Bootstrap already uses for that same button active, so it stays recognisably the same colour - 5.1 to one. Reject did not fail;secondary is 4.7 and already passes. It is darkened anyway, to 6.3, so the two decisions carry the same visual weight. A refusal that looks fainter than the acceptance beside it is the thing this whole exercise is about, and a pass mark is not the same as looking equal. */.cookieNotice .btn-success{background-color:#1e7e34;border-color:#1e7e34;color:#ffffff;}.cookieNotice .btn-success:hover,.cookieNotice .btn-success:focus{background-color:#19642a;border-color:#19642a;color:#ffffff;box-shadow:0 .25rem .75rem rgba(25, 100, 42, .4);}.cookieNotice .btn-secondary{background-color:#5a6268;border-color:#5a6268;color:#ffffff;}.cookieNotice .btn-secondary:hover,.cookieNotice .btn-secondary:focus{background-color:#474d52;border-color:#474d52;color:#ffffff;box-shadow:0 .25rem .75rem rgba(71, 77, 82, .4);}/* The panel reads as part of the card rather than a second one stuck underneath */.cookieNotice .cookie-options{display:none;}.cookieNotice .cookie-options.cookie-open{display:block;background:rgba(15, 23, 42, .035);border:1px solid rgba(15, 23, 42, .07);border-radius:.5rem;margin-top:1rem;padding:1rem !important;}.cookieNotice [hidden]{display:none !important;}/* Two by two. Four across was already tight on a full width bar and would be unreadable in a 34rem card. */.cookieNotice .cookie-settings > div{flex:0 0 50%;max-width:50%;text-align:left;}.cookieNotice .cookie-settings > div.col-12{flex:0 0 100%;max-width:100%;}.cookieNotice .cookie-settings label{font-weight:600;}/* The text-muted shade Bootstrap uses, #6c757d, would sit close enough to the body text to lose the hierarchy it is there to create. The card colour eased back reads as secondary while staying comfortably above the contrast floor. */.cookieNotice .cookie-option-desc{color:inherit !important;opacity:.8;font-size:.8125em;line-height:1.35;text-align:left;margin-top:.25rem;}/* On a phone the card is the screen, so it stops pretending to be a card and the buttons go full width rather than wrapping into an uneven stack. */@media (max-width:575.98px){.cookieNotice{padding:.5rem;}.cookieNotice > div{padding:1rem;border-radius:.5rem;}.cookieNotice div div.cookie-btn .btn{flex:1 1 100%;}.cookieNotice .cookie-settings > div{flex:0 0 100%;max-width:100%;}}.cookieNotice .cookie-options .cookie-settings{display:inline-flex;}.cookieNotice .cookie-options .cookie-settings label{color:#ffffff !important;}.cookieNotice .cookie-options .cookie-settings .custom-control-input:checked:disabled~.custom-control-label::before{border-color:#999999;background-color:#bbbbbb;}@media print{.cookieNotice{display:none;}}#mgctxmenu{position:absolute;background:ghostwhite;color:black;cursor:pointer;border:1px #bcbcbc solid;border-radius:10pxl}#mgctxmenu > p{padding:0.25rem 1rem;margin:0}#mgctxmenu > p > a{font-weight:bold;}.mgpagination, a.mgpagination, a.mgpagination:link{text-decoration:none;vertical-align:middle;}.mgpagination > span, a.mgpagination > span{color:#990000;padding:4px;vertical-align:middle;display:inline-block;}blockquote{margin:1em 40px;}.mgreadmore{}.mgreadmore .mgreadmorescript{}.mgreadmore a{display:block;width:100%;border:1px solid #015C6E;border-radius:10px;padding:10px;text-align:center;text-decoration:none;font-weight:bold;}.mgreadmore a.readmorejoin{color:#ffffff;background:#015C6E;}.mgreadmore a.readmorejoin:hover{color:#ffffff !important;background:#015C6EDD;}.mgreadmore a.readmore{color:#015C6E;background:#ffffff;}.mgreadmore a.readmore:hover{color:#015C6E !important;background:#015C6E22;}/* Map Styles */.map-filters input[type=text]{margin-top:0px;}.container.map-result{border-bottom:1px solid #d7d7d7;padding-bottom:1rem;margin-bottom:1rem;display:block;}.map-result .row{margin-bottom:.3rem;}.map-result .field-title{font-weight:bold;}/* Embedded Video Styles */.mgyt-container, .mgyt169-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.mgyt43-container{position:relative;padding-bottom:75%;height:0;overflow:hidden;}.mgyt-container iframe, .mgyt-container object, .mgyt-container embed, .mgyt43-container iframe, .mgyt43-container object, .mgyt43-container embed, .mgyt169-container iframe, .mgyt169-container object, .mgyt169-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}body.mgbodyfullwidth{padding:0px !important;margin:0px !important;}.mgfullwidth{width:100% !important;max-width:100% !important;padding-left:0px !important;padding-right:0px !important;}.mgfullwidth main.mgcontentcontainer{padding:0px;}.mgfullwidth div.mgcontent{margin:0px;}.mgcontent section{width:auto !important;}.mgcolumns{display:flex;width:100%;}.mgcolumns > div{flex-basis:100%;padding:4px;}.tagerror{font-weight:bold;}a.loginlink{font-weight:bold;color:#060606 !important;}.mgprintoptions{padding:8px 0px 0px 0px;;}.mgprintoptions .mgprintpage{text-decoration:none;color:#777777;font-size:1.1rem;}.mgprintoptions .mgprintpage:hover{color:#999999!important;}.prfriendly{padding:6px;}.mgtable{display:table;}.mgtablerow{display:table-row;}.mgtablecell{display:table-cell;}.mgtextleft{text-align:left;}.mgtextcenter{text-align:center;}.mgtextright{text-align:right;}.mgnowrap{width:1%;white-space:nowrap;}.mgatead{text-align:center;}.mgimage, .mgteaseimage{padding:5px;}.mgimagecenter{margin:0 auto;clear:both;padding:5px 0px;text-align:center;}.mgimageleft{float:left;padding:5px 15px 5px 0px;}.mgimageright{float:right;padding:5px 0px 5px 15px;}.mgmainimage{padding-top:10px;text-align:center;}.photocap{text-align:left;}.photocredit{text-align:right;}.mgtellafriend{display:table-row;}.mgtellafriend img, .mgtellafriend span{display:table-cell;vertical-align:middle;}.mgtellafriend img{min-width:48px;padding-right:5px;}/* Social Networks */.mgsocialnetworks{padding:0px;margin:0px;list-style:none;display:inline-flex;}.mgsocialnetworks li{}.mgsocialnetworks li a{}.mgsocialnetworks li a img{padding:3px;}.mgsocialnetworks li a img:hover{opacity:0.8;}/* Login Page Styles */.login{padding:3px;margin:3px;}.mglogin{width:50%;vertical-align:top;}.mglogincontainer{padding:5px;}.mglogincell{padding:4px;}.mglogintease{}.mgloginmessage{}.mgloginforms{padding-right:5px;}.mgloginforms img{display:block !important;}.mgloginheader{font-weight:bold;width:10%;white-space:nowrap;padding-right:10px;}.mgloginheadertext{display:none;}.mgloginbuttons{text-align:center;}.mgloginpitch{padding-left:5px;}.loginbox{background-color:#F0F5FA;padding:10px;}.mglogintable{margin:0 auto;min-width:80%;}.mglogintable input[type=text], .mglogintable input[type=password]{width:100%;padding:3px 0px;max-width:unset !important;}.sendmail{width:100%;max-width:400px;}.mgforumsearchtable{width:100%;}#articleDateFilter{margin:0;padding:5px 0px;list-style:none;}#articleDateFilter > li{display:inline-block;}#articleDateFilter > li > a > i{color:#990000;}#articleDateFilter > li ul{margin:0;padding:0;list-style:none;position:absolute;background:#FFFFFF;z-index:999999;display:none;}#articleDateFilter > li ul > li{padding:4px 12px;}.mgsearchform > .mgtablerow > .mgformcellright > input, .mgsearchform > .mgtablerow > .mgformcellright > select{width:100%;}p.tease{margin:0px;}.portalpagetype{padding:0.35rem;}.content-action-bottom{display:block;text-align:right;padding:0.35rem;}.content-action-bottom:empty{display:none;}/* Form Style */.mgformtable{margin:0 auto;}.mgformtablefull{width:100%;}#recaptcha.g-recaptcha{z-index:999999;}.mgformrecaptcha div{margin:0 auto;}.mgformcell, .mgformcellip{padding:4px;vertical-align:top;}.mgformcellleft{font-weight:bold;padding-top:10px;width:40%;}.mgformcellleftnarrow{font-weight:bold;padding-top:10px;}.mgformcellright{vertical-align:middle;}.field-invalid{border-color:red!important;color:red!important;font-size:12px;padding-left:5px;}.mgformcell input[type="text"], .mgformcell input[type="password"], .mgformcell select,.mgtablecell input[type="text"], .mgtablecell input[type="password"], .mgtablecell select,.mgformcell div.form-control, .mgformcell input[type="tel"]{padding:5px;border-style:solid;border-width:1px;border-color:#999999;width:94%;max-width:250px;-ms-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box;height:25px;border-radius:0.25em;font-family:verdana, arial, helvetica, sans-serif;font-size:14px;}.cardDetails div.form-control, .cardDetails .mg-form-control{max-width:250px;vertical-align:middle;margin:3px 0px;}.cardDetails #card_number, .cardDetails #cc_cvv, .cardDetails #expire_date{display:inline-block;}.cardDetails #cc_cvv, .cardDetails #expire_date{max-width:80px;}.mgformcell textarea{padding:5px;border-style:solid;border-width:1px;border-color:#999999;width:94%;max-width:250px;-ms-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:0.25em;font-family:verdana, arial, helvetica, sans-serif;font-size:14px;}.mgformcell > .mgdate div{width:80px;display:inline-block;}.mgformcell > .mgdate > .mgdateday{width:50px;}.mgformcell > .mgdate > .mgdatemonth, .mgformcell > .cardDetails > .mgdatemonth{width:50px;}.mgformcell > .mgdate > .mgdateyear, .mgformcell > .cardDetails > .mgdateyear{width:60px;}.mgformcell input.error, .mgformcell select.error{border-color:#ff0000;color:#ff0000;}.mgformcell span.redwarn{color:#ff0000;}.mgformcell .iti span{color:initial;}.mgformbutton{text-align:center;}.subuserinfo, .subuserresults{padding:10px;}.inviteSent{color:green !important;font-weight:bold;margin:0px;padding-top:6px;}.inviteError{color:red;font-weight:bold;margin:0px;padding-top:6px;}.mgbreadcrumb{width:100%;display:inline-block;margin-right:10px;}.mgbreadcrumblinks{display:inline-block;list-style:none;padding:6px;margin:0px;}.mgbreadcrumblinks li{display:inline-block;}.mgbreadcrumblinks li:not(.breadcrumbpage)::after{content:" |";}.mgbreadcrumbsearch{float:right;margin:6px 0px;}.mgbreadcrumbsearch input{margin:0px!important;border-width:1px 0px 1px 1px!important;}.mgbreadcrumbsearch input:focus{outline:none !important;outline-width:0 !important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}.mgbreadcrumbsearch input::placeholder{color:#6c757d!important;}.mgbreadcrumbsearch button{border:1px solid rgba(0, 0, 0, .15);border-width:1px 1px 1px 0px;padding:0px 10px;}.catexpandable div.catheader{cursor:pointer;}.catexpandable div.catexpanded{display:block;}.catexpandable div.catclosed{display:none;}nav.responsive ul li div.catbody.catexpanded{display:block;}/* Download Style */.downloadtable{width:100%;border-color:#808080;border-style:solid;border-width:1px 0px 0px 1px;}.downloadrow{}.downloadheader{padding:10px !important;}.downloadcell{padding:4px;border-color:#808080;border-style:solid;border-width:0px 1px 1px 0px;}.downloadimage{float:left;}.noborder{border-width:0px !important;}.downloadcol1{width:25%;max-width:150px;text-align:right;}.downloadcol2{padding-left:20px;}.downloaddescription{width:100%;}.downloadagreement{width:100%;max-width:400px;margin:0 auto;}.downloadbutton{width:50%;}/* Affiliate Style */.mgaffiliatetable{max-width:600px;width:100%;margin:0 auto;border-color:#bbbbbb;border-style:solid;border-width:1px 1px 0px 1px;}.affstatstable{width:100%;border-color:#bbbbbb;border-style:solid;border-width:1px 0px 0px 1px;}.affstatscell{border-color:#bbbbbb !important;border-style:solid !important;border-width:0px 1px 1px 0px !important;}.mgaffiliaterow1{background-color:#ffffcf;}.mgaffiliatecell{padding:12px;vertical-align:middle;}.mgaffiliatecellleft{width:10%;white-space:nowrap;}.mgaffiliatebutton{padding:8px;text-align:center;background-color:#eeeeee;border-color:#bbbbbb;border-style:solid;border-width:0px 0px 1px 0px;}.mgaffbb{border-color:#bbbbbb;border-style:solid;border-width:0px 0px 1px 0px;}.mgaffnbb{border-bottom-width:0px !important;}.affsignup{font-weight:bold;vertical-align:middle;padding:8px;background-color:#6A0136;color:#FFFFFF;}.affsignup a{color:#FFFFFF;}.affsignup a:hover{color:#dddddd;}.affsignuperror{background-color:red !important;}.affstatscell{}/* Shopping Cart Style */.mgcartfieldset{max-width:750px;margin:20px auto;}.mgautodiscount{text-align:left;padding:5px;}.mginfocell, .mgcartcell{padding:5px;vertical-align:middle;}.mginfoheader, .mgcartheader{font-weight:bold;}.mobilebasketheader, .mobileinfoheader{display:none;}.mgorderrow{background:#eeeeee;}.mgordercell{border-top:1px solid #666666;}.mgordertotalrow{background:#cccccc;}.cartbuttons{white-space:nowrap;text-align:left;}.cartbuttonsform{padding:0px;margin:0px;}.mgcartbuttons{text-align:center;}.mgcartbuttons span{font-weight:bold;display:block;padding:0px 2px 10px 2px;}.mgcartbuttons span.nostock{color:red;}.mgcartbuttons span.lowstock{color:orange;}.mgcartbuttons span.highstock{color:green;}.cartbutton{display:block;margin:10px auto;}.mgcartlist{}.mgcartitem{padding:5px;}.mgwishlistoptions{float:right;padding:5px;margin-left:5px;border-left:1px solid #eeeeee;}.mgwishlistoptions hr{border:1px solid #eeeeee;}.mgwishlistspan{padding:2px;}.mgwishlistspan span{font-weight:bold;margin-right:5px;}#mgwishlistsettings .articleheadline a{font-weight:normal;font-size:11px;}.mgwishlistleft{width:1% !important;padding:10px 2px !important;}/* Gallery Settings */.mgategallery{border-top:1px solid #000000;border-left:1px solid #000000;margin-bottom:10px;}.mgategalleryimage{display:table-cell;vertical-align:middle;border-bottom:1px solid #000000;border-right:1px solid #000000;text-align:center;}.mgategalleryimage{padding:8px;}.mgategalleryimage a img{max-width:100%;height:auto;}.mggallerytable{margin:20px auto;border-color:#808080;border-style:solid;border-width:1px 0px 0px 1px;}.mggallerycell, .mggalleryviewcell{border-color:#808080;border-style:solid;border-width:0px 1px 1px 0px;width:25%;vertical-align:middle;}.mggalleryviewcell{padding:5px;}.mggalleryimage{padding:10px;margin:0 auto;text-align:center;}.mggallerycell span, .mggalleryviewcell span{font-weight:bold;}.mggallerycell textarea, .mggalleryviewcell textarea{width:96%;}.mggallerybanner{color:#000000;font-weight:bold;font-size:13px;font-family:Arial, Helvetica, sans-serif;background:#CCCCCC;}.mggallerynavigation{float:right;}.mggalleryratingtable, .mggallerycommenttable{width:100%;margin:0 auto;}.mggalleryratingcell, .mggallerycommentcell{padding:5px;}/* Captcha Style */.mgcaptcha{vertical-align:middle;font-weight:bold;}.mgcaptcha span{border:1px solid #808080;display:inline;font-family:sans-serif;font-size:16px;font-style:oblique;font-weight:bold;color:black;background-color:#EEEEEE;padding:3px;letter-spacing:5px;}/* Classifieds Style */.classifiedsfulltable{width:100%;margin:0 auto;padding:5px;}.classifiedstable{width:100%;max-width:500px;margin:0 auto;padding:5px;}.classifiedscell{padding:5px;}.classifiedslisting{width:50%;}.classifiedslisting i, .classifiedslisting svg{color:#FFD66B;}.classifiedslistingheader{color:#008000;font-weight:bold;padding-right:20px;}.classifiedsdisclaimer{color:#999999;}.classifiedsheader{font-weight:bold;}.classifiedsrow1{background-color:#eeeeee;}.classifiedsadmenu{padding:5px;}.classifiedsimage img{display:block;margin:0 auto;}.classifiedsprice{text-align:right;}.classifiedsdivider{width:100%;max-width:600px;margin:0 auto;}.mgclassifiedspricesearch{display:block;vertical-align:middle;}.mgclassifiedspricesearch input{max-width:75px !important;}.classifiedspreviewcontainer{width:100%;max-width:750px;margin:0 auto;border:1px solid #808080;}.classifiedspreview{padding:10px;}.mgclassifiedstopscript, .mgclassifiedsleftscript, .mgclassifiedsrightscript, .mgclassifiedsfooterscript{padding:5px;text-align:center;vertical-align:top;}.mgclassifiedscenterpanel{padding:5px;vertical-align:top;}/* Gallery Style */.gallerymsg{width:300px;margin:0 auto;font-weight:bold;text-align:center;}/* Profile Styles */.mgprofileheadercontainer{display:block;}.mgprofileheader{padding:10px;display:block;}.mgprofileheader ul{list-style:none;padding:0px;margin:0px;}.mgprofileheader ul li{display:inline;margin:0 10px;}.headerMainHref{white-space:nowrap;}.mgprofilebodycontainer{}.mgprofilebody{width:100%;}.mgprofiletopcontainer{margin-top:10px;}.mgprofileleftcontainer{width:30%;vertical-align:top;}.mgprofileleft{padding:3px 3px 3px 0px;}.mgprofilerightcontainer{width:70%;vertical-align:top;}.mgprofileright{padding:3px 0px 0px 15px;}.mgprofilestatuscontainer{height:140px;display:none;}.mgprofilestatustable{width:100%;}.mgprofiledetail{width:100%;vertical-align:top !important;}.mgprofilestatus{padding:4px 4px 4px 15px;}.mgprofilestatusedit{cursor:pointer;border-bottom:1px solid #D8DFEA;}.mgprofilestatusedit:hover{background:#3B5998;color:#ffffff;}.mgprofilebanner{margin-top:10px;}.mgprofiledata{width:100%;}.mgprofiledatacell{padding:3px;vertical-align:middle;}.mgprofileedittable{width:100%;}.mgprofileeditcol1{width:25%;padding:2px !important;}.mgprofileeditcol2{padding:2px !important;}.mgprofileeditcol3{width:1%;white-space:nowrap;padding:2px !important;}.mgprofileeditcell{width:1%;white-space:nowrap;}.desktopprofiledata{display:block;}.mobileprofiledata{display:none;}.profilephototable{margin-top:10px;width:100%;}.profilephotorow{}.profilephotocell{width:33%;}.profilephotocontainer{margin:10px;}.profilephotocontainer img{width:100%;}/* Old Forum Styles */.forumprefs{padding:10px;}.mgforumlinear{width:100%;}.mgforumblock{width:100%;}.forumtable{width:100%;}.forumtitle{font-weight:bold;}.forumtitle span{font-weight:normal;}.mgforumrules{padding:5px;}.mgforumcol1{width:64%;}.mgforumcol2{width:10%;}.mgforumcol3{width:5%;}.mgforumcol4{width:21%;}.mgthreadcol1{width:50%;}.mgthreadcol2{width:20%;}.mgthreadcol3{width:2%;}.mgthreadcol4{width:28%;}.mgthreadcol5{width:28%;}.mgthreadcol6{width:72%;}.mgforumblock .mgtablecell{padding:4px;}.mgforumspacer{height:13px;}/* Resource Styles */.resourcesmenu{padding:4px;margin:0 auto;text-align:center;}.resourcestable{margin:10px auto;}.resourcesdisplay{margin:10px 0px !important;width:100%;}.resourcescell{padding:4px 10px;}.resourcescell .tease{padding:3px;display:block;}.resourcescellleft{font-weight:bold;white-space:nowrap;width:10%;vertical-align:top;}.resourcescellright{vertical-align:top;}.resourceslisting{width:50%;}.resourcesbreadcrumb, .resourceresults{padding:4px;}.resourcesbrowse{border-top:1px solid #808080;padding:10px !important;}.resourcesdetail{padding:2px;font-weight:bold;}.resourcesrating{border-style:solid;border-color:#808080;border-width:1px 0px 0px 1px;}.resourceratingscell{border-style:solid;border-color:#808080;border-width:0px 1px 1px 0px;}.resourcesratingheader{font-weight:bold;background:#dddddd;}.resourcesratingcol1{width:55%;}.resourcesratingcol2, .resourcesratingcol3, .resourcesratingcol4{width:15%;text-align:center;white-space:nowrap;}.resourcesrequired{color:#ff0000;}.resourcesrequired .text{color:#808080;}/* Calendar Styles */.calendarContainer{margin:0 auto;}/* Survey Styles */.surveytable{margin:0 auto;border-color:#808080;border-style:solid;border-width:1px 0px 0px 1px;border-collapse:collapse;}.surveytable input[type="radio"]{margin:6px !important;}.surveyrow{}.surveycell{padding:5px;border-color:#808080;border-style:solid;border-width:0px 1px 1px 0px;}.surveyheader{font-weight:bold;}/* Helpdesk Styles */.helpdeskcontainer{width:100%;max-width:800px;margin:0 auto;}.helpdeskheader, .helpdesktop{vertical-align:middle;font-weight:bold;}.helpdeskheader{background:#A5AE8C;vertical-align:middle;width:100%;}.helpdeskheader span{font-weight:normal;color:#000000;white-space:nowrap;}.helpdeskbanner{padding:5px;color:#FFFFFF;background:#990000;border-radius:10px 10px 0px 0px;min-width:100px;width:10%;text-align:center}.helpdeskbodyouter{border-style:dashed;border-width:1px;border-color:#888888;}.helpdeskbodyinner{padding:3px;}.helpdeskbodyinner form{padding:0px;margin:0px;}.helpdeskbody{width:100%;background:#f7f3ef;}.helpdeskrow0{}.helpdeskrow1{background:#ffffff;}.helpdeskrow0:hover, .helpdeskrow1:hover{background:#dddddd;cursor:pointer;}.helpdeskbody span{font-weight:normal;color:#000000;white-space:nowrap;}.helpdeskcell{padding:8px;vertical-align:top;}.helpdeskheadercell{vertical-align:middle;padding:8px;}.helpdeskcell textarea{width:92%;}.helpdeskcell img{padding:4px 2px 4px 0px;}.helpdeskcellleft{padding:8px;font-weight:bold;white-space:nowrap;width:100px;}.helpdeskcellright{padding:8px;}.helpdeskbutton{background:#990000;border:1px solid #808080;color:#ffffff;font-weight:bold;vertical-align:middle;padding:5px 10px;text-decoration:none;}.helpdeskbutton:hover{background:#770000;cursor:pointer;}.helpdeskpriority, .helpdeskstatus{border:1px solid #222222;padding:2px;color:#ffffff !important;font-weight:bold !important;margin-top:2px;text-align:center;font-size:10px;}.helpdeskpriority{width:80px;}.helpdeskstatus{width:70px;}.helpdeskemergency{background:#eb0000;}.helpdeskhigh{background:#ff9900;}.helpdesklow{background:#999999;}.helpdesknew{background:#00cc33;}.helpdesknormal{background:#3366ff;}.helpdeskonhold{background:#414141;}.helpdeskcomplete{background:#ffffff;color:#222222 !important;}.helpdeskopen{background:#3366ff;}/* File Styles */.s3files, .ftpfiles{padding:10px;display:block;background-color:#FAFAFA;border:1px solid #CCCCCC;clear:both;width:100%;box-sizing:border-box;}.s3files .s3bucketheader{padding:10px;margin:5px;font-weight:bold;color:#333333;background-color:#dddddd;}.s3files .s3bucket, .s3files .s3file{float:left;display:block;width:350px;padding:3px;}.s3files .s3bucket img, .s3files .s3file img{display:inline-block;width:24px;vertical-align:middle;}.clearfix{clear:both;margin:0px !important;padding:0px !important;}.carouselItem{}.carouselItem img{padding:0px;}.contentGridContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;flex-flow:row wrap;justify-content:flex-start;margin:-10px}.contentGrid{flex:0 0 25%;max-width:25%;box-sizing:border-box;padding:10px 15px;}.contentGridEmpty{margin:0px 10px;}.contentGrid > div{padding:5px;height:100%;}.contentGrid img{box-sizing:border-box;max-width:100%;padding:0px;}/* Bootstrap carousels that site owners put in their own page content */.carousel-item{padding-left:5px !important;padding-right:5px !important;}.carousel-control{width:5% !important;min-width:40px !important;height:80% !important;margin:auto 5px !important;}.carousel-control-prev, .carousel-control-next{text-decoration:none !important;}.carousel-control-prev-icon, .carousel-control-next-icon{background-image:none;height:50px !important;width:55px !important;}.carousel-control-prev-icon:before{color:#FFFFFF;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#222222;font-size:3em;margin-left:5px;}.carousel-control-next-icon:before{color:#FFFFFF;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#222222;font-size:3em;margin-right:5px;}@media (min-width:950px){.mgheaderwidget{display:block;}.mgprofileheader{display:block !important;}}@media screen and (max-width:991px){.contentGrid{flex:0 0 50%;max-width:50%;}}/* Screen Width Above 721px */@media (min-width:721px) and (max-width:950px){body{margin:0;}.mgheaderwidget{display:block;}.mgprofileheader{display:block !important;}}/* Screen Width between 481px and 720px */@media (min-width:481px) and (max-width:720px){body{margin:0;}.mgheaderwidget{background-image:none;padding:0px 5px;height:auto;display:block;}.topnavspacer{width:10px;}.topnavspacerchar{visibility:visible;}.mgsendpassform div.mgtablecell{display:block;}.mgloginpitch{display:none;}.mybar_button, .mybar_container{display:none !important;}.mgbreadcrumbsearch{display:none;}.downloadcol1, .downloadcol2{display:block;width:100%;max-width:100%;text-align:left;padding:0px;}.mgprintoptions{display:none;}.mgmainimage{float:none !important;text-align:center !important;width:100% !important;}}@media screen and (max-width:640px){.contentGrid{flex:0 0 100%;max-width:100%;}}/* Screen Width between 321px and 480px */@media (min-width:321px) and (max-width:480px){body{margin:0;}.mgtitle{display:table-cell;}.mgmasthead{display:none;}.mgmotto{display:none;}.mgloginform div.mgtablecell{display:block;}.mgsendpassform div.mgtablecell{display:block;}.mgloginpitch{display:none;}.mgbreadcrumbsearch{display:none;}.mgformtable{width:100%;}.mgformcell, .mggallerycell, .classifiedslisting, .resourceslisting, .resourcescellleft, .resourcescellright, .helpdeskcell, .mgresponsivecell{display:block;width:100%;}.mgformcellleft, .mgformcellleftnarrow{width:1%;white-space:nowrap;}.mgformcell input[type="text"], .mgformcell input[type="password"], .mgformcell select,.mgtablecell input[type="text"], .mgtablecell input[type="password"], .mgtablecell select,.mgformcell div.form-control, .mgformcell input[type="tel"]{width:90%;max-width:400px;}.mgprofileleftcontainer, .mgprofilerightcontainer, .mgprofiledetailleft, .mgprofiledetailright{display:block;width:100%;}.mgprofileleft, .mgprofileright{padding:0px;}.module .profil_pic_box{margin:0 auto;}.prfileInputName, .prfileInputName1, .prfileInputName2{text-align:left !important;margin-bottom:0px;padding-bottom:0px;}.mgprofileeditcol3{text-align:right;}.desktopprofiledata{display:none;}.mobileprofiledata{display:block;}.baskettable .basketheader, .mginfoheader{display:none;}.baskettable .mgcartcell, .mginfocell{display:block;text-align:left;}.baskettable .mgcartcell input[type="text"], .mginfocell input[type="text"]{width:60px !important;}.mobilebasketheader, .mobileinfoheader{display:inline-block;font-weight:bold;width:100px;}.profilephotocell{display:block;width:100%;}.mybar_button, .mybar_container{display:none !important;}.downloadcol1, .downloadcol2{display:block;width:100%;max-width:100%;text-align:left;padding:0px;}.mgprintoptions{display:none;}.mgmainimage{float:none !important;text-align:center !important;width:100% !important;}}/* Screen Width between 241px and 320px */@media (min-width:241px) and (max-width:320px){body{margin:0;}.mgtitle{display:table-cell;}.mgmasthead{display:none;}.mgmotto{display:none;}.mgloginform div.mgtablecell{display:block;}.mgsendpassform div.mgtablecell{display:block;}.mgloginpitch{display:none;}.mgbreadcrumbsearch{display:none;}.mgformtable{width:100%;}.mgformcell, .mggallerycell, .classifiedslisting, .resourceslisting, .resourcescellleft, .resourcescellright, .helpdeskcell, .mgresponsivecell{display:block;width:100%;}.mgformcellleft, .mgformcellleftnarrow{width:1%;white-space:nowrap;}.mgformcell input[type="text"], .mgformcell input[type="password"], .mgformcell select,.mgtablecell input[type="text"], .mgtablecell input[type="password"], .mgtablecell select,.mgformcell div.form-control, .mgformcell input[type="tel"]{width:90%;max-width:240px;}.mgprofileleftcontainer, .mgprofilerightcontainer, .mgprofiledetailleft, .mgprofiledetailright{display:block;width:100%;}.mgprofileleft, .mgprofileright{padding:0px;}.module .profil_pic_box{margin:0 auto;}.prfileInputName, .prfileInputName1, .prfileInputName2{text-align:left !important;margin-bottom:0px;padding-bottom:0px;}.mgprofileeditcol3{text-align:right;}.desktopprofiledata{display:none;}.mobileprofiledata{display:block;}.baskettable .basketheader, .mginfoheader{display:none;}.baskettable .mgcartcell, .mginfocell{display:block;text-align:left;}.baskettable .mgcartcell input[type="text"], .mginfocell input[type="text"]{width:60px !important;}.mobilebasketheader, .mobileinfoheader{display:inline-block;font-weight:bold;width:100px;}.profilephotocell{display:block;width:100%;}.mybar_button, .mybar_container{display:none !important;}.downloadcol1, .downloadcol2{display:block;width:100%;max-width:100%;text-align:left;padding:0px;}.mgprintoptions{display:none;}.mgmainimage{float:none !important;text-align:center !important;width:100% !important;}}/* Screen Width Up To 240px */@media (max-width:240px){body{margin:0;}.mgtitle{display:table-cell;}.mgmasthead{display:none;}.mgmotto{display:none;}.mgloginform div.mgtablecell{display:block;}.mgsendpassform div.mgtablecell{display:block;}.mgloginpitch{display:none;}.mgbreadcrumbsearch{display:none;}.mgformtable{width:100%;}.mgformcell, .mggallerycell, .classifiedslisting, .resourceslisting, .resourcescellleft, .resourcescellright, .helpdeskcell, .mgresponsivecell{display:block;width:100%;}.mgformcellleft, .mgformcellleftnarrow{width:1%;white-space:nowrap;}.mgformcell input[type="text"], .mgformcell input[type="password"], .mgformcell select,.mgtablecell input[type="text"], .mgtablecell input[type="password"], .mgtablecell select,.mgformcell div.form-control, .mgformcell input[type="tel"]{width:90%;max-width:200px;}.mgprofileleftcontainer, .mgprofilerightcontainer, .mgprofiledetailleft, .mgprofiledetailright{display:block;width:100%;}.mgprofileleft, .mgprofileright{padding:0px;}.module .profil_pic_box{margin:0 auto;}.prfileInputName, .prfileInputName1, .prfileInputName2{text-align:left !important;margin-bottom:0px;padding-bottom:0px;}.mgprofileeditcol3{text-align:right;}.desktopprofiledata{display:none;}.mobileprofiledata{display:block;}.baskettable .basketheader, .mginfoheader{display:none;}.baskettable .mgcartcell, .mginfocell{display:block;text-align:left;}.baskettable .mgcartcell input[type="text"], .mginfocell input[type="text"]{width:60px !important;}.mobilebasketheader, .mobileinfoheader{display:inline-block;font-weight:bold;width:100px;}.profilephotocell{display:block;width:100%;}.mybar_button, .mybar_container{display:none !important;}.downloadcol1, .downloadcol2{display:block;width:100%;max-width:100%;text-align:left;padding:0px;}.mgprintoptions{display:none;}.mgmainimage{float:none !important;text-align:center !important;width:100% !important;}}@media print{*{ visibility:hidden;height:0px;} main.mgcontent, div.mgcontent{ visibility:visible; position:absolute; top:0; left:0; padding:30px!important;width:100%!important;height:auto;border:none;display:block;margin:0px;clear:both;} main.mgcontent *, div.mgcontent *{ visibility:visible;height:auto;}nav, .mgnavpanel, #mobileNav{display:none;}main.mgcontent > .mgbreadcrumb, #breadcrumb.mgbreadcrumb, main.mgcontent > .mgprintoptions, div.mgcontent > .mgbreadcrumb, div.mgcontent > .mgprintoptions{display:none;}main.mgcontent h1.articleheadline, div.mgcontent h1.articleheadline{display:block!important;}main.mgcontent #printLogo, div.mgcontent #printLogo{display:block!important;}}body.print *{visibility:hidden;height:0px;}body.print main.mgcontent, body.print div.mgcontent{visibility:visible;position:absolute;top:0;left:0;padding:30px!important;width:100%!important;height:auto;margin:0px;clear:both;}body.print nav, body.print .mgnavpanel, body.print #mobileNav{display:none;}body.print main.mgcontent *, body.print div.mgcontent *, body.print main.mgcontent > .mgbreadcrumb, body.print main.mgcontent > .mgprintoptions, body.print div.mgcontent > .mgbreadcrumb, body.print div.mgcontent > .mgprintoptions{visibility:visible;height:auto;}body.print main.mgcontent > .mgbreadcrumb, body.print #breadcrumb.mgbreadcrumb, body.print main.mgcontent > .mgprintoptions, body.print div.mgcontent > .mgbreadcrumb, body.print div.mgcontent > .mgprintoptions{display:none;}body.print main.mgcontent h1.articleheadline, body.print div.mgcontent h1.articleheadline{display:block!important;}body.print main.mgcontent #printLogo, body.print div.mgcontent #printLogo{display:block!important;}/* ========================================================================== Content Listings - the mg-listing container and the mg-item card -------------------------------------------------------------------------- Written into layoutstyle.css and mgstyle.css by style.cfc buildCommonStyles(), so every theme and the legacy layout get the same listing. Edit this file, not the generated stylesheets, then rebuild the site. Colours come from the theme's tokens where it has them (--mg-primary and the rest, as the 2027 themes define them), then from Bootstrap's own variables, so an older theme still gets its accent colour without knowing about this. ========================================================================== */.mg-listing,.contentGridContainer:has(> .mg-item){--mg-item-gap:1.5rem;--mg-item-radius:var(--mg-radius, .5rem);--mg-item-accent:var(--mg-primary, var(--mg-theme-color, var(--bs-primary, var(--primary, #015c6e))));--mg-item-accent-text:var(--mg-primary-contrast, #fff);--mg-item-border:var(--mg-border, rgba(128, 128, 128, .25));--mg-item-muted:var(--mg-muted, rgba(128, 128, 128, 1));--mg-item-shadow:0 .5rem 1.5rem rgba(0, 0, 0, .08);}.mg-listing{container-type:inline-size;position:relative;clear:both;margin:0 0 1.5rem;}.mg-listing .mg-listing-items{display:grid;gap:var(--mg-item-gap);margin:0;padding:0;float:none;width:auto;}.mg-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}/* -------------------------------------------------------------------------- The card. The link is qualified twice so it outranks the broad rules older themes carry (".contentItem a", ".departmentcontent a") - those were written for a headline link and would otherwise turn the whole card bold or blue. -------------------------------------------------------------------------- */.mg-item{position:relative;min-width:0;margin:0;padding:0;list-style:none;float:none;width:auto;max-width:none;}.mg-item a.mg-item-link{display:flex;flex-direction:column;height:100%;color:inherit;font-weight:inherit;/* Some themes underline every link;on a card that underlines all of it */text-decoration:none !important;background:transparent;border-radius:var(--mg-item-radius);padding:0;margin:0;}/* Many older themes recolour every link on hover with !important ("a:hover{color:... !important }"). On a card that is a link, that would recolour the teaser, page type and badges too, so the card keeps its colour here with enough weight to win. Only the title answers the hover, and it sets its own colour below. */.mg-item a.mg-item-link:hover,.mg-item a.mg-item-link:focus,.mg-item a.mg-item-link:active{color:inherit !important;text-decoration:none !important;opacity:1 !important;}.mg-item a.mg-item-link:hover .mg-item-tease,.mg-item a.mg-item-link:hover .content-action-bottom,.mg-item a.mg-item-link:hover .content-action-badge{color:inherit !important;}.mg-item a.mg-item-link:hover .mg-item-type,.mg-item a.mg-item-link:hover .mg-item-type *{color:var(--mg-item-accent) !important;}.mg-item a.mg-item-link:hover .mg-item-byline,.mg-item a.mg-item-link:hover .mg-item-byline *{color:var(--mg-item-muted) !important;}.mg-item a.mg-item-link:focus-visible{outline:3px solid var(--mg-item-accent);outline-offset:3px;}.mg-item .mg-item-media{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--mg-item-radius);background:rgba(128, 128, 128, .12);margin:0;padding:0;}/* Teaser images arrive as stored <img> tags, often with width, height, float and margin set on them for the old layouts - hence the !important here. */.mg-item .mg-item-media img{display:block;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;float:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;transition:transform .4s ease;}.mg-item a.mg-item-link:hover .mg-item-media img{transform:scale(1.04);}.mg-item .mg-item-body{display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;min-width:0;padding:.9rem 0 0;}.mg-item .mg-item-type{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mg-item-accent);}.mg-item .mg-item-type i,.mg-item .mg-item-type .pagetype-icon{margin-right:.3em;}.mg-item .mg-item-type .pagetype-icon{height:1.1em;width:auto;vertical-align:-.15em;}.mg-item .mg-item-title{margin:0;padding:0;font-family:var(--mg-font-heading, inherit);font-size:1.2rem;font-weight:var(--mg-heading-weight, 700);line-height:1.3;color:var(--mg-heading, inherit);text-align:left;border:0;background:none;}.mg-item a.mg-item-link:hover .mg-item-title{color:var(--mg-item-accent);text-decoration:underline;text-underline-offset:.15em;}.mg-item .mg-item-byline,.mg-item .mg-item-byline > *{margin:0;font-size:.85rem;color:var(--mg-item-muted);}.mg-item .mg-item-byline > *{display:inline;}.mg-item .mg-item-tease{margin:0;font-size:.95rem;line-height:1.55;text-align:left;min-height:0;}.mg-item .mg-item-tease p:last-child{margin-bottom:0;}.mg-item .mg-item-tease img{max-width:100%;height:auto;}.mg-item .mg-item-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;margin-top:auto;padding-top:.35rem;}.mg-item .mg-item-footer .content-action-bottom{margin:0;}.mg-item .mg-item-more{margin-left:auto;font-size:.9rem;font-weight:600;white-space:nowrap;color:var(--mg-item-accent);background:none;padding:0;}.mg-item .mg-item-more::after{content:"\2192";display:inline-block;margin-left:.35em;transition:transform .2s ease;}.mg-item a.mg-item-link:hover .mg-item-more::after{transform:translateX(3px);}/* LMS course cards put their progress "button" in the teaser;inside a card link it is a label, but it should still read as the call to action */.mg-item .mg-item-tease .mglmsbutton{display:inline-block;margin-top:.5rem;}/* -------------------------------------------------------------------------- Linear - one card per row, image beside the text (or above/below it) -------------------------------------------------------------------------- */.mg-listing--linear .mg-listing-items{grid-template-columns:minmax(0, 1fr);gap:0;}.mg-listing--linear .mg-item{padding:1.5rem 0;border-top:1px solid var(--mg-item-border);}.mg-listing--linear .mg-item:first-child{padding-top:0;border-top:0;}.mg-listing--linear .mg-item--img-side a.mg-item-link{flex-direction:row;align-items:flex-start;gap:1.25rem;}.mg-listing--linear .mg-item--img-side.mg-item--img-right a.mg-item-link{flex-direction:row-reverse;}.mg-listing--linear .mg-item--img-side .mg-item-media{flex:0 0 min(34%, 280px);aspect-ratio:4 / 3;}.mg-listing--linear .mg-item--img-side .mg-item-body{padding-top:0;}.mg-listing--linear .mg-item--img-below a.mg-item-link{flex-direction:column-reverse;justify-content:flex-end;}.mg-listing--linear .mg-item--img-below .mg-item-body{padding:0 0 .9rem;}.mg-listing--linear .mg-item--img-top .mg-item-media,.mg-listing--linear .mg-item--img-below .mg-item-media{max-width:720px;}.mg-listing--linear.mg-listing--cols-2 .mg-listing-items{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--mg-item-gap);}.mg-listing--linear.mg-listing--cols-2 .mg-item:nth-child(2){padding-top:0;border-top:0;}/* A narrow space (a sidebar, a clump, a phone) stacks the image over the text */@container (max-width:560px){.mg-listing--linear .mg-item--img-side a.mg-item-link,.mg-listing--linear .mg-item--img-side.mg-item--img-right a.mg-item-link{flex-direction:column;gap:0;}.mg-listing--linear .mg-item--img-side .mg-item-media{flex:none;width:100%;aspect-ratio:16 / 9;}.mg-listing--linear .mg-item--img-side .mg-item-body{padding-top:.9rem;}.mg-listing--linear.mg-listing--cols-2 .mg-listing-items{grid-template-columns:minmax(0, 1fr);}.mg-listing--linear.mg-listing--cols-2 .mg-item:nth-child(2){padding-top:1.5rem;border-top:1px solid var(--mg-item-border);}}/* -------------------------------------------------------------------------- Grid, and the carousel's cards - bordered cards, image on top. The grid also styles the platform's own grid wrappers (LMS, favourites) when they hold the new cards, so those pages need no change of their own. -------------------------------------------------------------------------- */.mg-listing--grid .mg-listing-items,.contentGridContainer:has(> .mg-item){display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 240px), 1fr));gap:var(--mg-item-gap);margin:0;}.mg-listing--grid .mg-item a.mg-item-link,.mg-listing--carousel .mg-item a.mg-item-link,.contentGridContainer > .mg-item a.mg-item-link{flex-direction:column;border:1px solid var(--mg-item-border);overflow:hidden;transition:box-shadow .2s ease, transform .2s ease;}.mg-listing--grid .mg-item a.mg-item-link:hover,.mg-listing--carousel .mg-item a.mg-item-link:hover,.contentGridContainer > .mg-item a.mg-item-link:hover{box-shadow:var(--mg-item-shadow);transform:translateY(-2px);}.mg-listing--grid .mg-item .mg-item-media,.mg-listing--carousel .mg-item .mg-item-media,.contentGridContainer > .mg-item .mg-item-media{flex:none;width:100%;aspect-ratio:16 / 9;border-radius:0;order:0;}.mg-listing--grid .mg-item .mg-item-body,.mg-listing--carousel .mg-item .mg-item-body,.contentGridContainer > .mg-item .mg-item-body{padding:1rem 1.1rem 1.1rem;order:1;}.mg-listing--grid .mg-item .mg-item-title,.mg-listing--carousel .mg-item .mg-item-title,.contentGridContainer > .mg-item .mg-item-title{font-size:1.05rem;}/* -------------------------------------------------------------------------- Slider and carousel - a native scroll strip that snaps to each card, moved by the buttons (includes/js/common.js). Swiping, trackpads and the keyboard all work without the script;it only adds the buttons, dots and autoplay. -------------------------------------------------------------------------- */.mg-listing--slider .mg-listing-items,.mg-listing--carousel .mg-listing-items{display:flex;position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px .5rem;}.mg-listing--slider .mg-listing-items::-webkit-scrollbar,.mg-listing--carousel .mg-listing-items::-webkit-scrollbar{display:none;}.mg-listing--carousel .mg-listing-items{--mg-per-view:1.15;}@container (min-width:480px){.mg-listing--carousel .mg-listing-items{--mg-per-view:2;}}@container (min-width:760px){.mg-listing--carousel .mg-listing-items{--mg-per-view:3;}}@container (min-width:1040px){.mg-listing--carousel .mg-listing-items{--mg-per-view:4;}}.mg-listing--carousel .mg-item{flex:0 0 calc((100% - (var(--mg-per-view) - 1) * var(--mg-item-gap)) / var(--mg-per-view));scroll-snap-align:start;}.mg-listing--slider .mg-item{flex:0 0 100%;scroll-snap-align:start;}.mg-listing--slider .mg-item a.mg-item-link{flex-direction:row;align-items:center;gap:2rem;}.mg-listing--slider .mg-item .mg-item-media{flex:0 0 55%;aspect-ratio:16 / 9;}.mg-listing--slider .mg-item .mg-item-body{padding:0;}.mg-listing--slider .mg-item .mg-item-title{font-size:1.6rem;}@container (max-width:640px){.mg-listing--slider .mg-item a.mg-item-link{flex-direction:column;align-items:stretch;gap:.9rem;}.mg-listing--slider .mg-item .mg-item-media{flex:none;width:100%;}.mg-listing--slider .mg-item .mg-item-title{font-size:1.25rem;}}.mg-listing-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.75rem;}.mg-listing--static .mg-listing-controls{display:none;}.mg-listing-dots{display:flex;flex-wrap:wrap;gap:.4rem;margin-right:auto;}.mg-listing-dot{width:.6rem;height:.6rem;padding:0;border:0;border-radius:1rem;background:var(--mg-item-border);cursor:pointer;transition:width .2s ease, background-color .2s ease;}.mg-listing-dot[aria-current="true"]{width:1.5rem;background:var(--mg-item-accent);}.mg-listing-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--mg-item-border);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease, color .2s ease, border-color .2s ease;}.mg-listing-btn:hover,.mg-listing-btn:focus-visible{background:var(--mg-item-accent);border-color:var(--mg-item-accent);color:var(--mg-item-accent-text);}/* -------------------------------------------------------------------------- The grid/list switch, and the "more headlines" link under a listing -------------------------------------------------------------------------- */.mg-listing-toggle{display:flex;justify-content:flex-end;gap:.25rem;margin:0 0 1rem;}.mg-listing-view{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid transparent;border-radius:.375rem;background:transparent;color:var(--mg-item-muted);cursor:pointer;}.mg-listing-view:hover{color:inherit;}.mg-listing-view[aria-pressed="true"]{border-color:var(--mg-item-border);color:var(--mg-item-accent);}.mg-listing-more{clear:both;margin:-.5rem 0 1.5rem;text-align:right;}.mg-listing-more a{font-weight:600;}.mg-listing-more a::after{content:"\2192";margin-left:.35em;}@media (prefers-reduced-motion:reduce){.mg-listing--slider .mg-listing-items,.mg-listing--carousel .mg-listing-items{scroll-behavior:auto;}.mg-item .mg-item-media img,.mg-item a.mg-item-link,.mg-item .mg-item-more::after{transition:none;}.mg-item a.mg-item-link:hover .mg-item-media img{transform:none;}}