/*  ==================================
     IDEABASKET - SPLASH  
    ----------------------------------
     Border all elements for testing
    ==================================*/
/** {
   border: 1px solid gray !important;
}*/


/*  ==================================
     BODY
    ==================================
    Each website in AREA needs it's own 
    body {} tag to designate any specific
    fonts or background. (Note: There is
    no "." in front of the word body)
    ---------------------------------- */
body {
   background-color: black !important;
   color: white !important;
}

/* --------------------------------------------------
    Splash page is too wide for the amount of content.
   --------------------------------------------------
*/
/* Shorten NAV in _Layout <div class="container shortWidth-840"> */
.shortWidth-840 {
   max-width: 840px !important;
}
/* Shorten BODY in _Layout <div class="container mt-9 shortWidth-900"> */
.shortWidth-900 {
   max-width: 900px !important;
}



/*  =====================================
     Specific to ideabasket SPLASH PAGE
    ===================================== */

.idea-border-green {
   border: 9px solid #609c18 !important;
   border-radius: 25px;
   padding: 20px;
}

.idea-box-gray {
   background-color: #3e4649 !important;
   /*padding: 20px !important;*/
}

/* ===============================
    Responsive IMAGES don't always
    work. This image needs specific
    dimensions, defined locally
   ===============================
*/
.idea-splash-image {
   height: 250px !important;
   width: auto;
}

/* ===============================
    FOOTER
   -------------------------------
    <hr>, margins, and centered text
    are defaults in GlobalBasics
    Define (local) size and colors here
   =============================== */
.hrLine-footerCopyright {
   border-color: white !important;
   width: 60%;
}