/**
 * NC Part-Time Studies Course Details Stylesheet - FRONTEND
 *
 * Frontend styles for NC Course Details plugin.
 *
 * @package nc_course_details
 * @since 1.0.0
 */

/* Title and Details Bar */
#ce-single-course h4.course-title {
   font-size: 2.6rem;
   line-height: 3.4rem;
   letter-spacing: -0.02rem;
}
  #ce-single-course h4.course-title strong {
      display: inline-block;
      padding: 8px 10px 8px 40px;
      margin: 0 8px 0 0;
      border-radius: 3px;
      background: #c1de83;
      font-size: 1.6rem;
      line-height: 1;
      position: relative;
      top: -5px;
  }
    #ce-single-course h4.course-title strong:before {
        content: "\f06a";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
#ce-single-course .code-and-credits {
   margin: 25px 0;
   background: rgba(0,0,0,0.05);
   padding: 10px 15px;
   display: flex;
   justify-content: space-between;
}
 #ce-single-course .code-and-credits .details {
     display: grid;
     grid-template-columns: 1.3fr 1fr 1fr;
     grid-column-gap: 35px;
     font-size: 1.2rem;
     line-height: 1.75rem;
     color: rgba(0,0,0,0.75);
     font-weight: 500;
 }
	 #ce-single-course .code-and-credits span.title {
	     display: block;
	     opacity: 0.9;
	 }
	 #ce-single-course .code-and-credits span.code,
	 #ce-single-course .code-and-credits span.num,
	 #ce-single-course .code-and-credits span.term {
	     font-weight: 600;
	 }
#ce-single-course .code-and-credits .another-term {
   display: flex;
   justify-content: end;
   align-items: center;
}
 #ce-single-course .code-and-credits .another-term a {
     background: #0a4a9d;
     text-decoration: none;
     color: #fff;
     border: solid 2px #0a4a9d;
     padding: 10px 25px;
     border-radius: 50px;
     font-size: 1rem;
     font-weight: 500;
     transition: all 0.3s ease-in-out;
 }
	 #ce-single-course .code-and-credits .another-term a:after {
	     content: "\f101";
	     font-family: "Font Awesome 5 Free";
	     font-weight: 900;
	     margin: 0 0 0 5px;
	     position: relative;
	     bottom: -1px;
	 }
	 #ce-single-course .code-and-credits .another-term a:hover,
	 #ce-single-course .code-and-credits .another-term a:focus {
	     background: none;
	     border-color: #0a4a9d;
         color: #0a4a9d;
	 }

/* Description and Outline Select */
#ce-single-course .course-description-and-outline {
		display: grid;
		grid-template-columns: 3.5fr 1fr;
		grid-column-gap: 50px;
		margin: 35px 0;
}
	#ce-single-course .course-description-and-outline .course-description p {
		 font-size: 1.1rem;
		 line-height: 1.8rem;
		 color: rgba(0,0,0,0.85);
	}
	#ce-single-course .course-description-and-outline .course-outline h5 {
	    font-size: 1.2rem;
		line-height: 1.75rem;
	    margin: 3px 0 10px 0;
	    font-weight: 600;
	    color: rgba(0,0,0,0.8);
	}
	#ce-single-course .course-description-and-outline .course-outline select {
	    width: 100%;
	    font-size: 0.95rem;
	    border: solid 1px rgba(0,0,0,0.2);
	    padding: 10px;
	    border-radius: 4px;
	}

/* Class Offerings Table */
#ce-single-course .nc-course-details-class-offers .nc-classes-block {
    margin: 35px 0;
}
#ce-single-course .nc-course-details-class-offers .location h5 {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.8rem;
    background: #00164d;
    color: #fff;
    padding: 12px 20px;
    border-radius: 4px 4px 0 0;
    position: relative;
}
	#ce-single-course .nc-course-details-class-offers .location h5:before {
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    position: absolute;
	    left: 20px;
	}
	#ce-single-course .nc-course-details-class-offers .location.online h5 {
	    padding-left: 45px;
	}
		#ce-single-course .nc-course-details-class-offers .location.online h5:before {
		    content: "\f245";
		    font-size: 1.2rem;
		}
	#ce-single-course .nc-course-details-class-offers .location.on-campus h5 {
	    padding-left: 55px;
	}
		#ce-single-course .nc-course-details-class-offers .location.on-campus h5:before {
		    content: "\f015";
		    font-size: 1.1rem;
		}
	#ce-single-course .nc-course-details-class-offers .location.off-campus h5 {
	    padding-left: 55px;
	}
		#ce-single-course .nc-course-details-class-offers .location.off-campus h5:before {
		    content: "\f5eb";
		    font-size: 1.3rem;
		}
#ce-single-course .nc-course-details-class-offers table {
    width: 100%;
}
	#ce-single-course .nc-course-details-class-offers .nc-classes-block-inner {
	    border: solid 2px #00164d;
	    border-radius: 0 4px 4px 4px;
	    padding: 15px;
	}
	#ce-single-course .nc-course-details-class-offers table thead tr th {
	    background: #e6f7ff;
	    padding: 6px 10px;
	    font-size: 0.9rem;
	    color: #00164d;
	    border-bottom: solid 4px #fff;
        font-weight: 500;
	}
		#ce-single-course .nc-course-details-class-offers table thead tr th.classnumber {
		    width: 75px;
		}
		#ce-single-course .nc-course-details-class-offers table tbody tr td.body-classnumber {
		    font-weight: 600;
		}
		#ce-single-course .nc-course-details-class-offers table thead tr th.classstarts {
		    width: 215px;
		}
    #ce-single-course .nc-course-details-class-offers table thead tr th.showclassdetails {
        width: 100px;
    }
		#ce-single-course .nc-course-details-class-offers table thead tr th.classregistrationinfo {
		    width: 260px;
		}
    #ce-single-course .nc-course-details-class-offers table thead tr th.classeson {
        width: 105px;
    }
    #ce-single-course .nc-course-details-class-offers table thead tr th.showclassdetails {
        width: 100px;
    }
	#ce-single-course .nc-course-details-class-offers table tbody tr td {
	    text-align: center;
	    font-size: 1.05rem;
	    line-height: 1.4rem;
	    padding: 15px 10px;
	    vertical-align: middle;
	    border-top: solid 3px #fff;
        font-weight: 500;
	}
  #ce-single-course .nc-course-details-class-offers table tbody tr td.coming-soon,
  #ce-single-course .nc-course-details-class-offers table tbody tr td.suspended,
  #ce-single-course .nc-course-details-class-offers table tbody tr td.class-full,
  #ce-single-course .nc-course-details-class-offers table tbody tr td p.by-phone {
      text-align: left;
  }
  #ce-single-course .nc-course-details-class-offers table tbody tr td.classeson div {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 4px;
      grid-row-gap: 3px;
  }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.classeson span {
        display: inline-block;
        background: rgba(0,0,0,0.05);
        padding: 5px;
        font-size: 1rem;
        line-height: 1;
        border-radius: 3px;
    }

		#ce-single-course .nc-course-details-class-offers table tbody tr:nth-child(4n+1) {
		    background: rgba(0,0,0,0.03);
		}
		#ce-single-course .nc-course-details-class-offers table tbody tr.show-details td {
		    text-align: left;
		    padding: 0;
		}
#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .show-details-inner {
	background: rgba(0,119,190,0.04);
	padding: 18px 20px;
	border: solid 1px rgba(0,119,190,0.1);
	border-radius: 3px;
	font-size: 1.05rem;
	line-height: 1.4rem;
}
	#ce-single-course .nc-course-details-class-offers table tbody tr.show-details h6 {
	    font-size: 1.2rem;
	    line-height: 1.65rem;
	    margin: 0 0 15px 0;
	    color: #0077be;
	}
		#ce-single-course .nc-course-details-class-offers table tbody tr.show-details h6 strong {
		    font-weight: 700;
		}
	#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord {
	    display: grid;
	    grid-template-columns: 1.5fr 1fr 1.5fr;
	    grid-column-gap: 20px;
	    grid-row-gap: 20px;
        font-weight: 400;
	}
		#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord span[role="heading"] {
		    display: block;
		    font-weight: 600;
		    margin: 0 0 5px 0;
		}
	#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord .schedule .meeting-pattern li {
	    margin: 4px 0 4px 25px;
	}
#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .different-details-warning {
    background: rgba(0,119,190,0.05);
    border-radius: 4px;
    display: block;
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 10px;
    text-align: center;
    margin: 20px 0 0 0;
}
#ce-single-course .nc-course-details-class-offers table tbody tr td.class-details .show-more-link {
    text-decoration: none;
    color: #00164d;
}
	#ce-single-course .nc-course-details-class-offers table tbody tr td.class-details .show-more-link span {
	    text-decoration: underline;
        font-size: 1.05rem;
	}
		#ce-single-course .nc-course-details-class-offers table tbody tr td.class-details .show-more-link:hover span,
		#ce-single-course .nc-course-details-class-offers table tbody tr td.class-details .show-more-link:focus span {
		    text-decoration: none;
		}
#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord .notes p {
    font-size: 0.95rem;
    line-height: 1.3rem;
    margin: 10px 0;
    font-weight: 400;
}
	#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord .notes p:first-child {
	    margin-top: 0;
	}
	#ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord .notes p:last-child {
	    margin-bottom: 0;
	}

	#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 1rem;
	    line-height: 1;
	    font-weight: 600;
	}
		#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div span  {
		    width: 7px;
		    height: 7px;
		    background: grey;
		    border-radius: 50%;
		    margin: 0 5px 0 0;
		}
			#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.o {
			    color: #00692b;
			}
				#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.o span {
				    background: #009a3f;
				}
				#ce-single-course .nc-course-details-class-offers table tbody tr.open {
				    background: #fafef1;
				}
                #ce-single-course .nc-course-details-class-offers table tbody tr.open:nth-child(4n+1) {
                    background: #f4fce0;
                }
			#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.cs span {
			    background: #0a4a9d;
			}
				#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.cs {
				    color: #0a4a9d;
				}
			#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.s span {
			    background: #a66602;
			}
				#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.s {
				    color: #8a5400;
				}
			#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.c span {
			    background: #9d1616;
			}
      	#ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div.c {
      	    color: #7e0000;
      	}
    #ce-single-course .nc-course-details-class-offers table tbody tr td.open a {
        position: relative;
        padding: 0 0 0 25px;
        font-weight: 600;
        color: #00164d;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.open a:before {
        content: "\f058";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        color: #00692b;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.coming-soon p,
    #ce-single-course .nc-course-details-class-offers table tbody tr td.cancelled p,
    #ce-single-course .nc-course-details-class-offers table tbody tr td.suspended p,
    #ce-single-course .nc-course-details-class-offers table tbody tr td.class-full p,
    #ce-single-course .nc-course-details-class-offers table tbody tr td.by-phone p {
        font-size: 0.9rem;
        line-height: 1.35rem;
        color: rgba(0,0,0,0.8);
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.coming-soon p {
        color: #0a4a9d;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.cancelled p {
        color: #7e0000;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.suspended p {
        color: #6e4300;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.cancelled p span {
        text-transform: uppercase;
    }

/* Equivalencies and Prerequisites */
#ce-single-course .equiv-prereq {
    font-size: 1.55rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 35px 0 45px;
}
  #ce-single-course .equiv-prereq h5 {
      font-size: 1.35rem;
      line-height: 1.8rem;
  }
  #ce-single-course .equiv-prereq h5 a {
      cursor: pointer;
      font-size: 1rem;
      position: relative;
      top: -2px;
  }
    #ce-single-course .equiv-prereq h5 a span {
        text-decoration: underline;
        margin: 0 2px;
        position: relative;
        display: inline-block;
        padding: 0 0 0 19px;
        font-weight: 500;
    }
    #ce-single-course .equiv-prereq h5 a span:before {
        content: "\f059";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 0.95rem;
        opacity: 0.8;
    }
    #ce-single-course .equiv-prereq h5 a:hover span,
    #ce-single-course .equiv-prereq h5 a:focus span {
        text-decoration: none;
    }
    #ce-single-course .equiv-prereq .course-prerequisites h5 {
        position: relative;
        padding: 0 0 0 26px;
        margin: 0 0 15px 0;
    }
      #ce-single-course .equiv-prereq .course-prerequisites h5:before {
          content: "\f071";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          position: absolute;
          left: 0;
          top: -1px;
          font-size: 1.05rem;
          color: #ca1800;
      }
    .course-equivalencies ul li.group ul li:first-of-type:before,
    .course-prerequisites ul li.group ul li:first-of-type:before {
        font-size: 1.1rem;
    }
    #ce-single-course .equiv-prereq .course-prerequisites ul li {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }
    #ce-single-course .equiv-prereq .course-prerequisites ul {
        list-style-type: none;
    }
      #ce-single-course .equiv-prereq .course-prerequisites ul li {
          margin: 11px 0 11px 15px;
          position: relative;
      }
      #ce-single-course .equiv-prereq .course-prerequisites ul li.group ul li {
          margin-left: 0;
      }
      #ce-single-course .equiv-prereq .course-prerequisites ul li:not(.group) {
          padding: 0 0 0 21px;
      }
      #ce-single-course .equiv-prereq .course-prerequisites ul li span {
          font-weight: 600;
          font-size: 1rem;
          line-height: 1;
          background: rgba(0,0,0,0.06);
          display: inline-block;
          padding: 5px 5px 3px 5px;
          border-radius: 3px;
          margin: 0 0 0 3px;
      }
        #ce-single-course .equiv-prereq .course-prerequisites ul li:not(.group):before {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            font-size: 0.9rem;
            color: #006e39;
        }
  #ce-single-course .equiv-prereq .course-equivalencies ul {
      list-style-type: none;
  }
    #ce-single-course .equiv-prereq .course-equivalencies ul li {
        font-size: 1.1rem;
        line-height: 1.5rem;
        margin: 11px 0 11px 22px;
        position: relative;
        padding: 0 0 0 15px;
    }
    #ce-single-course .equiv-prereq .course-equivalencies > ul > li:not(.group):before {
        left: -10px;
        font-size: 1.1rem;
    }
    /* #ce-single-course .equiv-prereq .course-equivalencies ul li:before {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.05rem;
        color: rgba(0,0,0,0.4);
        top: 1px;
    } */
  #ce-single-course .nc-course-details-class-offers p.no-classes-offered {
      text-align: center;
      color: #290000;
      background: rgba(255,0,0,0.08);
      font-size: 1.2rem;
      padding: 17px 25px;
      border-radius: 6px;
      font-weight: 500;
  }

/* Prereq/Equiv Modal */
#eqpre .iziModal-content .cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
}
  #eqpre .iziModal-content .cols div h3 {
      font-size: 1.3rem;
      line-height: 1.7rem;
      margin: 0 0 10px;
  }
  #eqpre .iziModal-content .cols div p {
      font-size: 1.05rem;
      line-height: 1.5rem;
  }

/* No classes found */
#ce-single-course .nc-course-details-error {
    background: rgba(255,0,0,0.05);
    padding: 25px;
    border-radius: 6px;
}
  #ce-single-course .nc-course-details-error h4 {
      color: #9b0000;
      font-size: 1.7rem;
      line-height: 2.1rem;
      margin: 0 0 15px 0;
  }
  #ce-single-course .nc-course-details-error p {
      font-size: 1.3rem;
      line-height: 1.8rem;
      font-weight: 500;
      margin: 0;
  }

/* Legend below class offerings */
#ce-single-course .legend {
  margin: 20px 0 0 0;
  border: solid 2px rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 10px 15px;
  display: flex;
  font-size: 0.95rem;
  line-height: 1.3rem;
  align-items: center;
  justify-content: center;
}
  #ce-single-course .legend h6 {
      font-size: 0.95rem;
      line-height: 1rem;
      margin: 0 10px 0 0;
      font-weight: 600;
  }
  #ce-single-course .legend dl {
      display: flex;
  }
    #ce-single-course .legend dl dt {
        font-weight: 500;
    }
      #ce-single-course .legend dl dt.wc {
          margin: 0 0 0 10px;
          padding: 0 0 0 10px;
          border-left: solid 2px rgba(0,0,0,0.2);
      }
    #ce-single-course .legend dl dd {
        margin: 0 0 0 5px;
    }

/* Mailchimp */
.single-course .mailchimp {
    padding: 90px 0;
    background: #e6f7ff;
}
.single-course .mailchimp h3 {
    color: #00164d;
    font-size: 2.3rem;
    line-height: 2.9rem;
    margin: 0 0 25px 0;
    padding: 0 0 0 68px;
    position: relative;
}
  .single-course .mailchimp h3:before {
      content: "\f0e0";
      font-family: "Font Awesome 5 Free";
      font-size: 1.6rem;
      line-height: 3.1rem;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      border: solid 3px #0a4a9d;
      background: #0a4a9d;
      color: #fff;
      display: block;
      position: absolute;
      left: 0;
      top: -5px;
      text-align: center;
  }
.single-course .mailchimp .mailchimp-inner {
    padding: 0 0 0 68px;
}
  .single-course .mailchimp .intro {
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: 600;
      padding: 0 0 25px 0;
      border-bottom: solid 2px rgba(0,0,0,0.1);
      margin: 0 0 25px 0;
  }
  .single-course .mailchimp .fyi {
      font-size: 1rem;
      margin: 20px 0 15px;
  }
.single-course .mailchimp .gform_wrapper {
    margin: 30px 0 0 0;
}
.single-course .mailchimp .gform_wrapper .gform_footer {
    margin: 35px 0 0 0;
    padding: 0;
}
.single-course .mailchimp .gform_wrapper .gform_footer .gform_button {
    margin: 0;
    font-size: 1.1rem;
    padding: 15px 40px;
}
.single-course .mailchimp .gform_wrapper .gform_validation_errors {
    display: none;
}
.single-course .mailchimp .gform_wrapper .gfield {
    margin: 0;
}

.single-course .mailchimp .subscribed {
    background: #defff1;
    margin: 20px 0 0 0;
    padding: 20px;
}
.single-course .mailchimp .subscribed h4 {
    position: relative;
    color: #00502d !important;
    padding: 0 0 0 2.2rem;
    margin: 0 0 15px !important;
    font-size: 1.5rem;
}
.single-course .mailchimp .subscribed h4:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 1.6rem;
    color: #00502d;
}
.single-course .mailchimp .subscribed p {
    margin: 0 !important;
    font-size: 1.05rem;
    line-height: 1.5rem;
}

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

    #ce-single-course .code-and-credits {
        display: block;
        padding: 15px;
    }
    #ce-single-course .code-and-credits .another-term {
        display: block;
        margin: 15px 0 0 0;
    }
    #ce-single-course .code-and-credits .another-term a {
        display: block;
        text-align: center;
        padding: 15px 20px;
    }
    #ce-single-course .code-and-credits .details {
        padding: 0 5px;
    }
    #ce-single-course .course-description-and-outline {
        grid-template-columns: 1fr;
    }
    #ce-single-course .course-description-and-outline .course-outline {
        background: rgba(0,119,190,0.05);
        padding: 20px;
        margin: 30px 0 15px;
    }
    #ce-single-course .course-description-and-outline .course-outline h5 {
        margin: 0 0 15px;
        line-height: 1;
        font-size: 1.4rem;
    }
    #ce-single-course .course-description-and-outline .course-outline select {
        font-size: 1rem;
    }
    #ce-single-course .equiv-prereq {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

}
/* Courses Table */
@media only screen and (max-width: 1125px) {

  #ce-single-course .nc-course-details-class-offers table tbody tr.show-details .show-details-inner {
      font-size: 1.1rem;
      line-height: 1.5rem;
  }
  #ce-single-course .nc-course-details-class-offers table tbody tr td.classeson span {
      font-size: 1.1rem;
  }
	#ce-single-course .nc-course-details-class-offers table,
    #ce-single-course .nc-course-details-class-offers table thead,
    #ce-single-course .nc-course-details-class-offers table tbody,
    #ce-single-course .nc-course-details-class-offers table th,
    #ce-single-course .nc-course-details-class-offers table td,
    #ce-single-course .nc-course-details-class-offers table tr {
		display: block;
	}
    #ce-single-course .nc-course-details-class-offers table {
        border: solid 1px rgba(0,0,0,0.2);
    }
	#ce-single-course .nc-course-details-class-offers table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#ce-single-course .nc-course-details-class-offers table tbody tr td {
		border: none;
		position: relative;
        text-align: left;
        padding: 10px 10px 10px 160px;
        border-top: solid 1px rgba(0,0,0,0.2);
	}
    #ce-single-course .nc-course-details-class-offers table tbody tr td.classstatus div {
        justify-content: left;
        font-size: 1.1rem;
        line-height: 1.45rem;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr.show-details td {
        border-top: none !important;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr td.coming-soon p, #ce-single-course .nc-course-details-class-offers table tbody tr td.cancelled p, #ce-single-course .nc-course-details-class-offers table tbody tr td.suspended p, #ce-single-course .nc-course-details-class-offers table tbody tr td.class-full p, #ce-single-course .nc-course-details-class-offers table tbody tr td.by-phone p {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
	#ce-single-course .nc-course-details-class-offers table tbody td:before {
		position: absolute;
		white-space: nowrap;
        left: 0;
        top: 0;
        padding: 10px 15px 11px 10px;
        display: block;
        background: rgba(0,0,0,0.1);
        width: 140px;
        text-align: right;
        font-weight: 500;
	}
    #ce-single-course .nc-course-details-class-offers table tbody td.classeson:before {
        padding-top: 12px;
        padding-bottom: 13px;
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classreg {
        overflow: hidden;
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classreg:before {
        height: 150px;
    }
	  #ce-single-course .nc-course-details-class-offers table tbody td.classstatus:before {
        content: "Status";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.body-classnumber:before {
        content: "Class #";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classeson:before {
        content: "Classes on";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classcampus:before {
        content: "Campus";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classstarts:before {
        content: "Starts on";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classprice:before {
        content: "Cost";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.class-details:before {
        content: "Class Details";
    }
    #ce-single-course .nc-course-details-class-offers table tbody td.classreg:before {
        content: "Registration";
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr.class-row td:nth-child(1) {
        border-top: solid 8px rgba(0,0,0,0.3);
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr.class-row:first-child td:first-child {
        border-top: none;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr.show-details .show-details-inner {
        border-top: solid 1px rgba(0,0,0,0.2);
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-radius: 0;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr.show-details h6 {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

}
@media only screen and (max-width: 959px) {

  #ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord {
      grid-template-columns: 1fr 1fr;
  }
  .single-course .mailchimp {
      padding: 60px 0 65px;
  }
  .single-course .mailchimp .mailchimp-inner {
      padding: 0;

  }
  .single-course .mailchimp h3:before {
      width: 50px;
  }

}
@media only screen and (max-width: 550px) {

    #ce-single-course .code-and-credits .details {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
        text-align: center;
    }
    #eqpre .iziModal-content .cols {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
    #ce-single-course .nc-course-details-class-offers table tbody tr.show-details .smorgasbord {
        grid-template-columns: 1fr;
    }
    .single-course .mailchimp .fields input:not(.submit) {
       width: 100%;
       min-width: unset;
   }

}