/* INDEX.HTML SPECIFIC STYLES */

 /* override globals.css here */

.container {
  max-width:1200px !important;
}



   #footer_links {
      font-size:large !important;
    }


 
/* Base styles */


  #links_header a {
    font-size:large !important;
  }

   

.leedz_text a {
  color:var(--LEEDZ_EMERALD);
}

.leedz_text span {
  margin:20px auto;
  width:90%;
  line-height: 1.3em !important;
  font-size: 1.5em !important;
  letter-spacing: 0.06em;
  padding:10px;
  display: block;
}

.intro {
    line-height:1.2em;
    color:var(--LEEDZ_LIGHTGREEN);
    border: 3px solid var(--LEEDZ_DARKGREEN);

}

.intro span {
  margin: 20px auto;
}

.intro table {
  width: 100%;
  border-collapse: collapse;
}



.intro ul {
  line-height:1.3em;
}

.intro .step_label {
  color:dodgerblue;
}

.marketplace {
  align-content: end;
  background-color: lightgreen;
    border: 3px solid dodgerblue;
  margin-bottom:0 !important;

}


.marketplace_box {
  padding:15px;
  max-width:90%;
  margin: 20px auto 0px auto;
  
}

.marketplace_header {
  display: flex;
  justify-content: space-between;
 color:var(--LEEDZ_GREEN) !important; 
  padding: 10px;
  
}

.marketplace_title {
 
font-style: italic;
font-weight:600;
font-size: 1.3em;
}


.marketplace_sell {
 display: flex;
  font-style: italic;
  font-weight:600;
  font-size: 2.7em !important;
  margin: 40px 20px 20px 50px;
  color:midnightblue;
}

.marketplace_info p {
  margin:10px 0;
  font-size: 1.3em;
}

.marketplace_about {

  font-style: italic;
  font-weight:600;
  font-size: 1.3em;
  line-height:1.7;
  margin: 10px 20px 20px 50px;
  color:black;

}


.marketplace_info {

  font-style: italic;
  font-weight:600;
  font-size: 1.2em;
  line-height:1.5;
  margin: 10px 20px 20px 50px;
  color:black;


}

.marketplace_about a,
.marketplace_sell a,
.marketplace_info a {
  color: dodgerblue;
  text-decoration: none;
}


.marketplace_date {
    color:var(--LEEDZ_GREEN) !important;
  font-size: 1em;
}

#marketplace_error {
  color:var(--LEEDZ_GREEN);
  text-align:center;
  padding:20px;
}

.loading_cell {
  text-align:center;
  padding:20px;
  color:var(--LEEDZ_GREEN);
  font-weight:600;
}


td.menu_column {
  margin-right:40px;
}

.menu_column img {
  max-width:350px !important;  
  box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 15px;
    border-radius:10px;
}






.workflow {
    line-height:1.2em;
    color:var(--LEEDZ_LIGHTGREEN);
    border: 3px solid var(--LEEDZ_DARKGREEN);
  background-color: darkslategray;
}




.workflow img {
  padding-left:5vw;
  width:90%;

  min-width:300px;
  max-width:800px;
}

.step_number {
  color:var(--LEEDZ_BKG);
  display:inline-block;
  vertical-align: middle;
  margin-right:10px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:4em;
  font-weight:600;
  line-height: 120%;
  letter-spacing:0.08em;
}

.step_label {
  color:midnightblue;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.75em !important;
  font-weight:600;
  line-height:1.5em;
  vertical-align:middle;
  display:inline-block;
  letter-spacing:0.015em;
}

.free_label  {
  color:var(--LEEDZ_EMERALD);
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.6em;
  font-weight:600;
  display:inline-block;
  letter-spacing:0.015em;
  margin:20px 10px 10px 10px;
}

.free_label a {
  color:var(--LEEDZ_EMERALD);
  text-decoration: none;
}

.demo_link {
  text-decoration: none;
  font-size: 1.5em; 
}

.download_ext,
.download_server,
.download_mcp {
  border-radius:50px;
}

.download_ext td,
.download_server td,
.download_mcp td {
  vertical-align: top;
}

.download_ext td:nth-child(2),
.download_server td:nth-child(2),
.download_mcp td:nth-child(2) {
  text-align: center;
  width:40%;
  align-content: center;
}

.download_ext {
  background-color:lightgreen;
  color:black;

  border: 3px solid white;
  padding:20px;
}



.download_ext a {
  color:var(--LEEDZ_EMERALD);
  font-weight:600;
}

.download_ext ul {
  padding:10px;
  margin-left:5vw;
  font-size:90%;
}

.download_server {
  background-color:skyblue;
  color:black;
  border: 3px solid white;
    padding:20px;

}


.download_server a {
  color:var(--LEEDZ_EMERALD);
  font-weight:600;
}

.download_mcp {
  background-color:orange;
  color:black;
  border: 3px solid yellow;
    padding:20px;

}


.download_mcp a {
  color:dodgerblue;
  font-weight:600;
}

.download_mcp ul {
  padding:10px;
  margin-left:5vw;
  font-size:90%;
}

#ext_ex,
#server_ex,
#mcp_ex {
  width: 250px;
  max-width: 400px;
  margin: 10px auto;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#premium_btn {
  width:100%;
  max-width:230px;
  border-radius:15px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin:15px auto;
}

.mobile_only {
    line-height:1.2em;
    color:var(--LEEDZ_LIGHTGREEN);
    border: 3px solid var(--LEEDZ_DARKGREEN);
    background-color:var(--LEEDZ_BKG_DARK);
    padding:20px;
    scale:0.9;
}

.about {
   color:white;
    background-color:dodgerblue;
    border: 3px solid white;
    letter-spacing: 0.08em;
    scale:0.9;
}

.about a {
  text-decoration:none;
  color:var(--LEEDZ_GREEN);
  font-weight:600;
}

.contact {
   color:var(--LEEDZ_LIGHTGREEN);
    background-color:var(--LEEDZ_EMERALD);
    border: 3px solid white;
    scale:0.9;
}

.contact a {
  text-decoration: none;
}

.gallery {
    color:var(--LEEDZ_LIGHTGREEN);
    background-color:darkslategrey;
    border: 3px solid var(--LEEDZ_GREEN);

    scale:0.9;
    padding:20px;
}

.gallery span {
 margin: 20px auto;
}

.gallery_table {
  width: 100%;
}

.gallery td {
  text-align: center;
  vertical-align: top;
  padding:10px;
}

.gallery img {
  height:40%;
  max-width:200px;
  margin:0 auto;
  border-radius:10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 15px;
}

#linkedin_img {
  width: 200px;
  max-width: 250px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 20px;
}

/* RESPONSIVE STYLES FOR INDEX.HTML */

/*
 * SMALL SCREENS
 */

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

    html {
      font-size: 13px; /* Small screens - smaller text */
      line-height: 1.2;
      font-family: var(--FONT_3);
      --screen_size: S;
    }


      #links_header a {
    font-size:medium !important;
  }



.intro, .workflow, .marketplace {
  scale: 0.9;
}


.gallery {
  scale: 0.9;
}

    .marketplace_sell {
      font-size: 1.8em;
    }

    /* hide downloads */
    .a_download, .download_ext, .download_server, .download_mcp {

      display:none;
    }


    .mobile_only {
      display:block;
    }

    /* Reduce spacing from BR tags between sections */
    br {
      line-height: 0.5em;
    }

    /* Reduce container bottom margin on small screens */
    .container {
      margin-bottom: 10px;
    }

    .menu_column {
      display:none;
    }




.gallery_table {
   margin-top:10px;
  width: 100%;
  table-layout: fixed;
}


.gallery td {
  text-align: center;
  vertical-align: top;
  padding: 10px;
  width: 33.33%;
}


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


    #linkedin_img {
      max-width:130px;
    }
  }


/*
 * MEDIUM SCREENS
 */

@media screen and (min-width: 600px) and (max-width: 999px) {


.intro, .workflow, .marketplace {
    scale:0.9 !important;
}

.gallery, .download_mcp, .download_server, .download_ext {
  scale:0.9;
}

  .marketplace_sell {
    font-size: 2em;
  }

  #links_header a {
    font-size:large !important;
  }




  html {
    width:100vw;
    max-height:900px;
    font-size: 14px; /* Medium screens - medium text */
    line-height: 1.2;
    font-family: var(--FONT_3);
    --screen_size: M;
  }

  .step_number {
    font-size:2.5em;
    color:var(--LEEDZ_BKG_LIGHT);
  }

  .step_label {
      font-size:1.4em !important;
  }



    /* show downloads */
    .download_a, .download_ext, .download_server, .download_mcp {

       display:block;
    }

    .mobile_only {
      display:none;
    }

    .menu_column {
      display:block;
    }

    /* Gallery images - fit within container */
    .gallery_table {
      margin-top:10px;
      width: 100%;
      table-layout: fixed;
    }

    .gallery td {
      text-align: center;
      vertical-align: top;
      padding: 15px;
      width: 33%;
    }

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

    #linkedin_img {
      max-width:150px;
    }
}

/*
 * LARGE SCREENS
 */

@media screen and (min-width: 1000px) {


  html {
    width:100%;
    font-size: 18px; /* Large screens - bigger text */
    line-height: 1.2;
    font-family: var(--FONT_3);
    --screen_size: L;
  }


  #links_header a {
    font-size:1.2em !important;
  }

        /* show downloads */
    .download_a, .download_ext, .download_server, .download_mcp {
       display:block;
    }

    .mobile_only {
      display:none;
    }

    .menu_column {

      padding:10px;
      display:block;
    }



}