MediaWiki:Common.css: Difference between revisions

From RosieSoCrossing
mNo edit summary
No edit summary
 
(38 intermediate revisions by the same user not shown)
Line 95: Line 95:
     background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-nacho-pink.png");
     background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-nacho-pink.png");
     background-repeat: repeat;
     background-repeat: repeat;
    border-bottom: solid 4px #e5977f;
}
}


Line 714: Line 715:


.frontpage h3 {
.frontpage h3 {
   margin: 0 0 10px;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-villagers-color-03.png");
  border-radius: 6px;
  background-color: #9D4A3C;
  padding: 10px;
   margin: 10px auto 10px;
  text-align: left;
  color: #9C4A38;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  clear: both;
  background-position: 0 18px;
  background-size: 256px;
  border: 2px solid #D88E767A;
  text-shadow: 2px 2px 0 rgba(159, 73, 53, 0.29);
}
 
.frontpage .frontevents h3:nth-of-type(1) {
  background-position: center -16px;
}
 
.frontpage .frontevents h3:nth-of-type(2) {
  background-position: center 24px;
}
 
.frontpage .frontevents h3:nth-of-type(3) {
  background-position: center 63px;
}
 
.frontpage .frontevents h3:nth-of-type(4) {
  background-position: center 102px;
}
 
.frontpage .frontevents h3:nth-of-type(5) {
  background-position: center 142px;
}
 
.frontpage .frontevents h3:nth-of-type(6) {
  background-position: center 180px;
}
}


Line 854: Line 895:
@media (min-width: 2560px) {
@media (min-width: 2560px) {


.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontpage {
.frontsocials { grid-area: 1 / 5 / 2 / 6; }
  display: grid;
.frontbdays { grid-area: 2 / 1 / 4 / 2; }
  grid-template-columns: repeat(8,1fr);
.frontevents { grid-area: 2 / 2 / 3 / 4; }
  grid-template-rows: auto;
.frontscreen { grid-area: 3 / 2 / 4 / 4; }
  grid-column-gap: 20px;
.frontnews { grid-area: 2 / 4 / 4 / 6; }
  grid-row-gap: 20px;
.frontart { grid-area: 4 / 1 / 5 / 6; }
.frontisles { grid-area: 5 / 1 / 6 / 6; }
 
}
}


/* Min 2048px */
.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontsocials { grid-area: 2 / 1 / 3 / 6; }
.frontbdays { grid-area: 3 / 1 / 4 / 6; }
.frontevents { grid-area: 4 / 3 / 5 / 6; }
.frontscreen { grid-area: 4 / 1 / 5 / 3; }
.frontnews { grid-area: 1 / 6 / 4 / 9; }
.frontart { grid-area: 4 / 6 / 5 / 9; }
.frontisles { grid-area: 5 / 1 / 6 / 9; }


@media (max-width: 2559px) {
.frontsocials p {
 
.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 1 / 5 / 2 / 6; }
.frontbdays { grid-area: 2 / 1 / 4 / 2; }
.frontevents { grid-area: 2 / 2 / 3 / 4; }
.frontscreen { grid-area: 3 / 2 / 4 / 4; }
.frontnews { grid-area: 2 / 4 / 4 / 6; }
.frontart { grid-area: 4 / 1 / 5 / 6; }
.frontisles { grid-area: 5 / 1 / 6 / 6; }
 
}
 
/* Min 1920px */
 
@media (max-width: 2047px) {
 
.frontpage {
   display: grid;
   display: grid;
   grid-template-columns: repeat(7,1fr);
   grid-template-columns: 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%;
   grid-template-rows: auto;
   grid-template-rows: auto;
   grid-column-gap: 20px;
   gap: 10px;
   grid-row-gap: 20px;
   width: calc(100% - 150px);
}
}


.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontbdays ol {
.frontsocials { grid-area: 1 / 6 / 2 / 8; }
  -moz-column-count: 3;
.frontbdays { grid-area: 2 / 1 / 4 / 3; }
  -moz-column-gap: 30px;
.frontevents { grid-area: 2 / 3 / 3 / 5; }
  -webkit-column-count: 3;
.frontscreen { grid-area: 3 / 3 / 4 / 5; }
  -webkit-column-gap: 30px;
.frontnews { grid-area: 2 / 5 / 4 / 8; }
  column-count: 3;
.frontart { grid-area: 4 / 1 / 5 / 8; }
  column-gap: 30px;
.frontisles { grid-area: 5 / 1 / 6 / 8; }
  font-size: 100%;
  margin: 0 0 0 25px;
}


.artwork-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 10px);
}
}


/* Min 1600px */
.artwork-grid .artwork5 {
  display: none;
}


@media (max-width: 1919px) {
.islands-grid {
 
.frontpage {
   display: grid;
   display: grid;
   grid-template-columns: repeat(7,1fr);
   grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%auto;
   grid-template-rows: auto;
   grid-template-rows: auto;
   grid-column-gap: 20px;
   gap: 10px;
   grid-row-gap: 20px;
   width: calc(100% - 90px);
}
 
}
}


.fronthi { grid-area: 1 / 1 / 2 / 6; }
/* Min 2048px */
.frontsocials { grid-area: 1 / 6 / 2 / 8; }
 
@media (max-width: 2559px) {
 
.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 1 / 5 / 2 / 6; }
.frontbdays { grid-area: 2 / 1 / 4 / 2; }
.frontevents { grid-area: 2 / 2 / 3 / 4; }
.frontscreen { grid-area: 3 / 2 / 4 / 4; }
.frontnews { grid-area: 2 / 4 / 4 / 6; }
.frontart { grid-area: 4 / 1 / 5 / 6; }
.frontisles { grid-area: 5 / 1 / 6 / 6; }
 
}
 
/* Min 1920px */
 
@media (max-width: 2047px) {
 
.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
 
.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontsocials { grid-area: 1 / 6 / 2 / 8; }
.frontbdays { grid-area: 2 / 1 / 4 / 3; }
.frontbdays { grid-area: 2 / 1 / 4 / 3; }
.frontevents { grid-area: 2 / 3 / 3 / 5; }
.frontevents { grid-area: 2 / 3 / 3 / 5; }
Line 926: Line 991:
}
}


/* Min 1440px */
/* Min 1600px */


@media (max-width: 1599px) {
@media (max-width: 1919px) {
 
.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
 
.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontsocials { grid-area: 1 / 6 / 2 / 8; }
.frontbdays { grid-area: 2 / 1 / 4 / 3; }
.frontevents { grid-area: 2 / 3 / 3 / 5; }
.frontscreen { grid-area: 3 / 3 / 4 / 5; }
.frontnews { grid-area: 2 / 5 / 4 / 8; }
.frontart { grid-area: 4 / 1 / 5 / 8; }
.frontisles { grid-area: 5 / 1 / 6 / 8; }
 
}
 
/* Min 1440px */
 
@media (max-width: 1599px) {


.frontpage {
.frontpage {
Line 988: Line 1,076:
}
}


/* Min 1080px */
 
/* Min 1152px */


@media (max-width: 1279px) {
@media (max-width: 1279px) {
Line 1,028: Line 1,117:
}
}


#mw-header-nav-hack {
}
    border-top: none;
 
    display: block;
/* Min 1080px */
    position: absolute;
 
    z-index: 198;
@media (max-width: 1151px) {
    background: #e5977f;
 
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}
 
#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}
 
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}
 
}
 
/* Min 1024px */
 
@media (max-width: 1079px) {
 
.frontpage {
.frontpage {
   display: grid;
   display: grid;
Line 1,072: Line 1,132:


.fronthi { grid-area: 1 / 1 / 2 / 5; }
.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 2 / 1 / 3 / 5; }
.frontsocials { grid-area: 3 / 1 / 4 / 5; }
.frontbdays { grid-area: 3 / 5 / 5 / 8; }
.frontbdays { grid-area: 4 / 1 / 5 / 5; }
.frontevents { grid-area: 3 / 1 / 4 / 5; }
.frontevents { grid-area: 3 / 5 / 5 / 8; }
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
.frontscreen { grid-area: 2 / 1 / 3 / 5; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
Line 1,081: Line 1,141:


.frontsocials p {
.frontsocials p {
  display: grid;
    display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    grid-template-columns: 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%auto;
  grid-template-rows: auto;
    grid-template-rows: auto;
  gap: 10px;
    gap: 10px;
  width: calc(100% - 70px);
    width: calc(100% - 150px);
}
 
.frontbdays ol {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}
}


Line 1,119: Line 1,190:
}
}


/* Min 851px */
/* Min 1024px */


@media (max-width: 1023px) {
@media (max-width: 1079px) {


.frontpage {
.frontpage {
    display: grid;
  display: grid;
    grid-template-columns: repeat(6,1fr);
  grid-template-columns: repeat(7,1fr);
    grid-template-rows: auto;
  grid-template-rows: auto;
    grid-column-gap: 20px;
  grid-column-gap: 20px;
    grid-row-gap: 20px;
  grid-row-gap: 20px;
}
}


.fronthi {
.fronthi { grid-area: 1 / 1 / 2 / 5; }
  grid-area: 2 / 1 / 3 / 7;
.frontsocials { grid-area: 2 / 1 / 3 / 5; }
}
.frontbdays { grid-area: 3 / 5 / 5 / 8; }
 
.frontevents { grid-area: 3 / 1 / 4 / 5; }
.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
  width: 31% !important;
.frontnews { grid-area: 1 / 5 / 3 / 8; }
  float: right !important;
.frontart { grid-area: 5 / 1 / 6 / 8; }
  margin: 0 0 10px 10px !important;
.frontisles { grid-area: 6 / 1 / 7 / 8; }  
  box-sizing: border-box;
}
 
.frontsocials {
  grid-area: 4 / 1 / 5 / 5;
  text-align: center;
}


.frontsocials p {
.frontsocials p {
Line 1,155: Line 1,219:
}
}


.frontbdays {
#mw-header-nav-hack {
  grid-area: 3 / 5 / 5 / 7;
    border-top: none;
}
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}


.frontevents {
#mw-site-navigation h2, #mw-related-navigation h2 {
   grid-area: 1 / 5 / 2 / 7;
   font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}
}


.frontscreen {
#mw-site-navigation .sidebar-chunk,
   grid-area: 3 / 1 / 4 / 5;
#mw-related-navigation .sidebar-chunk {
   background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}
}


.frontnews {
#content-bottom-stuff {
  grid-area: 1 / 1 / 2 / 5;
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
}


.frontart {
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  grid-area: 5 / 1 / 6 / 7;
  color: #5D3C34;
}
}


.frontisles {
#mw-normal-catlinks a:hover {
  grid-area: 6 / 1 / 7 / 7;
  color: #5D3C34;
}
}


div.villager-infobox {
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
    width: calc(50% - 20px);
  color: #8A3131;
}
}


.artwork-grid {
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  gap: 10px;
  color: #8A3131;
  width: calc(100% - 40px);
}
}


.islands-grid {
  gap: 10px;
  width: calc(100% - 40px);
}
}


.frontpage .mw-editsection {
/* Min 851px */
  position: relative;
}


.mw-content-ltr figure[typeof~="mw:File/Thumb"],
@media (max-width: 1023px) {
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}


.mw-body-content a > img, .mw-body-content .floatnone > img,
.frontpage {
.mw-body-content span img, .mw-body-content .floatnone span img {
    display: grid;
  /*max-width: calc(100% - 10px) !important;*/
    grid-template-columns: repeat(6,1fr);
  border-radius: 6px;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
}


.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
.fronthi {
   max-width: 100% !important;
   grid-area: 2 / 1 / 3 / 7;
}
}


.mw-body h1.firstHeading {
.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
   border-radius: 0;
   width: 31% !important;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}
}


#bodyContent {
.frontsocials {
   padding: 0 20px;
   grid-area: 4 / 1 / 5 / 5;
  text-align: center;
}
}


#mw-header-nav-hack {
.frontsocials p {
    border-top: none;
  display: grid;
    display: block;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    position: absolute;
  grid-template-rows: auto;
    z-index: 198;
  gap: 10px;
    background: #e5977f;
  width: calc(100% - 70px);
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}
}


#mw-site-navigation h2, #mw-related-navigation h2 {
.frontbdays {
   font-family: "Poppins",sans-serif;
   grid-area: 3 / 5 / 5 / 7;
  font-weight: 400;
  color: #954a34;
}
}


#mw-site-navigation .sidebar-chunk,
.frontevents {
#mw-related-navigation .sidebar-chunk {
   grid-area: 1 / 5 / 2 / 7;
   background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}
}


.frontscreen {
  grid-area: 3 / 1 / 4 / 5;
}
}


/* Min 820px */
.frontnews {
  grid-area: 1 / 1 / 2 / 5;
}


@media screen and (max-width: 850px) {
.frontart {
  grid-area: 5 / 1 / 6 / 7;
}


#mw-content {
.frontisles {
    padding: 0;
  grid-area: 6 / 1 / 7 / 7;
}
}


#mw-header-nav-hack {
div.villager-infobox {
    border-top: none;
     width: calc(50% - 20px);
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
     width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}
}


#mw-site-navigation h2, #mw-related-navigation h2 {
.artwork-grid {
   font-family: "Poppins",sans-serif;
   gap: 10px;
   font-weight: 400;
   width: calc(100% - 40px);
  color: #954a34;
}
}


#mw-site-navigation .sidebar-chunk,
.islands-grid {
#mw-related-navigation .sidebar-chunk {
   gap: 10px;
   background-image: none;
   width: calc(100% - 40px);
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
   display: inline-block;
}
}


.frontpage .mw-editsection {
  position: relative;
}
}


/* Min 810px */
.mw-content-ltr figure[typeof~="mw:File/Thumb"],
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}


@media (max-width: 819px) {
.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important;*/
  border-radius: 6px;
}


.frontpage {
.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
    display: grid;
  max-width: 100% !important;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
}


.fronthi {
.mw-body h1.firstHeading {
   grid-area: 4 / 1 / 5 / 8;
   border-radius: 0;
}
}


.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
#bodyContent {
   width: 31% !important;
   padding: 0 20px 20px;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}
}


.frontsocials {
#mw-header-nav-hack {
  grid-area: 2 / 5 / 3 / 8;
    border-top: none;
  text-align: center;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}
}


.frontsocials p {
#mw-site-navigation h2, #mw-related-navigation h2 {
   display: grid;
   font-family: "Poppins",sans-serif;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
   font-weight: 400;
   grid-template-rows: auto;
   color: #954a34;
  gap: 10px;
   width: calc(100% - 70px);
}
}


.frontbdays { grid-area: 3 / 5 / 4 / 8; }
#mw-site-navigation .sidebar-chunk,
.frontevents { grid-area: 1 / 5 / 2 / 8; }
#mw-related-navigation .sidebar-chunk {
.frontscreen { grid-area: 3 / 1 / 4 / 5; }
  background-image: none;
.frontnews { grid-area: 1 / 1 / 3 / 5; }
  background-color: transparent;
.frontart { grid-area: 5 / 1 / 6 / 8; }
  margin: 0 0 20px;
.frontisles { grid-area: 6 / 1 / 7 / 8; }
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}


.frontbdays ol {
#content-bottom-stuff {
    -moz-column-count: 2;
  background-color: #9a916b;
    -moz-column-gap: 30px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
    -webkit-column-count: 2;
  color: #5D3C34;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
    font-size: 100%;
    margin: 0 0 0 25px;
}
}


div.villager-infobox {
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
    width: calc(50% - 20px);
  color: #5D3C34;
}
}


.artwork-grid {
#mw-normal-catlinks a:hover {
  gap: 10px;
  color: #5D3C34;
  width: calc(100% - 40px);
}
}


.islands-grid {
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  gap: 10px;
  color: #8A3131;
  width: calc(100% - 40px);
}
}


.frontpage .mw-editsection {
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  position: relative;
  color: #8A3131;
}
}


.mw-content-ltr figure[typeof~="mw:File/Thumb"],
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}
}


.mw-body-content a > img, .mw-body-content .floatnone > img,
/* Min 820px */
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important;1.5em */
  border-radius: 6px;
}


.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
@media screen and (max-width: 850px) {
  max-width: 100% !important;
}


.mw-body h1.firstHeading {
#mw-content {
  border-radius: 0;
    padding: 0;
}
 
#bodyContent {
  padding: 0 20px;
}
 
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
  background: none;
  margin: 0;
  padding: 0;
}
}


Line 1,421: Line 1,463:
}
}


#content-bottom-stuff {
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
}


/* Min 800px */
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  color: #5D3C34;
}
 
#mw-normal-catlinks a:hover {
  color: #5D3C34;
}
 
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  color: #8A3131;
}
 
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  color: #8A3131;
}
 
}
 
/* Min 810px */


@media (max-width: 809px) {
@media (max-width: 819px) {


.frontpage {
.frontpage {
Line 1,436: Line 1,500:


.fronthi {
.fronthi {
   grid-area: 2 / 1 / 3 / 7;
   grid-area: 4 / 1 / 5 / 8;
}
}


Line 1,447: Line 1,511:


.frontsocials {
.frontsocials {
   grid-area: 4 / 1 / 5 / 5;
   grid-area: 2 / 5 / 3 / 8;
   text-align: center;
   text-align: center;
}
}
Line 1,453: Line 1,517:
.frontsocials p {
.frontsocials p {
   display: grid;
   display: grid;
   grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
   grid-template-columns: 25% 25% 25% 25%;
   grid-template-rows: auto;
   grid-template-rows: auto;
   gap: 10px;
   gap: 10px;
   width: calc(100% - 70px);
   width: calc(100% - 30px);
}
}


.frontbdays { grid-area: 3 / 5 / 5 / 7; }
.frontbdays { grid-area: 3 / 3 / 4 / 8; }
.frontevents { grid-area: 1 / 5 / 2 / 7; }
.frontevents { grid-area: 1 / 5 / 2 / 8; }
.frontscreen { grid-area: 3 / 1 / 4 / 5; }
.frontscreen { grid-area: 3 / 1 / 4 / 3; }
.frontnews { grid-area: 1 / 1 / 2 / 5; }
.frontnews { grid-area: 1 / 1 / 3 / 5; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 8; }


div.villager-infobox {
.frontbdays ol {
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
    font-size: 100%;
    margin: 0 0 0 25px;
}
 
div.villager-infobox {
     width: calc(50% - 20px);
     width: calc(50% - 20px);
}
}
Line 1,491: Line 1,566:
.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
.mw-body-content span img, .mw-body-content .floatnone span img {
   /*max-width: calc(100% - 10px) !important; */
   /*max-width: calc(100% - 10px) !important;1.5em */
   border-radius: 6px;
   border-radius: 6px;
}
}
Line 1,504: Line 1,579:


#bodyContent {
#bodyContent {
   padding: 0 20px;
   padding: 0 20px 20px;
}
 
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
  background: none;
  margin: 0;
  padding: 0;
}
}


Line 1,536: Line 1,618:
}
}


#content-bottom-stuff {
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
}


/* Min 720px */
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  color: #5D3C34;
}
 
#mw-normal-catlinks a:hover {
  color: #5D3C34;
}
 
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  color: #8A3131;
}
 
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  color: #8A3131;
}
 
}
 
/* Min 800px */


@media (max-width: 799px) {
@media (max-width: 809px) {


.frontpage {
.frontpage {
Line 1,550: Line 1,654:
}
}


.fronthi { grid-area: 2 / 1 / 3 / 7; }
.fronthi {
.frontbdays { grid-area: 3 / 4 / 5 / 7; }
  grid-area: 2 / 1 / 3 / 7;
.frontevents { grid-area: 1 / 4 / 2 / 7; }
}
.frontscreen { grid-area: 3 / 1 / 4 / 4; }
.frontnews { grid-area: 1 / 1 / 2 / 4; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }  


.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
Line 1,566: Line 1,666:


.frontsocials {
.frontsocials {
   grid-area: 4 / 1 / 5 / 4;  
   grid-area: 4 / 1 / 5 / 5;
   text-align: center;
   text-align: center;
}
}


.frontsocials p {
.frontsocials p {
    display: grid;
  display: grid;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    grid-template-rows: auto;
  grid-template-rows: auto;
    gap: 10px;
  gap: 10px;
    width: calc(100% - 70px);
  width: calc(100% - 70px);
}
}


.mw-body-content .frontsocials a > img, .mw-body-content .frontsocials .floatnone > img {
.frontbdays { grid-area: 3 / 5 / 5 / 7; }
  min-width: 100% !important;
.frontevents { grid-area: 1 / 5 / 2 / 7; }
  max-width: 100% !important;
.frontscreen { grid-area: 3 / 1 / 4 / 5; }
.frontnews { grid-area: 1 / 1 / 2 / 5; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }
 
div.villager-infobox {
    width: calc(50% - 20px);
}
}


.frontbdays ol {
.artwork-grid {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 5px;
}
 
div.villager-infobox {
    width: calc(50% - 20px);
}
 
.artwork-grid {
   gap: 10px;
   gap: 10px;
   width: calc(100% - 40px);
   width: calc(100% - 40px);
Line 1,630: Line 1,723:


#bodyContent {
#bodyContent {
   padding: 0 20px;
   padding: 0 20px 20px;
}
}


Line 1,662: Line 1,755:
}
}


#content-bottom-stuff {
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  color: #5D3C34;
}
#mw-normal-catlinks a:hover {
  color: #5D3C34;
}
}


/* Min 640px */
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  color: #8A3131;
}
 
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  color: #8A3131;
}
 
}
 
/* Min 720px */


@media (max-width: 719px) {
@media (max-width: 799px) {


.frontpage {
.frontpage {
Line 1,676: Line 1,791:
}
}


.fronthi {
.fronthi { grid-area: 2 / 1 / 3 / 7; }
  grid-area: 2 / 1 / 3 / 7;
.frontbdays { grid-area: 3 / 4 / 5 / 7; }
}
.frontevents { grid-area: 1 / 4 / 2 / 7; }
.frontscreen { grid-area: 3 / 1 / 4 / 4; }
.frontnews { grid-area: 1 / 1 / 2 / 4; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }  


.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
Line 1,688: Line 1,807:


.frontsocials {
.frontsocials {
   grid-area: 4 / 1 / 5 / 5;
   grid-area: 4 / 1 / 5 / 4;  
   text-align: center;
   text-align: center;
}
}


.frontsocials p {
.frontsocials p {
  display: grid;
    display: grid;
  grid-template-columns: 25% 25% 25% 25%;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
    grid-template-rows: auto;
  gap: 10px;
    gap: 10px;
  width: calc(100% - 30px);
    width: calc(100% - 70px);
}
}


Line 1,705: Line 1,824:
}
}


.frontbdays {
.frontbdays ol {
   grid-area: 3 / 5 / 5 / 7;
   -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 5px;
}
}


.frontevents {
div.villager-infobox {
  grid-area: 1 / 5 / 2 / 7;
    width: calc(50% - 20px);
}
}


.frontscreen {
.artwork-grid {
  grid-area: 3 / 1 / 4 / 5;
   gap: 10px;
}
   width: calc(100% - 40px);
 
.frontnews {
  grid-area: 1 / 1 / 2 / 5;
}
 
.frontart {
  grid-area: 5 / 1 / 6 / 7;
}
 
.frontisles {
  grid-area: 6 / 1 / 7 / 7;
}
 
div.villager-infobox {
    width: calc(50% - 20px);
}
 
.artwork-grid {
   gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
   width: calc(100% - 20px);
}
}


.islands-grid {
.islands-grid {
   gap: 10px;
   gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
   width: calc(100% - 40px);
   width: calc(100% - 20px);
}
}


Line 1,769: Line 1,871:


#bodyContent {
#bodyContent {
   padding: 0 20px;
   padding: 0 20px 20px;
}
}


Line 1,801: Line 1,903:
}
}


#content-bottom-stuff {
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
}


/* Mobile max 640px */
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  color: #5D3C34;
}
 
#mw-normal-catlinks a:hover {
  color: #5D3C34;
}


@media only screen and (max-width: 639px) {
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  color: #8A3131;
}


.frontpage {
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
     display: grid;
  color: #8A3131;
     grid-template-columns: repeat(7, 1fr);  
}
 
}
 
/* Min 640px */
 
@media (max-width: 719px) {
 
.frontpage {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-template-rows: auto;
     grid-template-rows: auto;
     grid-column-gap: 20px;
     grid-column-gap: 20px;
Line 1,815: Line 1,939:
}
}


.fronthi { grid-area: 3 / 1 / 4 / 8; }
.fronthi {
.frontsocials { grid-area: 4 / 1 / 5 / 8; }
  grid-area: 3 / 1 / 4 / 7;
.frontnews { grid-area: 1 / 1 / 2 / 8; }
}
.frontbdays { grid-area: 2 / 5 / 3 / 8; }
.frontevents { grid-area: 2 / 1 / 3 / 5; }
.frontscreen { grid-area: 5 / 1 / 6 / 8; }
.frontart { grid-area: 6 / 1 / 7 / 8; }
.frontisles { grid-area: 7 / 1 / 8 / 8; }  


.frontsocials p {
.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
    display: grid;
  width: 31% !important;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  float: right !important;
    grid-template-rows: auto;
  margin: 0 0 10px 10px !important;
    gap: 10px;
  box-sizing: border-box;
    width: calc(100% - 70px);
}
}


.frontbdays ol {
.frontsocials {
    -moz-column-count: 2;
  grid-area: 4 / 5 / 5 / 7;
    -moz-column-gap: 20px;
  text-align: center;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 30px;
    font-size: 90%;
    margin: 0 0 0 25px;
}
}


div.villager-infobox {
.frontsocials p {
    width: calc(100% - 20px);
  display: grid;
}
   grid-template-columns: 25% 25% 25% 25%;
 
  grid-template-rows: auto;
.artwork-grid {
   grid-template-columns: 50% 50%;
   gap: 10px;
   gap: 10px;
   width: calc(100% - 10px);
   width: calc(100% - 30px);
}
}


.islands-grid {
.mw-body-content .frontsocials a > img, .mw-body-content .frontsocials .floatnone > img {
   grid-template-columns: 50% 50%;
   min-width: 100% !important;
   gap: 10px;
   max-width: 100% !important;
  width: calc(100% - 10px);
}
}


.frontpage .mw-editsection {
.frontbdays { grid-area: 2 / 1 / 3 / 7; }
   position: relative;
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }
.frontnews { grid-area: 1 / 1 / 2 / 5; }
.frontevents { grid-area: 1 / 5 / 2 / 7; }
 
.frontbdays ol {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}
 
div.villager-infobox {
    width: calc(50% - 20px);
}
 
.artwork-grid {
  gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
  width: calc(100% - 20px);
}
 
.islands-grid {
  gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
  width: calc(100% - 20px);
}
 
.frontpage .mw-editsection {
   position: relative;
}
}


Line 1,883: Line 2,026:


#bodyContent {
#bodyContent {
   padding: 0 20px;
   padding: 0 20px 20px;
}
}


Line 1,915: Line 2,058:
}
}


#content-bottom-stuff {
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
}


/* Mobile */
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  color: #5D3C34;
}


@media only screen and (max-width: 499px) {
#mw-normal-catlinks a:hover {
  color: #5D3C34;
}
 
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  color: #8A3131;
}
 
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  color: #8A3131;
}


#mw-content #bodyContent {
    padding: 0;
}
}
/* Mobile max 640px */
@media only screen and (max-width: 639px) {


.frontpage {
.frontpage {
     display: grid;
     display: grid;
     grid-template-columns: auto;  
     grid-template-columns: repeat(7, 1fr);  
     grid-template-rows: auto;
     grid-template-rows: auto;
     grid-column-gap: 0;
     grid-column-gap: 20px;
     grid-row-gap: 0;
     grid-row-gap: 20px;
}
}


.fronthi{ grid-area: 4 / 1 / 5 / 8; }
.fronthi { grid-area: 3 / 1 / 4 / 8; }
.frontsocials{ grid-area: 5 / 1 / 6 / 8; }
.frontsocials { grid-area: 4 / 1 / 5 / 8; }
.frontbdays { grid-area: 3 / 1 / 4 / 8; }
.frontevents { grid-area: 2 / 1 / 3 / 8; }
.frontscreen { grid-area: 6 / 1 / 7 / 8; }
.frontnews { grid-area: 1 / 1 / 2 / 8; }
.frontnews { grid-area: 1 / 1 / 2 / 8; }
.frontart { grid-area: 7 / 1 / 8 / 8; }
.frontbdays { grid-area: 2 / 5 / 3 / 8; }
.frontisles { grid-area: 8 / 1 / 9 / 8; }  
.frontevents { grid-area: 2 / 1 / 3 / 5; }
.frontscreen { grid-area: 5 / 1 / 6 / 8; }
.frontart { grid-area: 6 / 1 / 7 / 8; }
.frontisles { grid-area: 7 / 1 / 8 / 8; }  


.frontsocials p {
.frontsocials p {
     display: grid;
     display: grid;
     grid-template-columns: 25% 25% 25% 25%;
     grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
     grid-template-rows: auto;
     grid-template-rows: auto;
     gap: 10px;
     gap: 10px;
     width: calc(100% - 30px);
     width: calc(100% - 70px);
}
}


.frontbdays ol {
.frontbdays ol {
  -moz-column-count: 2;
    -moz-column-count: 2;
  -moz-column-gap: 20px;
    -moz-column-gap: 20px;
  -webkit-column-count: 2;
    -webkit-column-count: 2;
  -webkit-column-gap: 20px;
    -webkit-column-gap: 20px;
  column-count: 2;
    column-count: 2;
  column-gap: 30px;
    column-gap: 30px;
  font-size: 100%;
    font-size: 90%;
  margin: 0 0 0 25px;
    margin: 0 0 0 25px;
}
}


.frontpage > div, .frontpage .frontisles .islands-grid > div {
div.villager-infobox {
  border-radius: 0;
    width: calc(100% - 20px);
  box-shadow: none;
  padding: 10px;
  border: none;
}
}


.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
.artwork-grid {
  width: 100% !important;
   grid-template-columns: 50% 50%;
  float: none !IMPORTANT;
   gap: 10px;
  margin: 0 0 10px 0 !important;
   width: calc(100% - 10px);
  box-sizing: border-box;
}
 
figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element, figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
  max-width: calc(100% - 20px) !important;
  margin: 10px 0;
  border: none;
  min-width: calc(100% - 40px);
}
 
figure[typeof~="mw:File/Thumb"] .mw-file-description, figure[typeof~="mw:File/Frame"] .mw-file-description {
  margin: 0;
}
 
div.villager-infobox {
    width: calc(100% - 20px);
}
 
.artwork-grid {
   grid-template-columns: 50% 50%;
   gap: 10px;
   width: calc(100% - 10px);
}
}


Line 2,026: Line 2,162:


#bodyContent {
#bodyContent {
   padding: 0 20px;
   padding: 0 20px 20px;
}
}


Line 2,058: Line 2,194:
}
}


#content-bottom-stuff {
  background-color: #9a916b;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  color: #5D3C34;
}
}


.merch {
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  text-align: center;
  color: #5D3C34;
}
}


.merch span {
#mw-normal-catlinks a:hover {
  border-radius: 6px;
  color: #5D3C34;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
  margin: 0 10px 10px 0;
  background-color: white;
  display: inline-block;
}
}


.merch span img {
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  padding: 15px;
  color: #8A3131;
}
 
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  color: #8A3131;
}
}


.navbox {
  background-color: #f7eec6;
  padding: 10px;
  margin: 0 0 10px;
  border-radius: 6px;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
  text-align: center;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-vlpink.png");
  clear: both;
}
}


.navbox .navboxheader {
/* Mobile */
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
 
  font-weight: 400;
@media only screen and (max-width: 499px) {
  font-style: normal;
 
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-red.png);
#mw-content #bodyContent {
  border-radius: 6px;
    padding: 0;
  background-color: #9D4A3C;
  padding: 10px;
  margin: 0 auto 20px;
  color: #F9F3E8;
  border: none;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  clear: both;
  text-align: center;
  line-height: 1.125;
}
}


.villager-infobox {
.frontpage {
  float: right;
    display: grid;
  background-color: #4C312C;
    grid-template-columns: auto;  
  padding: 10px;
    grid-template-rows: auto;
  margin: 0 0 10px;
    grid-column-gap: 0;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-dots-brown.png");
    grid-row-gap: 0;
  border-radius: 6px;
  width: calc(40% - 20px);
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.05);
}
 
.infobox-section {
  background-color: #f8e7cf;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-vlpink.png");
  margin: 0 0 5px;
  display: block;
}
}


.infobox-section:last-child {
.fronthi{ grid-area: 4 / 1 / 5 / 8; }
  margin: 0;
.frontsocials{ grid-area: 5 / 1 / 6 / 8; }
}
.frontbdays { grid-area: 3 / 1 / 4 / 8; }
.frontevents { grid-area: 2 / 1 / 3 / 8; }
.frontscreen { grid-area: 6 / 1 / 7 / 8; }
.frontnews { grid-area: 1 / 1 / 2 / 8; }
.frontart { grid-area: 7 / 1 / 8 / 8; }
.frontisles  { grid-area: 8 / 1 / 9 / 8; }  


.infobox-section p {
.frontsocials p {
  padding: 0;
    display: grid;
  margin: 0;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
    gap: 10px;
    width: calc(100% - 30px);
}
}


.infobox-name {
.frontbdays ol {
   font-size: 20pt;
   -moz-column-count: 2;
   background-color: #f6e3c9;
   -moz-column-gap: 20px;
  padding: 2px 5px;
   -webkit-column-count: 2;
  border-radius: 6px;
   -webkit-column-gap: 20px;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-pink.png");
   column-count: 2;
  margin: 0 0 5px;
   column-gap: 30px;
   font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
   font-size: 100%;
  font-weight: 400;
   margin: 0 0 0 25px;
   font-style: normal;
   text-align: center;
   color: #9F4F3C;
   letter-spacing: 0.05em;
}
}


.infobox-pic {
.frontpage > div, .frontpage .frontisles .islands-grid > div {
   background-position: 0 0;
   border-radius: 0;
  box-shadow: none;
   padding: 10px;
   padding: 10px;
   text-align: center;
   border: none;
}
}


.infobox-pic img {
.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
   max-width: 100%;
   width: 100% !important;
   height: auto;
  float: none !IMPORTANT;
   margin: 0 0 10px 0 !important;
  box-sizing: border-box;
}
}


.infobox-species {
figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element, figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
   background-position: 45%;
   max-width: calc(100% - 20px) !important;
  margin: 10px 0;
  border: none;
  min-width: calc(100% - 40px);
}
}


.infobox-personality {
figure[typeof~="mw:File/Thumb"] .mw-file-description, figure[typeof~="mw:File/Frame"] .mw-file-description {
   background-position: 80%;
   margin: 0;
}
}


.infobox-gender {
div.villager-infobox {
  background-position: 20%;
    width: calc(100% - 20px);
}
}


.infobox-birthday {
.artwork-grid {
   background-position: 50%;
   grid-template-columns: 50% 50%;
  gap: 10px;
  width: calc(100% - 10px);
}
}


.infobox-sign {
.islands-grid {
   background-position: 15%;
   grid-template-columns: 50% 50%;
  gap: 10px;
  width: calc(100% - 10px);
}
}


.infobox-favsaying {
.frontpage .mw-editsection {
  background-position: 70%;
   position: relative;
}
 
.infobox-catchphrase {
   background-position: 10%;
}
 
.infobox-languages {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: auto;
  gap: 0 10px;
  width: calc(100% - 10px);
  background-position: 60%;
}
}


.mw-content-ltr figure[typeof~="mw:File/Thumb"],  
.mw-content-ltr figure[typeof~="mw:File/Thumb"],  
Line 2,207: Line 2,316:
   /*max-width: calc(100% - 10px) !important; */
   /*max-width: calc(100% - 10px) !important; */
   border-radius: 6px;
   border-radius: 6px;
  height: auto !important;
}
 
.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
   max-width: 100% !important;
   max-width: 100% !important;
  width: auto;
}
}


.mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption {
.mw-body h1.firstHeading {
   text-align: center;
   border-radius: 0;
  color: #AE422882;
}
}


figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element,
#bodyContent {
figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
   padding: 0 20px;
   max-width: calc(100% - 40px) !important;
  margin: 10px 0;
  border: none;
}
}


/* Fix figure polaroid */
#mw-header-nav-hack {
 
    border-top: none;
figure {
    display: block;
  display: flex;
    position: absolute;
  flex-wrap: wrap;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}
}


figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
#mw-site-navigation h2, #mw-related-navigation h2 {
   display: flex;
  font-family: "Poppins",sans-serif;
   flex-wrap: wrap;
   font-weight: 400;
   color: #954a34;
}
}


figcaption {
#mw-site-navigation .sidebar-chunk,
   width: min-content;
#mw-related-navigation .sidebar-chunk {
   flex: 1;
   background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
   display: inline-block;
}
}


figure[typeof~="mw:File/Thumb"] .mw-file-description,
#content-bottom-stuff {
figure[typeof~="mw:File/Frame"] .mw-file-description {
  background-color: #9a916b;
  flex: 1 0 100%;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
  margin: 0 -10px;
  color: #5D3C34;
}
}


figure[typeof~="mw:File/Frame"] > figcaption:empty {
#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
  padding-bottom: 0;
  color: #5D3C34;
}
}


.social-links p {
#mw-normal-catlinks a:hover {
  margin: 0;
  color: #5D3C34;
  padding: 0;
}
}


.social-links a {
#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
  padding: 5px;
  color: #8A3131;
  display: inline-block;
}
}


.social-links span {
#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
  display: inline-block;
  color: #8A3131;
}
}


.mw-body-content .social-links a > img, .mw-body-content .social-links .floatnone > img {
  max-width: 100% !important;
}
}


.merch {
  text-align: center;
}


.mw-content-ltr figure[typeof~="mw:File/Thumb"] > .mw-file-description::after,  
.merch span {
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > .mw-file-magnify::after {
  border-radius: 6px;
   display: none;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
background-color: white;
   margin: 0 10px 10px 0;
  background-color: white;
  display: inline-block;
}
}


figure[typeof~="mw:File/Thumb"] > figcaption::before {
.merch span img {
   display: none;
   padding: 15px;
}
}


figure[typeof~="mw:File/Thumb"].mw-halign-left span,
.navbox {
figure[typeof~="mw:File/Frame"].mw-halign-left span,
  background-color: #f7eec6;
figure[typeof~="mw:File/Thumb"].mw-halign-center span,
  padding: 10px;
figure[typeof~="mw:File/Frame"].mw-halign-center span,
  margin: 0 0 10px;
figure[typeof~="mw:File/Thumb"].mw-halign-right span,
  border-radius: 6px;
figure[typeof~="mw:File/Frame"].mw-halign-right span {
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
  flex: 1 0 100%;
  text-align: center;
   margin: 0 -10px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-vlpink.png");
   clear: both;
}
}


.mw-body h2:nth-of-type(1), .mw-body h2:nth-of-type(21) {
.navbox .navboxheader {
   background-position: 0 0;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
}
  font-weight: 400;
 
  font-style: normal;
.mw-body h2:nth-of-type(2), .mw-body h2:nth-of-type(22) {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-red.png);
   background-position: 30px 70px;
  border-radius: 6px;
}
   background-color: #9D4A3C;
  padding: 10px;
  margin: 0 auto 20px;
  color: #F9F3E8;
  border: none;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  clear: both;
  text-align: center;
  line-height: 1.125;
}
 
.villager-infobox {
  float: right;
  background-color: #4C312C;
  padding: 10px;
  margin: 0 0 10px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-dots-brown.png");
  border-radius: 6px;
  width: calc(40% - 20px);
   box-shadow: 3px 3px 0 0 rgba(0,0,0,0.05);
}  


.mw-body h2:nth-of-type(3), .mw-body h2:nth-of-type(23) {
.infobox-section {
   background-position: 10px 140px;
  background-color: #f8e7cf;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-vlpink.png");
  margin: 0 0 5px;
   display: block;
}
}


.mw-body h2:nth-of-type(4), .mw-body h2:nth-of-type(24) {
.infobox-section:last-child {
   background-position: 5px 45px;
   margin: 0;
}
}


.mw-body h2:nth-of-type(5), .mw-body h2:nth-of-type(25) {
.infobox-section p {
   background-position: 70px 10px;
  padding: 0;
   margin: 0;
}
}


.mw-body h2:nth-of-type(6), .mw-body h2:nth-of-type(26) {
.infobox-name {
   background-position: 0 50px;
  font-size: 20pt;
  background-color: #f6e3c9;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-pink.png");
  margin: 0 0 5px;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #9F4F3C;
   letter-spacing: 0.05em;
}
}


.mw-body h2:nth-of-type(7), .mw-body h2:nth-of-type(27) {
.infobox-pic {
   background-position: 10px 100px;
   background-position: 0 0;
  padding: 10px;
  text-align: center;
}
}


.mw-body h2:nth-of-type(8), .mw-body h2:nth-of-type(28) {
.infobox-pic img {
   background-position: 90px 200px;
  max-width: 100%;
   height: auto;
}
}


.mw-body h2:nth-of-type(9), .mw-body h2:nth-of-type(29) {
.infobox-species {
   background-position: 45px 35px;
   background-position: 45%;
}
}


.mw-body h2:nth-of-type(10), .mw-body h2:nth-of-type(30) {
.infobox-personality {
   background-position: 120px 140px;
   background-position: 80%;
}
}


.mw-body h2:nth-of-type(11), .mw-body h2:nth-of-type(31) {
.infobox-gender {
   background-position: 200px 90px;
   background-position: 20%;
}
}


.mw-body h2:nth-of-type(12), .mw-body h2:nth-of-type(32) {
.infobox-birthday {
   background-position: 70px 30px;
   background-position: 50%;
}
}


.mw-body h2:nth-of-type(13), .mw-body h2:nth-of-type(33) {
.infobox-sign {
   background-position: 140px 10px;
   background-position: 15%;
}
}


.mw-body h2:nth-of-type(14), .mw-body h2:nth-of-type(34) {
.infobox-favsaying {
   background-position: 45px 5px;
   background-position: 70%;
}
}


.mw-body h2:nth-of-type(15), .mw-body h2:nth-of-type(35) {
.infobox-catchphrase {
   background-position: 10px 70px;
   background-position: 10%;
}
}


.mw-body h2:nth-of-type(16), .mw-body h2:nth-of-type(36) {
.infobox-languages {
   background-position: 50px 0;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: auto;
  gap: 0 10px;
  width: calc(100% - 10px);
   background-position: 60%;
}
}


.mw-body h2:nth-of-type(17), .mw-body h2:nth-of-type(37) {
/* Villager NH Infobox */
   background-position: 100px 10px;
 
.villager-infobox-nh {
  background-color: #4C312C;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-dots-brown.png");
  border-radius: 6px;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.05);
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 0;
  width: 100%;
  padding: 5px;
}
 
.villager-infobox-nh-left {
   padding: 5px;
}
}


.mw-body h2:nth-of-type(18), .mw-body h2:nth-of-type(38) {
.villager-infobox-nh-left .mw-file-description {
   background-position: 200px 90px;
   padding: 10px;
}
}


.mw-body h2:nth-of-type(19), .mw-body h2:nth-of-type(39) {
.villager-infobox-nh-left .mw-file-element {
   background-position: 35px 45px;
   margin: 0 auto;
  display: block;
}
}


.mw-body h2:nth-of-type(20), .mw-body h2:nth-of-type(40) {
.villager-infobox-nh-right {
   background-position: 140px 120px;
   padding: 5px;
}
}


.mw-body .snw h2 {
.mw-body-content .villager-infobox-nh-right a > img,
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-snw.png);
.mw-body-content .villager-infobox-nh-right .floatnone > img,
  background-color: #ECD5AC;
.mw-body-content .villager-infobox-nh-right span img,
  color: #F9F3E8;
.mw-body-content .villager-infobox-nh-right .floatnone span img {
   text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
   border-radius: 0;
}
}


.mw-body .sakurabay h2 {
.villager-nh-section {
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-sakurabay.png);
  background-color: none;
   background-color: #ECD5AC;
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
   color: #F9F3E8;
   padding: 2px 5px;
   text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
   border-radius: 6px;
   margin: 0 0 5px;
  display: block;
}
}


.mw-body .miffyisle h2 {
.villager-nh-icon,
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-miffy-isle-plaid-small2.png);
.villager-nh-photo,
   background-color: #D6AB8A;
.villager-nh-render {
  color: #F9F3E8;
   margin: 0 0 10px;
  text-shadow: 2px 2px 0 rgba(120, 69, 22, 0.33);
  background-position: center center !important;
}
}


.mw-body .maplegrove h2 {
.villager-nh-photo .mw-file-element {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-maplegrove.png);
   margin: 0 auto;
   background-color: #D6AB8A;
   display: block;
   color: #F9F3E8;
   box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
   text-shadow: 2px 2px 0 rgba(120, 69, 22, 0.33);
}
}


.mw-body .stardust h2 {
.villager-nh-wear .villager-nh-section,
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-stardust.png);
.villager-nh-favourites .villager-nh-section,
   background-color: #D6AB8A;
.villager-nh-handheld .villager-nh-section,
   color: #E7A854;
.villager-nh-houseinterior .villager-nh-section,
   text-shadow: 2px 2px 0 rgba(1, 0, 0, 0.63);
.villager-nh-houseexterior .villager-nh-section {
   background-color: #ffffff69;
  background-image: none;
   padding: 2px 5px;
   border-radius: 6px;
  margin: 0 0 5px;
  display: block;
}
}


.mw-body .cosycove h2 {
.villager-nh-section:last-child {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-cosycove.png);
   margin: 0;
  background-color: #D6AB8A;
   color: #F9F3E8;
  text-shadow: 2px 2px 0 rgb(13, 56, 46);
}
}


.mw-body .belmont h2 {
.villager-nh-section p {
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-belmont.png);
  padding: 0;
   background-color: #D6AB8A;
  margin: 0;
   color: #F9F3E8;
}
   text-shadow: 2px 2px 0 rgba(54, 29, 7, 0.82);
 
.villager-nh-wear {
  background-color: none;
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}
 
.villager-nh-favourites {
   background-color: none;
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}
 
.villager-nh-handheld {
  background-color: none;
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}
 
.villager-nh-houseinterior {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}
}


.mw-body .starlevilandstar h2 {
.villager-nh-houseexterior {
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-leviland.png);
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}
 
.villager-nh-section h3 {
  margin: 5px 5px 10px;
  text-align: left;
}
 
.villager-nh-handheld .infobox-name {
  font-size: 20pt;
  background-color: #f6e3c9;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-pink.png");
  margin: 0 0 5px;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #9F4F3C;
  letter-spacing: 0.05em;
}
 
.villager-nh-handheld .infobox-pic {
  background-position: 0 0;
  padding: 10px;
  text-align: center;
}
 
.villager-nh-handheld .infobox-pic img {
  max-width: 100%;
  height: auto;
}
 
.villager-nh-handheld .infobox-languages {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: auto;
  gap: 0 10px;
  width: calc(100% - 10px);
  background-position: 60%;
}
 
 
 
.mw-content-ltr figure[typeof~="mw:File/Thumb"],
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}
 
.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
  height: auto !important;
  max-width: 100% !important;
  width: auto;
}
 
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption {
  text-align: center;
  color: #AE422882;
}
 
figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element,
figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
  max-width: calc(100% - 40px) !important;
  margin: 10px 0;
  border: none;
}
 
/* Fix figure polaroid */
 
figure {
  display: flex;
  flex-wrap: wrap;
}
 
figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
  display: flex;
  flex-wrap: wrap;
}
 
figcaption {
  width: min-content;
  flex: 1;
}
 
figure[typeof~="mw:File/Thumb"] .mw-file-description,
figure[typeof~="mw:File/Frame"] .mw-file-description {
  flex: 1 0 100%;
  margin: 0 -10px;
}
 
figure[typeof~="mw:File/Frame"] > figcaption:empty {
  padding-bottom: 0;
}
 
.social-links p {
  margin: 0;
  padding: 0;
}
 
.social-links a {
  padding: 5px;
  display: inline-block;
}
 
.social-links span {
  display: inline-block;
}
 
.mw-body-content .social-links a > img, .mw-body-content .social-links .floatnone > img {
  max-width: 100% !important;
}
 
 
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > .mw-file-description::after,
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > .mw-file-magnify::after {
  display: none;
background-color: white;
}
 
figure[typeof~="mw:File/Thumb"] > figcaption::before {
  display: none;
}
 
figure[typeof~="mw:File/Thumb"].mw-halign-left span,
figure[typeof~="mw:File/Frame"].mw-halign-left span,
figure[typeof~="mw:File/Thumb"].mw-halign-center span,
figure[typeof~="mw:File/Frame"].mw-halign-center span,
figure[typeof~="mw:File/Thumb"].mw-halign-right span,
figure[typeof~="mw:File/Frame"].mw-halign-right span {
  flex: 1 0 100%;
  margin: 0 -10px;
}
 
.mw-body h2:nth-of-type(1), .mw-body h2:nth-of-type(21) {
  background-position: 0 0;
}
 
.mw-body h2:nth-of-type(2), .mw-body h2:nth-of-type(22) {
  background-position: 30px 70px;
}
 
.mw-body h2:nth-of-type(3), .mw-body h2:nth-of-type(23) {
  background-position: 10px 140px;
}
 
.mw-body h2:nth-of-type(4), .mw-body h2:nth-of-type(24) {
  background-position: 5px 45px;
}
 
.mw-body h2:nth-of-type(5), .mw-body h2:nth-of-type(25) {
  background-position: 70px 10px;
}
 
.mw-body h2:nth-of-type(6), .mw-body h2:nth-of-type(26) {
  background-position: 0 50px;
}
 
.mw-body h2:nth-of-type(7), .mw-body h2:nth-of-type(27) {
  background-position: 10px 100px;
}
 
.mw-body h2:nth-of-type(8), .mw-body h2:nth-of-type(28) {
  background-position: 90px 200px;
}
 
.mw-body h2:nth-of-type(9), .mw-body h2:nth-of-type(29) {
  background-position: 45px 35px;
}
 
.mw-body h2:nth-of-type(10), .mw-body h2:nth-of-type(30) {
  background-position: 120px 140px;
}
 
.mw-body h2:nth-of-type(11), .mw-body h2:nth-of-type(31) {
  background-position: 200px 90px;
}
 
.mw-body h2:nth-of-type(12), .mw-body h2:nth-of-type(32) {
  background-position: 70px 30px;
}
 
.mw-body h2:nth-of-type(13), .mw-body h2:nth-of-type(33) {
  background-position: 140px 10px;
}
 
.mw-body h2:nth-of-type(14), .mw-body h2:nth-of-type(34) {
  background-position: 45px 5px;
}
 
.mw-body h2:nth-of-type(15), .mw-body h2:nth-of-type(35) {
  background-position: 10px 70px;
}
 
.mw-body h2:nth-of-type(16), .mw-body h2:nth-of-type(36) {
  background-position: 50px 0;
}
 
.mw-body h2:nth-of-type(17), .mw-body h2:nth-of-type(37) {
  background-position: 100px 10px;
}
 
.mw-body h2:nth-of-type(18), .mw-body h2:nth-of-type(38) {
  background-position: 200px 90px;
}
 
.mw-body h2:nth-of-type(19), .mw-body h2:nth-of-type(39) {
  background-position: 35px 45px;
}
 
.mw-body h2:nth-of-type(20), .mw-body h2:nth-of-type(40) {
  background-position: 140px 120px;
}
 
.mw-body .snw h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-snw.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}
 
.mw-body .sakurabay h2 {
   background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-sakurabay.png);
   background-color: #ECD5AC;
   background-color: #ECD5AC;
   color: #F9F3E8;
   color: #F9F3E8;
   text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
   text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}
 
.mw-body .miffyisle h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-miffy-isle-plaid-small2.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(120, 69, 22, 0.33);
  background-position: center center !important;
}
 
.mw-body .maplegrove h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-maplegrove.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(120, 69, 22, 0.33);
}
 
.mw-body .stardust h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-stardust.png);
  background-color: #D6AB8A;
  color: #E7A854;
  text-shadow: 2px 2px 0 rgba(1, 0, 0, 0.63);
}
 
.mw-body .cosycove h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-cosycove.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgb(13, 56, 46);
}
 
.mw-body .belmont h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-belmont.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(54, 29, 7, 0.82);
}
 
.mw-body .starlevilandstar h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-leviland.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}
 
.mw-body .leviland h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-leviland.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}
 
.mw-body .quinnland h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-quinnland.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(189, 116, 48, 0.52);
}
 
.mw-body .heatherbay h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-heatherbay.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(189, 116, 48, 0.52);
}
 
.toc {
  line-height: 1;
  border-radius: 6px;
  border: none;
  background-color: #ffffffbf;
  box-shadow: 2px 2px 0 4px rgba(0,0,0,0.05);
}
 
.mw-body .toctitle {
  border-bottom: dotted 1px #5d3c34;
  text-align: unset;
}
 
#mw-toc-heading {
  background-image: none;
  background-color: transparent;
  color: #5D3C34;
  font-weight: 700;
  text-shadow: none;
}
 
.toctogglelabel {
  color: #5d3c34;
}
 
.bdaywrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 10px);
  align-items: center;
}
 
.bdaywrapper .bdaytext {
  text-align: center;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  display: inline;
}
 
.bdaywrapper .bdaytext .bdaytextname {
  font-size: 50pt;
  line-height: 50pt;
}
 
.bdaywrapper .bdaytext .bdaytextdate {
  font-size: 22pt;
  line-height: 22pt;
}
 
.bdaywrapper .bdayimg {
 
}
 
.cyruswrapper {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 10px);
  align-items: center;
}
 
.cyruswrapper .cyrusimg {
 
}
 
.cyruswrapper .cyrustext {
  font-size: 50pt;
  text-align: center;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  line-height: 50pt;
  display: inline;
}
 
.clear {
  clear: both;
}
 
.cyrusssketchbookwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.cyrusssketchbookheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.cyrusssketchbooktext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.daringdecorwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.daringdecorheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.daringdecortext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.pictureperfectdesignswrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.pictureperfectdesignsheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.pictureperfectdesignstext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.furniturequizwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.furniturequizheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.furniturequiztext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.adayinthelifewrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.adayinthelifeheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.adayinthelifetext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.birthdayanimalwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.birthdayanimalheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.birthdayanimaltext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.pocketcampclubpollwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.pocketcampclubpollheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.pocketcampclubpolltext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.pocketcampclubgallerywrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.pocketcampclubgalleryheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.pocketcampclubgallerytext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.ablesisterssketchbookwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.ablesisterssketchbookheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.ablesisterssketchbooktext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.pocketcampclubjournalblockwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}
 
.pocketcampclubjournalblockheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}
 
.pocketcampclubjournalblocktext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}
 
.pinkwrapper {
  background-color: #ff82af;
}
}


.mw-body .leviland h2 {
.orangewrapper {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-leviland.png);
   background-color: #ff9b55;
   background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}
}


.mw-body .quinnland h2 {
.orange2wrapper {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-quinnland.png);
   background-color: #e06d40;
   background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(189, 116, 48, 0.52);
}
}


.mw-body .heatherbay h2 {
.bluewrapper {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-heatherbay.png);
   background-color: #5abeff;
   background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(189, 116, 48, 0.52);
}
}


.toc {
.tealwrapper {
  line-height: 1;
   background-color: #41c8aa;
  border-radius: 6px;
  border: none;
   background-color: #ffffffbf;
  box-shadow: 2px 2px 0 4px rgba(0,0,0,0.05);
}
}


.mw-body .toctitle {
.greenwrapper {
   border-bottom: dotted 1px #5d3c34;
   background-color: #526a39;
  text-align: unset;
}
}


#mw-toc-heading {
.redwrapper {
   background-image: none;
   background-color: #ff594b;
  background-color: transparent;
  color: #5D3C34;
  font-weight: 700;
  text-shadow: none;
}
}


.toctogglelabel {
.yellowwrapper {
  color: #5d3c34;
  background-color: #e5bf0d;
}
}

Latest revision as of 17:22, 3 December 2024

@import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&family=Short+Stack&family=Open+Sans:ital,wght@0,700;1,700&family=Comfortaa:wght@300..700&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://rosiesocosy.com/ext/fonts.css'); 

@import url('https://rosiesocosy.com/ext/fonts.css?family=ACWebFont'); 

/* Skin Custom CSS */

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    color: #5D3C34;
    background-color: #f9b993;
    background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
    background-repeat: repeat;
    font-size: 1em;
}

#mw-content {
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-cream.png");
    background-color: #fff5eb;
    border: none;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
}

#mw-content-block {
  background: none;
}

strong {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

#p-logo-text a.long {
    padding: 0.1em 0.75em 0 0;
    font-size: 2em;
}

#p-logo-text a {
    font-variant: normal;
}

#p-logo-text a {
    color: #E5977F;
    /*font-family: 'Banana Days', Helvetica, Verdana, sans-serif;*/
    font-family: "ACWebFont", "Mountains of Christmas", Verdana, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}

a, a:link, a:active, a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {
    color: #C37F3A;
    text-decoration: none;
    transition: all 0.5s ease;
}

a:hover, a:visited:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.extiw:active:visited:hover, .mw-parser-output a.external:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active:hover, .mw-parser-output a.external:hover {
    color: #b55905;
    text-decoration: none;
    transition: all 0.5s ease;
}

a.new, .new a, a.new:visited, .new a:visited {
    color: #B83823;
    text-decoration: none;
    transition: all 0.5s ease;
}

a.new:hover, .new a:hover {
    color: #ED563D;
    text-decoration: none;
}

.mw-parser-output a.external, .link-mailto, .link-ftp, .link-irc, .link-audio, .link-video, .link-document {
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/icon-extlink.png");
}

.mw-footer-container a, .mw-footer-container a:link, .mw-footer-container a:active, .mw-footer-container a:visited {
    color: #C37F3A;
}

.mw-footer-container a:hover {
    color: #b55905;
}

#mw-content-container {
    background-color: #F5BA9A;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-nacho-pink.png");
    background-repeat: repeat;
    border-bottom: solid 4px #e5977f;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

#mw-site-navigation .sidebar-chunk label, #mw-site-navigation .sidebar-chunk h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

#mw-related-navigation .sidebar-chunk label, #mw-related-navigation .sidebar-chunk h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

hr {
    border-width: 3px;
    border-color: #a2553f36;
    border-style: dotted none none none;
    margin: 0.5em 0;
}

/* Media */

figure {
    box-shadow: none;
    border-radius: 6px;
    background-color: transparent;
    background-image: none;
    border: none;
    margin: 0 auto 20px;
}

figure[typeof~="mw:File/Thumb"] {
    box-shadow: 2px 4px 0 3px rgba(0,0,0,0.05) /*4px 4px 0 2px rgba(0,0,0,0.1)*/;
    border-radius: 6px;
    background-color: #FFF;
    background-image: none;
    border: none /*1px solid #E0CA91*/;
}

figure[typeof~="mw:File/Thumb"] img {
  max-width: 100% !important;
  width: 100%;
}

figure[typeof~="mw:File/Frame"] {
    box-shadow: 2px 4px 0 3px rgba(0,0,0,0.05) /*4px 4px 0 2px rgba(0,0,0,0.1)*/;
    border-radius: 6px;
    background-color: #FFF;
    background-image: none;
    border: none /*1px solid #E0CA91*/;
}

figure[typeof~="mw:File/Frame"] img {
  max-width: 100% !important;
  width: 100%;
}

figure[typeof~="mw:File/Frameless"] {
    box-shadow: 2px 4px 0 3px rgba(0,0,0,0.05) /*4px 4px 0 2px rgba(0,0,0,0)*/;
    border-radius: 6px;
    background-color: transparent;
    background-image: none;
    border: none;
}

figure[typeof~="mw:File/Frameless"] img {
  max-width: 100% !important;
  width: 100%;
}

.frontpage figure {
    background-color: #F8F0E1;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-lcream.png");
    border: 1px solid #E0CA91;
}

.frontpage figure[typeof~="mw:File/Thumb"] {
    background-color: #F8F0E1;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-lcream.png");
    border: 1px solid #E0CA91;
}

.frontpage figure[typeof~="mw:File/Frame"] {
    background-color: #F8F0E1;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-lcream.png");
    border: 1px solid #E0CA91;
}

.frontpage figure[typeof~="mw:File/Frameless"] {
    background-color: transparent;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-lcream.png");
    border: 1px solid #E0CA91;
}

figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
    display: grid;
}

figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption {
    border: none;
    box-shadow: none;
    background: none;
}

#mw-header-container {
    background-color: #4C312C;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png");
    background-repeat: repeat;
}

.color-middle {
    background: #4C312C;
}

.color-left {
    background: #62332B;
}

.color-right {
    background: #62332B;
}

.mw-footer-container {
    color: #8A6B5A;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.25);
}

#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body {
    margin-bottom: 1em;
}

#mw-site-navigation .sidebar-chunk {
    background: none;
    border: 0;
    padding: 1.25em 1.75em;
    padding: 1.5em 1.5em 0.5em;
    margin: 1em 0;
    line-height: 1;
    font-size: 0.95em;
    border-radius: 6px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff5eb;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-cream-r.png");
    background-repeat: repeat;
}

#mw-site-navigation #site-navigation {
    background-position: right top;
}

#mw-site-navigation #site-tools {
    background-position: right bottom;
}

#mw-related-navigation .sidebar-chunk {
    background: none;
    border: 0;
    padding: 1.25em 1.75em;
    padding: 1.5em 1.5em 0.5em;
    margin: 1em 0;
    line-height: 1;
    font-size: 0.95em;
    border-radius: 6px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff5eb;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-cream-r.png");
    background-repeat: repeat;
}

#mw-related-navigation #page-tools {
    background-position: right bottom;
}

#mw-site-navigation .sidebar-chunk label, #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk label, #mw-related-navigation .sidebar-chunk h3 {
    font-size: 2em;
    margin: -10px -10px 10px;
    padding: 5px 10px;
    border-bottom: 0;
    display: block;
    background-color: #5D3C34;
    border-radius: 6px;
    color: #E5977F;
    letter-spacing: 0em;
    text-transform: capitalize;
    font-variant: petite-caps;
    font-family: "ACWebFont", "Mountains of Christmas", Verdana, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}

#mw-header-container {
    color: #c37f3a;
}

#personal h2 {
    font-family: "Poppins", sans-serif;
    padding: 0.3em 0 0 25px;
}

code, pre, .mw-code {
    color: #86837c;
    background-color: #47413e;
    border: 5px solid #9a725e;
}

form:not(.oo-ui-layout) textarea, form:not(.oo-ui-layout) input {
    border: solid 2px #9f4a37;
    border-radius: 6px;
    background-color: #f9b993;
    color: #4c312c;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-pink.png");
}

.mw-body h1.firstHeading {
  font-family: "ACWebFont", "Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-red.png);
  border-radius: 6px;
  background-color: #9D4A3C;
  padding: 10px;
  margin: 10px auto 20px;
  text-align: center;
  color: #F9F3E8;
  border: none;
  letter-spacing: 0.05em;
}

.mw-body h2 {
  font-family: "ACWebFont", "Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-red.png);
  border-radius: 6px;
  background-color: #9D4A3C;
  padding: 10px;
  margin: 10px auto 20px;
  text-align: left;
  color: #F9F3E8;
  border: none;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  clear: both;
}

.mw-body h2 a {
  color: #F9F3E8;
}

.mw-body h2 .new, .mw-body h2 .new a, .mw-body h2 a.new:visited, .mw-body h2 .new a:visited {
  color: #F9F3E8;
}

.mw-body h2 a:hover {
  color: #F9F3E8;
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {
    color: #9e4a40;
    background: #f0bb9782;
    border: solid #4993e2;
    border-top-width: medium;
    border-top-color: #f0bb97;
    border-right-width: medium;
    border-right-color: #f0bb97;
    border-bottom-width: medium;
    border-bottom-color: #f0bb97;
    border-left-width: medium;
    border-left-color: #f0bb97;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    width: 100%;
  }

  .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {
    color: #c87e75;
  }

  .wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #5f3d3a;
    text-align: center;
    color: #F9F3E8;
  }

.mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td {
    border: 1px solid #fdf3e3;
    padding: 0.4em 0.5em;
    vertical-align: top;
  }

.wikitable.wikitable-villagers td {
  padding: 25px;
  text-align: center;
}

.wikitable.wikitable-villagers td img {
  margin-bottom: 15px;
}

.wikitable.wikitable-villagers td p {
  padding: 0;
  margin: 0;
}

.wikitable.personality-villagers-wikitable td {
  text-align: center;
  padding: 25px;
  width: 25%;
}

.wikitable.personality-villagers-wikitable td .mw-file-element {
  max-width: 100%;
  min-width: 128px;
}

.wikitable.personality-villagers-wikitable td p {
  margin: 0;
  padding: 0;
}

.wikitable.personality-villagers-wikitable td img {

}

.mw-content-ltr figure[typeof~="mw:File/Thumb"].mw-halign-left, 
.mw-content-ltr figure[typeof~="mw:File/Frame"].mw-halign-left {
  margin: 0 20px 20px 0;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"].mw-halign-left a, 
.mw-content-ltr figure[typeof~="mw:File/Frame"].mw-halign-left a {
  flex: 1 0 100%;
  margin: 0 -10px;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"].mw-halign-right, 
.mw-content-ltr figure[typeof~="mw:File/Frame"].mw-halign-right {
  margin: 0 0 20px 20px;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"].mw-halign-right a, 
.mw-content-ltr figure[typeof~="mw:File/Frame"].mw-halign-right a {
  flex: 1 0 100%;
  margin: 0 -10px;
}

.mw-content-ltr figure[typeof~="mw:File"].mw-halign-center, 
.mw-content-ltr figure[typeof~="mw:File/Frameless"].mw-halign-center {
    margin: 0 auto 20px;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"].mw-halign-center a, 
.mw-content-ltr figure[typeof~="mw:File/Frame"].mw-halign-center a {
  flex: 1 0 100%;
  margin: 0 -10px;
}

#mw-content-text h1 {
  font-family: "ACWebFont", "Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-brown.png);
  border-radius: 6px;
  background-color: #f9b993;
  padding: 10px;
  margin: 10px auto 20px;
  text-align: left;
  color: #F9F3E8;
  border: none;
  letter-spacing: 0.05em;
  font-size: 2em;
  clear: both;
}

#mw-content-text h1 a {
  color: #F9F3E8;
}

#mw-content-text h1 .new, #mw-content-text h1 .new a, #mw-content-text h1 a.new:visited, #mw-content-text h1 .new a:visited {
  color: #F9F3E8;
}

#mw-content-text h1 a:hover {
  color: #F9F3E8;
}

/*.rainbow {
  background: #FF0000;
  background: linear-gradient(to right, #FF0000 0%, #FF8C00 17%, #FFD001 34%, #60E600 50%, #00FFD0 66%, #00D9FF 83%, #D900FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}*/

@keyframes wiggle {
 50% {
  transform:rotate(-4deg) scale(1.1);
 }
}

.rainbow.wiggle:nth-child(20n+1),
.rainbow.wiggle:nth-child(20n+13) {
  color:#AD4132;
}

.rainbow.wiggle:nth-child(20n+2),
.rainbow.wiggle:nth-child(20n+14) {
  color:#C05D2B;
}

.rainbow.wiggle:nth-child(20n+3),
.rainbow.wiggle:nth-child(20n+15) {
  color:#CD8C38;
}

.rainbow.wiggle:nth-child(20n+4),
.rainbow.wiggle:nth-child(20n+16) {
  color:#E0AF28;
}

.rainbow.wiggle:nth-child(20n+5),
.rainbow.wiggle:nth-child(20n+17) {
  color:#C2B63F;
}

.rainbow.wiggle:nth-child(20n+6),
.rainbow.wiggle:nth-child(20n+18) {
  color:#81A572;
}

.rainbow.wiggle:nth-child(20n+7),
.rainbow.wiggle:nth-child(20n+19) {
  color:#4CAB98;
}

.rainbow.wiggle:nth-child(20n+8),
.rainbow.wiggle:nth-child(20n) {
  color:#6AB3C4;
}

.rainbow.wiggle:nth-child(20n+9) {
  color:#A19FBE;
}

.rainbow.wiggle:nth-child(20n+10) {
  color:#D3A1BA;
}

.rainbow.wiggle:nth-child(20n+11) {
  color:#E88DAE;
}

.rainbow.wiggle:nth-child(20n+12) {
  color:#CB6770;
}

.wiggle {
  animation-name:wiggle;
  animation-duration:.5s;
}

.wiggle {
  animation: wiggle 0.75s infinite;
  display: inline-block;
}

.wiggle:nth-child(20n+1) {
  animation-delay:0s;
}

.wiggle:nth-child(20n+2) {
  animation-delay:-.1s;
}

.wiggle:nth-child(20n+3) {
  animation-delay:-.2s;
}

.wiggle:nth-child(20n+4) {
  animation-delay:-.3s;
}

.wiggle:nth-child(20n+5) {
  animation-delay:-.4s;
}

.wiggle:nth-child(20n+6) {
  animation-delay:-.5s;
}

.wiggle:nth-child(20n+7) {
  animation-delay:-.6s;
}

.wiggle:nth-child(20n+8) {
  animation-delay:-.7s;
}

.wiggle:nth-child(20n+9) {
  animation-delay:-.8s;
}

.wiggle:nth-child(20n+10) {
  animation-delay:-.9s;
}

.wiggle:nth-child(20n+11) {
  animation-delay:-1s;
}

.wiggle:nth-child(20n+12) {
  animation-delay:-1.1s;
}

.wiggle:nth-child(20n+13) {
  animation-delay:-1.2s;
}

.wiggle:nth-child(20n+14) {
  animation-delay:-1.3s;
}

.wiggle:nth-child(20n+15) {
  animation-delay:-1.4s;
}

.wiggle:nth-child(20n+16) {
  animation-delay:-1.5s;
}

.wiggle:nth-child(20n+17) {
  animation-delay:-1.6s;
}

.wiggle:nth-child(20n+18) {
  animation-delay:-1.7s;
}

.wiggle:nth-child(20n+19) {
  animation-delay:-1.8s;
}

.wiggle:nth-child(20n) {
  animation-delay:-1.9s;
}

.wellhellothere {
  font-family: "ACWebFont", "Mountains of Christmas", Verdana, Helvetica, sans-serif;
  font-size: 20pt;
}

.center {
  text-align: center;
}

.date {
  font-size: 0.85em;
  font-style: italic;
  color: #984e3e85;
}

.date p {
  margin: 0 0 10px;
}

.source {
  font-size: 0.85em;
  font-style: italic;
  color: #984e3e85;
}

.mw-body-content table a > img, .mw-body-content table .floatnone > img {
  height: auto;
  max-width: 100% !important;
}

.frontpage {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.mw-content-ltr .frontpage figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr .frontpage figure[typeof~="mw:File/Frame"] {
  margin: 0 0 10px;
}

.mw-content-ltr .frontpage figure[typeof~="mw:File/Thumb"].mw-halign-left, 
.mw-content-ltr .frontpage figure[typeof~="mw:File/Frame"].mw-halign-left {
  margin: 0 10px 10px 0;
}

.mw-content-ltr .frontpage figure[typeof~="mw:File/Thumb"].mw-halign-right, 
.mw-content-ltr .frontpage figure[typeof~="mw:File/Frame"].mw-halign-right {
  margin: 0 0 10px 10px;
}

.frontpage h2 {
  margin: 0 0 10px;
  text-align: center;
}

.frontpage h3 {
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-villagers-color-03.png");
  border-radius: 6px;
  background-color: #9D4A3C;
  padding: 10px;
  margin: 10px auto 10px;
  text-align: left;
  color: #9C4A38;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  clear: both;
  background-position: 0 18px;
  background-size: 256px;
  border: 2px solid #D88E767A;
  text-shadow: 2px 2px 0 rgba(159, 73, 53, 0.29);
}

.frontpage .frontevents h3:nth-of-type(1) {
  background-position: center -16px;
}

.frontpage .frontevents h3:nth-of-type(2) {
  background-position: center 24px;
}

.frontpage .frontevents h3:nth-of-type(3) {
  background-position: center 63px;
}

.frontpage .frontevents h3:nth-of-type(4) {
  background-position: center 102px;
}

.frontpage .frontevents h3:nth-of-type(5) {
  background-position: center 142px;
}

.frontpage .frontevents h3:nth-of-type(6) {
  background-position: center 180px;
}

.frontpage ul, .frontpage ol, .mw-content-ltr .frontpage ul, .mw-content-rtl .mw-content-ltr .frontpage ul, .mw-content-ltr .frontpage ol, .mw-content-rtl .mw-content-ltr .frontpage ol {
  margin-bottom: 10px;
}

.frontbdays ol {
  margin: 0 0 0 35px;
}

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 1 / 5 / 2 / 6; }
.frontbdays { grid-area: 2 / 1 / 4 / 2; }
.frontevents { grid-area: 2 / 2 / 3 / 4; }
.frontscreen { grid-area: 3 / 2 / 4 / 4; }
.frontnews { grid-area: 2 / 4 / 4 / 6; }
.frontart { grid-area: 4 / 1 / 5 / 6; }
.frontisles { grid-area: 5 / 1 / 6 / 6; }

.frontsocials p {
  padding: 0;
  margin: 0;
}

.frontsocials p {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 30px);
}

.artwork-grid {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: auto;
  gap: 20px;
  width: calc(100% - 80px);
}

.islands-grid {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: auto;
  gap: 20px;
  width: calc(100% - 80px);
}

.artwork-grid p, islands-grid p {
  margin: 0;
  padding: 0;
}

.artwork-grid .artwork img {
  border-radius: 6px;
  box-shadow: 6px 6px 0 0 rgba(0,0,0,0.05);
  padding: 0;
}

.frontpage > div {
  background-color: #fbd6c0;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-l-pink2.png");
}

.frontpage > div:last-child {
  margin-bottom: 20px;
}

.frontpage > div, .frontpage .frontisles .islands-grid > div {
  border-radius: 6px;
  box-shadow: 6px 6px 0 0 rgba(0,0,0,0.05);
  padding: 10px;
}

.frontislestardust p, .frontislemaplegrove p, .frontislemiffyisle p, .frontislesakurabay p, .frontislesnw p, .frontislecosycove p, .frontisleheatherbay p, .frontisleleviland p, .frontisleleviland2 p, .frontislequinnland p {
  padding: 0;
  margin: 0;
}

.frontpage > div.frontislestardust, .frontpage .frontisles .islands-grid > div.frontislestardust {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-worange.png");
}

.frontpage > div.frontislemaplegrove, .frontpage .frontisles .islands-grid > div.frontislemaplegrove {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-leaves-l-burgundy.png");
}

.frontpage > div.frontislemiffyisle, .frontpage .frontisles .islands-grid > div.frontislemiffyisle {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-miffy-isle-plaid-miffy-mini.png");
}

.frontpage > div.frontislesakurabay, .frontpage .frontisles .islands-grid > div.frontislesakurabay {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-red.png");
}

.frontpage > div.frontislesnw, .frontpage .frontisles .islands-grid > div.frontislesnw {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-green.png");
}

.frontpage > div.frontislecosycove, .frontpage .frontisles .islands-grid > div.frontislecosycove {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-xmas-knitted-brown.png");
}

.frontpage > div.frontisleheatherbay, .frontpage .frontisles .islands-grid > div.frontisleheatherbay {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-mint.png");
  background-size: 75%;
}

.frontpage > div.frontisleleviland, .frontpage .frontisles .islands-grid > div.frontisleleviland {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-dblue.png");
}

.frontpage > div.frontisleleviland2, .frontpage .frontisles .islands-grid > div.frontisleleviland2 {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-purple.png");
}

.frontpage > div.frontislequinnland, .frontpage .frontisles .islands-grid > div.frontislequinnland {
  background-color: #FFF;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-villagers-color-03.png");
}

.frontpage .mw-editsection {
  position: absolute;
}


/* Min 2560px */

@media (min-width: 2560px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(8,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontsocials { grid-area: 2 / 1 / 3 / 6; }
.frontbdays { grid-area: 3 / 1 / 4 / 6; }
.frontevents { grid-area: 4 / 3 / 5 / 6; }
.frontscreen { grid-area: 4 / 1 / 5 / 3; }
.frontnews { grid-area: 1 / 6 / 4 / 9; }
.frontart { grid-area: 4 / 6 / 5 / 9; }
.frontisles { grid-area: 5 / 1 / 6 / 9; }

.frontsocials p {
  display: grid;
  grid-template-columns: 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 150px);
}

.frontbdays ol {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}

.artwork-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 10px);
}

.artwork-grid .artwork5 {
  display: none;
}

.islands-grid {
  display: grid;
  grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%auto;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 90px);
}

}

/* Min 2048px */

@media (max-width: 2559px) {

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 1 / 5 / 2 / 6; }
.frontbdays { grid-area: 2 / 1 / 4 / 2; }
.frontevents { grid-area: 2 / 2 / 3 / 4; }
.frontscreen { grid-area: 3 / 2 / 4 / 4; }
.frontnews { grid-area: 2 / 4 / 4 / 6; }
.frontart { grid-area: 4 / 1 / 5 / 6; }
.frontisles { grid-area: 5 / 1 / 6 / 6; }

}

/* Min 1920px */

@media (max-width: 2047px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontsocials { grid-area: 1 / 6 / 2 / 8; }
.frontbdays { grid-area: 2 / 1 / 4 / 3; }
.frontevents { grid-area: 2 / 3 / 3 / 5; }
.frontscreen { grid-area: 3 / 3 / 4 / 5; }
.frontnews { grid-area: 2 / 5 / 4 / 8; }
.frontart { grid-area: 4 / 1 / 5 / 8; }
.frontisles { grid-area: 5 / 1 / 6 / 8; }

}

/* Min 1600px */

@media (max-width: 1919px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 6; }
.frontsocials { grid-area: 1 / 6 / 2 / 8; }
.frontbdays { grid-area: 2 / 1 / 4 / 3; }
.frontevents { grid-area: 2 / 3 / 3 / 5; }
.frontscreen { grid-area: 3 / 3 / 4 / 5; }
.frontnews { grid-area: 2 / 5 / 4 / 8; }
.frontart { grid-area: 4 / 1 / 5 / 8; }
.frontisles { grid-area: 5 / 1 / 6 / 8; }

}

/* Min 1440px */

@media (max-width: 1599px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 2 / 1 / 3 / 5; }
.frontbdays { grid-area: 3 / 5 / 5 / 8; }
.frontevents { grid-area: 3 / 1 / 4 / 5; }
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 8; } 

.frontsocials p {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 70px);
}

}

/* Min 1280px */

@media (max-width: 1439px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 2 / 1 / 3 / 5; }
.frontbdays { grid-area: 3 / 5 / 5 / 8; }
.frontevents { grid-area: 3 / 1 / 4 / 5; }
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 8; } 

.frontsocials p {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 70px);
}

}


/* Min 1152px */

@media (max-width: 1279px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 3 / 1 / 4 / 5; }
.frontbdays { grid-area: 4 / 1 / 5 / 5; }
.frontevents { grid-area: 3 / 5 / 5 / 8; }
.frontscreen { grid-area: 2 / 1 / 3 / 5; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 8; } 

.frontsocials p {
    display: grid;
    grid-template-columns: 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%auto;
    grid-template-rows: auto;
    gap: 10px;
    width: calc(100% - 150px);
}

.frontbdays ol {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}

}

/* Min 1080px */

@media (max-width: 1151px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 3 / 1 / 4 / 5; }
.frontbdays { grid-area: 4 / 1 / 5 / 5; }
.frontevents { grid-area: 3 / 5 / 5 / 8; }
.frontscreen { grid-area: 2 / 1 / 3 / 5; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 8; } 

.frontsocials p {
    display: grid;
    grid-template-columns: 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%auto;
    grid-template-rows: auto;
    gap: 10px;
    width: calc(100% - 150px);
}

.frontbdays ol {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

}

/* Min 1024px */

@media (max-width: 1079px) {

.frontpage {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.fronthi { grid-area: 1 / 1 / 2 / 5; }
.frontsocials { grid-area: 2 / 1 / 3 / 5; }
.frontbdays { grid-area: 3 / 5 / 5 / 8; }
.frontevents { grid-area: 3 / 1 / 4 / 5; }
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
.frontnews { grid-area: 1 / 5 / 3 / 8; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 8; } 

.frontsocials p {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 70px);
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Min 851px */

@media (max-width: 1023px) {

.frontpage {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fronthi {
  grid-area: 2 / 1 / 3 / 7;
}

.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
  width: 31% !important;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}

.frontsocials {
  grid-area: 4 / 1 / 5 / 5;
  text-align: center;
}

.frontsocials p {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 70px);
}

.frontbdays {
  grid-area: 3 / 5 / 5 / 7;
}

.frontevents {
  grid-area: 1 / 5 / 2 / 7;
}

.frontscreen {
  grid-area: 3 / 1 / 4 / 5;
}

.frontnews {
  grid-area: 1 / 1 / 2 / 5;
}

.frontart {
  grid-area: 5 / 1 / 6 / 7;
}

.frontisles {
  grid-area: 6 / 1 / 7 / 7;
}

div.villager-infobox {
    width: calc(50% - 20px);
}

.artwork-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.islands-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important;*/
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px 20px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Min 820px */

@media screen and (max-width: 850px) {

#mw-content {
    padding: 0;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Min 810px */

@media (max-width: 819px) {

.frontpage {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fronthi {
  grid-area: 4 / 1 / 5 / 8;
}

.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
  width: 31% !important;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}

.frontsocials {
  grid-area: 2 / 5 / 3 / 8;
  text-align: center;
}

.frontsocials p {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 30px);
}

.frontbdays { grid-area:  3 / 3 / 4 / 8; }
.frontevents { grid-area: 1 / 5 / 2 / 8; }
.frontscreen { grid-area: 3 / 1 / 4 / 3; }
.frontnews { grid-area: 1 / 1 / 3 / 5; }
.frontart { grid-area: 5 / 1 / 6 / 8; }
.frontisles { grid-area: 6 / 1 / 7 / 8; }

.frontbdays ol {
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
    font-size: 100%;
    margin: 0 0 0 25px;
}

div.villager-infobox {
    width: calc(50% - 20px);
}

.artwork-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.islands-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important;1.5em */
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px 20px;
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
  background: none;
  margin: 0;
  padding: 0;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Min 800px */

@media (max-width: 809px) {

.frontpage {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fronthi {
  grid-area: 2 / 1 / 3 / 7;
}

.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
  width: 31% !important;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}

.frontsocials {
  grid-area: 4 / 1 / 5 / 5;
  text-align: center;
}

.frontsocials p {
  display: grid;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 70px);
}

.frontbdays { grid-area: 3 / 5 / 5 / 7; }
.frontevents { grid-area: 1 / 5 / 2 / 7; }
.frontscreen { grid-area: 3 / 1 / 4 / 5; }
.frontnews { grid-area: 1 / 1 / 2 / 5; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }

div.villager-infobox {
    width: calc(50% - 20px);
}

.artwork-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.islands-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px 20px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Min 720px */

@media (max-width: 799px) {

.frontpage {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fronthi { grid-area: 2 / 1 / 3 / 7; }
.frontbdays { grid-area: 3 / 4 / 5 / 7; }
.frontevents { grid-area: 1 / 4 / 2 / 7; }
.frontscreen { grid-area: 3 / 1 / 4 / 4; }
.frontnews { grid-area: 1 / 1 / 2 / 4; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; } 

.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
  width: 31% !important;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}

.frontsocials {
  grid-area: 4 / 1 / 5 / 4;    
  text-align: center;
}

.frontsocials p {
    display: grid;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    grid-template-rows: auto;
    gap: 10px;
    width: calc(100% - 70px);
}

.mw-body-content .frontsocials a > img, .mw-body-content .frontsocials .floatnone > img {
  min-width: 100% !important;
  max-width: 100% !important;
}

.frontbdays ol {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 5px;
}

div.villager-infobox {
    width: calc(50% - 20px);
}

.artwork-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.islands-grid {
  gap: 10px;
  width: calc(100% - 40px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px 20px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Min 640px */

@media (max-width: 719px) {

.frontpage {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fronthi {
  grid-area: 3 / 1 / 4 / 7;
}

.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
  width: 31% !important;
  float: right !important;
  margin: 0 0 10px 10px !important;
  box-sizing: border-box;
}

.frontsocials {
  grid-area: 4 / 5 / 5 / 7;
  text-align: center;
}

.frontsocials p {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 30px);
}

.mw-body-content .frontsocials a > img, .mw-body-content .frontsocials .floatnone > img {
  min-width: 100% !important;
  max-width: 100% !important;
}

.frontbdays { grid-area: 2 / 1 / 3 / 7; }
.frontscreen { grid-area: 4 / 1 / 5 / 5; }
.frontart { grid-area: 5 / 1 / 6 / 7; }
.frontisles { grid-area: 6 / 1 / 7 / 7; }
.frontnews { grid-area: 1 / 1 / 2 / 5; }
.frontevents { grid-area: 1 / 5 / 2 / 7; } 

.frontbdays ol {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}

div.villager-infobox {
    width: calc(50% - 20px);
}

.artwork-grid {
  gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
  width: calc(100% - 20px);
}

.islands-grid {
  gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
  width: calc(100% - 20px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px 20px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Mobile max 640px */

@media only screen and (max-width: 639px) {

.frontpage {
    display: grid;
    grid-template-columns: repeat(7, 1fr); 
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.fronthi { grid-area: 3 / 1 / 4 / 8; }
.frontsocials { grid-area: 4 / 1 / 5 / 8; }
.frontnews { grid-area: 1 / 1 / 2 / 8; }
.frontbdays { grid-area: 2 / 5 / 3 / 8; }
.frontevents { grid-area: 2 / 1 / 3 / 5; }
.frontscreen { grid-area: 5 / 1 / 6 / 8; }
.frontart { grid-area: 6 / 1 / 7 / 8; }
.frontisles { grid-area: 7 / 1 / 8 / 8; } 

.frontsocials p {
    display: grid;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    grid-template-rows: auto;
    gap: 10px;
    width: calc(100% - 70px);
}

.frontbdays ol {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 30px;
    font-size: 90%;
    margin: 0 0 0 25px;
}

div.villager-infobox {
    width: calc(100% - 20px);
}

.artwork-grid {
  grid-template-columns: 50% 50%;
  gap: 10px;
  width: calc(100% - 10px);
}

.islands-grid {
  grid-template-columns: 50% 50%;
  gap: 10px;
  width: calc(100% - 10px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px 20px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

/* Mobile */

@media only screen and (max-width: 499px) {

#mw-content #bodyContent {
    padding: 0;
}

.frontpage {
    display: grid;
    grid-template-columns: auto; 
    grid-template-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.fronthi{ grid-area: 4 / 1 / 5 / 8; }
.frontsocials{ grid-area: 5 / 1 / 6 / 8; }
.frontbdays { grid-area: 3 / 1 / 4 / 8; }
.frontevents { grid-area: 2 / 1 / 3 / 8; }
.frontscreen { grid-area: 6 / 1 / 7 / 8; }
.frontnews { grid-area: 1 / 1 / 2 / 8; }
.frontart { grid-area: 7 / 1 / 8 / 8; }
.frontisles  { grid-area: 8 / 1 / 9 / 8; } 

.frontsocials p {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
    gap: 10px;
    width: calc(100% - 30px);
}

.frontbdays ol {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 30px;
  font-size: 100%;
  margin: 0 0 0 25px;
}

.frontpage > div, .frontpage .frontisles .islands-grid > div {
  border-radius: 0;
  box-shadow: none;
  padding: 10px;
  border: none;
}

.fronthi figure[typeof~="mw:File/Thumb"], .fronthi figure[typeof~="mw:File/Frame"] {
  width: 100% !important;
  float: none !IMPORTANT;
  margin: 0 0 10px 0 !important;
  box-sizing: border-box;
}

figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element, figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
  max-width: calc(100% - 20px) !important;
  margin: 10px 0;
  border: none;
  min-width: calc(100% - 40px);
}

figure[typeof~="mw:File/Thumb"] .mw-file-description, figure[typeof~="mw:File/Frame"] .mw-file-description {
  margin: 0;
}

div.villager-infobox {
    width: calc(100% - 20px);
}

.artwork-grid {
  grid-template-columns: 50% 50%;
  gap: 10px;
  width: calc(100% - 10px);
}

.islands-grid {
  grid-template-columns: 50% 50%;
  gap: 10px;
  width: calc(100% - 10px);
}

.frontpage .mw-editsection {
  position: relative;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
}

.mw-body-content .frontpage a > img, .mw-body-content .frontpage .floatnone > img {
  max-width: 100% !important;
}

.mw-body h1.firstHeading {
  border-radius: 0;
}

#bodyContent {
  padding: 0 20px;
}

#mw-header-nav-hack {
    border-top: none;
    display: block;
    position: absolute;
    z-index: 198;
    background: #e5977f;
    background-image: none;
    width: 100%;
    background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-dbrown.png");
    font-family: "Poppins",sans-serif;
    font-weight: 400;
}

#mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  color: #954a34;
}

#mw-site-navigation .sidebar-chunk, 
#mw-related-navigation .sidebar-chunk {
  background-image: none;
  background-color: transparent;
  margin: 0 0 20px;
  padding: 0 0 20px;
  box-shadow: none;
  display: inline-block;
}

#content-bottom-stuff {
   background-color: #9a916b;
   background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sgyroids-l-mutedgreen.png");
   color: #5D3C34;
}

#mw-normal-catlinks a, #mw-normal-catlinks a:link, #mw-normal-catlinks a:active, #mw-normal-catlinks a:visited, #mw-normal-catlinks a.extiw:visited, #mw-normal-catlinks a.extiw:active:visited, #mw-normal-catlinks a.external:visited, #mw-normal-catlinks a.extiw, #mw-normal-catlinks a.extiw:active, #mw-normal-catlinks a.external {
   color: #5D3C34;
}

#mw-normal-catlinks a:hover {
   color: #5D3C34;
}

#mw-normal-catlinks a.new, #mw-normal-catlinks .new a, #mw-normal-catlinks a.new:visited, #mw-normal-catlinks .new a:visited {
   color: #8A3131;
}

#mw-normal-catlinks a.new:hover, #mw-normal-catlinks .new a:hover, #mw-normal-catlinks a.new:visited:hover, #mw-normal-catlinks .new a:visited:hover {
   color: #8A3131;
}

}

.merch {
  text-align: center;
}

.merch span {
  border-radius: 6px;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
  margin: 0 10px 10px 0;
  background-color: white;
  display: inline-block;
}

.merch span img {
  padding: 15px;
}

.navbox {
  background-color: #f7eec6;
  padding: 10px;
  margin: 0 0 10px;
  border-radius: 6px;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
  text-align: center;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-vlpink.png");
  clear: both;
}

.navbox .navboxheader {
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-red.png);
  border-radius: 6px;
  background-color: #9D4A3C;
  padding: 10px;
  margin: 0 auto 20px;
  color: #F9F3E8;
  border: none;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  clear: both;
  text-align: center;
  line-height: 1.125;
}

.villager-infobox {
  float: right;
  background-color: #4C312C;
  padding: 10px;
  margin: 0 0 10px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-dots-brown.png");
  border-radius: 6px;
  width: calc(40% - 20px);
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.05);
} 

.infobox-section {
  background-color: #f8e7cf;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-sakura-l-vlpink.png");
  margin: 0 0 5px;
  display: block;
}

.infobox-section:last-child {
  margin: 0;
}

.infobox-section p {
  padding: 0;
  margin: 0;
}

.infobox-name {
  font-size: 20pt;
  background-color: #f6e3c9;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-pink.png");
  margin: 0 0 5px;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #9F4F3C;
  letter-spacing: 0.05em;
}

.infobox-pic {
  background-position: 0 0;
  padding: 10px;
  text-align: center;
}

.infobox-pic img {
  max-width: 100%;
  height: auto;
}

.infobox-species {
  background-position: 45%;
}

.infobox-personality {
  background-position: 80%;
}

.infobox-gender {
  background-position: 20%;
}

.infobox-birthday {
  background-position: 50%;
}

.infobox-sign {
  background-position: 15%;
}

.infobox-favsaying {
  background-position: 70%;
}

.infobox-catchphrase {
  background-position: 10%;
}

.infobox-languages {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: auto;
  gap: 0 10px;
  width: calc(100% - 10px);
  background-position: 60%;
}

/* Villager NH Infobox */

.villager-infobox-nh {
  background-color: #4C312C;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-dots-brown.png");
  border-radius: 6px;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.05);
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 0;
  width: 100%;
  padding: 5px;
} 

.villager-infobox-nh-left {
  padding: 5px;
}

.villager-infobox-nh-left .mw-file-description {
  padding: 10px;
}

.villager-infobox-nh-left .mw-file-element {
  margin: 0 auto;
  display: block;
}

.villager-infobox-nh-right {
  padding: 5px;
}

.mw-body-content .villager-infobox-nh-right a > img, 
.mw-body-content .villager-infobox-nh-right .floatnone > img,
.mw-body-content .villager-infobox-nh-right span img, 
.mw-body-content .villager-infobox-nh-right .floatnone span img {
  border-radius: 0;
}

.villager-nh-section {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 5px;
  display: block;
}

.villager-nh-icon,
.villager-nh-photo, 
.villager-nh-render {
  margin: 0 0 10px;
}

.villager-nh-photo .mw-file-element {
  margin: 0 auto;
  display: block;
  box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
}

.villager-nh-wear .villager-nh-section,
.villager-nh-favourites .villager-nh-section,
.villager-nh-handheld .villager-nh-section,
.villager-nh-houseinterior .villager-nh-section,
.villager-nh-houseexterior .villager-nh-section {
  background-color: #ffffff69;
  background-image: none;
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 5px;
  display: block;
}

.villager-nh-section:last-child {
  margin: 0;
}

.villager-nh-section p {
  padding: 0;
  margin: 0;
}

.villager-nh-wear {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}

.villager-nh-favourites {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}

.villager-nh-handheld {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}

.villager-nh-houseinterior {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}

.villager-nh-houseexterior {
  background-color: none;
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-mint.png);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 0 10px;
  display: block;
}

.villager-nh-section h3 {
  margin: 5px 5px 10px;
  text-align: left;
}

.villager-nh-handheld .infobox-name {
  font-size: 20pt;
  background-color: #f6e3c9;
  padding: 2px 5px;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-mcm-sparkles-l-pink.png");
  margin: 0 0 5px;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #9F4F3C;
  letter-spacing: 0.05em;
}

.villager-nh-handheld .infobox-pic {
  background-position: 0 0;
  padding: 10px;
  text-align: center;
}

.villager-nh-handheld .infobox-pic img {
  max-width: 100%;
  height: auto;
}

.villager-nh-handheld .infobox-languages {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: auto;
  gap: 0 10px;
  width: calc(100% - 10px);
  background-position: 60%;
}



.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"] {
  margin: 0 0 1.5em 0;
}

.mw-body-content a > img, .mw-body-content .floatnone > img,
.mw-body-content span img, .mw-body-content .floatnone span img {
  /*max-width: calc(100% - 10px) !important; */
  border-radius: 6px;
  height: auto !important;
  max-width: 100% !important;
  width: auto;
}

.mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption {
  text-align: center;
  color: #AE422882;
}

figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element, 
figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
  max-width: calc(100% - 40px) !important;
  margin: 10px 0;
  border: none;
}

/* Fix figure polaroid */

figure {
  display: flex;
  flex-wrap: wrap;
}

figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
  display: flex;
  flex-wrap: wrap;
}

figcaption {
  width: min-content;
  flex: 1;
}

figure[typeof~="mw:File/Thumb"] .mw-file-description, 
figure[typeof~="mw:File/Frame"] .mw-file-description {
  flex: 1 0 100%;
  margin: 0 -10px;
}

figure[typeof~="mw:File/Frame"] > figcaption:empty {
  padding-bottom: 0;
}

.social-links p {
  margin: 0;
  padding: 0;
}

.social-links a {
  padding: 5px;
  display: inline-block;
}

.social-links span {
  display: inline-block;
}

.mw-body-content .social-links a > img, .mw-body-content .social-links .floatnone > img {
  max-width: 100% !important;
}


.mw-content-ltr figure[typeof~="mw:File/Thumb"] > .mw-file-description::after, 
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > .mw-file-magnify::after {
  display: none;
background-color: white;
}

figure[typeof~="mw:File/Thumb"] > figcaption::before {
  display: none;
}

figure[typeof~="mw:File/Thumb"].mw-halign-left span,
figure[typeof~="mw:File/Frame"].mw-halign-left span,
figure[typeof~="mw:File/Thumb"].mw-halign-center span,
figure[typeof~="mw:File/Frame"].mw-halign-center span,
figure[typeof~="mw:File/Thumb"].mw-halign-right span,
figure[typeof~="mw:File/Frame"].mw-halign-right span {
  flex: 1 0 100%;
  margin: 0 -10px;
}

.mw-body h2:nth-of-type(1), .mw-body h2:nth-of-type(21) {
  background-position: 0 0;
}

.mw-body h2:nth-of-type(2), .mw-body h2:nth-of-type(22) {
  background-position: 30px 70px;
}

.mw-body h2:nth-of-type(3), .mw-body h2:nth-of-type(23) {
  background-position: 10px 140px;
}

.mw-body h2:nth-of-type(4), .mw-body h2:nth-of-type(24) {
  background-position: 5px 45px;
}

.mw-body h2:nth-of-type(5), .mw-body h2:nth-of-type(25) {
  background-position: 70px 10px;
}

.mw-body h2:nth-of-type(6), .mw-body h2:nth-of-type(26) {
  background-position: 0 50px;
}

.mw-body h2:nth-of-type(7), .mw-body h2:nth-of-type(27) {
  background-position: 10px 100px;
}

.mw-body h2:nth-of-type(8), .mw-body h2:nth-of-type(28) {
  background-position: 90px 200px;
}

.mw-body h2:nth-of-type(9), .mw-body h2:nth-of-type(29) {
  background-position: 45px 35px;
}

.mw-body h2:nth-of-type(10), .mw-body h2:nth-of-type(30) {
  background-position: 120px 140px;
}

.mw-body h2:nth-of-type(11), .mw-body h2:nth-of-type(31) {
  background-position: 200px 90px;
}

.mw-body h2:nth-of-type(12), .mw-body h2:nth-of-type(32) {
  background-position: 70px 30px;
}

.mw-body h2:nth-of-type(13), .mw-body h2:nth-of-type(33) {
  background-position: 140px 10px;
}

.mw-body h2:nth-of-type(14), .mw-body h2:nth-of-type(34) {
  background-position: 45px 5px;
}

.mw-body h2:nth-of-type(15), .mw-body h2:nth-of-type(35) {
  background-position: 10px 70px;
}

.mw-body h2:nth-of-type(16), .mw-body h2:nth-of-type(36) {
  background-position: 50px 0;
}

.mw-body h2:nth-of-type(17), .mw-body h2:nth-of-type(37) {
  background-position: 100px 10px;
}

.mw-body h2:nth-of-type(18), .mw-body h2:nth-of-type(38) {
  background-position: 200px 90px;
}

.mw-body h2:nth-of-type(19), .mw-body h2:nth-of-type(39) {
  background-position: 35px 45px;
}

.mw-body h2:nth-of-type(20), .mw-body h2:nth-of-type(40) {
  background-position: 140px 120px;
}

.mw-body .snw h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-snw.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}

.mw-body .sakurabay h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-sakurabay.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}

.mw-body .miffyisle h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-miffy-isle-plaid-small2.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(120, 69, 22, 0.33);
  background-position: center center !important;
}

.mw-body .maplegrove h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-maplegrove.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(120, 69, 22, 0.33);
}

.mw-body .stardust h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-stardust.png);
  background-color: #D6AB8A;
  color: #E7A854;
  text-shadow: 2px 2px 0 rgba(1, 0, 0, 0.63);
}

.mw-body .cosycove h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-cosycove.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgb(13, 56, 46);
}

.mw-body .belmont h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-belmont.png);
  background-color: #D6AB8A;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(54, 29, 7, 0.82);
}

.mw-body .starlevilandstar h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-leviland.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}

.mw-body .leviland h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-leviland.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(81, 45, 12, 0.64);
}

.mw-body .quinnland h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-quinnland.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(189, 116, 48, 0.52);
}

.mw-body .heatherbay h2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-wood-heatherbay.png);
  background-color: #ECD5AC;
  color: #F9F3E8;
  text-shadow: 2px 2px 0 rgba(189, 116, 48, 0.52);
}

.toc {
  line-height: 1;
  border-radius: 6px;
  border: none;
  background-color: #ffffffbf;
  box-shadow: 2px 2px 0 4px rgba(0,0,0,0.05);
}

.mw-body .toctitle {
  border-bottom: dotted 1px #5d3c34;
  text-align: unset;
}

#mw-toc-heading {
  background-image: none;
  background-color: transparent;
  color: #5D3C34;
  font-weight: 700;
  text-shadow: none;
}

.toctogglelabel {
   color: #5d3c34;
}

.bdaywrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 10px);
  align-items: center;
}

.bdaywrapper .bdaytext {
  text-align: center;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  display: inline;
}

.bdaywrapper .bdaytext .bdaytextname {
  font-size: 50pt;
  line-height: 50pt;
}

.bdaywrapper .bdaytext .bdaytextdate {
  font-size: 22pt;
  line-height: 22pt;
}

.bdaywrapper .bdayimg {

}

.cyruswrapper {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: auto;
  gap: 10px;
  width: calc(100% - 10px);
  align-items: center;
}

.cyruswrapper .cyrusimg {

}

.cyruswrapper .cyrustext {
  font-size: 50pt;
  text-align: center;
  font-family: "ACWebFont","Mountains of Christmas",Verdana,Helvetica,sans-serif;
  line-height: 50pt;
  display: inline;
}

.clear {
  clear: both;
}

.cyrusssketchbookwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.cyrusssketchbookheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.cyrusssketchbooktext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.daringdecorwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.daringdecorheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.daringdecortext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.pictureperfectdesignswrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.pictureperfectdesignsheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.pictureperfectdesignstext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.furniturequizwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.furniturequizheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.furniturequiztext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.adayinthelifewrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.adayinthelifeheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.adayinthelifetext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.birthdayanimalwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.birthdayanimalheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.birthdayanimaltext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.pocketcampclubpollwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.pocketcampclubpollheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.pocketcampclubpolltext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.pocketcampclubgallerywrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.pocketcampclubgalleryheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.pocketcampclubgallerytext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.ablesisterssketchbookwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.ablesisterssketchbookheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.ablesisterssketchbooktext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.pocketcampclubjournalblockwrapper {
  border-radius: 10px;
  padding: 5px;
  font-size: 14pt;
  margin: 0 0 25px;
}

.pocketcampclubjournalblockheader {
  color: #FFF;
  padding: 5px;
  text-align: center;
}

.pocketcampclubjournalblocktext {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.pinkwrapper {
  background-color: #ff82af;
}

.orangewrapper {
  background-color: #ff9b55;
}

.orange2wrapper {
  background-color: #e06d40;
}

.bluewrapper {
  background-color: #5abeff;
}

.tealwrapper {
  background-color: #41c8aa;
}

.greenwrapper {
  background-color: #526a39;
}

.redwrapper {
  background-color: #ff594b;
}

.yellowwrapper {
  background-color: #e5bf0d;
}
Retrieved from "https://rosiesocrossing.com/index.php?title=MediaWiki:Common.css&oldid=2828"