/*--- Consulting 2-column callout box ---*/
.consulting-callout-box {
  margin-top: 50px;
  width: 97.5%;
}

.consulting-callout-box-left {
  text-align: center;
  background-color: white;
  margin-top: 50px;
  margin-bottom: 50px;
}

.consulting-callout-box-right {
  background-color: rgba(86, 193, 255, 1);
  color: white;
  font-size: 1.5em;
  font-family: "Comic Sans MS", cursive, sans-serif;
  min-height: 225px;
  margin-top: 50px;
  margin-bottom: 50px;

   box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
   border-radius: 20px;
}

.consulting-callout-box-right h3 {
  color: white !important;
  font-size: 1.5em !important;
  text-align: center;
}
.consulting-callout-box-right p {
  line-height: normal;
  font-weight: 800;
  text-align: center;
  padding-top: 10px;
}

.consulting-callout-box-right a {
  color: white;
}

#consulting-callout-box-right-stop-sign {
  margin-top: 25px;
  margin-right: 25px;
}


/*--- Woo Commerce product Open edX service bullets. (middle of product detail page) ---*/

.open-edx-bullets {
  background: linear-gradient(to bottom right, rgba(97, 157, 207, 1), rgba(97, 157, 207, .75));
  color: white;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 50px;
  padding-bottom: 25px;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
}

.open-edx-bullets ul {
  padding-left: 20px;
}


/*--- Open edX 2-column callout box ---*/
.open-edx-callout-box {
  margin-top: 50px;
  width: 97.5%;
}

.open-edx-callout-box-left {
  text-align: center;
  background-color: white;
  margin-top: 50px;
  margin-bottom: 50px;
}

.open-edx-callout-box-right {
  background-color: #9C4068;
  font-family: "Comic Sans MS", cursive, sans-serif;
  color: white;
  min-height: 225px;
  text-align: center;
  font-size: 2.5em;
  line-height: normal;
  font-weight: 800;
  margin-top: 50px;
  margin-bottom: 50px;

   box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
   border-radius: 20px;
}

.open-edx-callout-box-right p {
  margin-top: 7.5%;
}

.open-edx-callout-box-right a {
  color: white;
}

/*--- Woo Commerce product short description (top-right of product detail page) ---*/
.short-description {
  background-color: #385479;
  background: linear-gradient(to bottom right, #2C4762, #4D729C);
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;

  border-radius: 5px;
  height: 200px;
}

.short-description p {
  font-size: 1.25em;
  font-weight: 600;
  padding: 25px;
  color: white;
}

/*--- Wordpress Migration service 2-column callout box ---*/
.free-migration-service {
  margin-top: 50px;
  width: 97.5%;
}

.free-migration-service-left {
  text-align: center;
  background-color: white;
  margin-top: 50px;
  margin-bottom: 50px;
}

.free-migration-service-right {
  background-color: #4B99BF;
  font-family: "Comic Sans MS", cursive, sans-serif;
  color: white;
  min-height: 225px;
  text-align: center;
  font-size: 2.5em;
  line-height: normal;
  font-weight: 800;
  margin-top: 50px;
  margin-bottom: 50px;

   box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
   border-radius: 20px;
}

.free-migration-service-right p {
  margin-top: 7.5%;
}

.free-migration-service-right a {
  color: white;
}


/*--- Woo Commerce product Wordpress hosting service bullets. (middle of product detail page) ---*/

.bullets {
  background-color: #ffcc00;
  background: linear-gradient(to bottom right, #DE8744, #DE8744, #EAB358);
  color: white;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 50px;
  padding-bottom: 25px;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
}

.bullets ul {
  padding-left: 20px;
}


/*--- Legal static pages ---*/
.legal {
  font-family: 'Roboto', sans-serif;
}

.legal h1 {
  text-align: center;
  background-color: #f1f1f1;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.legal ul {
  margin-top: 25px;
  margin-bottom: 25px;
}

.legal li {
  margin-bottom: 25px;
}

.underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.product-legal {
  background-color: #333;
  color: #f1f1f1;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 25px;
}

.product-legal a {
  color: #f1f1f1;
  text-decoration: underline;
}

.product-legal a:hover {
  color: inherit;
}
