/*
 * Theme name: FP2 theme
 * Description: Style file for desktop devices
 *
 * @author Quentin Lauv
 */



/**
 * Header, user login
 */

.ql-desktop #header-user-login,
.ql-desktop #header-user-signup {
  font-size: 0.8em;
  padding: 20px;
  text-align: left;
  vertical-align: bottom;
}

.ql-desktop #header-user-login {
  width: 250px;
}

.ql-desktop #ql-login-form #ql-user-input {
  border-color: #0070C0;
  border-style: solid;
  border-width: 0 0 1px 0;
}

.ql-desktop #header-user-login .ql-actions {
  text-align: center;
}

.ql-desktop #header-user-login .ql-actions button {
  margin: 5px 5px 0;
}

.ql-desktop #header-user-signup {
  background-color: #0070C0;
  color: white;
  width: 150px;
}

.ql-desktop #header-user-signup .ql-description {
  /*margin-bottom: 10px;
  min-height: 75px;*/
  min-height: 68px;
}


/**
 * Footer
 */

.ql-desktop .ql-footer .ql-ctrls {
  opacity: 0;
  filter: alpha(opacity=0);
}

.ql-desktop .ql-footer:hover .ql-ctrls {
  opacity: 1;
  filter: alpha(opacity=100);
}


/**
 * Products
 */
 
@media all and (min-width: 600px) and (max-width: 650px) {
  .ql-desktop .ql-sdbcf .ql-prdg,
  .ql-desktop .ql-sdbcf .ql-products .ql-prdc {width: 99%;}
  .ql-desktop .ql-sdbcr .ql-prdg,
  .ql-desktop .ql-sdbcr .ql-products .ql-prdc {width: 32%;}
  .ql-desktop .ql-sdbcr .ql-prd-adg {width: 65%;}
}
@media all and (min-width: 650px) and (max-width: 850px) {
  .ql-desktop .ql-sdbcf .ql-prdg,
  .ql-desktop .ql-sdbcf .ql-products .ql-prdc {width: 49%;}
  .ql-desktop .ql-sdbcr .ql-prdg,
  .ql-desktop .ql-sdbcr .ql-products .ql-prdc {width: 32%;}
  .ql-desktop .ql-sdbcf .ql-prd-adg {width: 99%;}
  .ql-desktop .ql-sdbcr .ql-prd-adg {width: 65%;}
}
@media all and (min-width: 850px) and (max-width: 1000px) {
  .ql-desktop .ql-sdbcf .ql-prdg,
  .ql-desktop .ql-sdbcf .ql-products .ql-prdc {width: 32%;}
  .ql-desktop .ql-sdbcr .ql-prdg,
  .ql-desktop .ql-sdbcr .ql-products .ql-prdc {width: 24%;}
  .ql-desktop .ql-sdbcf .ql-prd-adg {width: 65%;}
  .ql-desktop .ql-sdbcr .ql-prd-adg {width: 49%;}
}
@media all and (min-width: 1000px) and (max-width: 1300px) {
  .ql-desktop .ql-sdbcf .ql-prdg,
  .ql-desktop .ql-sdbcf .ql-products .ql-prdc {width: 24%;}
  .ql-desktop .ql-sdbcr .ql-prdg,
  .ql-desktop .ql-sdbcr .ql-products .ql-prdc {width: 19%;}
  .ql-desktop .ql-sdbcf .ql-prd-adg {width: 49%;}
  .ql-desktop .ql-sdbcr .ql-prd-adg {width: 39%;}
}
@media all and (min-width: 1300px) {
  .ql-desktop .ql-sdbcf .ql-prdg,
  .ql-desktop .ql-sdbcf .ql-products .ql-prdc {width: 15.66%;}
  .ql-desktop .ql-sdbcr .ql-prdg,
  .ql-desktop .ql-sdbcr .ql-products .ql-prdc {width: 15.66%;}
  .ql-desktop .ql-sdbcf .ql-prd-adg {width: 32.32%;}
  .ql-desktop .ql-sdbcr .ql-prd-adg {width: 32.32%;}
}

.ql-desktop .ql-prdg.expended .ql-more-info.ql-left-disp,
.ql-desktop .ql-prdg.expended .ql-more-info.ql-right-disp {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 108%;
}

.ql-desktop .ql-more-info.ql-left-disp:hover,
.ql-desktop .ql-more-info.ql-right-disp:hover {
  display: none;
}

.ql-desktop .ql-prdg.ql-prd-so:hover,
.ql-desktop .ql-prdg.ql-prd-so .ql-more-info.ql-left-disp,
.ql-desktop .ql-prdg.ql-prd-so .ql-more-info.ql-right-disp {
  border-color: #E0E0EE;
}


/**
 * Product page
 */

@media all and (min-width: 600px) and (max-width: 800px) {
  .ql-desktop .ql-prdp .ql-offer .ql-cell-disp {display: block;}
  .ql-desktop .ql-prdp .ql-label {min-width: 50%; text-align: right;}
  .ql-desktop .ql-prdp .ql-more-info .ql-label,
  .ql-desktop .ql-offers .ql-merchant .rating-stars,
  .ql-desktop .ql-offers .ql-merchant .ql-review,
  .ql-desktop .ql-offers .ql-offer .ql-image,
  .ql-desktop .ql-offers .ql-merchant .ql-stock,
  .ql-desktop .ql-offers .ql-offer .ql-availability {display: none;}
}


/**
 * Similar products
 */

.ql-desktop .ql-bottom-content .fp2-similar-prods > .ql-wrapper {
  padding: 10px 0 30px;
}