/**********************************************************************
 ** Generic entities
 **********************************************************************/

a:link    {text-decoration: none; color:#00ccff}
a:visited {text-decoration: none; color:#00aadd}
a:hover   {text-decoration: underline; color:#0088aa}

p                  {text-align: justify; }


/**********************************************************************
 ** General site entities
 **********************************************************************/
div.shortquote
{
  width:500px;
  margin-left:auto; margin-right: auto; margin-top:16px;
  font-style:italic; color: #336699;
}

div.quote
{
  width:500px;
  margin-left:30px; margin-top:16px;
  font-style:italic; color: #336699;
}

div.breakout
{
  width: 80%; padding: 8px; position: relative;
  margin-left:auto; margin-right: auto; margin-top: 16px; margin-bottom: 16px;
  background-image:URL(/art/starfield-blue-dark.png);
  font-style: italic;
  color:#ffffff
}
div.breakout .attrib
{
  position: absolute;
  right: 8px; bottom: 4px;
}

div.attribution
{
  text-align:right;
  padding-top:4px;
  font-size:80%;
  color:#cfcfcf;
}

div.image
{
  margin-top: 16px; margin-bottom: 16px;
  margin-left: 8px; margin-right:8px;
  font-style: italic;
  text-align: center;
}

div.image img
{
    border:1px solid black;
    max-width: 100%;
}

div.clear
{
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
}

div.clear-after:after
{
    content: "";
    display: table;
    clear: both;
}

div.double-column-caption
{
  margin-top: -8px; margin-bottom: 16px;
  font-style: italic;
  text-align: center;
}

div.excited
{
  font-size: 120%; font-style:italic;
  text-align:center;
  margin-bottom:16px;
}

div.shout
{
  text-align:center;
  margin-bottom:16px;
}

div.section{
    margin-top: 3ex;
    font-size: 140%;
    font-weight: bold;
}
div.section.big {
    font-size: 280%;
    margin-top: 2ex;
}

.shout {
  font-size: 180%; font-weight:900;
}

.highlight {
  background-color: #ffff00;
}

/**********************************************************************
 ** Header formatting
 **********************************************************************/

body
{
  /*font-size:80%;*/
  font-family: Sans-Serif;
  background-color:#ffffff;
  margin: 0px;
  padding: 0px;

}

#title-rule
{
  height:4px; background-color:#cfcfcf
}

#tagline
{
  text-align:right;
  color:#cfcfcf;
  font-size:120%; font-weight: bold;
  margin-bottom: 16px;
}

/**********************************************************************
 ** Content formatting
 **********************************************************************/

#main-container
{
  width:1000px;
  margin-right:auto; margin-left:auto;
  padding-top:8px
}

#main-text
{
    float: left;
    width: 700px; position:relative; left:60px;
/*  padding-left: 0px; padding-right: 16px; */
}

div.page-title
{
  font-size:280%; font-weight:bolder;
  margin-top: 0px; margin-bottom: 0px;
  padding-top: 0px; padding-bottom: 0px;
}

div.page-subtitle
{
  font-size:120%; font-weight: bold;
  color: #9f9f9f;
}



.sidebar-news {
    margin-bottom: 16px;
}
.sidebar-news-link {
    text-align: right;
}

.sidebar-news-title {
    font-weight: bold;
}

.sidebar-text p {
    text-align: left;
}

.sidebar-text p:first-of-type {
    margin-top: 0;
}

.sidebar-section div.news {
    margin: 0;
    padding: 0;
}
.sidebar-section div.news > div.entry {
    background: inherit;
}


/**********************************************************************
 ** Sidebar formatting
 **********************************************************************/

#sidebar-container
{
  width:220px; float:right;
  margin: 0px; margin-left: 16px;
  padding: 0px;
  text-align:center
}

.sidebar-section {
    margin-bottom: 16px;
}

.sidebar-header
{
  margin-left: auto; margin-right: auto;
  padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;
  color:#ffffff; font-size:120%;
  background-image:URL(/art/starfield-blue-light.png);
  font-weight: bold;
}

.sidebar-text
{
  margin-left: auto; margin-right: auto;
  padding: 8px; padding-bottom:16px;
  text-align: left; color: #ffffff;
  background-image:URL(/art/starfield-blue-dark.png);
  font-size: 85%;

}

.sidebar-cart
{
    margin-top: 16px;
}

div.navsection
{
  color: #ffffff
}

a.navlink:link    { text-decoration: none; color:#ffffff; }
a.navlink:visited { text-decoration: none; color:#ffffff; }
a.navlink:hover   { text-decoration: underline; color:#ffffff; }

ul.navsection {
  margin:0px;
  padding:0px;
}
ul.navsection:hover {
  color: #999999;
}
ul.navsection:hover a {
  color: #999999;
}

ul.navsection>li {
  list-style: none;
  margin:0px;
  margin-top: 16px;
  padding:0px;
  font-weight: bold;
}

ul.navsection>li a
{
  display: block;
}

ul.navsection>li a:hover
{
  color: #ffffff;
}

ul.navsection>li:first-child {
  margin-top: 0px;
}

ul.navsection>li ul {
  margin:0px;
  padding:0px;
}

ul.navsection>li ul li {
  list-style-type: square;
  margin:0px;
  margin-left:1.5em;
  padding:0px;
  font-weight: normal;
}

ul.navsection>li.small ul {
}

ul.navsection>li ul li a {
  display: block;
}

ul.navsection>li ul li:hover
{
  color: #ffffff;
}
ul.navsection>li ul li:hover a
{
  color: #ffffff;
}
ul.navsection>li:hover a:hover
{
  text-decoration: none;
  color: #ffffff;
}


/**********************************************************************
 ** Footer formatting
 **********************************************************************/

#footer-rule
{
  margin-top: 2ex;
  height:4px; background-color:#000000;
}

#copyright
{
  margin-top: 4px; margin-bottom: 4px;
  text-align:center;
  font-size:80%;
  color:#666666;
}
#copyright a:link    {text-decoration: none; color:#666666; }
#copyright a:visited {text-decoration: none; color:#666666; }


/**********************************************************************
 ** Mobile formatting
 **********************************************************************/

@media screen and (min-width: 1000px) {
    #mobilemenu-container {
        display: none;
    }

    #title-container
    {
        text-align:center;
        background-image: url("/art/2.0/rocketshipgames-background.png");
        background-color: #231f20;
        background-repeat: repeat;
        height: 118px;
    }

    #title-banner
    {
        width: 780px; height: 118px;
        margin-left:auto; margin-right: auto;
        position:relative
    }

    #title-rocketship
    {
        position:absolute; z-index:2;
        left: -148px; top: 60px;
        width: 168px; height: 191px;
    }

    #title-planetoid
    {
        position: relative;
        bottom: 12px;
    }

}

@media screen and (max-width: 999px) {
    body {
        /* font-size: 66%; */
    }

    #title-container {
        width: 100vw;
    }
    #title-planetoid {
        display:none;
    }
    #title-rocketship {
        display:none;
    }
    #title-planet {
        width: 100%;
    }
    #title-banner {
        width: 100%;
    }

    #tagline {
        display: none;
    }

    #title-rule {
        display: none;
    }

    #sidebar-container {
        display: none;
    }

    #main-container {
        width: 100%;
        box-sizing: border-box;
        padding: 24px;
    }

    #main-text {
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        float: none;
        left: auto;
    }

    img.page-graphic {
        min-width: 100%;
    }

}

.mobilemenu-collapsible {
    background-image:URL(/art/starfield-blue-light.png);
    background-size: 100%;
    color: white;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid black;
    width: 100%;
    text-align: right;
    outline: none;
    font-weight: bold;
    font-size: 300%;
}

.mobilemenu-active {
    background-image:URL(/art/starfield-blue-dark.png);
    background-size: 100%;
}

.mobilemenu-content {
    box-sizing: border-box;
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-image:URL(/art/starfield-blue-dark.png);
    background-size: 100%;
    color: white;
    border-bottom: 1px solid black;
    font-size: 300%;
}

.mobilemenu-content > ul {
    margin: 24px;
}




/**********************************************************************
 ** Ecwid storefront
 **********************************************************************/

.product-details__description {
    width: 100% !important;
}

div.product-details-module product-details__general-info div..product-details-module__title {
    display: none !important;
}

#my-categories-53896123 nav {
    border: none !important;
}

#my-categories-53896123 nav ul {
    background: #00aadd !important;
    border-radius: 8px;
}

#my-categories-53896123 nav ul li a {
    color: white !important;
   /*
    font-size: 200% !important;
    font-weight: bold !important;
   */
}

a.grid-category__title {
    background: #00aadd !important;
    border-radius: 8px;
}

div.grid-category__title-inner {
    color: white !important;
}



ul.horizontal-menu-subParent.horizontal-menu-subParent--left.horizontal-menu-subParent--right {
  max-width: none !important;
}

/*
html#ecwid_html body#ecwid_body ul.horizontal-menu-subParent.horizontal-menu-subParent--left.horizontal-menu-subParent--right {
    max-width: none !important;
    min-width: min-content !important;
    width: 200px !important;
}
*/