/**
 * Skills Quest Course CSS
 * 
 * Applies styles to the #sq-quest wrapper for the 21 Skills Quest course's HTML content.
 */

/***********************************************************************************************************************
 --- Skills Quest Course CSS ---
    Applies only to elements wrapped in a tag with id "sq-quest".
***********************************************************************************************************************/
#sq-quest h1, #sq-quest h2, #sq-quest h3, #sq-quest h4, #sq-quest h5, #sq-quest h6, #sq-quest .h4 {
   font-weight: 700;
   padding: 0;
}
#sq-quest p, #sq-quest ol, #sq-quest ul > li {
   font-size: 17px;
   line-height: 25px;
}
#sq-quest .sq4s-content-container {
   width: 100% !important;
   margin: 30px auto;
}
#sq-quest .spacer {
   height: 25px;
}
#sq-quest .spacer-20 {
   height: 30px;
}
#sq-quest .well-heading {
   background-color: #F6CCAA;
   border-radius: 10px;
   text-align: center;
   font-weight: 900;
   padding: 0 0 10px 0;
   margin-top: 15px;
}
#sq-quest .well-heading-blue {
   background-color: #023059;
   border-radius: 10px;
   text-align: center;
   font-weight: 900;
   padding: 0 0 10px 0;
   margin-top: 15px;
}
#sq-quest .well-heading-blue h3 {
   color: #fff;
}
#sq-quest .well-heading-grey {
   background-color: #f2f2f2;
   border-radius: 10px;
   text-align: center;
   font-weight: 900;
   padding: 0 0 10px 0;
   margin-top: 15px;
}
#sq-quest .well-heading-grey h3 {
   color: #000;
}
#sq-quest .right-border {
   border-right: 5px dashed #F6CCAA;
   padding: 0 25px;
}
#sq-quest .top-border {
   border-top: 5px dashed #F6CCAA;
}
#sq-quest .left-border {
   border-left: 5px dashed #F6CCAA;
   padding: 0 25px;
   text-align: center;
}
#sq-quest a {
   color: #163158;
   text-decoration: underline;
}
#sq-quest .quote-border {
   text-align: center;
   color: #163158;
   border: 5px dashed #163158;
   border-radius: 20px;
   padding: 0 20px 20px 20px;
   width: 65%;
   margin-left: auto;
   margin-right: auto;
}
#sq-quest .border-peach {
   margin: 30px 0 30px 10px;
   border-left: 10px solid #F6CCAA;
   border-bottom: 2px solid #F6CCAA;
   padding-left: 10px;
   clear: both;
}
#sq-quest .border-blue {
   margin: 30px 0 30px 10px;
   border-left: 10px solid #70A2BD;
   border-bottom: 2px solid #70A2BD;
   padding-left: 10px;
   clear: both;
}
#sq-quest .quote {
   margin-top: -125px;
   width: 200px;
   margin-bottom: -40px;
}
#sq-quest .peach-bg {
   background-color: #fef5ee;
   padding: 30px 50px;
}
#sq-quest #row1, #row3, #row5  {
   padding-left: 15px !important;
}
#sq-quest .icon {
   width: 100px;
}
#sq-quest .padding-right {
   padding-right: 30px;
}
#sq-quest .padding-left {
   padding-left: 30px;
}
#sq-quest .text-center {
   text-align: center;
}
#sq-quest .inline-text {
   display: inline-block;
}
#sq-quest .inline-text .h4 {
   font-weight: 700;
   padding: 10px;
}
#sq-quest .video-link {
   width: 100%;
   height: auto;
}
/**********************************************************************************************************************/