/*
    Theme Name:     Paragon 2018
    Description:    Web Design for Paragon Pet School.
    Author:         The Imagination Factory
    Author URI:     http://www.what-if.com
    Template:       IFICore2
    Version:        0.01

    ===== Quick Styles =====
    Orange  #E3613E • L Grey  #EFF0F2 • D Grey  #43494F • M Blue  #21568B • D Blue  #055480 /* ZJ Edited 11-28-23 */
    
    /* 
        Text #666 • PF Line 2px #429ed1 • PF Line 1px #315781 • PF Paw #4576A7 • Foot #122841
        Fonts: Lexend - Peta & Tera 
    */

.payment_method_affirm img {
    width: 100px;
    height: auto;
}

.resources-wrap {
    text-align: center;
    padding-left: 8%;
    padding-right: 8%;
    display: block;
    float: left;
    width: 100%;
}

.resources-wrap h3,
.resources-wrap h4 {
    text-align: center;
}

.resource-row img:hover {
    opacity: 0.8;
}

.welcome-call-for-psp-students .pg-wide-inner h3,
.welcome-call-for-psp-students #form-spoiler h4 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.welcome-call-for-psp-students .form-spoiler {
    background: #FFF;
}

.paragoncares .pgpet-big-text {
    text-align: center;
    padding: 10px 20px;
}

.paragoncares .pg-wide-inner .pgpet-big-text h4 {
    text-align: center !important;
}

.paragoncares .pg-wide .pg-wide-inner {
    padding: 30px 5%;
}

.paragoncares h2.featured-title {
    display: block;
    float: left;
    clear: none;
    width: 100%;
}

.paragoncares .text-image-container .post-title {
    width: 100%;
    margin: .75em auto;
}

.paragoncares img.pgcares-post-img {
    width: 100%;
    height: auto;
    margin: auto;
}

.pg-cares-logo img {
    width: 100%;
    height: auto;
}

.paragoncares .text-image-container {
    font-size: 1.1em;
}

div.pg-cares-logo {
    display: block;
    position: absolute;
    z-index: 3;
    width: 35%;
    top: 270px;
    left: 5%;
}

.video-description {
    padding-top: 20px;
    padding-bottom: 20px;
}

.video-description h3 {
    text-align: center;
    color: #3B8AB4;
}

.podcast-row {
    display: block;
    float: left;
    margin: 15px auto;
    border-bottom: 2px solid #3B8AB4;
}

.podcast-row:last-child {
    border-bottom: none;
}

.podcast-row .image-col img {
    width: 80%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 15px;
}

.podcast-row .image-col h4,
.podcast-row .image-col h3 {
    text-align: center;
}

.podcast-row .desc-col h2 {
    width: 100%;
    display: block;
    float: left;
}

.podcast-row .description {
    display: block;
    float: left;
    width: 100%;
    margin: 10px auto;
}

.medium-green {
    background: #E0F3E6;
}

.medium-green .btn {
    border: 3px solid #244366;
}

/* =========== ZJ Fix "More" spoiler on specific page 3/1/24 =========== */

.for-grooming-businesses .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon,
.su-spoiler-style-default.qa-spoiler > .su-spoiler-title > .su-spoiler-icon, {
    width: 100% !important;
    text-align: right;
}

.for-grooming-businesses .qa-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:after, 
.for-grooming-businesses .qa-spoiler.su-spoiler-icon-plus .su-spoiler-icon:after {
    right: 10px !important;
}

/* =========== Basic Overrides - Rebrand =========== */

/* =========== WooCommerce Buttons =========== */

.woocommerce div.product form.cart .button {
    background: none !important;
    border: 3px solid #bae5c7;
    color: #045580 !important;
}

/* =========== Modal CSS =========== */

/* The Modal (background) */

#pgpModal.modal {
  display: none; 
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
#pgpModal .modal-content {
    background-color: #FAFAFA;
    /* opacity: 0.9; */
    display: block;
    float: none;
    margin: 3% auto;
    padding: 4%;
    border: 1px solid #888;
    width: 80%;
    font-size: 1.1em;
}

/* Keap Form Likes to be 0px tall for some unknown reason */

#pgpModal iframe {
    min-height: 600px !important;
}

@media screen and (max-width: 420px) {
    #pgpModal iframe {
        width: 100% !important;
    }
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-wide {
    text-align: center;
    color: #fff;
    float: left;
}

.modal-wide button {
    font-size: 18px;
    padding: 15px 20px;
    margin-bottom: 10px;
}


/* =========== Featured Resources =========== */

img.featured-roundup-img {
    width: 200px;
    height: auto;
    border-radius: 50%;
    padding: 15px;
}

h4.featured-flag {
    background: #055480 /* ZJ Edited 11-28-23 */;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    float: left;
    margin-right: 10px;
    line-height: 1;
}

.featured-resources a h2 {
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
}

a.btn.featured-resource-btn {
    display: inline-block;
    clear: both;
    position: relative;
    margin-top: 10px;
    float: right;
}

/* =========== Update Fixes =========== */

.entry .wpcf7 form.sent .wpcf7-response-output {
    display: block;
    float: left;
    width: 98%;
    font-size: 20px;
}

/* =========== Sponsor Order Form Extras =========== */

#body.sponsor.default .opc-product-selection + p {
    display: none;
    visibility: hidden;
}

#body.sponsor.default #content,
.student-gift-pre-payment #content {
    padding-bottom: 0 !important;
}

/* Editing this way to avoid unforseen consequences */
.sponsor .light {
    background: #F6FBFF;
}

.pgp-smaller-cta-band.pg-wide {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pgp-smaller-cta-band.pg-wide .pg-wide-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pgp-smaller-cta-band.pg-wide h2 {
    font-size: 20px;
}

.hidden-data {
    display: none !important;
    visibility: hidden !important;
}

.gfield_validation_message a {
    color: #21568B;
}

.pgp-order-view-table {
    width: 100%;
}

.pgp-order-view-table td,
.pgp-order-view-table th {
    padding: 5px;
}

.pgp-order-view-table-headings {
    border-bottom: 1px solid #666;
    border-top: none;
}

.pgp-order-view-table-headings + tr {
    border-top: none;
}

.pgp-order-view-table tr {
    border-top: 1px solid #eee;
}

.pgp-order-view-table tr.pgp-order-total {
    border-top: 1px solid #666;
    font-weight: bold;
}

.pgp-order-view-table tr td:nth-child(1),
.pgp-order-view-table tr th:nth-child(1) 
{
    text-align: left;
} 

.pgp-order-view-table tr td:nth-child(2),
.pgp-order-view-table tr th:nth-child(2) 
{
    text-align: center;
}

.pgp-order-view-table tr td:nth-child(3),
.pgp-order-view-table tr th:nth-child(3)
{
    text-align: right;
}

.pgp-order-pay-table .su-spoiler {
    margin-bottom: 5px !important;
}

.pgp-order-view-table {
    padding-top: 15px;
    padding-bottom: 10px;
}

.pgp-order-view-table-line-items:first-of-type() {
    border-top: 1px solid #666;
}

.pgp-order-form-next-navigation-bar {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 5px;
    clear: both;
    overflow: auto;
}

.pgp-order-form-next-navigation-bar > button.pgp-order-form-next-button {

    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: none;
    
    all: unset;
    
    box-sizing: border-box;
    
    border: 3px solid #eee;
    background: #eee;
    color: #555;
    font-size: 22px;
    padding: 20px;
    width: 100%;
    
    border-radius: 7px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    clear: both;
    box-shadow: 0px 4px #ccc;
    cursor: pointer;
    position: relative;
    line-height: 1;
}

#pgp-hide-until-order-complete .pgp-order-form-next-navigation-bar {
    display: none !important;
    visibility: hidden !important;
}

#pgp-hide-until-order-complete.pgp-show-button .pgp-order-form-next-navigation-bar {
    display: block !important;
    visibility: visible !important;
}

.pgp-order-form-next-navigation-bar > .pgp-order-form-next-button strong {
    color: #c7454b;
}

.pgp-order-form-next-navigation-bar > .pgp-order-form-next-button:after {
    content: '»';
    font-weight: bold;
    font-size: 50px;
    color: #c7454b;
    position: absolute;
    line-height: 1.1;
    vertical-align: middle;
    
    right: 20px;
    top: 0;
    bottom: 0;
}

.pgp-order-form-next-navigation-bar > .pgp-order-form-next-button:hover {
    background: #bae5c7 /* Replaced ZJ 11-28-23 */;
    border-color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    box-shadow: 0px 4px #F09747;
    cursor: pointer;
}

.pgp-large-sign-up-message {
    display: block;
    width: 100%;
    padding: 16px 25px;
    border: 3px solid #fff;
    border-radius: 7px;
    clear: both;
    overflow: auto;
    font-size: 20px;
}

.pgp-order-pay-table {
    overflow: hidden;
}

.pgp-order-pay-table .su-spoiler-style-default>.su-spoiler-title {
    font-size: 20px;
    background: transparent;
    color: #fff !important;
    padding: 10px 0 10px 30px !important;
    margin-bottom: 0 !important;
}

.pgp-order-pay-table .su-spoiler-style-default>.su-spoiler-content {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

.pgp-order-pay-table .su-spoiler-icon:before, 
.pgp-order-pay-table .su-spoiler-icon-plus .su-spoiler-icon:before {
    left: 0 !important;
    top: 0 !important;
}

.sponsor-product-info-single {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    background: #eee;
    margin-bottom: 25px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 4px 40px -4px rgba(0,0,0,0.35); 
    box-shadow: 0px 4px 40px -4px rgba(0,0,0,0.35);
    overflow: hidden;
}

.sponsor-product-info-image-container {
    width: 25%;
    bottom: 0px;
    float: left;
    clear: both;
}

.sponsor-product-info-image {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ccc;
    float: left;
}

.sponsor-product-info-text {
    width: 75%;
    padding: 15px 25px;
    float: right;
}

.sponsor-product-info-text h3 {
    font-weight: bold;
    font-size: 20px;
}

.sponsor-product-info-text h4 {
    font-weight: bold;
    font-size: 18px;
    color: #21568B !important;
}

.sponsor-product-info-text ul li {
    list-style: disc !important;
    display: inline !important;
    background: none !important;
    padding: 0 !important;
}

.sponsor-product-info-text ul li:before {
    content: "● ";
}

.sponsor-product-info-text ul li:after {
    content: "  ";
}

.sponsor-spoiler {
    margin-top: 30px;
}

.su-spoiler-style-default.sponsor-spoiler > .su-spoiler-content {
    background: transparent;
}

.su-spoiler-style-default.sponsor-spoiler >.su-spoiler-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.order-form-coupon {
    width: 100%;
    background: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 20px;
}

.order-form-coupon label {
    font-weight: bold;
    font-size: 15px;
    clear: both;
    width: 100%;
    display: inline-block;
    text-align: left;
    float: left;
}

.order-form-coupon input {
    float: right;
}

.pgp-order-form-title {
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.order-form-orders-wide {
    background: #21568B;
    color: #fff !important;
}

.order-form-orders-wide .pgp-order-form-title {
    color: #fff !important;
}

.order-form-orders-container {
    padding-top: 30px;
}

.pgp-order-pay-table {
    color: #fff;
    margin-bottom: 30px;
    background: #055480 /* ZJ Edited 11-28-23 */;
    padding: 15px 15px;
    border-radius: 10px;
    clear: both;
}

.pgp-order-pay-table h3 {
    color: #fff;
}

.pgp-order-pay-table table {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

.pgp-order-pay-table table tr:nth-child(odd) {
    background: #21568B;
}

.pgp-order-pay-table table tr th {
    text-align: left;
}

.pgp-order-pay-table table tr td:nth-child(1) {
    width: 120px;
}

.pgp-order-pay-table table tr td:nth-child(2) {
    width: 160px;
}

.pgp-order-pay-table table tr td:nth-child(3) {
    width: 220px;
}

.pgp-order-pay-table table tr td {
    padding: 7px;
}

.pgp-order-pay-table table tr td:last-child {
    text-align: right;
}

.order-pay-btn,
.order-info-btn {
    
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    
    color: #055480 /* ZJ Edited 11-28-23 */;
    background: #bae5c7 /* Replaced ZJ 11-28-23 */;
    display: inline-block;
    padding: 5px 8px;
    line-height: 1;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
    margin-left: 3px;
}

.order-pay-btn:hover,
.order-info-btn:hover {
    color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    background: #21568B;
}

.pgp-order-pay-table table tr:nth-child(odd) .order-pay-btn:hover,
.pgp-order-pay-table table tr:nth-child(odd) .order-info-btn:hover {
    background: #055480 /* ZJ Edited 11-28-23 */;
}

.order-info-btn {
    background: #fff;
    border-color: #fff;
}

.order-info-btn:hover {
    color: #fff;
}

.pgp-order-pay-table.pgp-order-pay-table-white {
    background: #fff;
    color: #666 !important;
}

.pgp-order-pay-table.pgp-order-pay-table-white h3 {
    color: #055480 /* ZJ Edited 11-28-23 */;
}

.pgp-order-pay-table.pgp-order-pay-table-white .order-info-btn {
    background: #055480 /* ZJ Edited 11-28-23 */;
    color: #fff;
}

.pgp-order-pay-table.pgp-order-pay-table-white table {
    border-color: #bbb;
}

.sponsor-table-heading-row {
    border-bottom: 1px solid #fff;
    background: transparent !important;
}

.pgp-order-pay-table.pgp-order-pay-table-white .sponsor-table-heading-row {
    border-color: #bbb;
}

.pgp-order-pay-table.pgp-order-pay-table-white table tr:nth-child(odd) {
    background: #f1f1f1;
}

.pgp-order-pay-table.pgp-order-pay-table-white {
    padding: 0;
    margin-bottom: 10px;
}

.pgp-order-pay-table tr.sponsor-table-heading-row th {
    padding-left: 7px;
    padding-right: 7px;
}

.coupon-code-box {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    background: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 15px 20px;
}

.coupon-code-box label {
    width: 100%;
    clear: both;
    font-weight: bold;
}

.coupon-code-box input[type="text"] {
    width: 300px;
    clear: both;
    background: #fff;
}

.coupon-code-box button {
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    
    color: #fff;
    background: #055480 /* ZJ Edited 11-28-23 */;
    display: inline-block;
    padding: 7px 15px;
    line-height: 1;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid #055480 /* ZJ Edited 11-28-23 */;
}

.coupon-code-box button:hover {
    color: #055480 /* ZJ Edited 11-28-23 */;
    background: #fff;
    border: 2px solid #055480 /* ZJ Edited 11-28-23 */;
}

#coupon-denial {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

#coupon-denial:before {

} /*come back */

.pgp-added-coupon {
    display: inline-block;
    padding: 8px 15px 8px 15px;
    line-height: 1;
    margin: 5px 10px;
    border-radius: 5px;
    background: #7fbb5a;
    color: #fff;
}

/* back */

/* =========== Sponsor Adjustments =========== */

.sponsor-signup .ifi-hide-woocommerce > .wcopc > .woocommerce-form-login-toggle,
.sponsor-signup .ifi-hide-woocommerce > .wcopc > .woocommerce-form-coupon-toggle,
.sponsor-signup .ifi-hide-woocommerce > .wcopc > p,
.sponsor-signup .ifi-hide-woocommerce > .wcopc > .woocommerce-form-coupon,
.sponsor-signup .ifi-hide-woocommerce > .wcopc > .woocommerce-notices-wrapper,
.sponsor-signup .ifi-hide-woocommerce > .wcopc > .checkout
{
    display: none !important;
    visibility: hidden !important;
}

.ifi-hide-woocommerce .woocommerce-form-coupon-toggle,
.ifi-hide-woocommerce .woocommerce-checkout,
.ifi-hide-woocommerce .products .product-quantity,
.ifi-hide-woocommerce .products .product-quantity + p
{
    display: none !important;
    visibility: hidden !important;
}

.pgpet-center .gform_wrapper .gfield_label,
.pgpet-center .gform_wrapper legend
{
    text-align: left;
    margin-bottom: 0px;
    font-size: 18px !important;
    width: 100%;
}

.pgpet-center .gform_wrapper .ginput_complex.has_first_name.has_last_name > p {
    width: 50%;
}

.pgpet-center .gform_wrapper .ginput_complex.has_first_name.has_last_name > p:first-of-type {
    padding-right: 5px;
}

.pgpet-center .gform_wrapper .ginput_complex.has_first_name.has_last_name > p:last-of-type {
    padding-left: 5px;
}

.pgpet-center .gform_wrapper .gfield_required {
    color: #e3adbd;
    font-size: 18px;
    font-style: normal !important;
}

.pgpet-center .gform_wrapper br {
    display: none;
    visibility: hidden;
}

.pgpet-center .gform_wrapper input {
    border-radius: 6px;
    border: 1px solid #21568B;
}

.pgpet-center .gform_wrapper p {
    margin-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
}

.pgpet-center .ginput_container label {
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.pgpet-center .ginput_container label[for="input_8_5"] {
    margin-bottom: 10px;
}


.pgpet-center .ginput_container .input_5_2 {
    margin-bottom: -5px;
}

.pgpet-center .ginput_container label:before {
    content: "▲ ";
}

.pgpet-center .ginput_container .ginput_container_password > .ginput_left {
    padding: 0;
}

.pgpet-center .ginput_container .ginput_container_password > .ginput_left > .password_input_container {
    padding: 0;
    width: 100%;
}

.pgpet-center .gform_button {
    display: block;
    font-family: 'Lexend', serif;
    font-weight: bolder;
    background: none;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important;
    border: 3px solid #bae5c7 /* Replaced ZJ 11-28-23 */ !important;
    padding: 10px 25px;
    text-transform: uppercase;
}

.pgpet-center .gform_button:hover {
    background: #bae5c7 /* Replaced ZJ 11-28-23 */;
    color: #244366;
    border: 3px solid #055480 /* ZJ Edited 11-28-23 */;
}

.pgpet-center .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), 
.pgpet-center .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 0 !important;
}

.pgpet-center .gfield-description {
    text-align: left;
}

/* =========== Order Form Task Table =========== */

.pgp-table-processing {
    opacity: .3;
}

#pgp-order-tasks-table {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    width: 100%;
}

#pgp-order-tasks-table td {
    padding: 5px 10px;
}

#pgp-order-tasks-table td:last-child {
    text-align: right;
}

#pgp-order-tasks-table tr {
    border-bottom: none;
}

#pgp-order-tasks-table tr:last-child {
    border-bottom: none;
}

#pgp-order-tasks-table tr.pgp-order-task-queued {}

#pgp-order-tasks-table tr.pgp-order-task-working {
    background: #FFFAEC;
    border-color: #fff;
}

#pgp-order-tasks-table tr.pgp-order-task-working td:last-child {
    color: #D07C0D;
}

#pgp-order-tasks-table tr.pgp-order-task-error,
#pgp-order-tasks-table tr.pgp-order-task-failure {
    background: #FFF1F1;
    border-color: #fff;
    color: #D07C0D;
}

#pgp-order-tasks-table tr.pgp-order-task-error td:last-child,
#pgp-order-tasks-table tr.pgp-order-task-failure td:last-child {
    color: #c23131;
}

#pgp-order-tasks-table tr.pgp-order-task-success {
    background: #ECF6DA;
    border-color: #fff;
    color: #538117;
}

#pgp-order-tasks-table tr.pgp-order-task-success td:last-child {
    color: #538117;
}

/* =========== Resolve Update Issues on Paragon Self-Serve Form =========== */

#opc-product-selection .selected button.add_to_cart_button, 
#opc-product-selection .selected a.add_to_cart_button {
	display: block;
}

/* =========== Quick Resolve Category Visibility Woes =========== */

.pgp-shop-return {
    width: 100%;
    margin-top: 15px;
    border-radius: 7px;
    background: #f3f3f3;
    padding: 15px 20px;
    float: left;
    text-align: center;
}

.pgp-shop-return .btn {
    background: #fff;
}

.woocommerce > section #breadcrumbs {
    display: none;
    visibility: hidden;
}

.woocommerce.pgp-wc-product-category > section p,
.woocommerce.pgp-wc-product-category > section div,
.woocommerce.pgp-wc-product-category > section form,
.woocommerce.pgp-wc-product-category > section ul {
    display: none;
    visibility: hidden;
}

.product_meta .posted_in,
.product_meta .tagged_as {
    display: none;
    visibility: hidden;
}

#content.woocommerce.pgp-wc-product-category > section.product_cat-book-bundle #breadcrumbs,
#content.woocommerce.pgp-wc-product-category > section.product_recommended-books #breadcrumbs,
#content.woocommerce.pgp-wc-product-category > section.product_cat-toolkit #breadcrumbs,
#content.woocommerce.pgp-wc-product-category > section.product_cat-notes-from-the-grooming-table-digital-experience #breadcrumbs {
    display: block;
    visibility: visible;
}

#content.woocommerce.pgp-wc-product-category > section.product_cat-book-bundle p,
#content.woocommerce.pgp-wc-product-category > section.product_cat-book-bundle div,
#content.woocommerce.pgp-wc-product-category > section.product_cat-book-bundle form,
#content.woocommerce.pgp-wc-product-category > section.product_cat-book-bundle ul,
#content.woocommerce.pgp-wc-product-category > section.product_cat-recommended-books p,
#content.woocommerce.pgp-wc-product-category > section.product_cat-recommended-books div,
#content.woocommerce.pgp-wc-product-category > section.product_cat-recommended-books form,
#content.woocommerce.pgp-wc-product-category > section.product_cat-recommended-books ul,
#content.woocommerce.pgp-wc-product-category > section.product_cat-toolkit p,
#content.woocommerce.pgp-wc-product-category > section.product_cat-toolkit div,
#content.woocommerce.pgp-wc-product-category > section.product_cat-toolkit form,
#content.woocommerce.pgp-wc-product-category > section.product_cat-toolkit ul,
#content.woocommerce.pgp-wc-product-category > section.product-group-notes-de p,
#content.woocommerce.pgp-wc-product-category > section.product-group-notes-de div,
#content.woocommerce.pgp-wc-product-category > section.product-group-notes-de form,
#content.woocommerce.pgp-wc-product-category > section.product-group-notes-de ul,
#content.woocommerce.pgp-wc-product-category > section.product_cat-notes-from-the-grooming-table-digital-experience p,
#content.woocommerce.pgp-wc-product-category > section.product_cat-notes-from-the-grooming-table-digital-experience div,
#content.woocommerce.pgp-wc-product-category > section.product_cat-notes-from-the-grooming-table-digital-experience form,
#content.woocommerce.pgp-wc-product-category > section.product_cat-notes-from-the-grooming-table-digital-experience ul {
    display: block;
    visibility: visible;
}


/* =========== Repeater & Order Form CSS =========== */

button.pgp-remove-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 20px;
    color: red;
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 4px 20px;
    background: transparent;
    position: relative;
    cursor: pointer;
}

button.pgp-remove-button:hover {
    color: #666;
    cursor: pointer;
}

td.right-align-cell {
    text-align: right;
}

th.center-cell-text,
td.center-cell-text {
    text-align: center;
}

button.pgp-loading-button {
    position: relative;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

button.pgp-loading-button:before {
    content: "\f463";
    font-family: Dashicons;
    font-size: 22px;
    opacity: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    display: block;
    top: 9px;
    left: 0;
    color: #fff;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
}

button.pgp-loading-button.pgp-button-processing {
    color: transparent !important;
    background: #336FAE;
}

button.pgp-remove-button.pgp-button-processing {
    color: transparent;
    pointer-events: none;
}

button.pgp-remove-button:before {
    content: "\f463";
    font-family: Dashicons;
    font-size: 22px;
    opacity: 1;
    text-align: center;
    width: 100%;
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    opacity: 0;
    color: #888;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    pointer-events: none;
}

button.pgp-remove-button.pgp-button-processing:before {
    opacity: 1;
    color: #888 !important;
    pointer-events: none;
}

button.pgp-loading-button.pgp-button-processing:before {
    opacity: 1;
    color: #fff !important;
}

.order-form-wide {
    background: #eeeced;
}

.order-form-container {
    background: transparent;
    padding: 60px 10px;
}

.learner-item {
    width: 100%;
}

#store-item,
#learner-item,
#existing-learner-item {
    display: none;
    visibility: hidden;
    width: 100%;
}

.order-form-wide .panel-tab {
    overflow: hidden;
    display: none;
    background: #fff;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 30px 25px;
    border: 1px solid #336FAE;
    border-bottom: 3px solid #4B7CAF;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(37,68,101,0.18); 
    box-shadow: 0px 5px 35px 0px rgba(37,68,101,0.18);
}

.panel-tab-solo {
    border-top-left-radius: 7px;
}

.order-form-wide .panel-tab.active {
    display: block;
}

.order-form-wide .panel-nav {
    width: 100%;
    float: left;
    clear: both;
    z-index: 1000;
}

.order-form-wide .panel-tabs {
    width: 100%;
    float: left;
    clear: both;
}

.order-form-wide .panel-nav button {
    font-size: 16px;
    font-family: 'Lexend', serif;
    font-weight: normal;
    display: block;
    float: left;
    background: rgb(245,245,245);
    background: linear-gradient(185deg, rgba(245,245,245,1) 40%, rgba(210,210,210,1) 100%);
    color: #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    padding: 12px 20px;
    border-top: 2px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    z-index: 1000;
    margin: 0 !important;
    cursor: pointer;
    border-bottom: 0;
    position: relative;
    overflow: visible;
}

.order-form-wide .panel-nav button.tab-disabled {
    background: #bbb;
    border-color: #bbb;
    color: #777;
    cursor: not-allowed;
}

.order-form-wide .panel-nav button:nth-child(1) {
    left: 0;
}

.order-form-wide .panel-nav button:nth-child(2) {
    left: -1px;
}

.order-form-wide .panel-nav button:nth-child(3) {
    left: -2px;
}

.order-form-wide .panel-nav button:hover {
    background: #fff;
    border-color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    color: #336FAE;
    cursor: pointer;
    z-index: 1500;
}

.order-form-wide .panel-nav button.tab-disabled:hover {
    background: #bbb;
    border-color: #bbb;
    color: #777;
    cursor: not-allowed;
}

.order-form-wide .panel-nav button.active {
    background: #fff;
    color: #244366;
    border-color: #336FAE;
    border-bottom-color: #fff;
    font-weight: normal;
    z-index: 2000;
}

.order-form-wide .panel-nav button.active:after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #fff;
    z-index: 3000;
}

.pgp-order-form {
    text-align: center;
}

#pgp-show-reset.pgp-order-form,
#pgp-hide-until-order-complete.pgp-order-form 
{
    text-align: left;
}



.pgp-order-form > button {
    display: inline-block;
    padding: ;
}

.pgp-order-form > button {
    font-size: 16px;
    font-family: 'Roboto', serif;
    font-weight: bold;
    background: #244366;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 7px;
    padding: 11px 40px;
    border: 1px solid #244366;
    text-transform: uppercase;
    z-index: 1000;
    margin: 5px 0;
    cursor: pointer;
}

.pgp-order-form > button:hover {
    background: #336FAE;
    cursor: pointer;
}

.pgp-order-form hr {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    overflow: auto;
    width: 100%;
    clear: both;
    float: left;
    color: #EDF0F3;
    background: #EDF0F3;
}

.pgp-order-form hr.tall-hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.pgp-order-form .order-field-group {
    width: 25%;
    display: block;
    float: left;
    text-align: left;
    padding-right: 15px;
}

.pgp-order-form .order-field-group.field-group-10 {
    width: 10%;
}

.pgp-order-form .order-field-group.field-group-12 {
    width: 12.5%;
}

.pgp-order-form .order-field-group.field-group-15 {
    width: 15%;
}

.pgp-order-form .order-field-group.field-group-20 {
    width: 20%;
}

.pgp-order-form .order-field-group.field-group-30 {
    width: 25%;
}

.pgp-order-form .order-field-group.field-group-30 {
    width: 30%;
}

.pgp-order-form .order-field-group.field-group-33 {
    width: 33.33%;
}

.pgp-order-form .order-field-group.field-group-50 {
    width: 50%;
}


.pgp-order-form .order-field-group.field-group-100 {
    width: 100%;
}

.pgp-order-form .order-field-group > input {
    font-size: 16px;
    padding: 4px 5px;
    border: 1px solid #66798d;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(102,121,141,0.4);
    box-shadow: 0px 0px 10px -5px rgba(102,121,141,0.4);
    margin: 0;
    line-height: 1.3;
}

.pgp-order-form .order-field-group > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    
    width: 100%;
    margin: 0;
    color: #66798d;
    font-size: 15px;
    padding: 4px 5px;
    line-height: 1.3;
    background: #fff;
    border: 1px solid #66798d;
}

.pgp-order-form .order-field-group > label {
    line-height: 1.2;
    font-size: 14px;
    margin: 0;
}

.pgp-order-form .order-field-group > input,
.pgp-order-form .order-field-group > label {
    width: 100%;
}

.repeater-item {
    overflow: hidden;
    padding: 15px 60px 25px 20px;
    background: #EDF0F3;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    position: relative;
    float: left;
    width: 100%;
}

.repeater-item .item-controls {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: #C8D1D9;
}

.repeater-item .item-controls .item-buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.repeater-item .item-controls .item-buttons button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border: 2px solid #336FAE;
    color: #336FAE;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 1;
    margin: 5px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

.repeater-item .item-controls .item-buttons button:hover {
    color: #fff;
    background: #336FAE;
    cursor: pointer;
}

.checkbox-trick {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #fff;
    background: transparent;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
}

.checkbox-trick input {
    position: absolute;
    left: -50px;
}

.checkbox-psuedo {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 15px 10px 32px;

    color: #336FAE;
    background: #DDE2E7;
    border: 1px solid #66798d;

    font-size: 15px;
    line-height: 1;
    border-radius: 5px;
}

.checkbox-psuedo.checkbox-nails,
.checkbox-psuedo.checkbox-books,
.checkbox-psuedo.checkbox-tools {
    font-size: 14px;
}

.checkbox-psuedo:before {
    content: '\f159';
    font-family: Dashicons;
    font-size: 22px;
    margin-right: 8px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #66798d;
}

.checkbox-psuedo.checkbox-nails:before {
    content: '\f191';
}

.checkbox-psuedo.checkbox-books:before {
    content: '\f330';
    font-size: 18px;
    left: 7px;
}

.checkbox-psuedo.checkbox-tools:before {
    content: '\f100';
    font-size: 20px;
}

.checkbox-trick input:checked ~ .checkbox-psuedo {
    background: #66b71e;
    border-color: #66b71e;
    color: #fff;
}

.checkbox-trick input:checked ~ .checkbox-psuedo:before {
    content: '\f12a';
    font-family: Dashicons;
    color: #fff;
}

.checkbox-trick input:checked ~ .checkbox-psuedo.checkbox-nails:before {
    content: '\f191';
}

.checkbox-trick input:checked ~ .checkbox-psuedo.checkbox-books:before {
    content: '\f330';
}

.checkbox-trick input:checked ~ .checkbox-psuedo.checkbox-tools:before {
    content: '\f100';
}

table.order-form-table {
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

table.order-form-table tr th {
    padding: 0px 5px;
}

table.order-form-table tr td {
    padding: 2px 5px;
}

table.order-form-table tr:nth-child(even) {
    background: #fff;
}

table.order-form-table tr:nth-child(odd) {
    background: #f3f3f3;
}

table.order-form-table tr:first-child {
    border-bottom: 1px solid #ccc;
    background: transparent;
}

table.order-form-table.order-form-table-order tr:last-child {
    background: #fff;
    font-weight: bold;
    border-top: 1px solid #777;
    border-bottom: none;
}

table.order-form-table.order-form-table-order {
    border-bottom: none;
}

.pgp-form-message {
    display: block;
    position: relative;
    width: 100%;
    background: #EFF0F2;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 15px 10px 50px;
    font-size: 18px;
}

.pgp-form-message button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 24px;
    line-height: 1;
    margin: 0;
    border: 0px;
    padding: 10px 16px 12px;
    text-align: center;
    cursor: pointer;
    color: #666;
}

.pgp-form-message button:hover {
    color: #fff;
}

.pgp-form-message.pgp-form-message-failure button,
.pgp-form-message.pgp-form-message-success button {
    color: #fff;
}

.pgp-form-message.pgp-form-message-failure button:hover,
.pgp-form-message.pgp-form-message-success button:hover {
    color: #333;
}

.pgp-form-message .dashicons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.pgp-form-message .dashicons:before {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.pgp-form-message-failure {
    background: #c7454b;
    color: #fff;
}

.pgp-form-message-success {
    background: #7fbb5a;
    color: #fff;
}

.pgp-hidden-form-reset-order {
    margin-top: 25px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 7px;
    background: #f3f3f3;
}

#pgp-show-reset.pgp-hidden-form-reset-order,
#pgp-hide-until-order-complete.pgp-hidden-form-reset-order 
{
    margin-top: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    background: transparent;
}

button.pgp-red-button {
    background: #d00024;
    border-color: #be001a;
}

button.pgp-red-button:hover {
    background: #be001a;
}

/* =========== Header Fix =========== */

html #slideshow-wide img {
    max-width: none !important;
}

html .subhdrint img {
    max-width: none !important;
}

/* =========== Download Links =========== */

.download-link {
    text-decoration: none;
    display: inline-block;
    background: #eee;
    font-size: 1.2em;
    font-weight: 500;
    padding: 5px 10px;
    width: 48%;
    margin: 10px 1%;
    float: left;
}

.download-link:hover {
    background: #ddd;
}

/* =========== Quiz Builder Basic =========== */

.pgp-quiz-builder-wide {
    background: #429ed1 !important;
    display: block;
}

.pgp-quiz-builder {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pgp-quiz-builder-form-wrap {
    color: #666;
    display: block;
    overflow: hidden;
    background: #f3f3f3;
    border-radius: 10px;
    padding: 0;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(37,68,101,0.18); 
    box-shadow: 0px 5px 35px 0px rgba(37,68,101,0.18);
    overflow: hidden;
}

.pgp-quiz-builder-form-wrap .pgp-quiz-image-block {
    background-size: cover;
    height: 300px;
    width: 100%;
    display: block;
}

.pgp-quiz-builder-form-wrap .pgp-quiz-intro {
    padding: 30px 25px 15px;
    display: block;
}

.pgp-quiz-builder-form-wrap .pgp-quiz-body {
    padding: 15px 15px;
}

.pgp-quiz-builder-form-wrap .pgp-quiz-body .question-group {
    background: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.pgp-quiz-builder-form-wrap h2,
.pgp-quiz-builder-form-wrap h3 {
    color: #21568B !important;
    margin-bottom: 12px;
}

.pgp-quiz-fields {
    background: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.pgp-quiz-fields label {
    width: 100%;
}

.pgp-quiz-fields input {
    width: 100%;
}

.pgp-quiz-field-group {
    width: 100%;
    margin-bottom: 15px;
}

.radio-trick label {
    float: left;
    display: block;
}

.radio-trick .radio-psuedo {
    padding: 12px 20px;
    width: 500px;
    color: #21568B;
    background: #f3f3f3;
    border-radius: 5px;
    display: block;
    border: 1px solid #21568B;
    margin-bottom: 15px;
}

.radio-trick .radio-psuedo:hover {
    background: #D4DFEA;
}

.radio-trick input:checked ~ .radio-psuedo {
    color: #fff !important;
    background: #21568B;
    border: 1px solid #21568B;
}

.radio-trick {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #fff;
    background: transparent;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
}

.radio-trick input {
    position: absolute;
    left: -50px;
}

.pgp-quiz-builder-form-wrap .center-submit {
    text-align: center;
}

.pgp-quiz-builder-form-wrap .center-submit a {
    display: inline-block;
    text-decoration: none;
}

.pgp-quiz-builder-form-wrap .center-submit a,
.pgp-quiz-builder-form-wrap .center-submit input[type=submit] {
    font-size: 16px;
    font-family: 'Lexend', serif;
    font-weight: bold;
    background: #244366;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 7px;
    padding: 11px 40px;
    border: 1px solid #244366;
    text-transform: uppercase;
    z-index: 1000;
    margin: 5px 0;
    cursor: pointer;
}

.pgp-quiz-builder-form-wrap .center-submit a:hover,
.pgp-quiz-builder-form-wrap .center-submit input[type=submit]:hover {
    background: #336FAE;
    cursor: pointer;
}

.pgp-quiz-result-component {
    background: #fff;
}

/* =========== Form Tweaks =========== */

.rising-star #content,
.super-sponsor #content,
.l2gd-superstar #content,
.sponsor-signup #content {
    padding-bottom: 0;
}

/* =========== Subscription Month Numbers Hide =========== */

.earthwise-program-enrollment .woocommerce-checkout-review-order-table .subscription-details,
.sponsor .woocommerce-checkout-review-order-table .subscription-details {
    display: none !important;
    visibility: hidden !important;
}

/* =========== ZJ WPA PGC Test Override =========== */

.wpa-pgc-practice-test .renamed-test .answer_message {
    display: block !important;
    visibility: visible !important;
}

.wpa-pgc-practice-test .quiz form ol#sensei-quiz-list li .answer_message.user_right:before {
    content: '\f00c';
    font-family: FontAwesome, sans-serif;
}

.wpa-pgc-practice-test .quiz form ol#sensei-quiz-list li .answer_message.user_wrong:before {
    content: '\f00d';
    font-family: FontAwesome, sans-serif;
}

/* =========== Cobranding =========== */

/* Earthwise */

body.cobranded.cobranded-earthwise #preheader-wide {
    height: 26px;
    background: #496B2E;
}

body.cobranded.cobranded-earthwise #preheader a:hover {
    background: #3b522c;
}

body.cobranded.cobranded-earthwise #logo-box {
    width: 400px;
    height: 74px;
}

body.cobranded.cobranded-earthwise #logo-box #top-logo {
    width: 400px;
    height: 74px;
    position: relative;
}

body.cobranded.cobranded-earthwise #logo-box #top-logo img {
    position: absolute;
    margin: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Pet Supplies Plus */

body.cobranded.cobranded-pet-supplies-plus #header,
body.cobranded.cobranded-petsense #header,
body.cobranded.cobranded-woofies #header,
body.cobranded.cobranded-woof-gang-bakery-grooming #header,
body.cobranded.cobranded-treats-unleashed #header,
body.cobranded.cobranded-petsuites #header,
body.cobranded.cobranded-petspired #header,
body.cobranded.cobranded-pet-valu #header,
body.cobranded.cobranded-pet-paradise #header,
body.cobranded.cobranded-independent-pet-partners #header,
body.cobranded.cobranded-ipp #header,
body.cobranded.cobranded-feeders #header,
body.cobranded.cobranded-wilco #header,
body.cobranded.cobranded-destination-pet #header
{
    height: 74px;
}

body.cobranded.cobranded-pet-supplies-plus #preheader-wide,
body.cobranded.cobranded-petsense #preheader-wide,
body.cobranded.cobranded-woofies #preheader-wide,
body.cobranded.cobranded-woof-gang-bakery-grooming #preheader-wide,
body.cobranded.cobranded-treats-unleashed #preheader-wide,
body.cobranded.cobranded-petsuites #preheader-wide,
body.cobranded.cobranded-petspired #preheader-wide,
body.cobranded.cobranded-pet-valu #preheader-wide,
body.cobranded.cobranded-pet-paradise #preheader-wide,
body.cobranded.cobranded-independent-pet-partners #preheader-wide,
body.cobranded.cobranded-ipp #preheader-wide,
body.cobranded.cobranded-feeders #preheader-wide,
body.cobranded.cobranded-wilco #preheader-wide,
body.cobranded.cobranded-destination-pet #preheader-wide
{
    height: 26px;
    background: #377c2b;
}

body.cobranded.cobranded-pet-supplies-plus #preheader a:hover,
body.cobranded.cobranded-petsense #preheader a:hover,
body.cobranded.cobranded-woofies #preheader a:hover,
body.cobranded.cobranded-woof-gang-bakery-grooming #preheader a:hover,
body.cobranded.cobranded-treats-unleashed #preheader a:hover,
body.cobranded.cobranded-petsuites #preheader a:hover,
body.cobranded.cobranded-petspired #preheader a:hover,
body.cobranded.cobranded-pet-valu #preheader a:hover,
body.cobranded.cobranded-pet-paradise #preheader a:hover,
body.cobranded.cobranded-independent-pet-partners #preheader a:hover,
body.cobranded.cobranded-ipp #preheader a:hover,
body.cobranded.cobranded-feeders #preheader a:hover,
body.cobranded.cobranded-wilco #preheader a:hover,
body.cobranded.cobranded-destination-pet #preheader a:hover
{
    background: #2b6222;
}

body.cobranded.cobranded-pet-supplies-plus #logo-box,
body.cobranded.cobranded-petsense #logo-box,
body.cobranded.cobranded-woofies #logo-box,
body.cobranded.cobranded-woof-gang-bakery-grooming #logo-box,
body.cobranded.cobranded-treats-unleashed #logo-box,
body.cobranded.cobranded-petsuites #logo-box,
body.cobranded.cobranded-petspired #logo-box,
body.cobranded.cobranded-pet-valu #logo-box,
body.cobranded.cobranded-pet-paradise #logo-box,
body.cobranded.cobranded-independent-pet-partners #logo-box,
body.cobranded.cobranded-ipp #logo-box,
body.cobranded.cobranded-feeders #logo-box,
body.cobranded.cobranded-wilco #logo-box,
body.cobranded.cobranded-destination-pet #logo-box
{
    width: 300px;
    height: 74px;
}

body.cobranded.cobranded-pet-supplies-plus #logo-box #top-logo,
body.cobranded.cobranded-petsense #logo-box #top-logo,
body.cobranded.cobranded-woofies #logo-box #top-logo,
body.cobranded.cobranded-woof-gang-bakery-grooming #logo-box #top-logo,
body.cobranded.cobranded-treats-unleashed #logo-box #top-logo,
body.cobranded.cobranded-petsuites #logo-box #top-logo,
body.cobranded.cobranded-petspired #logo-box #top-logo,
body.cobranded.cobranded-pet-valu #logo-box #top-logo,
body.cobranded.cobranded-pet-paradise #logo-box #top-logo,
body.cobranded.cobranded-independent-pet-partners #logo-box #top-logo,
body.cobranded.cobranded-ipp #logo-box #top-logo,
body.cobranded.cobranded-feeders #logo-box #top-logo,
body.cobranded.cobranded-wilco #logo-box #top-logo,
body.cobranded.cobranded-destination-pet #logo-box #top-logo
{
    width: 300px;
    height: 74px;
    position: relative;
}

body.cobranded.cobranded-pet-supplies-plus #logo-box #top-logo img,
body.cobranded.cobranded-petsense #logo-box #top-logo img,
body.cobranded.cobranded-woofies #logo-box #top-logo img,
body.cobranded.cobranded-woof-gang-bakery-grooming #logo-box #top-logo img,
body.cobranded.cobranded-treats-unleashed #logo-box #top-logo img,
body.cobranded.cobranded-petsuites #logo-box #top-logo img,
body.cobranded.cobranded-petspired #logo-box #top-logo img,
body.cobranded.cobranded-pet-valu #logo-box #top-logo img,
body.cobranded.cobranded-pet-paradise #logo-box #top-logo img,
body.cobranded.cobranded-independent-pet-partners #logo-box #top-logo img,
body.cobranded.cobranded-ipp #logo-box #top-logo img,
body.cobranded.cobranded-feeders #logo-box #top-logo img,
body.cobranded.cobranded-wilco #logo-box #top-logo img,
body.cobranded.cobranded-destination-pet #logo-box #top-logo img
{
    position: absolute;
    margin: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Independent Pet Partners + Others */

body.cobranded.cobranded-independent-pet-partners #header {
    height: 74px;
}

body.cobranded.cobranded-independent-pet-partners #logo-box {
    width: 300px;
    height: 74px;
}

body.cobranded.cobranded-independent-pet-partners #logo-box #top-logo {
    width: 300px;
    height: 74px;
    position: relative;
}

body.cobranded.cobranded-independent-pet-partners #logo-box #top-logo img {
    position: absolute;
    margin: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* General */

.pgp-custom-login {
    width: 100%;
    display: block;
    background: #f3f3f3;
    border-radius: 6px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.pgp-custom-login.pgp-sponsor-login {
    background: transparent;
}

.pgp-custom-login form {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 420px;
    background: #fff;
    padding: 20px 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 30px -2px rgba(37,68,101,0.15); 
    box-shadow: 0px 2px 30px -2px rgba(37,68,101,0.15);
}

.pgp-custom-login form label {
    color: #66798d;
}

.pgp-custom-login form input[type="text"],
.pgp-custom-login form input[type="password"] {
    font-size: 16px;
    background: #fff;
    width: 100%;
    font-size: 16px;
    color: #777;
    padding: 12px 12px;
    border: 1px solid #bbc4c9;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(37,68,101,0.1); 
    box-shadow: 0px 1px 15px 0px rgba(37,68,101,0.1);
    margin-bottom: 10px;
}

.pgp-custom-login form input[type="text"]:focus,
.pgp-custom-login form input[type="password"]:focus {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2);
    border-color: #66798d;
}

.pgp-custom-login form input[type="submit"] {
    padding: 10px 30px;
    width: 100%;
    text-align: center;
    background: #244366;
    font-size: 16px;
    color: #fff;
    border: 2px solid #244366;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 15px;
}

.pgp-custom-login form input[type="submit"]:focus {
    border-color: #bae5c7 /* Replaced ZJ 11-28-23 */;
}

.pgp-custom-login form input[type="submit"]:hover {
    background: #336FAE;
    cursor: pointer;
}

.pgp-custom-login form p {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

/* =========== Sticky Database Headers + Tweaks =========== */

.csv-export,
.xls-export {
    display: none;
    visibility: hidden;
}

.cell-class-learner {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0;
    z-index: 1000;
}

.scrolling-table-container .scrolling-table th {
    background: #fff !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 2000;
    top: 0;
    border-bottom: none !important;
    box-shadow: inset 0 -1px 0 0 #ccc;
}

.th-left-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0;
    z-index: 5000 !important;
    box-shadow: 6px 0 8px 0 rgba(0,0,0,.05) !important;
    clip-path: inset(0px -15px 0px 0px);
}

.th-left-sticky:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 -1px 0 0 #ccc;
}

.scrolling-table-container .scrolling-table > tbody > tr.first-of-set:first-child {
    border-top: none !important;
}

.scrolling-table-container {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    max-height: 800px;
}

.scrolling-table-container.table-none-found {
    border: none;
    margin-bottom: 10px;
}

.scrolling-table-container.table-none-found p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;   
}

.scrolling-table-container .scrolling-table {
    border: none;
    margin-bottom: 0;
}

.store-table tr .cell-class-learner {
    box-shadow: 6px 0 8px 0 rgba(0,0,0,.05);
    clip-path: inset(0px -15px 0px 0px);
}

.store-table tr .cell-class-learner {
    background: #fff;
}

.store-table tbody tr:nth-child(even) .cell-class-learner {
    background: #f3f3f3;
}

.store-table tr.pgp-learner-status-paused .cell-class-learner {
    background: #FFFAEC;
}

.store-table tbody tr.pgp-learner-status-paused:nth-child(even) .cell-class-learner {
    background: #FFF6DA;
}

.store-table tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-learner {
    background: #FFFAEC;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons:nth-child(even) .cell-class-learner {
    background: #FFF6DA;
}

.store-table tr.pgp-learner-status-terminated .cell-class-learner {
    background: #FFF1F1;
}

.store-table tbody tr.pgp-learner-status-terminated:nth-child(even) .cell-class-learner {
    background: #FFE3E3;
}

.store-table tr.pgp-learner-status-graduated .cell-class-learner {
    background: #ECF6DA;
}

.store-table tbody tr.pgp-learner-status-graduated:nth-child(even) .cell-class-learner {
    background: #E3F1C7;
}

.store-table tr.pgp-learner-status-expired .cell-class-learner {
    background: #eee;
}

.store-table tbody tr.pgp-learner-status-expired:nth-child(even) .cell-class-learner {
    background: #e6e6e6;
}

.store-table tr.pgp-learner-status-cancelled .cell-class-learner {
    background: #eee;
}

.store-table tbody tr.pgp-learner-status-cancelled:nth-child(even) .cell-class-learner {
    background: #ddd;
}

.cell-class-started,
.cell-class-expiry,
.cell-class-completed {
    width: 100px;
}

.cell-class-tools,
.cell-class-books {
    width: 80px;
}


/* =========== Rising Star Form =========== */

/* .rising-star input[type="file" i]#image {
    visibility: hidden;
    opacity: 0;
} */

.rising-star .pg-wide.medium {
    background: #3f5b7a;
    background: -moz-linear-gradient(left, #3f5b7a 0%, #3071af 100%);
    background: -webkit-linear-gradient(left, #3f5b7a 0%,#3071af 100%);
    background: linear-gradient(to right, #3f5b7a 0%,#3071af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5b7a', endColorstr='#3071af',GradientType=1 );
}

.rising-star #content {
    padding-bottom: 0px;
}

.rising-star .rising-star-form p {
    margin-bottom: 15px;
}

.rising-star-alert {
    display: block;
    position: relative;
    width: 100%;
    background: #EFF0F2;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 15px 10px 50px;
    font-size: 18px;
}

.rising-star-alert .dashicons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.rising-star-alert .dashicons:before {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.rising-star-failure {
    background: #c7454b;
    color: #fff;
}

.rising-star-success {
    background: #7fbb5a;
    color: #fff;
}

/* .rising-star-form-wrap {
    background: #EDF0F3;
    border-radius: 6px;
    width: 100%;
    padding: 40px 40px;
} */

.rising-star-form {
    /* background: #fff;
    width: 640px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    padding: 10px 20px;
    /* -webkit-box-shadow: 0px 0px 25px -5px rgba(102,121,141,0.3);
    box-shadow: 0px 0px 25px -5px rgba(102,121,141,0.3); */
}

.rising-star-form h3 {
    font-size: 26px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.rising-star-form input[type="text"] {
    /* width: 100%;
    font-size: 16px;
    margin: 0;
    margin-bottom: 0px;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(102,121,141,0);
    box-shadow: 0px 0px 10px -5px rgba(102,121,141,0);
    border: 1px solid #C7CED6;
    border-radius: 5px;
    padding: 5px 7px;
    background: none;
    color: #EDF0F3; */
    background: none;
    border-radius: 0px;
    border: 2px solid #429ed1 /* ZJ Edited 11-28-23 */;
    padding: 15px 20px;
    font-size: 1.25em;
    color: #fff;
    width: 100%;
}

.rising-star-form textarea {
    /*-webkit-box-shadow: 0px 0px 10px -5px rgba(102,121,141,0);
    box-shadow: 0px 0px 10px -5px rgba(102,121,141,0);
    border: 1px solid #C7CED6;
    border-radius: 5px;
    padding: 5px 7px;
    width: 100%;
    color: #055480 /* ZJ Edited 11-28-23 */;
    font-size: 16px;
    margin-bottom: 10px;
    background: none;
    color: #EDF0F3;*/
    background: none;
    border-radius: 0px;
    border: 2px solid #429ed1 /* ZJ Edited 11-28-23 */;
    padding: 15px 20px;
    font-size: 1.25em;
    color: #fff;
    width: 100%;
    font-family: 'Lexend', sans-serif;
}

.rising-star-form input[type="checkbox"] {
    margin: 0;
}

.rising-star-form label {
    /* color: #66798d; */
    color: #EDF0F3;
    /* font-size: 15px; */
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 4px;
    line-height: 1;
}

.rising-star-form input[type="text"]:focus {
    /* border-color: #244366; */
    border-color: #FFF;
    -webkit-box-shadow: 0px 2px 10px -5px rgba(102,121,141,0.8);
    box-shadow: 0px 2px 10px -5px rgba(102,121,141,0.8);
}

.rising-star-form textarea:focus {
    /* border-color: #244366; */
    border-color: #FFF;
    -webkit-box-shadow: 0px 2px 10px -5px rgba(102,121,141,0.8);
    box-shadow: 0px 2px 10px -5px rgba(102,121,141,0.8);
}

.rising-star-form hr {
    color: #66798d;
    border-color: #66798d;
    margin-top: 30px;
    margin-bottom: 30px;
}

.rising-star-form .pgp-checkbox {
    width: 100%;
    margin-bottom: 15px;
}

.rising-star-form .pgp-checkbox label {
    margin-left: 7px;
    /* color: #777; */
    color: #EDF0F3;
    font-size: 14px;
}

.rising-star-form input[type="file"]:file-selector-button {
    background: #244366;
    color: #fff;
    border: 1px solid #244366;
}

.rising-star-form input[type="submit"] {
    margin-left: auto;
    margin-right: auto;
    padding: 12px 50px;
    text-align: center;
    background: #244366;
    font-size: 20px;
    color: #fff;
    border: 2px solid #244366;
    cursor: pointer;
    border-radius: 5px;
}

.rising-star-form input[type="submit"]:focus {
    border-color: #bae5c7 /* Replaced ZJ 11-28-23 */;
}

.rising-star-form .center-submit {
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}

.rising-star-form input[type="submit"]:hover {
    background: #336FAE;
    cursor: pointer;
}

.rising-star-form .file-upload-description {
    font-size: 14px;
    /*color: #777;*/
    color: #EDF0F3;
    margin-bottom: 15px;
}

.rising-star-form label[for="image"] {}

.rising-star-form p {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.rising-star-form ::-webkit-input-placeholder { /* WebKit browsers */
    opacity: 1;
    color: #A3BBDC !important;
}

.rising-star-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A3BBDC !important;
    opacity: 1;
}

.rising-star-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A3BBDC !important;
    opacity: 1;
}

.rising-star-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #A3BBDC !important;
    opacity: 1;
}

/* =========== Generator Modal Form =========== */

.pgp_generator_form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    background: #fff;
    width: 100%;
    font-size: 16px;
    color: #777;
    padding: 12px 12px;
    border: 1px solid #bbc4c9;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2);
    margin-bottom: 10px;
}

.pgp_generator_form input[type="text"] {
    font-size: 16px;
    background: #fff;
    width: 100%;
    font-size: 16px;
    color: #777;
    padding: 12px 12px;
    border: 1px solid #bbc4c9;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2);
    margin-bottom: 10px;
}

.pgp_generator_form select option[disabled] {
    opacity: .5;
}

.pgp_generator_form select option:disabled {
    opacity: .5;
}

.pgp_generator_form .select-styler,
.pgp_generator_form .text-label-styler {
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid #66798d;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2);
    margin-bottom: 10px;
    float: left;
}

.pgp_generator_form .select-styler label,
.pgp_generator_form .text-label-styler label {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 150px;
    background: #66798d;
    color: #fff;
    font-size: 14px;
    padding: 0;
}

.pgp_generator_form .select-styler label .label-inner,
.pgp_generator_form .text-label-styler label .label-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    padding: 5px 10px;
    line-height: 1;
    font-size: 14px;
}

.pgp_generator_form .select-styler select {
    width: 100%;
    padding-left: 165px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    color: #ACB6C1;
}

.pgp_generator_form .text-label-styler > input[type="text"] {
    width: 100% !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 12px 12px 12px 165px !important;
    font-size: 16px !important;
    color: #20558B !important;
}

.pgp_generator_form .text-label-styler > input[type="text"]::placeholder {
    color: #ACB6C1;
}

.pgp_generator_form .text-label-styler > input[type="text"]:ms-input-placeholder {
    color: #ACB6C1;
}

.pgp_generator_form .text-label-styler > input[type="text"]::ms-input-placeholder {
    color: #ACB6C1;
}

.pgp_generator_form .select-styler select.pgp-db-select.select-active {
    color: #20558B !important;
}

#pgp_db_report_form .date_report_style_group.select-styler,
#pgp_db_report_form .date_report_style_group.text-label-styler {
    margin-top: 17px;
}

#pgp_db_report_form .corporation_style_group.select-styler,
#pgp_db_report_form .corporation_style_group.text-label-styler {
    margin-top: 17px;
}

/* =========== Clean Up Front-End WP Admin Bar =========== */

#wpadminbar #wp-admin-bar-my-sites,
#wpadminbar #wp-admin-bar-customize, 
#wpadminbar #wp-admin-bar-ifi_theme_options,
#wpadminbar #wp-admin-bar-duplicate-post,
#wpadminbar #wp-admin-bar-wpf {
    display: none;
    visibility: hidden
}

#wp-admin-bar-my-account > .ab-item {
    font-size: 0;
}

#wp-admin-bar-my-account > .ab-item .display-name {
    font-size: 13px;
}

#wp-admin-bar-my-account > .ab-item img {
    display: none !important;
    visibility: hidden;
}

.scrolling-table-container {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    overflow: scroll !important;
}

.scrolling-table {
    width: initial !important;
}

/* =========== Database =========== */

.database-panel-subsection {
    width: calc(100% - 12px);
    margin-right: auto;
    margin-left: auto;
    float: left;
    clear: both;
    margin-bottom: 12px;
    border-bottom: 1px solid #66798d;
    font-size: 18px;
    margin-left: 6px;
    margin-right: 6px;
    padding-bottom: 5px;
}

.database-panel-subsection + .panel-links {
    margin-bottom: 16px;
}

.status-counts {
    display: block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    float: left;
}

.status-count {
    display: inline-block;
    float: left;
}

.status-count a {
    display: inline-block;
    border: 1px solid #66798d;
    border-radius: 100px;
    font-size: 14px;
    text-decoration: none;
    padding: 6px 11px;
    line-height: 1;
    margin-right: 7px;
    color: #66798d;
    background: #fff;
}

.status-count a:hover {
    background: #66798d;
    border-color: #66798d;
    color: #fff;
}

.status-count.active-status a {
    background: #66798d;
    border-color: #66798d;
    color: #fff;
}

.grade-table td {
    position: relative;
}

.grade-table td .tooltip {}

/* ======= Search and Loader ======= */

.search {}

#learner-search {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #C7CED6;
    margin-top: 10px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(102,121,141,0.4);
    box-shadow: 0px 0px 10px -5px rgba(102,121,141,0.4);
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

#learner-search input {
    border: none;
    margin: 0;
    width: calc(100% - 50px);
    padding-left: 10px;   
}

#learner-search:focus {
    border-color: #244366;
}

#learner-search button {
    width: 50px;
    position: absolute;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #C7CED6;
    color: #fff;
    cursor: pointer;
    pointer-events: none;
}

#learner-search button:hover {
    /* background: #C7CED6; */
}

#learner-search input.has-three + button {
    background-color: #244366;
    cursor: pointer;
    pointer-events: auto;
}

#learner-search input.has-three:focus + button {
    background-color: #244366;
    cursor: pointer;
}

#learner-search input.has-three:focus + button:hover {
    background: #336FAE;
    cursor: pointer;
}

#learner-search-results {}

#learner-search-results {
    display: none;
    visibility: hidden;
    float: left;
    background: #EDF0F3;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 5px;
}

#learner-search-results li a .search-username {
    color: #999;
    font-size: 14px;
}

#learner-search-results li a:hover .search-username {
    color: #fff;
    opacity: .6;
}

.no-users-message {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

#learner-search-results.active {
    display: block;
    visibility: visible;
}

.search-loading {
    width: 100%;
    padding-top: 10px;
}

.search-loading img {
    width: 100px;
    height: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    animation: loader .4s ease 0s alternate infinite;
}

.search-loading {
    display: none;
    visibility: hidden;
}

.search-loading img {
    display: none;
    visibility: hidden;
}

.search-loading.active {
    display: block;
    visibility: visible;
}

.search-loading.active img {
    display: inline-block;
    visibility: visible;
}

@keyframes loader {
    0% {
        opacity: .1;
        transform: scale(.9);
    }
    
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* ======= DB Tabs ======= */

.panel-tab {
    overflow: hidden;
    display: none;
}

.panel-tab.active {
    display: block;
}

.panel-nav {
    width: 100%;
    float: left;
    clear: both;
}

.panel-tabs {
    width: 100%;
    float: left;
    clear: both;
}

.panel-nav button {
    font-size: 14px;
    font-family: 'Lexend', serif;
    font-weight: normal;
    background: #244366;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 9px 12px;
    border: 2px solid #244366;
    z-index: 1000;
    margin: 0 10px 15px 0;
    cursor: pointer;
}

.panel-nav.tab-disabled button {
    
    background: #244366;
}

.panel-nav button:hover {
    background: #336FAE;
    border-color: #244366;
    cursor: pointer;
}

.panel-nav button.active {
    background-color: #FFF;
    color: #244366;
    border-color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    font-weight: bold;
}

/* ======= DB Containers & More ======= */

.database-container-wide {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.database-container-wide .container {
    width: 100% !important;
    overflow: scroll;
}

.database-container-wide #content.auto.left {
    width: 100%;
}

.database-student-container-wide,
.database-corporate-container-wide {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 980px;
}

.database-student-container-wide #content.auto.left,
.database-corporate-container-wide #content.auto.left
{
    width: 100%;
}

.database-student-container-wide .container,
.database-corporate-container-wide .container {
    width: 100% !important;
}

#modal-frame {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(7,12,18,0.7);
}

#modal-frame.active {
    display: block;
}

#modal-frame #edit-modal {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px 20px;
    background: #f5f6f7;
    width: 500px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 2px 25px 0px rgba(37,68,101,0.7); 
    box-shadow: 0px 2px 25px 0px rgba(37,68,101,0.7);
}

#modal-frame #edit-modal h3 {
    margin-bottom: 10px;
}

#modal-frame #edit-modal textarea {
    width: 100%;
    height: 200px;
    font-size: 14px;
    color: #777;
    padding: 12px 12px;
    border: 1px solid #bbc4c9;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2);
}

#modal-frame #edit-modal input[type="text"] {
    width: 100%;
    font-size: 14px;
    color: #777;
    padding: 12px 12px;
    border: 1px solid #bbc4c9;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 20px 0px rgba(37,68,101,0.2);
    margin-bottom: 10px;
}

.pdf-bullets {
    list-style: disc;
    padding-left: 22px;
}

.notes-button.sidebar-item {
    /* margin-bottom: 10px; */
}

.cell-class-tools,
.cell-class-books,
.cell-class-notes,
.cell-class-test-resets,
.cell-class-terminate,
.cell-class-milestone {
    text-align: center !important;
}

.cell-class-milestone {
    width: 80px;
    text-align: center !important;
}

tr .weekly-complete {
    background: #ECF6DA;
}

tr .weekly-stagnant {
    background: #FFFAEC;
}

tr .weekly-null {
    background: #e7e7e7;
}

tr .weekly-late {}

tr:nth-child(even) .weekly-complete {
    background: #E3F1C7;
}

tr:nth-child(even) .weekly-stagnant {
    background: #FFF6DA;
}

tr:nth-child(even) .weekly-null {
    background: #ddd;
}

tr .cell-class-milestone.due-status-1 {
    color: #D07C0D;
    background: #FFFAEC;
}

tr:nth-child(even) .cell-class-milestone.due-status-1 {
    background: #FFF6DA;
}

tr .cell-class-milestone.lesson-status-passed {
    color: #538117;
    background: #ECF6DA;
}

tr:nth-child(even) .cell-class-milestone.lesson-status-passed {
    background: #E3F1C7;
}

tr .cell-class-milestone.lesson-status-graded {
    color: #538117;
    background: #ECF6DA;
}

tr:nth-child(even) .cell-class-milestone.lesson-status-graded {
    background: #E3F1C7;
}

tr .cell-class-milestone.lesson-status-failed {
    color: #c23131;
    background: #FFF1F1;
}

tr:nth-child(even) .cell-class-milestone.lesson-status-failed {
    background: #FFE3E3;
}

/* come back */

.cell-class-notes,
.cell-class-test-resets,
.cell-class-terminate {
    width: 100px;
}

.cell-class-progress {
    width: 420px;
}

.cell-class-id {
    width: 60px;
}

.cell-class-learner {
    width: 220px;
}

.cell-class-status {
    width: 120px;
}

.store-table .dashicons-no {
    color: #c7454b;
}

.store-table .dashicons-yes {
    color: #7fbb5a;
}

#edit-pdf-modal-inner {
    display: none;
}

#edit-pdf-modal-inner.active {
    display: block;
}

#modal-frame .acf-fields > .acf-field {
    font-size: 14px;
    padding: 7px;
}

#modal-frame .acf-actions {
    text-align: center !important;
}

#modal-frame .acf-actions .acf-button {
    display: inline-block;
    padding: 6px 20px;
    text-decoration: none;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #3073ac;
    cursor: pointer;
    margin-bottom: 12px;
}

#modal-frame .acf-actions .acf-button:hover {
    color: #fff;
    background: #3073ac;
    cursor: pointer;
}

#modal-frame .acf-fields > .acf-field.acf-field-repeater {
    padding: 0;
}

#modal-frame #message.updated {
    display: none !important;
    visibility: hidden !important;
}

#modal-frame input[type="button" i], 
#modal-frame input[type="submit" i], 
#modal-frame input[type="reset" i], 
#modal-frame input[type="file" i]::-webkit-file-upload-button {
    width: 100%;
    font-size: 16px;
    font-family: 'Lexend', serif;
    font-weight: bold;
    background: #244366;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 7px;
    padding: 11px 15px;
    border: 1px solid #244366;
    text-transform: uppercase;
    z-index: 1000;
    margin: 5px 0;
    cursor: pointer;
}

#modal-frame input[type="button" i]:hover, 
#modal-frame input[type="submit" i]:hover, 
#modal-frame input[type="reset" i]:hover, 
#modal-frame input[type="file" i]::-webkit-file-upload-button:hover {
    background-color: #3073ac;
}

#modal-frame .acf-field .acf-label {
    display: none;
    visibility: hidden;
}

.database-sidebar .learner-info-bullets a,
.learner-sidebar .learner-info-bullets a,
.database-sidebar .store-meta-bullets a,
.learner-sidebar .store-meta-bullets a {
    text-decoration: none;
}

.database-sidebar .learner-info-bullets a:hover,
.learner-sidebar .learner-info-bullets a:hover,
.database-sidebar .store-meta-bullets a:hover,
.learner-sidebar .store-meta-bullets a:hover {
    text-decoration: underline;
}

.database-sidebar .db-faint,
.learner-sidebar .db-faint {
    color: #777;
    color: #66798d;
    font-size: 20px;
}

.learner-course .store-table-container table {
    font-size: 14px;
    min-width: 3000px;
}

.learner-course .store-table-container table.table-weekly-view {
    min-width: 3000px;
}

.learner-course .store-table-container table.table-combined-view {
    min-width: 6000px;
} 

.learner-course .store-table-container table.table-combined-view .cell-class-pgp-week,
.learner-course .store-table-container table.table-weekly-view .cell-class-pgp-week {
    min-width: 70px;
    text-align: center;
}

.learner-course .store-table-container table.table-combined-view .cell-class-learner {
    min-width: 220px;
}

.learner-course .store-table-container table.table-combined-view .cell-class-mentor,
.learner-course .store-table-container table.table-combined-view .cell-class-corporation,
.learner-course .store-table-container table.table-combined-view .cell-class-status,
.learner-course .store-table-container table.table-combined-view .cell-class-expiry,
.learner-course .store-table-container table.table-combined-view .cell-class-coach,
.learner-course .store-table-container table.table-combined-view .cell-class-store,
.learner-course .store-table-container table.table-combined-view .cell-class-mt1,
.learner-course .store-table-container table.table-combined-view .cell-class-mt2, 
.learner-course .store-table-container table.table-combined-view .cell-class-cf {
    min-width: 140px;
}



.learner-course .store-table-container table.table-weekly-view .cell-class-learner,
.learner-course .store-table-container table.table-weekly-view .cell-class-mentor,
.learner-course .store-table-container table.table-weekly-view .cell-class-corporation {
    min-width: 220px;
}

.learner-course .store-table-container table.table-combined-view .cell-class-status {
    min-width: 100px;
}

.learner-course .store-table-container table.table-weekly-view .cell-class-status {
    min-width: 100px;
    border-right: 1px solid #ccc;
}

.learner-course .store-table-container table th {
    text-align: left;
}

.learner-course .store-table-container table td {
    text-align: left;
}

.learner-course .store-table-container table td a {
    text-decoration: none;
}

.learner-course .store-table-container table td a:hover {
    text-decoration: underline;
}

.database-sidebar hr,
.learner-sidebar hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.profile-tags li {
    display: inline-block;
    background: #888;
    color: #fff;
    border-radius: 50px;
    padding: 2px 11px 2px 30px;
    font-size: 13px;
    border: 1px solid #fff;
    position: relative;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

ul.profile-tags li:before {
    content: '\f118';
    font-family: 'Dashicons';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 10px;
    opacity: .7;
}

ul.profile-tags li.graduate-tag {
    background: #3c70a3;
}

ul.profile-tags li.graduate-tag:before {
    content: '\f118';
    color: #ffcc74;
    opacity: 1;
}

ul.profile-tags li.terminated-tag {
    background: #c7454b;
    padding-left: 26px;
}

ul.profile-tags li.terminated-tag:before {
    content: '\f153';
    color: #ffcfa0;
    
    color: #fff;
    opacity: .8;
    left: 6px;
}

ul.profile-tags li.books-tag:before {
    content: '\f331';
    opacity: 1;
    font-size: 15px;
    margin-top: 1px;
}

ul.profile-tags li.tools-tag:before {
    content: '\f100';
    opacity: 1;
}

ul.profile-tags li.purchased-tag {
    background: #7fbb5a;
}

ul.profile-tags li.purchased-tag:before {
    color: #F1FFDB;
    opacity: 1;
}

ul.profile-tags li.not-purchased-tag {
    background: #c7454b;
}

ul.profile-tags li.not-purchased-tag:before {
    color: #ffc1c1;
}

.learner-title.terminated {
    color: #c7454b;
}

.learner-title .dashicons {
    font-size: 24px;
    width: auto;
    height: auto;
    line-height: 1.35;
    margin-right: 3px;
}

.learner-title .dashicons.graduate-indicator {
    color: #efbb77;
}

.learner-title .dashicons.graduate-indicator,
.learner-title .dashicons.terminated-indicator {}

.notes-button button.notes-tests-split {
    width: calc(50% - 5px);
    margin-left: 0;
    margin-right: 5px;
    float: left;
}

.notes-button button.notes-tests-split.ntsplit-right {
    margin-right: 0;
    margin-left: 5px;
}

.notes-button .previous-screen {
    background-color: #fff;
    border: 1px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
    color: #244366;
    position: relative;
}

.notes-button .previous-screen:before {
    content: '\f341';
    font-family: 'Dashicons';
    font-size: 24px;
    color: #336FAE;
    color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.notes-button .previous-screen:hover {
    color: #fff;
    background: #66798d;
    border-color: #66798d;
}

.notes-button .previous-screen:hover:before {
    color: #fff;
}

.database-panel.admin-views .panel-links a {
    text-decoration: none;
}

.database-panel.admin-views {
    float: left;
}

.database-panel.admin-views ul.panel-links {
    width: 100%;
    float: left;
}

.database-panel.admin-views .learner-course {
    float: left;
}

.database-panel.admin-views ul.panel-links li {
    width: calc(33.333% - 12px);
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 12px;
    float: left;
    display: block;
}

.database-panel.admin-views ul.panel-links li:nth-child(3n+1) {
    clear: left;
}

.database-panel.admin-views ul.panel-links li a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px 12px;
    border: 1px solid #66798d;
    font-size: 15px;
    background-color: #fff;
    border-color: #C7CED6;
    
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(102,121,141,0.4); 
    box-shadow: 0px 0px 10px -5px rgba(102,121,141,0.4);
}

.database-panel.admin-views ul.panel-links li a:hover {
    color: #fff;
    background-color: #66798d;
    border-color: #66798d;
    -webkit-box-shadow: 0px 2px 15px -5px rgba(102,121,141,1); 
    box-shadow: 0px 2px 15px -5px rgba(102,121,141,1);
}

.database-panel.admin-views h3 {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.database-panel.admin-views h3 .dashicons {
    color: #66798d;
    top: 3px;
    left: 3px;
    position: absolute;
}

.table-button-generator {
    display: inline-block;
    font-family: 'Lexend', serif;
    background: #244366;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    border: none;
    z-index: 1000;
    padding: 5px 12px;
    margin: 0;
    cursor: pointer;
    font-size: 12.5px;
}

.table-button-generator:hover {
    background: #336FAE;
    cursor: pointer;
}

.th-center {
    text-align: center !important;
}

.th-shrink {
    font-size: 13px !important;
}

.completion-status-late {
    color: red;
}

/*
.database-panel.admin-views .panel-links a:hover {
    text-decoration: underline;
}

.database-panel.admin-views ul.panel-links {
    list-style: disc; 
    color: #999;
    padding-left: 25px;
}

*/

.database-container-wide .bootstrap4 tbody tr:nth-of-type(odd) {
    background: rgba(48, 115, 172, .05);
}

.database-container-wide .bootstrap4 .table tbody tr td {
    border-bottom: 1px solid #B4CCE1 !important;
}

.database-container-wide .bootstrap4 .table tbody tr td {
    position: relative;
}

.database-container-wide .bootstrap4 .table tbody tr td div.on-time,
.database-container-wide .bootstrap4 .table tbody tr td div.past-due {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
}

.database-container-wide .bootstrap4 .table tbody tr td div.past-due {
    background: rgba(255,255,0,.1);
    color: red;
}

.database-container-wide .bootstrap4 .table tbody tr td div.passed,
.database-container-wide .bootstrap4 .table tbody tr td div.past-due.passed {
    background: rgba(0,255,0,.1);
    color: green;
}

.database-container-wide .bootstrap4 .table tbody tr td div.in-progress {
    background: rgba(255,255,0,.1);
}

.database-container-wide .bootstrap4 .table tbody tr td div.failed {
    background: rgba(255,0,0,.1);
}

#content-wide.database-container-wide {
    background: #fff;
    background: -moz-linear-gradient(top, #eee 0%, #fff 40px);
    background: -webkit-linear-gradient(top, #eee 0%, #fff 40px);
    background: linear-gradient(to bottom, #eee 0%, #fff 40px);
    border-top: 2px solid #bec1c4;
}

#content-wide.database-student-container-wide,
#content-wide.database-corporate-container-wide {
    background: #eee;
    background: -moz-linear-gradient(top, #ddd 0%, #eee 40px);
    background: -webkit-linear-gradient(top, #ddd 0%, #eee 40px);
    background: linear-gradient(to bottom, #ddd 0%, #eee 40px);
    border-top: 2px solid #bec1c4;
}

#content-wide.database-container-wide #content-container,
#content-wide.database-student-container-wide #content-container,
#content-wide.database-corporate-container-wide #content-container {
    padding-top: 5px;
}

.database-container-wide .ninja_clmn_nm_Learner {
    min-width: 240px;
}

.database-container-wide .ninja_clmn_nm_Name {
    min-width: 240px;
}

.database-container-wide .ninja_clmn_nm_Start {
    min-width: 120px;
}

.database-container-wide .ninja_clmn_nm_Current {
    min-width: 120px;
}

.database-container-wide .ninja_clmn_nm_Tracker {
    min-width: 140px;
}

.database-container-wide .ninja_clmn_nm_Course {
    min-width: 130px;
}

.database-container-wide .ninja_clmn_nm_Notes {
    min-width: 100px;
}

.database-container-wide .bootstrap4 .table tbody tr td div.note {
    display: none;
    visibility: hidden;
}

.database-container-wide .bootstrap4 .table tbody tr td button {
    color: #fff;
    background: #21568B;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.database-container-wide .bootstrap4 .table tbody tr td button:hover {
    background: #336FAE;
}

/* =========== Database Profile Page =========== */

ul.purchase-tags {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

ul.purchase-tags li {
    display: inline-block;
    background: #ccc;
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 7px;
    border: 1px solid #aaa;
    position: relative;
}

ul.purchase-tags li:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(170,170,170,0.5); 
    box-shadow: 0px 2px 15px 0px rgba(170,170,170,0.5);
    border-color: #fff;
}

ul.purchase-tags li.pgp-purchased {
    background-color: #74c946;
    border-color: #6ba02d;
    color: #fff;
    padding-left: 15px;
}

ul.purchase-tags li.pgp-purchased:hover {
    -webkit-box-shadow: 0px 2px 15px 0px rgba(107,160,45,0.5); 
    box-shadow: 0px 2px 15px 0px rgba(107,160,45,0.5);
    border-color: #fff;
}

ul.purchase-tags li.pgp-not-purchased {
    background-color: #e45057;
    border-color: #b42f35;
    color: #fff;
}

ul.purchase-tags li.pgp-not-purchased:hover {
    -webkit-box-shadow: 0px 2px 15px 0px rgba(180,47,53,0.5); 
    box-shadow: 0px 2px 15px 0px rgba(180,47,53,0.5);
    border-color: #fff;
}

ul.purchase-tags li.tools-tag {
    padding-left: 27px;
}

ul.purchase-tags li.tools-tag:before {
    content: '\f100';
    font-family: 'Dashicons';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 7px;
}

ul.purchase-tags li.books-tag {
    padding-left: 27px;
}

ul.purchase-tags li.books-tag:before {
    content: '\f330';
    font-family: 'Dashicons';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 7px;
}

.wpf-tag-list li {
    display: inline-block;
    background: #c0d2e4;
    color: #254466;
    border-radius: 50px;
    padding: 0 10px 0 0;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    border: 1px solid #fff;
}

.wpf-tag-list li .wpf-tag-name {
    display: inline-block;
    font-size: 13px;
    border-radius: 50px;
    padding: 1px 8px;
    margin-right: 3px;
    background: #7e98b1;
    color: #fff;
}

.wpf-tag-list li:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(37,68,101,0.3); 
    box-shadow: 0px 2px 7px 0px rgba(37,68,101,0.3);
}

.grade-table-container {
    display: block;
    position: relative;
    width: 100%;
    overflow: scroll;
}

.grade-table {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.grade-table tr th {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    text-align: center;
}

.grade-table tr td {
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}

.grade-table .dashicons, 
.grade-table .dashicons-before:before {
    vertical-align: middle;
}


.grade-table td.status-unknown {
    background: rgba(180,180,180,.1);
    color: red;
}

.grade-table td.status-x {
    background: rgba(255,255,0,.1);
    color: red;
}

.grade-table td.status-passed,
.grade-table td.status-complete,
.grade-table td.status-graded {
    background: rgba(0,255,0,.1);
    color: green;
}

.grade-table td.status-in-progress {
    background: rgba(255,255,0,.1);
}

.grade-table td.status-failed {
    background: rgba(255,0,0,.1);
}

.learner-course {
    width: 100%;
    background: #fff;
    border-radius: 7px;
    margin-bottom: 25px;
    padding: 15px 20px 10px;
    border-left: 6px solid #ccc;
    -webkit-box-shadow: 0px 2px 25px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 25px 0px rgba(37,68,101,0.2);
}

ul.memberships {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

ul.memberships li.membership-bullet {
    display: inline-block;
    background: #ccc;
    border-radius: 50px;
    padding: 0 10px 0 0;
    font-size: 12px;
    border: 1px solid #fff;
    position: relative;
    text-transform: uppercase;
    margin-right: 7px;
    margin-bottom: 7px;
}

ul.memberships li.membership-bullet strong {
    display: inline-block;
    text-transform: none;
    background: #888;
    color: #fff;
    font-size: 13px;
    border-radius: 50px;
    font-weight: normal;
    padding: 2px 10px 2px 27px;
    margin-right: 4px;
}

ul.memberships li.membership-bullet strong:before {
    content: '\f110';
    font-family: 'Dashicons';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 7px;
    opacity: .7;
}

ul.memberships li.course-status-item  {
    display: inline-block;
    background: #888;
    color: #fff;
    border-radius: 50px;
    padding: 2px 11px 2px 30px;
    font-size: 13px;
    border: 1px solid #fff;
    position: relative;
    margin-right: 7px;
    margin-bottom: 7px;
    text-transform: capitalize;
}

ul.memberships li.course-status-item:before {
    content: '\f118';
    font-family: 'Dashicons';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 10px;
    opacity: .7;
}

ul.memberships li:hover {
    cursor: pointer;
}

ul.memberships li.membership-status-active {
    background-color: #bedeac;
    color: #4a8625;
}

ul.memberships li.membership-status-active strong {
    background-color: #7fbb5a;
}

ul.memberships li.membership-status-on-hold {
    background-color: #f9e6a6;
    color: #cb6d08;
}

ul.memberships li.membership-status-on-hold strong {
    /* background-color: #f0c660; */
    background-color: #ecb14b;
}

ul.memberships li.membership-status-expired {
    background-color: #f3c0c2;
    color: #a01118;
}

ul.memberships li.membership-status-expired strong {
    background-color: #c7454b;
}

ul.memberships li.course-status-item.course-status-complete {
    background-color: #336FAE;
    
    /*
    background-color: #41a23f;
    
    background-color: #389a36;
    
    */
    
    /* background-color: #244366; */
    
    background-color: #386795;
    
    background-color: #3c70a3;
}

ul.memberships li.course-status-item.course-status-complete:before {
    color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    
    color: #ffcc74;
    opacity: 1;
}

ul.memberships li.course-status-item.course-status-in-progress {
    color: #244d78;
    /* background-color: #d5e7f2; */
    background-color: #cbe3f1;
}

ul.memberships li.course-status-item.course-status-in-progress:before {
    color: #244d78;
}

.database-panel h2,
.learner-courses h2 {
    margin-bottom: 15px;
}

.database-sidebar .su-spoiler,
.learner-sidebar .su-spoiler {
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.database-sidebar .su-spoiler .su-spoiler-title,
.learner-sidebar .su-spoiler .su-spoiler-title {
    background: #fff;
    padding: 12px 15px !important;
    font-size: 20px;
}

.database-sidebar .su-spoiler .su-spoiler-content,
.learner-sidebar .su-spoiler .su-spoiler-content {
    padding: 1px 15px 15px;
    background: #fff;
}

.database-sidebar .su-spoiler .su-spoiler-title .su-spoiler-icon,
.learner-sidebar .su-spoiler .su-spoiler-title .su-spoiler-icon {
    left: initial;
    right: 10px !important;
    top: 13px;
}

.database-sidebar .su-spoiler .su-spoiler-title .su-spoiler-icon:before,
.learner-sidebar .su-spoiler .su-spoiler-title .su-spoiler-icon:before {
    left: 0;
    top: 0;
    color: #ccc;
}

.learner-sidebar,
.database-sidebar {
    width: 25%;
    display: block;
    float: left;
}

.learner-courses,
.database-panel {
    width: 75%;
    padding: 0 0 20px 20px;
    display: block;
    float: right;
}

li .tooltip,
td .tooltip {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px 12px;
    text-align: center;
    color: #333;
    z-index: 5000;
    border-radius: 5px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 25px 0px rgba(37,68,101,0.2); 
    box-shadow: 0px 2px 25px 0px rgba(37,68,101,0.2);
}

/* Show the tooltip text when you mouse over the tooltip container */
li:hover .tooltip,
td:hover > .tooltip {
    visibility: visible;
}

td > ul > li > .tooltip {
    width: auto;
    min-width: 180px;
}

.tooltip:after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 10px);
    bottom: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    z-index: 500;
}

.membership-status-tooltip {
    text-transform: none;
    min-width: 160px;
}

.membership-status-tooltip em {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #777;
    margin-right: 3px;
    text-decoration: none;
    font-style: normal;
}

.notes-button.sidebar-item {
    float: left;
    width: 100%;
}

#modal-frame #edit-modal {
    position: relative;
}

.notes-button button,
#modal-frame #edit-modal button {
    width: 100%;
    font-size: 16px;
    font-family: 'Lexend', serif;
    font-weight: bold;
    background: #244366;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 7px;
    padding: 11px 15px;
    border: 1px solid #244366;
    text-transform: uppercase;
    z-index: 1000;
    margin: 5px 0;
    cursor: pointer;
}

.notes-button button:hover,
#modal-frame #edit-modal button:hover {
    background: #336FAE;
    cursor: pointer;
}

#modal-frame #edit-modal #close-modal {
    display: block;
    position: absolute;
    font-size: 30px;
    top: 0px;
    right: 0px;
    line-height: 1;
    padding: 18px 21px 8px;
    cursor: pointer;
}

#modal-frame #edit-modal #close-modal:hover {
    color: red;
    cursor: pointer;
}

.start-dates {
    font-size: 15px;
    color: #66798d;
    margin-bottom: 3px;
}

.hidden-note {
    display: none;
    visibility: hidden;
}


ul.status-tags {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

ul.status-tags li {
    display: inline-block;
    background: #ddd;
    border-radius: 50px;
    padding: 2px 7px;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 4px;
    margin-bottom: 8px;
    position: relative;
}

/* =========== Corporate Page Adjustments =========== */

.store-table-container {
    display: block;
    position: relative;
    width: 100%;
    overflow: visible;
}

.store-table {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    width: 100%;
    overflow: visible;
}

.store-table tr th {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    text-align: center;
}

.store-table tr td {
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    overflow: visible;
}

.store-table tr td li {
    position: relative;
    overflow: visible;
}

.store-table {
    position: relative;
}

.store-table a.button {
    background: #244366;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 5px 1px;
    cursor: pointer;
    /* text-transform: uppercase; */
    text-decoration: none;
}

.store-table a.button:hover {
    background: #336FAE;
    cursor: pointer;
}


/*
.store-table thead {
    position: fixed;
}
*/

.store-table thead tr {
    width: 100%;
}

.store-table .dashicons, 
.store-table .dashicons-before:before {
    vertical-align: middle;
}

.store-table tr {
    background: #fff;
}

.store-table tbody tr:nth-child(even) {
    background: #f3f3f3;
}

.store-table tr.pgp-learner-status-paused,
.store-table tbody tr.pgp-learner-status-paused .cell-class-milestone {
    background: #FFFAEC;
}

.store-table.table-combined-view tbody tr > .cell-class-milestone,
.store-table.table-combined-view tbody tr > .cell-class-pgp-week {
    border-left: 1px solid #ccc;
}

.store-table.table-combined-view tbody tr > .cell-class-milestone ~ .cell-class-milestone,
.store-table.table-combined-view tbody tr > .cell-class-pgp-week ~ .cell-class-pgp-week {
    border-left: none;
}

.store-table tbody tr.pgp-learner-status-paused:nth-child(even),
.store-table tbody tr.pgp-learner-status-paused:nth-child(even) .cell-class-milestone {
    background: #FFF6DA;
}

.store-table tr.pgp-learner-status-active.learner-has-late-lessons td:not([class^="cell-class-milestone"]) {
    background: #FFFAEC;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons:nth-child(even) td:not([class^="cell-class-milestone"]) {
    background: #FFF6DA;
}

.store-table tbody tr .cell-class-learner + .cell-class-milestone {
    border-left: 1px solid #ccc;
}

.store-table tbody tr:nth-child(even) .cell-class-learner + .cell-class-milestone {
    border-left: 1px solid #bbb;
}

.store-table tbody tr .cell-class-milestone + .cell-class-status {
    border-left: 1px solid #ccc;
}

.store-table tbody tr:nth-child(even) .cell-class-milestone + .cell-class-status {
    border-left: 1px solid #bbb;
}

.store-table tbody tr .cell-class-learner + .cell-class-milestone,
.store-table tbody tr:nth-child(even) .cell-class-learner + .cell-class-milestone,
.store-table tbody tr .cell-class-milestone + .cell-class-status,
.store-table tbody tr:nth-child(even) .cell-class-milestone + .cell-class-status {
    border-left: 1px solid #bbb;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-learner + .cell-class-milestone {
    border-left: 1px solid #EECFA7;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons:nth-child(even) .cell-class-learner + .cell-class-milestone {
    border-left: 1px solid #E5B87B;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-milestone + .cell-class-status {
    border-left: 1px solid #EECFA7;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons:nth-child(even) .cell-class-milestone + .cell-class-status {
    border-left: 1px solid #E5B87B;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-learner + .cell-class-milestone,
.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons:nth-child(even) .cell-class-learner + .cell-class-milestone,
.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-milestone + .cell-class-status,
.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons:nth-child(even) .cell-class-milestone + .cell-class-status {
    border-left: 1px solid #E5B87B;
}

.store-table tbody tr .cell-class-milestone + .cell-class-status {
    text-align: center;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-learner a {
    color: #D07C0D;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-status {
    color: #D07C0D;
}

.store-table tbody tr.pgp-learner-status-active.learner-has-late-lessons .cell-class-id {
    color: #D07C0D;
} 

.store-table tr.pgp-learner-status-paused,
.store-table tr.pgp-learner-status-paused a,
.store-table tr.pgp-learner-status-paused .cell-class-milestone {
    /* color: #da9722; */
    /* color: #c49629; */
    /* color: #E79810; */
    
    color: #D07C0D;
}

.store-table tr.pgp-learner-status-paused button {
    /* background: #f9c860; */
    /* background: #f6be47; */
    background: #E79810;
}

.store-table tr.pgp-learner-status-paused button:hover {
    opacity: .5;
}

.store-table tr.pgp-learner-status-terminated {
    background: #FFF1F1;
}

.store-table tr.pgp-learner-status-terminated,
.store-table tr.pgp-learner-status-terminated .cell-class-milestone,
.store-table tr.pgp-learner-status-terminated a {
    color: #c23131;
}

.store-table tr.pgp-learner-status-terminated button {
    background: #CC565B;
}

.store-table tr.pgp-learner-status-terminated button:hover {
    opacity: .5;
}

.store-table tbody tr.pgp-learner-status-terminated:nth-child(even),
.store-table tbody tr.pgp-learner-status-terminated:nth-child(even) .cell-class-milestone {
    background: #FFE3E3;
}

.store-table tr.pgp-learner-status-graduated,
.store-table tr.pgp-learner-status-graduated .cell-class-milestone {
    background: #ECF6DA;
}

.store-table tr.pgp-learner-status-graduated,
.store-table tr.pgp-learner-status-graduated .cell-class-milestone,
.store-table tr.pgp-learner-status-graduated a {
    /* color: #669933; */
    /* color: #5c9225; */
    color: #5c991f;
    
    color: #538117;
}

.store-table tr.pgp-learner-status-graduated button {
    background: #7fbb5a;
}

.store-table tr.pgp-learner-status-graduated button:hover {
    opacity: .5;
}

.store-table tbody tr.pgp-learner-status-graduated:nth-child(even),
.store-table tbody tr.pgp-learner-status-graduated:nth-child(even) .cell-class-milestone {
    background: #E3F1C7;
}

.store-table tr.pgp-learner-status-expired {
    background: #eee;
}

.store-table tbody tr.pgp-learner-status-expired:nth-child(even) {
    background: #e6e6e6;
}

.store-table tr.pgp-learner-status-cancelled {
    background: #eee;
}

.store-table tbody tr.pgp-learner-status-cancelled:nth-child(even) {
    background: #ddd;
}

.store-table tr.first-of-set.pgp-learner-status-graduated, 
.store-table tr.first-of-set.pgp-learner-status-graduated .cell-class-milestone {
    border-top: 1px solid #7fbb5a;
}

.store-table tr.first-of-set.pgp-learner-status-terminated,
.store-table tr.first-of-set.pgp-learner-status-terminated .cell-class-milestone {
    border-top: 1px solid #CC565B;
}

.store-table tr.first-of-set.pgp-learner-status-paused,
.store-table tr.first-of-set.pgp-learner-status-paused .cell-class-milestone {
    border-top: 1px solid #f9c860;
}

.store-table tr.first-of-set.pgp-learner-status-expired {
    border-top: 1px solid #aaa;
}

.store-table tr.pgp-learner-status-terminated .cell-class-graduated,
.store-table tr.pgp-learner-status-terminated .cell-class-milestone,
.store-table tr.pgp-learner-status-paused .cell-class-milestone {
    color: inherit;
    background: transparent !important;
}

.store-table tr.pgp-learner-status-expired .cell-class-milestone,
.store-table tr.pgp-learner-status-cancelled .cell-class-milestone {
    background: transparent !important;
}


ul.info-tooltips li {
    display: inline-block;
    padding: 3px 7px;
    color: #336FAE;
    cursor: pointer;
}

ul.info-tooltips li:hover {
    color: #bae5c7 /* Replaced ZJ 11-28-23 */;
    cursor: pointer;
}

td .tooltip h4 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    color: #336FAE;
    margin-bottom: 6px;
}

td li .tooltip {
    padding: 5px 15px 12px;
    line-height: 1.35;
}

.db-disclaimer {
    font-size: 15px;
    color: #66798d;
    margin-bottom: 3px;
}

.store-description {
    margin-bottom: 10px;
}

.td-students,
.td-current,
.td-late,
.td-paused,
.td-terminated,
.td-grads,
.td-books,
.td-tools {
    text-align: left !important;
}

.td-students .dashicons,
.td-current .dashicons,
.td-late .dashicons,
.td-paused .dashicons,
.td-terminated .dashicons,
.td-grads .dashicons,
.td-books .dashicons,
.td-tools .dashicons {
    font-size: 16px;
    margin-right: 8px;
    color: #aaa;
}

ul.db-messages {
    padding-top: 5px;
}

ul.db-messages li:before {
    content: "\f465";
    font-family: 'Dashicons';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #244d78;
    font-size: 20px;
    opacity: .5;
    padding-top: 9px;
    padding-bottom: 5px;
}

ul.db-messages li {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 35px;
    line-height: 1.4;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #eee;
}

ul.db-messages li:last-child {
    padding-bottom: 0px;
}

ul.db-messages li a {
    clear: both;
}

.message-meta {
    clear: both;
    font-size: 13px;
}

li.progress-bar.progress-bar-level-1:before {

}

li.progress-bar {
    display: inline-block;
    text-align: left;
    padding-left: 15px;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400px;
    position: relative;
    opacity: 1;
    /* border: 1px solid rgba(255, 255, 255, .5); */
    /* font-weight: bold; */
    /* text-shadow: 0px 1px 2px #7fbb5a; */
}

li.progress-bar .tooltip {
    width: 160px;
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: normal;
    text-shadow: none;
    opacity: 1;
}

tr.pgp-learner-status-active li.progress-bar {
    opacity: 1;
}

tr.pgp-learner-status-active li.progress-bar .tooltip {
    opacity: 1;
}


/* =========== Nails & Ears =========== */

.nails-and-ears-technician-enrollment .woocommerce .medium,
.nails-and-ears-technician-enrollment .woocommerce .dark,
.nails-and-ears-technician-sponsorship .woocommerce .medium,
.nails-and-ears-technician-sponsorship .woocommerce .dark {
    display: none;
}

.nails-and-ears-technician-sponsorship .product .single_add_to_cart_button,
.nails-and-ears-technician-sponsorship .product.selected .add_to_cart_button
{
    display: block;
    visibility: visible;
}

.nails-and-ears-technician-sponsorship .product .add_to_cart_button,
.nails-and-ears-technician-sponsorship .product.selected .single_add_to_cart_button

{
    display: none;
    visibility: hidden;
}

.sponsor .woocommerce .price .subscription-details {
    display: none;
    visibility: hidden;
}

.sponsor .woocommerce .price .subscription-details {
    display: none;
    visibility: hidden;
}

/* =========== Hide Submit and Save Buttons on WPA ED Test =========== */

/* .post-277967 .quiz-questions input.quiz-submit.complete,*/
.wpa-pgc-practice-test .quiz-questions input.quiz-submit.save {
    display: none;
    visibility: hidden;
}

.quiz form ol#sensei-quiz-list li ul li {
    background: none !important;
}

/* =========== Hide Contact Mentor Button on WPA Content =========== */

.wpa-pgc-practice-test #sidebar .course-btn-b,
.structure-of-a-mat #sidebar .course-btn-b,
.scissor-skills #sidebar .course-btn-b,
.pre-assessment-evaluation-plus-ear-nails-sanitation-trimming #sidebar .course-btn-b,
.pet-handling-basics #sidebar .course-btn-b,
.clipper-skills #sidebar .course-btn-b,
.canine-anatomy #sidebar .course-btn-b,
.brushing-skills #sidebar .course-btn-b,
.body-contour-trim-on-a-maltese #sidebar .course-btn-b,
.bathing-drying-wavy-coat #sidebar .course-btn-b,
.bathing-drying-the-heavy-coat #sidebar .course-btn-b,
.wpa-program-pet-groomer-certification #sidebar .course-btn-b {
    display: none;
    visibility: hidden;
}

/* =========== Update Hotfixes [MM 2.15.21] =========== */

body .woocommerce .woocommerce-error .button br, 
body .woocommerce .woocommerce-info .button br, 
body .woocommerce .woocommerce-message .button br, 
body .woocommerce-page .woocommerce-error .button br, 
body .woocommerce-page .woocommerce-info .button br, 
body .woocommerce-page .woocommerce-message .button br {
    display: none;
    visibility: hidden;
}

body .woocommerce #respond input#submit br,
body .woocommerce a.button br,
body .woocommerce button.button br,
body .woocommerce input.button br {
    display: none;
    visibility: hidden;
}

.entry .dark ul li, 
.dark.translucent-spoilers .su-spoiler-icon:before, 
.overlay-dark.translucent-spoilers .su-spoiler-icon:before {

}

body #content.news-archive {
    width: 100% !important;
}

/* =========== L2GD Push Page Tweaks [MM 2.11.21] =========== */

body .l2gd-custom-testimonial {
    padding-top: 0;
    padding-bottom: 0;
}

body .l2gd-custom-testimonial .pg-wide-inner {
    padding-top: 0;
    padding-bottom: 0;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:first-child {
    width: 34%;
    margin-left:
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:nth-child(2) {
    width: 62%;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:first-child img {
    padding-top: 40px;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:nth-child(2) blockquote {
    background-color: transparent;
    border-bottom: none;
    font-size: 20px;
    color: #055480 /* ZJ Edited 11-28-23 */;
    margin-top: 10px;
    margin-bottom: 10px;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:nth-child(2) .btn {
    font-size: 16px;
    padding: 10px 20px;
}

body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:nth-child(2) blockquote strong {
    font-size: 18px;
    line-height: 3;
}

body.learn2groomdogs #content {
    padding-bottom: 0;
}

/* =========== Update Overwrites [MM 12.31.20] =========== */

/* Wasn't a problem on staging, not sure why this is a problem here? */
.entry,
section {
    width: 100%;
}

/* Added per above to fix affiliates page ZJ 1/5/21 */

.affiliates #content,
.business-resources #content,
.career-seeker-resources #content {
    width: 100%;
}

.business-resources h1.post-title,
.career-seeker-resources h1.post-title {
    margin-bottom: 25px;
}

#content-container article.lesson section {
    width: 100%;
}

#content .sensei-breadcrumb {
    width: 100%;
}

/* Unclear if due to updates or unresolved past issues */
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
    min-width: 200px !important;
}

.woocommerce #respond input#submit.alt br, 
.woocommerce a.button.alt br, 
.woocommerce button.button.alt br, 
.woocommerce input.button.alt br
{
    display: none !important;
    visibility: hidden !important;
}

.searchbox input[type=text], 
.searchbox input[type=search] {
    border: 0;
    padding: 0 7px;
    margin: 0;
    line-height: 1.7;
}

/* Actual update CSS */
.widget_sensei_course_progress header, 
.widget_sensei_course_progress .course-progress-module {
    padding-top: 5px !important;
    line-height: 1 !important;
}

.widget_sensei_course_progress h2.course-title a {
    line-height: 1 !important;
}

.widget_sensei_course_progress ul.course-progress-navigation li a {
    background: #244366 !important;
}

.widget_sensei_course_progress ul.course-progress-navigation li a:hover {
    background: #21568B !important;
}

.widget_sensei_course_progress ul.course-progress-navigation li a:before, 
.widget_sensei_course_progress ul.course-progress-navigation li a:after {
    font-size: 1.5em !important;
}

/* =========== Alt Landing Page =========== */

#info-block {
    padding-top: 20px;
    padding-bottom: 30px;
}

#embed-social {
    padding-top: 40px;
    padding-bottom: 50px;
}

.entry,
section,
#content {
    float: left;
}

.home-two-up .col p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.tpl_home h1.post-title,
.tpl_home h3.video-title,
#info-block h2,
#embed-social h2 {
    text-align: center;
    font-size: 2em;
}

.tpl_home #content-wide,
.tpl_home #content-container {
    background: linear-gradient(to bottom, #EFF0F2 0%, #ffffff 400px);
}

.tpl_home #slideshow-wide .sue-content-slide,
.tpl_home #slideshow-wide .owl-carousel .owl-item img,
.tpl_home #slideshow-wide .sue-content-slide .container-wide {
	height: 590px; /* Was 480px */
}

.tpl_home #slideshow-wide .sue-content-slide .container-wide .container {
	height: 590px;
	position: relative;
    padding-left: 0px;
    padding-right: 0px;
}

.tpl_home ol, 
.tpl_home ul {
    list-style: none;
    display: block;
    clear: both;
    position: relative;
}

.tpl_home #why-paragon-wide {
    background: #3f5b7a;
    background: -moz-linear-gradient(top, #3f5b7a 0%, #3071af 100%);
    background: -webkit-linear-gradient(top, #3f5b7a 0%,#3071af 100%);
    background: linear-gradient(to bottom, #3f5b7a 0%,#3071af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5b7a', endColorstr='#3071af',GradientType=1 );
}

.tpl_home #why-paragon-wide span.icon-desc p {
    color: #fff;
}

.tpl_home #why-paragon .whypg-btn {
        border: 3px solid #FFF;
}

.tpl_home #why-paragon .whypg-btn:hover {
    background: #fff;
}



.tpl_home .next-step img {
    width: 100%;
    height: auto;
}

.tpl_home .su-spoiler-icon:before, 
.tpl_home .su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\f078' !important;
    font-family: FontAwesome;
    background: none;
    width: 21px;
    font-size: 1.5em;
    top: 14px;
}

.tpl_home .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f054' !important;
    font-family: FontAwesome;
    background: none;
    width: 21px;
    font-size: 1.5em;
    top: 25px;
}

.home-two-up .col {
    padding: 2%;
    padding-top: 0;
    padding-bottom: 0;
}

.home-two-up h3 {
    margin-top: 15px;
    float: left;
    clear: both;
    width: 100%;
}

.home-two-up .btn {
    font-size: 1.2em;
}

.home-two-up img {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 0 !important;
}

.course-cta-1col img {
    display: none;
    visibility: hidden;
}

.course-cta-1col h3 {
    margin-top: 0 !important;
    font-size: 2.8em !important;
}

.course-cta-1col {
    font-size: 1.3em;
}

.course-cta-1col .wpcf7-list-item-label {
    color: #fff !important;
}

h3.guides-title {
    text-align: center;
    /* background: #DFE2E5; */
    background: #FFF;
    margin: 0;
    padding: 20px 0px;
    font-size: 2em;
}

.tpl_home #course-catalog {
    padding: 30px 8% 10px;
}

/* =========== Guides =========== */

#guides-wide {
    width: 100%;
    display: block;
    position: relative;
    color: #fff;
    
}

#guides-wide ul.guide-menu {
    display: block;
}

.guide-tabs {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    z-index: 2;
}

#guides-wide .guide-menu li {
    margin-top: 8px;
    margin-bottom: 8px;
	font-size: 18px;
    line-height: 1.2;
    display: block;
	position: relative;
	float: left;
	clear: both;
	width: 230px;
	padding: 12px 25px 12px 20px;
    background: #e1dede;
    background: -moz-linear-gradient(left, #e1dede 0%, #f2f3f3 33%);
    background: -webkit-linear-gradient(left, #e1dede 0%,#f2f3f3 33%);
    background: linear-gradient(to right, #e1dede 0%,#f2f3f3 33%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dede', endColorstr='#f2f3f3',GradientType=1 );
    color: #707070;
    text-transform: uppercase;
}

#guides-wide .guide-menu li img {
	float: left;
	display: block;
	margin-right: 10px;
    width: 50px;
    height: auto;
}

#guides-wide .guide-menu li .guide-menu-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 75px;
	padding-right: 25px;
    font-weight: bold;
}

#guides-wide .guide-menu li.guide-menu-active {
	color: #fff;
	background: #333;
	width: 245px;
	background-image: url(images/arrow-green.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-left: 35px;
}

#guides-wide .guide-menu li.guide-menu-active:before {
	content: '';
	background-image: url(images/arrow-green.svg);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

#guides-wide .guide-slide {
	background-size: cover;
	background-position: center;
	height: 560px;
	position: relative;
	float: left;
	width: 100%;
}

#guides-wide .guide-slide:before {
	background: rgba(33, 85, 138, 1);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#guides-wide .guide-text {
	width: 65%;
	float: left;
	padding-left: 280px;
	background: rgba(33, 85, 138, .7);
	height: 560px;
	position: relative;
}

#guides-wide .guide-text-inner {
	padding: 20px 80px 20px 40px ;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
}

#guides-wide .guide-text-inner .btn {
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 13px 40px;
	font-size: 18px;
    font-weight: 700;
    color: #fff;
}

#guides-wide .guide-image {
	width: 35%;
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
}

#guides-wide h2 {
    color: #fff;
	font-size: 40px;
    font-weight: bold;
	line-height: 1.3;
	margin: 0;
}

#guides-wide h4 {
	font-size: 20px;
	line-height: 1;
    color: #bae5c7 /* ZJ Edited 11-28-23 */;
    text-transform: uppercase;
    font-weight: bold;
	margin: 0;
}

.guide-slide {
	display: none;
	visibility: hidden;
	pointer-events: none;
}

.guide-slide.guide-slide-active {
	display: block;
	visibility: visible;
	pointer-events: auto;
}

#guide-menu li.guide-menu-item:hover {
	background-color: #fff;
	cursor: pointer;
	color: #bae5c7 /* ZJ Edited 11-28-23 */;
}

#guide-menu li.guide-menu-item.guide-menu-active:hover {
	background-color: #333;
	background-image: url("images/arrow.svg");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	color: #fff;
}

#guide-menu li.guide-menu-item,
#guide-menu li.guide-menu-item.guide-menu-active {
	transition: all .2s;
}

.guide-slide {
	transition: all .5s;
}

#guides-wide .guide-slides {
	height: 560px;
	overflow: hidden;
	background: rgb(124, 112, 104);
}

#guides-wide .guide-slide {
	display: block;
	visibility: visible;
    background-size: cover;
    background-position: center;
    float: left;
    width: 100%;
	opacity: 0;
	top: 0;
	position: absolute;
}

#guides-wide .guide-slide.guide-slide.guide-slide-active {
	opacity: 1;
}

#guides-wide.container-wide {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    margin-right: -50vw;
    right: 50%;
}

#guides-wide h4 {
    color: #bae5c7;
}

#guide-menu li.guide-menu-item:hover {
    color: #429ed1;
}

#guides-wide .guide-text {
    background: none;
}

#guides-wide .guide-menu-text {
    padding-left: 50px;
}

#guides-wide .guide-menu li.guide-menu-active {
    padding-left: 15px;
}

#guides-wide .guide-menu li .guide-menu-text {
    padding-left: 55px;
}

#guides-wide .guide-menu li img {
    width: 40px;
    margin: 0 20px 7px 10px;
}


/* =========== Front End PM =========== */

.fep-header-avatar,
#fep-menu-toggle-button,
#fep-menu-settings,
.fep-column-avatar,
#fep-footer {
    display: none !important;
    visibility: hidden !important;
}

.fep-column-fep-cb {
    width: 30px;
}

.fep-table > div > div {
    padding: 5px;
}

.fep-table-row {
    padding: 10px;
}

.fep-table .fep-column-fep-cb {
    padding-left: 10px;
}

.entry #fep-wrapper ul li {
    background-image: none;
    padding: 0;
}

#fep_pro_to_div {}

ul.token-input-list-facebook {
    color:#055480 /* ZJ Edited 11-28-23 */; 
	border: 1px solid #1a97bb; 
	border-radius: 4px;
	line-height: 1.5;
	font-size: 18px; 
	font-weight: normal !important; 
	padding: 6px; 
	margin: 6px 0;
}



/*
#fep-wrapper input[type=text], 
#fep-wrapper input[type=password], 
#fep-wrapper input[type=email], 
#fep-wrapper input[type=url], 
#fep-wrapper input[type=tel],
#fep-wrapper input[type=number],
#fep-wrapper textarea {}
*/

input[type=text],
input[type=search] {
    color:#055480 /* ZJ Edited 11-28-23 */; 
	border: 1px solid #1a97bb; 
	border-radius: 4px;
	line-height: 1.5;
	font-size: 18px; 
	font-weight: normal !important; 
	padding: 6px; 
	margin: 6px 0;
}

/*
.fep-form-field-fep_upload {
    display: none !important;
    visibility: hidden !important;
}
*/

.wp-editor-container > p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-editor-tabs {
    display: none;
    visibility: hidden;
}

.fep-message-title {
    padding: 10px 15px;
    vertical-align: middle;
}

.fep-message-title .author {
    float: left;
    font-weight: bold;
    vertical-align: middle;
}

.fep-message-title .date {
    float: right;
    font-size: 15px;
    vertical-align: middle;
}

.fep-column-block_unblock a {
    display: none;
    visibility: hidden;
}

.fep-column-send_message {
    text-align: right;
}

label br {
    display: none;
    visibility: hidden;
}

.fep-button {
    font-family: 'Lexend', serif !important;
    font-weight: bold !important;
    background: none !important;
    color: #244366 !important;
    border-radius: 0 !important;
    border: 3px solid #bae5c7 /* Replaced ZJ 11-28-23 */ !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    padding: 10px 20px !important;
}

.fep-button:hover {
    font-size: 15px !important;
    background-color: #244366 !important;
    color: #fff !important;
    border-color: #244366 !important;
    padding: 10px 20px !important;
}

.fep-button-active {
    font-family: 'Lexend', serif !important;
    font-weight: bold !important;
    background: #244366 !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: 3px solid #244366 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    padding: 10px 20px !important;
}

#fep-wrapper > p,
#fep-header > p {
    display: none !important;
    visibility: hidden !important;
}

.token-input-token-facebook {
    padding: 5px !important;
    margin: 0 !important;
    background: #f3f3f3 !important;
}

.token-input-input-token-facebook {
    margin: 0 !important;
}

ul.token-input-list-facebook {
    padding: 5px !important;
    width: 100% !important;
}

.fep-action-table .fep-button {
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 3px 12px !important;
    background: #eee !important;
    text-transform: none !important;
    color: #000 !important;
    border-radius: 7px !important;
    border: 1px solid #666 !important;
}


.fep-action-table br {
    display: none !important;
    visibility: hidden !important;
}

.fep-action-table .fep-bulk-action {
    width: 130px !important;
}

.fep-action-table .fep-filter {
    display: none !important;
    visibility: hidden !important;
}

#fep-directory-search-form br, 
#fep-messagebox-search-form br {
    display: none !important;
    visibility: hidden !important;
}

#fep-content-single-sidebar {
    display: none !important;
    visibility: hidden !important;
}

.fep-message .fep-message-title-heading {
    border: 0 !important;
    background: transparent !important;
    border-bottom: 2px solid #ccc !important;
    font-size: 26px !important;
    font-weight: normal !important;
    color: #055480 /* ZJ Edited 11-28-23 */ !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.fep-per-message.fep-per-message-top {
    border: 0;
}

.fep-message-content {
    padding: 10px 15px;
}

.fep-message .fep-message-title-heading.participants {
    font-size: 16px !important;
    border-bottom: 0 !important;
}

.fep_block_unblock_user {
    display: none !important;
    visibility: hidden !important;
}

.fep-per-message {
    margin-bottom: 15px !important;
}

.fep-table .fep-column-author {
    width: 180px;
}

.fep-per-message {
    padding: 0 !important;
}

.fep-per-message .fep-message-title .date {
    font-size: 15px;
    text-align: right;
}

.fep-per-message .fep-message-title p {
    display: none !important;
    visibility: hidden !important;
}

.fep-per-message .fep-message-title {
    background: #055480 /* ZJ Edited 11-28-23 */ !important;
    color: #fff;
    border: 0 !important;
    border-radius: 0 !important;
}

.fep-announcementbox-search-form-div {
    display: none !important;
    visibility: hidden !important;
}

.pgp-role-student .fep_send_to_group_div,
.pgp-role-teacher .fep_send_to_group_div {
    display: none !important;
    visibility: hidden !important;
}

.student-show, 
.teacher-show {
    display: none !important;
    visibility: hidden !important;
}

.pgp-role-student .student-show,
.pgp-role-teacher .teacher-show {
    display: block !important;
    visibility: visible !important;
}

.fep-announcement-table .fep-action-table {
    display: none !important;
    visibility: hidden !important;
}

#fep-wrapper .su-spoiler-style-default > .su-spoiler-title {
    padding: 15px 15px 15px 50px !important;
    font-size: 1.3em;
}

#fep-wrapper .su-spoiler-content {
    border-bottom: 2px solid #eee;
}

#fep-wrapper .su-spoiler-icon:before {
    top: 7px;
}

#fep-wrapper tr:nth-child(even) {
    background: #f5f5f5;
}

#fep-wrapper .su-spoiler-content table {
    margin-bottom: 25px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#fep-wrapper .su-spoiler-content table td {
    padding: 4px 10px;
}

#fep-wrapper .su-spoiler-content table,
#fep-wrapper .su-spoiler-content table tr {
    width: 100%;
}

.fep-error {
    display: block;
    float: left;
}

.fep-column-title p {
    display: none !important;
    visibility: hidden !important;
}

.fep-message-toggle-all,
.fep-message-toggle-all:hover {
    font-size: 0 !important;
}

.fep-message-toggle-all:before {
    content: 'Expand / Contract';
    font-size: 15px !important;
}

.fep-announcement-table .fep-table .fep-column-date {
    width: 180px;
    font-size: 15px;
}

/*
.fep-form-field-announcement_roles {
    display: none !important;
    visibility: hidden !important;
}
*/

.fep-form-field-announcement_roles .fep-field > label:nth-child(10) {
    font-size: 0;
}

.fep-form-field-announcement_roles .fep-field > label:nth-child(10):after {
    content: ' Mentor';
    font-size: 16px !important;
}

.fep-form-field-announcement_roles .fep-field > label:nth-child(1),
.fep-form-field-announcement_roles .fep-field > label:nth-child(2),
.fep-form-field-announcement_roles .fep-field > label:nth-child(3),
.fep-form-field-announcement_roles .fep-field > label:nth-child(4),
.fep-form-field-announcement_roles .fep-field > label:nth-child(5),
.fep-form-field-announcement_roles .fep-field > label:nth-child(6),
.fep-form-field-announcement_roles .fep-field > label:nth-child(7),
.fep-form-field-announcement_roles .fep-field > label:nth-child(8),
.fep-form-field-announcement_roles .fep-field > label:nth-child(9) {
    display: none !important;
    visibility: hidden !important;
}

/* ===== */

.pg-wide.dark .form-row label {
    width: 48%;
    color: #fff;
    display: inline-block;
} 

.pg-wide.dark .wpcf7 .wpcf7-radio .wpcf7-list-item {
    display: inline-block;
}

.sponsor .product .single_add_to_cart_button,
.sponsor .product.selected .add_to_cart_button
{
    display: block;
    visibility: visible;
}

.sponsor .product .add_to_cart_button,
.sponsor .product.selected .single_add_to_cart_button
{
    display: none;
    visibility: hidden;
}

.woocommerce_subscriptions_gifting_recipient_email label {
    display: block;
    font-weight: bold;
    color: #E82E2E;
}

.product-quantity > .cart > fieldset > label {
    display: none;
    visibility: hidden;
}

#billing_student_name_field:before {
    content: 'Student Information';
    font-family: 'Lexend', serif;
    font-weight: normal;
    color: #055480 /* ZJ Edited 11-28-23 */;
    font-size: 1.4em;
    line-height: 1.2;
    margin-top: 30px;
    margin-bottom: 15px;
}

.woocommerce-billing-fields + .woocommerce-account-fields:before {
    content: 'Account Information';
    font-family: 'Lexend', serif;
    font-weight: normal;
    color: #055480 /* ZJ Edited 11-28-23 */;
    font-size: 1.4em;
    line-height: 1.2;
    margin-top: 30px;
    margin-bottom: 15px;
}

.woocommerce-billing-fields #billing_student_email_field label:after {
    content: 'SPONSORS: Must match Student Email entered on the product above!';
    font-family: 'Lexend', serif;
    font-weight: 500;
    color: #a00;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
    clear: both;
}

.woocommerce-billing-fields + .woocommerce-account-fields > .create-account:before {
    /* ZJ changed
    /* content: 'SPONSORS: This is the password for YOUR account, not your student!'; */
    content: 'Please choose a password that is a minimum of 10 characters, and includes upper and lowercase letters, numbers, and special characters (@, #, *, etc.)';
    font-family: 'Lexend', serif;
    font-style: italic;
    font-weight: 500;
    /* color: #a00; */
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
}

.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first:after {
    content: 'Please choose a password that is a minimum of 10 characters, and includes upper and lowercase letters, numbers, and special characters (@, #, *, etc.)';
    display: block;
    font-family: 'Lexend', serif;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
}

.woocommerce-order-overview + p, 
.woocommerce-order-overview + p + p {
    display: none;
    visibility: hidden;
}

.meter > span {
    background: #63a95f !important;
}

.caption,
.caption-left,
.caption-right {
    position: relative;
    display: block;
    font-style: italic;
    font-weight: 700;
    width: 100%;
    clear: both;
    color: #254366;
}

.caption {
   text-align: center;
}

.caption-left {
    text-align: right;
    padding-left: 30px;
}

.caption-right {
    text-align: left;
    padding-right: 30px;
}

.sensei-learners-main td.column-actions {
    display: none !important;
    visibility: hidden !important;
}


a.reset-learner.button {}

/* ======= Hide Couses Pagination ======= */

.nav-prev.fl,
.nav-next.fr {
    display: none;
    visibility: hidden;
}

/* ======= Form Disabled Tweaks ======= */

form.contact-teacher input[type="submit"]:disabled {
    background: #ccc !important;
    border-color: #999 !important;
    color: #999 !important;
    cursor: default !important;
    opacity: .5 !important;
}

form.contact-teacher input[type="submit"]:disabled:hover {
    background: #ccc !important;
    border-color: #999 !important;
    color: #999 !important;
    cursor: default !important;
    opacity: .5 !important;
}

/* ======= Hide My Couses "My Messages" Link ======= */

.my-courses p.my-messages-link-container {
    display: none;
    visibility: hidden;
}

/* ======= Contact Mentor Form Edits ======= */

form.contact-teacher select,
form.contact-teacher input.send_message {
    margin-left: 15px;
}

/* ======= Dark Content Band Product Overrides ======= */

.pg-wide.dark.pgpet-center li.product {
       background: none;
}

.pg-wide.dark .woocommerce ul.products li.product .price {
    color: #fff !important;
}

/* === Don't Ask === */

.post-46653 .guest-card {
    display: none;
    visibility: hidden;
}

/* ======= No Js Flippy Card ======= */

/* .card {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    transform-style: preserve-3d;
    transition: 0.5s;
}

#card-trigger-1:checked + label .card-front,
#card-trigger-2:checked + label .card-front,
#card-trigger-3:checked + label .card-front,
#card-trigger-4:checked + label .card-front,
#card-trigger-5:checked + label .card-front,
#card-trigger-6:checked + label .card-front {
    transform: rotateY(-180deg);
}

#card-trigger-1:checked + label .card-back,
#card-trigger-2:checked + label .card-back,
#card-trigger-3:checked + label .card-back,
#card-trigger-4:checked + label .card-back,
#card-trigger-5:checked + label .card-back,
#card-trigger-6:checked + label .card-back {
    transform: rotateY(0deg);
}

input#card-trigger-1,
input#card-trigger-2,
input#card-trigger-3,
input#card-trigger-4,
input#card-trigger-5,
input#card-trigger-6 {
    top: 20%;
    position: absolute;
    visibility: hidden;
}

.card-front {
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    backface-visibility: hidden;
    transform: rotateY(0deg);
    transition: 0.5s;
}

.card-back {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    border: 0.5vw solid #bae5c7 /* Replaced ZJ 11-28-23 */;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    transition: 0.5s;
    color: #132940;
    text-align: center;
}

.card h3.card-title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.card .card-front h3.card-title {
    position: absolute;
    bottom: 0;
    background: #132940;
    width: 100%;
    padding: 2%;
    margin: 0;
    color: #fff;
}

.card .card-back .inner-text {
    padding: 6%;
    text-align: left;
}

.card .card-back h3.card-title {
    text-align: center;
} */

/* =========== Q&A Video Spoilers =========== */


.medium .qa-spoiler a {
    color: #244366;
}

.qa-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before, 
.qa-spoiler.su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\f067' !important;
    background: none;
    top: 14px;
}

.qa-spoiler.su-spoiler-style-default > .su-spoiler-title {
    text-align: center;
    font-size: 1.25em;
}

.qa-spoiler.su-spoiler-style-default > .su-spoiler-title {
    padding: 20px 20px 20px 20px!important;
}

.qa-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before, .qa-spoiler.su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '';
    display: none;
    visibility: hidden;
}

.qa-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:after, 
.qa-spoiler.su-spoiler-icon-plus .su-spoiler-icon:after {
    content: 'More...';
    font-family: 'Lexend', sans-serif;
    font-size: 0.9em;
    top: 11px;
    right: -500px;
    position: absolute;
    font-style: oblique;
}
    
@media screen and (max-width: 1120px) and (min-width: 751px) {
    .qa-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:after, 
    .qa-spoiler.su-spoiler-icon-plus .su-spoiler-icon:after {
        right: -43vw;
    }
} 

@media screen and (max-width: 750px) {
    .qa-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:after, 
    .qa-spoiler.su-spoiler-icon-plus .su-spoiler-icon:after {
        right: -84vw;
    }
}
    
/* =========== Modal Pop Up =========== */

.image-modal.col {
    padding-top: 31%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.image-modal button {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image-modal button:hover {
    opacity: 0.3;
}

/* The Modal (background) */
.modal1,
.modal2,
.modal3,
.modal4,
.modal5,
.modal6 {
  color: #555;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000000000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}

.modal-content a {
    color: #24598F !important;
}

.modal-content h3 {
    color: #24598F !important;
}

@media screen and (max-width: 749px) {
    .image-modal.col {
        padding-top: 70%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: relative;
    }
}

/* The Close Button */
.close1, 
.close2, 
.close3, 
.close4, 
.close5, 
.close6 {
  text-align: right;
  color: #555;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close1:hover,
.close1:focus, 
.close2:hover,
.close2:focus,
.close3:hover,
.close3:focus,
.close4:hover,
.close4:focus,
.close5:hover,
.close5:focus,
.close6:hover,
.close6:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* =========== Contact Form Fixes =========== */

#anr_captcha_field_1 > div,
#anr_captcha_field_2 > div,
#anr_captcha_field_3 > div {
    margin: 2% auto;
}

.form-spoiler {
    background: #F3F3F3;
    font-size: 1.1em;
    padding: 3% 6%;
    margin-bottom: 3%;
}

/* =========== Teams Cleanup =========== */

img#facebook-pixel {
    display: none;
    visibility: hidden;
}

#add-member-form > p:first-child,
#registration-link-form > p:first-child
{
	display: none;
	visibility: hidden;
}

#registration-link {
	width: 100%;
}

.my-team-section.add-member .regenerate-link:before {
    content: "" !important;
	display: none;
	visibility: hidden;
}

.woocommerce form#add-member-form .form-row select {
	font-size: 16px !important
}

#add-member-form .btn-d {
	font-family: 'Lexend', serif;
    font-weight: bolder;
    background: #21568B;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    border: none !important;
	padding: 0.618em 1em;
	font-size: 16px;
	line-height: 1;
}

#add-member-form .btn-d:hover {
    background: #055480 /* ZJ Edited 11-28-23 */;
    color: #fff;
    border: none !important;
}

/* =========== Admin Bar Carryover =========== */

#wp-admin-bar-root-default:before {
	content: '';
	background-image: url(images/paragon-menu-logo.svg);
	height: 29px;
	width: 110px;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 7px;
	margin-right: 10px;
	margin-top: 3px;
	background-position: center;
}

#wp-admin-bar-wp-logo,
#wp-admin-bar-Protection,
#wp-admin-bar-updates, 
#wp-admin-bar-comments,
#wp-admin-bar-wpseo-menu,
#wp-admin-bar-stamps-com,
#wp-admin-bar-gform-forms, 
#wp-admin-bar-icwoocommercepremiumgold, 
#wp-admin-bar-tribe-events {
	display: none;
	visibility: hidden;
}

#toplevel_page_sensei .wp-menu-name {
	font-size: 0;
	line-height: 0;
}

#toplevel_page_sensei .wp-menu-name:before {
	content: 'Learning';
	font-size: 14px;
	line-height: 18px;
}

.postmetadata {
	width: 100%;
	float: left;
}

.share-block h5 {
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}

.addthis_inline_share_toolbox {
	float: right;
	width: auto;
	clear: none !important;
}

.share-block {
	padding: 8px 5px 3px 12px;
	background: #f2f2f2;
	margin-top: 8px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	border-left: 4px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
}

.postmetadata strong {
	color: #244366;
}

.postmetadata .categories-footer > a,
.tpl_blog .postmetadata > a {
	display: inline-block;
	background: #fff;
	text-decoration: none;
	padding: 1px 7px;
	border: 2px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
	margin: 2px;
}

.postmetadata .categories-footer > a:hover,
.tpl_blog .postmetadata > a:hover {
	color: #fff;
	background: #244366;
	border-color: #244366;
}

.postmetadata .categories-footer strong,
.tpl_blog .postmetadata strong {
	color: #244366;
}

.postmetadata .categories-footer,
.tpl_blog .postmetadata {
	margin-top: 15px;
	margin-bottom: 20px;
}

.more-link {
	display: block;
	margin: 16px 0;
	width: 100%;
}

#content-container .media-center-posts .blog-news section {
	padding-left: 0;
}

.media-center-posts .section {
	width: 100%;
}

.subhdrint + .subhdrint {
	display: none !important;
	visibility: hidden !important;
}

/* =========== Home Page Form Tabs ============ */

.tpl_home .su-tabs {
    background: none;
    border-radius: none;
}

.tpl_home .su-tabs-pane {
    background: none;
    color: #fff;
}

.tpl_home .su-tabs-nav span.su-tabs-current {
    
    /* temp shutoff ZJ 5/13/20 */
    display: none;
    visibility: hidden;
    
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 2px solid #fff;
    background: #fff;
    color: #21568B;
}

.tpl_home .su-tabs-nav span {
    background: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 2px solid #fff;
    color: #fff;
}

.tpl_home .su-tabs-nav span:hover {
    background: #132941;
}

.tpl_home .su-tabs-nav span.su-tabs-current:hover {
    background: #fff;
}

/* =========== Connect Page Form Tabs ============ */

.contact .su-tabs {
    background: none;
    margin-top: 5%;
}

.contact .su-tabs-nav span {
    /* width: 33%; */
    
    /* ZJ 5/13/20 */
    width: 49%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: none;
    border: 2px solid #21568B;
    color: #21568B;
    font-weight: 700;
}

.contact .su-tabs-nav span:nth-child(2) {
    border-left: 1px solid #21568B;
    border-right: 1px solid #21568B;
}

.contact .su-tabs-nav span.su-tabs-current {
    border-bottom: 2px solid #21568B;
    background: #21568B;
    color: #fff;
}

.contact .pgpet-form {
    margin-top: 0;
    border-top: none;
    border-bottom: none;
}

/* =========== Quick Adjustments ============ */

.btn-row {
    display: block;
    width: 100%;
    text-align: center;
}

.add_to_cart_button br,
.quantity br {
	display: none;
	visibility: hidden;
}

.search-band {
	width: 100%;
	background: transparent;
	padding: 5px 0;
	float: left;
	margin-bottom: 20px;
}

.searchbox {
	top: 0 !important;
	margin-bottom: 0 !important;
	display: block !important;
}

.search-content .searchbox {
	width: 250px;
}

#content section.related.products {
	display: none;
	visibility: hidden;
}

#signup-content {
	display: none;
	visibility: hidden;
}

.question_media_display {
	display: none;
	visibility: hidden;
}

.question_media_display_override {}

.question_media_display_override img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#wpcp-error-message {
	display: none;
	visibility: hidden;
}

.checkout_coupon > p:first-child {
	display: none;
	visibility: hidden;
}

.wc-south.opc-complete-order {
	display: none;
	visibility: hidden;
}

#opc-product-selection .product.selected button.add_to_cart_button {
	background: none !important;
    color: #055480;
    border: 3px solid #BAE5C7;
	font-size: 0;
}

.pg-wide.medium #opc-product-selection .product.selected button.add_to_cart_button,
.pg-wide.dark #opc-product-selection .product.selected button.add_to_cart_button {
    color: #FFF !important !important;
}

#opc-product-selection .product.selected button.add_to_cart_button:before {
	content: 'Added to Cart';
	font-size: 20px;
	line-height: 2.2;
}

#opc-product-selection .product.selected button.add_to_cart_button:hover {
	background-color: #e44d46 !important;
    border: 3px solid #e44d46;
}

#opc-product-selection .product.selected button.add_to_cart_button:hover:before {
	content: 'Remove';
    color: #fff;
	font-size: 20px;
	line-height: 2.2;
}

.entry .woocommerce ul.woocommerce-error li {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1.6 !important;
}

/* =========== DLP Enrollement Page - One Page Checkout =========== */

.distance-learning-enrollment .woocommerce-page.columns-2 ul.products li.product,
.sponsor-enrollment .woocommerce-page.columns-2 ul.products li.product,
.distance-learning-enrollment .woocommerce.columns-2 ul.products li.product,
.sponsor-enrollment .woocommerce.columns-2 ul.products li.product
{
    width: 30.75%;
}

.distance-learning-enrollment .woocommerce-page.columns-2 ul.products li.product:first-child,
.sponsor-enrollment .woocommerce-page.columns-2 ul.products li.product:first-child,
.distance-learning-enrollment .woocommerce.columns-2 ul.products li.product:first-child,
.sponsor-enrollment .woocommerce.columns-2 ul.products li.product:first-child
{
    margin-left: 15.45%;
}

/* =========== Gift Enrollement Page - One Page Checkout =========== */

.wp-opc p {
    -margin-block-start: 0 !important;
    -margin-block-end: 0 !important;
}

.earthwise-program-enrollment .woocommerce .price .subscription-details {
    display: none;
    visibility: hidden;
}

.woocommerce input.recipient_email {
    padding: 7px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.earthwise-program-enrollment .columns-4 .product .product-quantity,
.earthwise-program-enrollment .columns-3 .product .product-quantity,
.sponsor-enrollment .columns-3 .product .product-quantity {
    display: block;
    visibility: visible;
}

.earthwise-program-enrollment .columns-4 .product > p > button,
.earthwise-program-enrollment .columns-3 .product > p > button,
.sponsor-enrollment .columns-3 .product > p > button {
    display: none;
    visibility: hidden;
}

.earthwise-program-enrollment .columns-4 .product.selected .product-quantity,
.earthwise-program-enrollment .columns-3 .product.selected .product-quantity,
.sponsor-enrollment .columns-3 .product.selected .product-quantity {
    display: none;
    visibility: hidden;
}

.earthwise-program-enrollment .columns-4 .product.selected > p > button,
.earthwise-program-enrollment .columns-3 .product.selected > p > button,
.sponsor-enrollment .columns-3 .product.selected > p > button {
    display: block;
    visibility: visible;
}

.earthwise-program-enrollment .columns-1 .product-quantity,
.earthwise-program-enrollment .columns-2 .product-quantity,
.sponsor-enrollment .columns-1 .product-quantity {
    display: none;
    visibility: hidden;
}

.earthwise-program-enrollment .product-quantity .woocommerce_subscription_gifting_checkbox ,
.sponsor-enrollment .product-quantity .woocommerce_subscription_gifting_checkbox  {
    float: left;
    display: block;
    position: relative;
    width: 7%;
}

.earthwise-program-enrollment .product-quantity label,
.sponsor-enrollment .product-quantity label {
    float: left;
    position: relative;
    width: 91%;
    display: block;
}

.earthwise-program-enrollment .product-quantity br,
.sponsor-enrollment .product-quantity br {
    display: none;
    visibility: hidden;
}

/* =========== Basic Styles =========== */

.callout img.responsive-callout-image {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 20px;
}

.pgpet-big-text {
    font-size: 22px;
}
    
.alert-box .add_to_cart_inline {
	border: none !important;
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
}

.alert-box .add_to_cart_inline .amount {
	font-weight: bold;
	margin-right: 25px;
}

.woocommerce table.shop_table th.product-thumbnail {
	width: 150px !important;
}

#sidebar .widget-container li .widget-title,
#sidebar .widget-container li .widget-title a,
.widget-title {
	color: #055480 /* ZJ Edited 11-28-23 */;
}

#sidebar .widget-container li .widget-title a:hover,
.widget-title a:hover {
	color: #98b9d6;
}

html, 
body {
    color: #666;
    font-family: 'Lexend', sans-serif;
    line-height: 1.618;
    min-width: 100px;
}

.renamed-test .answer_message {
	display: none;
	visibility: hidden;
}

#content-container {
    background: transparent;
}


.home-page .container {
    width: 1640px;
}

.container {
    /* width: 1140px; */
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    min-width: 100px;
}

#main-navigation.container {
    padding-left: 0;
    padding-right: 0;
}

#preheader.container {
    padding-left: 0;
    padding-right: 0;
}

h1, h2, h3, h4, h5 {
    font-family: 'Lexend Peta', serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #055480 /* ZJ Edited 11-28-23 */;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
}

h1 a, 
h2 a,
h3 a,
h4 a,
h5 a {
    font-weight: normal;
    color: #055480 /* ZJ Edited 11-28-23 */;
}

h1 a:hover, 
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color: #98b9d6;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong, 
h1 strong a,
h2 strong a,
h3 strong a,
h4 strong a,
h5 strong a {
    font-weight: bold;
}

h1.type-title {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 10px;
}

h1.post-title {
    text-align: center;
}

.paged-nav a {
	background: #21568B;
	color: #fff;
	margin-left: 1px;
	margin-right: 1px;
	border: none;
	padding: 7px 10px;
	font-size: 16px;
	border-radius: 0;
}

.paged-nav .current {
	padding: 7px 10px;
	margin-left: 1px;
	margin-right: 1px;
	border-radius: 0;
	border: 0;
	color: #21568B;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	background: #ccc;
}

.paged-nav a:hover {
	background: #98b9d6;
}

hr {
    background-color: #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}

.btn {
    font-family: 'Lexend', serif;
    font-weight: 700;
    background: none;
    color: #244366;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 3px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
    text-transform: uppercase;
}

.btn:hover,
#main-navigation li.nav-btn a:hover {
    background: #055480 /* ZJ Edited 11-28-23 */;
    color: #fff;
    border: 3px solid #055480 /* ZJ Edited 11-28-23 */;
}

.btn-b {
    background: #43494F;
}

.btn-c {
    background: #E3613E;
}

.btn-d {
    color: #055480 /* ZJ Edited 11-28-23 */;
    border: 3px solid #055480 /* ZJ Edited 11-28-23 */;
    background: transparent;
}

.btn-e {
    background: #567890;
}

.btn-c:hover {
    background: #BE3C1E !important;
}

.entry ol {
    margin-bottom: 25px;
}

ol > li:before {
    background: #21568B;
    border-top: 1px solid #21568B;
}

.entry .dark ul li {
    content: "";
    background: transparent url(https://paragonpetschool.com/wp-content/themes/Paragon2018/images/bullet-li-li.svg) no-repeat left 1px !important;
    background-repeat: no-repeat;
}

a {
    color: #3073ac;
    text-decoration: underline;
}

#tribe-events-content a {
    text-decoration: underline;
}

#tribe-events-content a:hover {
    color: #98b9d6;
    text-decoration: none;
}

.entry ul li {
    background:transparent url(images/bullet-li.svg) no-repeat left 1px;
    line-height: 1.3;
    padding-left: 24px;
}

.entry ul li ul li {
    background:transparent url(images/bullet-li-li.svg) no-repeat left 1px;
    line-height: 1.3;
    padding-left: 24px;
}

.entry .woocommerce ul li {
	background-image: none;
	padding: inherit;
	margin: inherit;
}

/* pushes content down below header treatment */

#content-container {padding-top: 40px;}

.tpl_home #content-container {padding-top: 10px;}

blockquote {
    background: url(images/quote.png) no-repeat 18px 14px;
    border-bottom: 2px solid #4576A6;
	font-size: 17px;
	line-height: 1.6;
    color: #4576A6;
    text-shadow: none;
	background: #fff;
}

/* second blockquote is only separate because we might be reverting to the first if it turns out I missed something dumb */

blockquote {
	background: #EFF0F2 url(images/quote.svg) no-repeat 18px 20px;
	color: #20558B;
	background-size: 40px;
	padding: 10px 20px 10px 73px;
	border-bottom: 1px solid #4576A6;
}

.attribution {
	font-weight: bold;
}

.gmap-wrap {
    padding-bottom: 70%;
}

.entry .su-table table th {
    background: #055480 /* ZJ Edited 11-28-23 */!important;
    color: #fff!important;
    font-weight: 700!important;
    font-size: 1.1em!important;
}

.post .entry img {
    z-index: 2000;
}

.row {
    display: block;
    float: left;
    width: 100%;
}

.enroll-box {
    text-align: center;
}

.enroll-box:hover {
    opacity: 0.75;
    filter: Alpha(opacity=75);
}

/* ======= Plan Table ======= */

#plan-table {
    width: 100%;
    margin-bottom: 40px;
}

#plan-table th {
    color: #fff;
    padding: 10px;
}

#plan-table th h3 {
    text-align: left;
    color: #fff;
}

#plan-table th a {
    color: #fff;
}

#plan-table th .btn {
    border: 2px solid #fff;
    margin-top: 10px;
}

#plan-table td {
    padding: 7px 15px;
    color: #21568B;
}

#plan-table td.icon {
    text-align: center;
    color: #21568B;
}

#plan-table .header-row {
    width: 100%;
}

#plan-table tr.header-row {
    width: 100%;
    background: #3f5b7a !important;
    background: -moz-linear-gradient(left, #3f5b7a 0%, #3071af 100%) !important;
    background: -webkit-linear-gradient(left, #3f5b7a 0%,#3071af 100%) !important;
    background: linear-gradient(to right, #3f5b7a 0%,#3071af 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5b7a', endColorstr='#3071af',GradientType=1 ) !important;
	background-attachment: fixed !important;
}

#plan-table tr.header-row th {
	background: transparent;
}

#plan-table tr:nth-child(1) td {
    background: none !important;
}

#plan-table tr:nth-child(2) td {
    padding-top: 15px;
}

#plan-table tr:nth-child(odd) {
    background: #EFF0F2;
}

.sensei-message {
	margin-left: 1em !important;
	margin-right: 1em !important;
}

.course .sensei-message {
	margin-left: 0 !important;
	margin-right: 0 !important;	
}

.default #content.auto.left .sue-content-slider {
    width: 100%;
}

.default #content.auto.left {
    width: 100%;
}

/* ======= SU Slider ======= */



.pgpet-carousel {
    width: 35%;
    display: inline-block;
    float: right;
    margin-left: 3%;
}

.pgpet-carousel img {
    margin: 0;
}

@media screen and (max-width: 750px) {
    .pgpet-carousel {
        width: 85%;
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
}

/* ======= ACF Custom Classes ======= */

/* ======= Icon List ======= */

.image-list-container {
    margin: 10px auto;
}

.image-list .image-list-item img {
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 5px;
}

.image-list .btn {
    font-size: 1.2em;
    padding: 15px 20px;
    margin: 10px auto;   
}

.dark .image-list h3 {
    color: #BAE5C7;
}

.icon-list-item {
	display: block;
	float: left;
	text-align: center;
	padding: 15px;
	overflow: hidden;
}

.icon-list {
	float: left;
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}

.grid-5 .icon-list-item {
	width: 18%;
	margin: 1%;
}

.grid-4 .icon-list-item {
	width: 23%;
	margin: 1%;
}

.grid-3 .icon-list-item {
	width: 31.3333%;
	margin: 1%;
}

.grid-2 .icon-list-item {
	width: 48%;
	margin: 1%;
}


.entry .question_media_display .image img {
	/*
	width: 100%;
	height: auto;
	*/
	margin: 0;
}


/* ======= Callouts ======= */

.callout.light {border: 3px solid #EFF0F2 !important;}

/* ======= Page Builder Band Styles ======= */

.superlight {
    background: #F6FBFF;
}

.light {
    /* background: #EFF0F2; */
    background: linear-gradient(to right, #A9C6D7 0%,#D6E0ED 100%);
    color: #666;
}

.light-reversed {
    /* background: #EFF0F2; */
    background: linear-gradient(to left, #A9C6D7 0%,#D6E0ED 100%);
    color: #666;
}

.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light a,
.light-reversed h1,
.light-reversed h2,
.light-reversed h3,
.light-reversed h4,
.light-reversed h5,
.light-reversed a {
    color: #055480; /* ZJ Edited 11-28-23 */
}


.light a.btn,
.light-reversed a.btn {
    color: #055480; /* ZJ Edited 11-28-23 */
    border: 3px solid #BAE5C7 /* ZJ Edited 11-28-23 */;
}

.light a.btn:hover,
.light-reversed a.btn:hover {
    border: 3px solid #055480 /* ZJ Edited 11-28-23 */;
    background: #055480 /* ZJ Edited 11-28-23 */;
    color: #fff;
}
*/

.callout.medium {border: 3px solid #429ed1 !important;}

.medium {
    /* background: #429ed1; */
    background: linear-gradient(to right, #439ed1 0%,#3a88b2 100%);
    color: #EFF0F2;
}

.medium-reversed {
    /* background: #429ed1; */
    background: linear-gradient(to left, #439ed1 0%,#3a88b2 100%);
    color: #EFF0F2;
}

.medium h1,
.medium h2,
.medium h3,
.medium h4,
.medium h5,
.medium a
.medium-reversed h1,
.medium-reversed h1.post-title,
.medium-reversed h2,
.medium-reversed h3,
.medium-reversed h4,
.medium-reversed h5,
.medium-reversed a {
    color: #efefef;
}

.medium a.btn, .medium-reversed a.btn {
    color: #efefef;
    /* border: 3px solid #EFF0F2; */
}

.medium a.btn:hover, .medium-reversed a.btn:hover {
    border: 3px solid #efefef;
    background: #efefef;
    color: #429ed1;
}

.medium .woocommerce ul.products li.product a {
    color: #21568B;
}

.callout.dark, .callout.dark-reversed {border: 3px solid #055480 /* ZJ Edited 11-28-23 */ !important;}

.dark {
    /* background: #055480; /* ZJ Edited 11-28-23 */
    background: linear-gradient(to right,  #055480 0%,#084363 100%);
    color: #fff;
}

.dark-reversed {
    background: linear-gradient(to left,  #055480 0%,#084363 100%);
    color: #fff;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5
.dark a,
.dark-reversed h1,
.dark-reversed h2,
.dark-reversed h3,
.dark-reversed h4,
.dark-reversed h5
.dark-reversed a {
    color: #fff;
}

.dark a.btn,
.dark-reversed a.btn {
    color: #fff;
    border: 3px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
    
}

.dark a.btn:hover,
.dark-reversed a.btn:hover {
    border: 3px solid #fff;    
    background: #fff;
    color: #055480 /* ZJ Edited 11-28-23 */;
}



.callout .light,
.callout .medium,
.callout .dark {
    
}

/* ======= CTA Bar ======= */

.call-to-action-wide {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    background: #3f5b7a;
    background: -moz-linear-gradient(left, #3f5b7a 0%, #3071af 100%);
    background: -webkit-linear-gradient(left, #3f5b7a 0%,#3071af 100%);
    background: linear-gradient(to right, #3f5b7a 0%,#3071af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5b7a', endColorstr='#3071af',GradientType=1 );
    margin-bottom: 40px;
    padding: 7px 5px 8px 15px;
}

.call-to-action,
.call-to-action a,
.call-to-action h3,
.call-to-action h4 {
    color: #fff;
}


.call-to-action .inner-text {
    display: block;
    float: left;
    width: 35%;
}

.call-to-action .row {
    width: 65%;
    float: left;
    display: block;
}

.call-to-action .col {
    text-align: center;
}

.call-to-action .btn {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}

.call-to-action .was-price {
    font-size: 14px;
    line-height: 1;
}

.call-to-action .price {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

/* ======= Callout Boxes ======= */

.callout {
    text-align: center;
    border: 3px solid #eee;
    padding: 15px 20px;
}

.cta-callouts {
    margin-bottom: 20px;
}

.callout h3 {
    font-size: 1.7em;
}

.callout img {
    padding-top: 10px;
    margin: 0 20px;
}

.callout span.big,
.callout a.btn {
    font-size: 1.2em;
}

.callout span.big {
    color: #055480 /* ZJ Edited 11-28-23 */;
}

/* ======= Contact Form 7 Styles ======= */

.pgpet-form {
	padding-left: 8%;
	padding-right: 8%;
	margin-top: 50px;
	padding-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #055480 /* ZJ Edited 11-28-23 */;
	border-bottom: 1px solid #055480 /* ZJ Edited 11-28-23 */;
	float: left;
}

.pgpet-form h3 {
	font-size: 30px;
	text-align: center;
}

.contact #content {
	width: 100%;
}

.pgpet-form label {
	font-weight: bold;
	color: #055480 /* ZJ Edited 11-28-23 */;
}

.pgpet-form form.wpcf7-form input[type=text], 
.pgpet-form form.wpcf7-form input[type=password], 
.pgpet-form form.wpcf7-form input[type=email], 
.pgpet-form form.wpcf7-form input[type=url], 
.pgpet-form form.wpcf7-form input[type=tel],
.pgpet-form form.wpcf7-form input[type=number],
.pgpet-form form.wpcf7-form textarea {
    color:#055480 /* ZJ Edited 11-28-23 */; 
	border: 1px solid #1a97bb; 
	border-radius: 4px;
	line-height: 1.5;
	font-size: 22px; 
	font-weight: normal !important; 
	padding: 6px; 
	margin: 6px 0;
}

.pgpet-form .form-row {
	width: 100%;
	float: left;
	display: block;
	position: relative;
	clear: both;
	margin-bottom: 15px;
}

.pgpet-form .form-row p {
	display: inline;
}

.pgpet-form .form-row label {
	display: block;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	position: relative;
}

.wpcf7-checkbox {
	float: left;
	padding: 5px 10px;
}

.wpcf7-checkbox > .wpcf7-list-item {
	display: block;
	float: left;
	clear: both;
	font-size: 20px;
	color: #055480 /* ZJ Edited 11-28-23 */;
	line-height: 1.5;
}

/* ...except on the home page. */

.home-page .wpcf7-checkbox > .wpcf7-list-item {
    color: #fff;
}

.pgpet-form .form-row.fr-center {
	text-align: center;
}

.pgpet-form .form-row.fr-center label {
	display: inline-block;
	float: none;
}

.pgpet-form .form-row label.half-width {
	width: 23%;
}

.pgpet-form .form-row label.three-fourth-width { 
	width: 73%;
}

.pgpet-form .form-row label input,
.pgpet-form .form-row label textarea {
	width: 100%;
    font-family: 'Lexend', sans-serif;
}

.pgpet-form .form-row.fr-full-width label {
	width: 98%;
}

.g-recaptcha > div {
	margin-left: auto;
	margin-right: auto;
}

.pgpet-form form.wpcf7-form input[type=submit] {
	font-family: 'Lexend', sans-serif;
    font-size: 26px;
	font-weight: 500;
	padding-left: 40px;
	padding-right: 40px;
    margin-left: auto;
	margin-right: auto;
}

/* Make Podcast Notice Bigger */

.single-podcast .pgpet-form,
.subheader-news-blog .pgpet-form {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

div.wpcf7-mail-sent-ok {
    padding: 1.2em 3em;
    font-size: 1.2em;
    text-align: center !important;
    font-weight: 700;
    border: 0px;
    background: #398f14 !important;
    color: #fff !important;
    display: inline-block;
    width: 100%;
}

single-podcast .wpcf7-mail-sent-ok:before {
    content: '\f078';
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: 8px;
    font-family: FontAwesome;
}

.single-podcast .wpcf7-mail-sent-ok:after {
    content: '\f078';
    width: 30px;
    height: 30px;
    color: #fff;
    margin-left: 8px;
    font-family: FontAwesome;
}



#my-courses form#loginform input[type="text"],
#my-courses form#loginform input[type="password"] {
    color:#055480 /* ZJ Edited 11-28-23 */; 
	border: 1px solid #1a97bb; 
	border-radius: 4px;
	line-height: 1.5;
	font-size: 22px; 
	font-weight: normal !important; 
	padding: 6px; 
	margin: 6px 0;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button {
    font-family: 'Lexend', sans-serif;
    font-size: 26px;
	font-weight: 500;
	padding-left: 40px;
	padding-right: 40px;
    margin-left: auto;
	margin-right: auto;
}


/* =========== Preheader =========== */

#preheader-wide {
    background: #244366;
    position: relative;
    display: block;
}

#preheader,
#preheader a {
    color: #fff;
    text-align: right;
    font-size: 0.94em;
}

#preheader a {
    text-decoration: none;
    padding: 6px 10px;
    border-right: 1px solid #667C94;
    line-height: 1;
    display: inline-block;
}

#preheader a:hover {
    background: #336FAE;
}


/* =========== Header =========== */

#header,
#header-wide {
    height: 100px;
}

#header-wide {
    z-index: 5000;
    background: #fff;
}

#logo-box {
    position: absolute;
    width: 250px;
}

#logo-box img {
    width: 100%;
    height: auto;
}

#top-logo img {
    margin-top: 0.65em;
} 

#header #inner-header {
    text-align: right;
    float: right;
    width: 80%;
}

#header .searchbox {display: inline-block;}

.social-links {display: inline-block;}

.social-links .ifi-social-facebook {color: #244366;}

.social-links .ifi-social-rss {color: #E35F3E;}

.searchbox {
    display: inline-block;
    line-height: 1;
    top: 10px;
    background: none;
    border: 1px solid #567890;
}

.searchbox button {
    background: #567890;
    left: 2px;
    margin-top: 0;
    margin-bottom: 0;
    width: 15%;
    padding-bottom: 2%;
}

.searchinput {
    width: 85%;
    margin-top: 0;
    margin-bottom: 0;
}

.searchbox button:hover {
    background: #21568B;
}

.fa-search:before {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    bottom: 2px;
    position: relative;
}

.searchbox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9CADB9;}

.searchbox ::-moz-placeholder { /* Firefox 19+ */ color: #9CADB9;}

.searchbox :-ms-input-placeholder { /* IE 10+ */ color: #9CADB9;}

.searchbox :-moz-placeholder { /* Firefox 18- */ color: #9CADB9;}

span.skewfix {
    display: inline-block;
    -moz-transform: skew(-35deg, 0deg);
    -webkit-transform: skew(-35deg, 0deg);
    -o-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
}

.hdr-btns {font-weight: 700;}

.hdr-1 {background: #567890;}
.hdr-2 {background: #055480 /* ZJ Edited 11-28-23 */;}
.hdr-4 {background: #43494F;}
.hdr-3 {
	background: #E3613E; 
    border-right: 4px solid #BE3C1E;
    padding-left: 40px;
	padding-right: 15px !important;
}

.hdr-1:before {content: '\f04b';}
.hdr-2:before {content: '\f1b0';}
.hdr-4:before {content: '\f290';}
.hdr-3:before {
    content: '\f07a';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
}


.hdr-1,
.hdr-2,
.hdr-3, 
.hdr-4 {
    padding: 10px 20px;
}

.hdr-1,
.hdr-2,
.hdr-4 {
    z-index: 10;
	margin-left: -1px;
    left: 14px;
    -moz-transform: skew(35deg, 0deg);
    -webkit-transform: skew(35deg, 0deg);
    -o-transform: skew(35deg, 0deg);
    -ms-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);    
}

.hdr-1:before,
.hdr-2:before,
.hdr-4:before {
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 8px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
    
    -moz-transform: skew(-35deg, 0deg);
    -webkit-transform: skew(-35deg, 0deg);
    -o-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
}

.hdr-1:hover {background: #555;}
.hdr-2:hover {background: #333;}
.hdr-4:hover {background: #222;}
.hdr-3:hover {background: #BE3C1E;}


/* =========== Main Navigation =========== */

#main-navigation {
    top: 15px; /* Was set to 90px */
    text-align: right;
}

#main-navigation li a {
    color: #244366;
    padding-left: 9px;
    padding-right: 9px;
    font-family: 'Lexend', serif;
    font-weight: normal;
    font-size: 16px;
}

#main-navigation li.nav-btn a {
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 7px;
    background: none;
    color: #244366;
    border: 3px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
    font-weight: bolder;
    text-transform: uppercase;
}

#main-navigation li .sub .menu-item-has-children > .sub-menu a:before {
	margin-left: 0;
	color: #055480 /* ZJ Edited 11-28-23 */;
	position: absolute;
	top: 9px;
	left: 10px;
}

#main-navigation li .sub {
    background: #055480;
    border-bottom: 2px solid #055480 /* ZJ Edited 11-28-23 */;
}

#main-navigation .mega ul.sub-menu.sub {
	float: left;
	margin-top: 9px;
}

#main-navigation li .sub .menu-item-has-children > .sub-menu a {
	padding: 7px 10px 7px 28px;
}

#main-navigation li a:hover {
    color: #75A3CA;
}

#main-navigation li .sub a {
    font-size: 16px;
}

#main-navigation li .sub a:hover {
    font-size: 16px;
    background: #055480 /* ZJ Edited 11-28-23 */;
    color: #fff;
}

#main-navigation li .sub-container.non-mega .sub {
    margin-top: 9px;
}


/* =========== Slideshow =========== */

#slideshow-wide .sue-content-slide .slide-caption {
    background: transparent;
    float: left;
    width: 56%;
    margin-left: 0;
    margin-right: 0;
    font-size: 2.9em;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text {
    text-align: left;
    color: #21568B;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text,
#slideshow-wide .sue-content-slide .slide-caption .inner-text a {
    color: #21568B;
    font-family: 'Lexend', serif;
    font-weight: bold;
    line-height: 1.3;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text a {
    clear: both;
    float: left;
    width: 100%;
}

#slideshow-wide .sue-content-slide .container-wide {
	background: rgba(33, 85, 138, .55);
	height: 495px;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
    width: auto;
    display: inline-block;
    clear: both;
    color: #21568B;
    border: 4px solid #21568B;
    background: transparent;
    line-height: 1;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 10px;
}

#slideshow-wide .sue-content-slide .slide-caption {
    margin-top: 130px;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn:hover {
    background: #21568B;
    color: #fff;
}

/* ZJ - Post Launch trying to fix something */

#slideshow-wide span.white-text,
#slideshow-wide span.white-text a.btn {
    color: #fff;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text, #slideshow-wide .sue-content-slide .slide-caption .inner-text a {
    font-family: "Lexend Tera", sans-serif;
}

#slideshow-wide strong, #slideshow-wide {
    font-size: 52px;
}

#preheader-wide, #footer-wide {
    background: #055480;
}



/* ======= MM Correcting the Owl ======= */

#slideshow-wide .owl-carousel .owl-item img {
	width: auto;
    z-index: 10;
}


#slideshow-wide .sue-content-slide {
	height: 495px; /* Was 480px */
}

#slideshow-wide .sue-content-slider-arrows-hover:hover .owl-nav {
	width: 100%;
}

#slideshow-wide .sue-content-slider .owl-prev:before, 
#slideshow-wide .sue-content-slider .owl-next:before {
	width: 30px !important;
	height: 30px !important;
	margin-top: 200px;
    z-index: 20;
	
}

#slideshow-wide .sue-content-slider .owl-prev:before {
	border-top-width: 8px !important;
	border-left-width: 8px !important;
}

#slideshow-wide .sue-content-slider .owl-next:before {
	border-top-width: 8px !important;
	border-right-width: 8px !important;
}

#slideshow-wide .sue-content-slide .container-wide {
    z-index: 15;
}

#slideshow-wide .sue-content-slide .slide-caption {
    width: 100%;
    margin-top: 150px;
}


#slideshow-wide .sue-content-slide .slide-caption .inner-text, 
#slideshow-wide .sue-content-slide .slide-caption .inner-text a {
    font-weight: normal;
    color: #fff;
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
}

#slideshow-wide strong {
    font-weight: bold !important;
    color: #fff;
    font-size: 64px;
	line-height: 1;
}

#slideshow-wide .sue-content-slide .container-wide .container {
	height: 495px;
	position: relative;
}

#slideshow-wide .sue-content-slide .slide-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

/* ====== Slide Button Changes [MM 12/5/2018] ====== */

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
	color: #fff;
	border-color: #bae5c7 /* Replaced ZJ 11-28-23 */;
	font-size: 26px;
	padding: 16px 35px;
}

#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn:hover {
	background: #fff;
	border-color: #fff;
	color: #055480 /* ZJ Edited 11-28-23 */;
}
    
/* =========== Why Paragon Section (Formerly Promos) =========== */

#why-paragon-wide {    
    background: #27292f;
    background: -moz-linear-gradient(top, #27292f 25%, #3e404a 85%);
    background: -webkit-linear-gradient(top, #27292f 25%,#3e404a 85%);
    background: linear-gradient(to bottom, #27292f 25%,#3e404a 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27292f', endColorstr='#3e404a',GradientType=0 );
}

#why-paragon,
#why-paragon a,
#why-paragon h2,
#why-paragon h3,
#why-paragon strong {
    color: #fff;
}

#why-paragon h2 {
    font-size: 2em;
    margin-left: 20px;
}

#why-paragon .inner-text p {
    font-size: 1.125em;
    padding: 0 70px 0 20px;
}

.whypg-img {
    border-radius: 50%;
    border: 3px solid #2F6FAC;
    max-width: 200px;
    height: auto;
    max-height: 200px;
    float: right;
}

.whypg-content {
    display: block;
    float: left;
    width: 100%;
    margin: 20px;
    padding: 25px 15px 10px;
}



#why-paragon hr {
    background-color: #429ed1 /* ZJ Edited 11-28-23 */;
    width: 85%;
    text-align: center;
    margin-bottom: 30px;
}

.whypg-icons img {
    text-align: center;
    width: 33%;
    height: auto;
    float: none;
    clear: both;
    margin-bottom: 0.5em !important;
}

.icon span.icon-desc,
.icon h3 {
    text-align: center;
}

.icon h3 {
    font-size: 2.5em;
    font-weight: bold;
}

.icon-desc p {
    font-size: 1.25em;
    color: #429ed1 /* ZJ Edited 11-28-23 */;
    line-height: 1.3;
    margin-top: 0px;
}

.whypg-btns {
    text-align: center;
    margin: 5% auto;
}

#why-paragon .whypg-btn {
    font-size: 1.25em;
    padding: 10px 40px;
    display: inline-block;
    width: unset;
    margin: 1%;
    color: #bae5c7 /* ZJ Edited 11-28-23 */;
    border: 3px solid #429ed1 /* ZJ Edited 11-28-23 */;
}

#why-paragon .whypg-btn:hover {
    color: #3E404A;
    background: #429ed1 /* ZJ Edited 11-28-23 */;
}

/* =========== Home Content Blocks =========== */

#content-wide {
    background: #bec1c4;
    background: -moz-linear-gradient(top, #bec1c4 0%, #dddddd 13%, #ffffff 50%);
    background: -webkit-linear-gradient(top, #bec1c4 0%,#dddddd 13%,#ffffff 50%);
    background: linear-gradient(to bottom, #bec1c4 0%,#dddddd 13%,#ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec1c4', endColorstr='#ffffff',GradientType=0 );
}


.home-page h1.post-title {
    text-align: center;
    font-size: 2em;
}

.home-page section {
    padding: 5% 0.5%!important;
}

.home-page .entry {
    width: 70%;
    text-align: center;
    float: none;
    margin: 0 auto;
    font-size: 1.25em;
}

.cta-btn {
    font-size: 1.25em;
    padding: 15px 30px;
}

/* ======= Home Page Form ======= */

#course-catalog-wide {
    background: #3f5b7a;
    background: -moz-linear-gradient(left, #3f5b7a 0%, #3071af 100%);
    background: -webkit-linear-gradient(left, #3f5b7a 0%,#3071af 100%);
    background: linear-gradient(to right, #3f5b7a 0%,#3071af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5b7a', endColorstr='#3071af',GradientType=1 );
}

#course-catalog {
    padding: 60px;
    text-align: center;
}

#course-catalog h3 {
    font-size: 1.8em;
}

@media screen and (min-width: 751px) {
    #course-catalog h3 {
        margin-top: 12%;
    }
}

#course-catalog .col {
    padding-left: 50px;
    padding-right: 50px;
}

#course-catalog input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
#course-catalog input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email,
#course-catalog input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
    background: none;
    border-radius: 0px;
    border: 2px solid #429ed1 /* ZJ Edited 11-28-23 */;
    padding: 15px 20px;
    font-size: 1.25em;
    color: #fff;
    width: 100%;
}

#course-catalog input::placeholder,
#course-catalog textarea::placeholder {
    color: #fff;
}

#course-catalog input:placeholder-shown,
#course-catalog textarea:placeholder-shown {
    color: #fff;
}

#course-catalog input::-webkit-input-placeholder,
#course-catalog textarea::-webkit-input-placeholder {
    color: #fff;
}

#course-catalog input::-moz-placeholder,
#course-catalog textarea::-moz-placeholder {
    color: #fff;
}

#course-catalog input:-ms-input-placeholder,
#course-catalog textarea:-ms-input-placeholder {
    color: #fff;
}

#course-catalog input::-ms-input-placeholder,
#course-catalog textarea::-ms-input-placeholder {
    color: #fff;
}

#course-catalog textarea:-moz-placeholder, 
#course-catalog input:-moz-placeholder {
    color: #fff;
}

#course-catalog span.wpcf7-form-control.wpcf7-checkbox.course-cat-checkbox {
    text-align: left;
    float: left;
    margin-bottom: 15px;
} 

#course-catalog form.wpcf7-form input[type=submit] {
    background: none;
    color: #fff;
    box-shadow: none !important;
    border-radius: 0px;
    border: 4px solid #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5em;
    font-family: 'Lexend', sans-serif;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 10px;
}

#course-catalog form.wpcf7-form input[type=submit]:hover {
    background: #fff;
    color: #386598;
}

#roundup,
#success,
#faq,
#resources-video {
    padding: 30px 8%;
}

/* === Roundup === */

#roundup-wide {
    background: #fff;
}

.ratio-box {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    background-size: cover;
}

.ratio-box.rb-16x10 {
    padding-bottom: 62.5%;
}

.ratio-box.rb-3x2 {
    padding-bottom: 66.666666667%;
}

.ratio-box.rb-5x4 {
    padding-bottom: 80%;
}

.ratio-box.rb-1x1 {
    padding-bottom: 100%;
}

.shop-links .ratio-box {
    border: 2px solid #E7E7E7;
}

.shop-links .btn {
    margin-top: -2px;
}

.event-link .inner-text {
    background: #EEEEEE;
    padding: 10px 20px 15px;
}

.boxlink {
    text-decoration: none;
}

.event-link h3,
.event-link h4 {
    font-family: 'Lexend Peta', sans-serif;
    text-transform: uppercase;
}

.event-link h3 {
    font-size: 24px;
    color: #244366;
    font-weight: normal;
}

.event-link h4 {
    font-size: 16px;
    color: #738599;
    font-weight: normal;
}

.event-link .btn {
    width: 100%;
    font-size: 22px;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
}

.shop-links .btn,
.event-link .btn {
    width: 100%;
    font-size: 22px;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
}

#video-wide {
    background: #F6FBFF;
    /* background: #DFE2E5; */
}

.home-video {
    width: 960px;
    padding: 70px 0px;
    text-align: center;
    float: none;
    margin: 0 auto;
}


/* === Download Course Catalog Section === */

/* #course-catalog-wide {
    background: #3f5b7a;
    background: -moz-linear-gradient(left,  #3f5b7a 0%, #7db9e8 100%);
    background: -webkit-linear-gradient(left,  #3f5b7a 0%,#7db9e8 100%);
    background: linear-gradient(to right,  #3f5b7a 0%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5b7a', endColorstr='#7db9e8',GradientType=1 );
} */

#course-catalog,
#course-catalog h3,
#course-catalog strong {
    color: #fff;
}

/* === Next Steps Section === */

#next-steps-wide {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

#next-steps {
    text-align: center;
    padding: 10px 8%;
}

#next-steps h2 {
    font-size: 1.8em;
}

#next-steps .next-step {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 0;
}

#next-steps .inner-text {
    position: relative;
    top: 20%;
    padding: 10px 20px;
}

#next-steps .overlay {
    position: absolute;
    top: 0;
    bottom: 7px;
    width: 100%;
}

#next-steps .light,
#next-steps .light h3,
#next-steps .light a {
    color: #fff;
}

#next-steps .dark,
#next-steps .dark h3,
#next-steps .dark a {
    color: #055480 /* ZJ Edited 11-28-23 */;
}

#next-steps h3 {
    font-size: 1.8em;
    
}

#next-steps img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
}

#next-steps .next-step-button {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border: none;
    border-top: 2px solid #4F5962;
    font-size: 24px;
    padding: 20px;
    text-align: left;
}

#next-steps .next-step-button:after {
    display: inline-block;
    content: '\f054';
    font-family: FontAwesome;
    font-size: 28px;
    float: right;
}

#next-steps .next-step-button:hover {
    background: rgba(36, 67, 103, 0.7);
}

#next-steps .dark .next-step-button:hover {
    background: rgba(186, 229, 201, 0.9);
}

#next-steps .light .next-step-button {
    border-top: 2px solid #fff;
}





/* === Success Stories === */

#success-wide {
    background: #F6FBFF;
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #dddddd 0%, #EFF0F2 11%);
    background: -webkit-linear-gradient(top, #dddddd 0%,#EFF0F2 11%);
    background: linear-gradient(to bottom, #dddddd 0%,#EFF0F2 11%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#EFF0F2',GradientType=0 ); */
    padding-top: 50px;
    padding-bottom: 50px;
}

#success .sue-content-slider {
    margin: 0;
}

#success {
    padding-top: 0;
    padding-bottom: 0;
}

.success-slide {
    overflow: hidden;
}

#success .sue-content-slider-arrows-yes {
    padding-top: 0;
}

#success .sue-content-slide {
    margin: 0;
    background: #fff;
}

#success .success-image {
    display: block;
    width: 50%;
    float: left;
    overflow: hidden;
    /* height: 380px; */
    height: 500px;
    background: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#success .success-image img {
    display: block;
}

#success .success-text {
    width: 50%;
    text-align: center;
    float: left;
    padding: 50px 70px 50px 50px;
}

#success h2 {
    position: absolute;
    top: 0;
    left: -33px;
    background: #fff;
    z-index: 1000;
    margin: 0;
    padding: 8px 20px 8px 50px;
    -moz-transform: skew(-35deg, 0deg);
    -webkit-transform: skew(-35deg, 0deg);
    -o-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
}

#success h3 {
    font-size: 1.8em;
    margin-bottom: 15px;
}

#success .btn {
    font-size: 1em;
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
}

#success .ss-attribution {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #21568B;
    font-style: italic;
    line-height: 1.4;
}

#success .ss-quote {
    
}

#success .skewfix {
    -moz-transform: skew(35deg, 0deg);
    -webkit-transform: skew(35deg, 0deg);
    -o-transform: skew(35deg, 0deg);
    -ms-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);
}

#success .slide-hold {
    overflow: hidden;
    position: relative;
}

.stories-archive {
    width: 100%;
    float: left;
}

/* === FAQ === */

#faq {
    padding: 25px 20px 10px;
}

#faq .su-accordion {
    margin-bottom: 0;
}

.su-spoiler {
    width: 100%;
    float: left;
}

.su-spoiler-style-default > .su-spoiler-content {
    padding-right: 1em !important;
}

.su-spoiler-style-default > .su-spoiler-title {
    background: #EFF0F2;
    font-size: 1.5em;
    color: #20558B;
    font-family: 'Lexend Peta', sans-serif;
    text-transform: uppercase;
    padding: 20px 20px 20px 50px!important;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0;
}

/* .su-spoiler-icon:before {
    /*content: '';
    background: url(images/bullet-li.svg) no-repeat;*/
    
.su-spoiler-icon:before, 
.su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\f078';
    font-family: FontAwesome;
    background: none;
    width: 21px;
    font-size: 1.5em;
    float: left;
    display: inline-block;
    position: relative;
    /* width: 30px; */
    height: 25px;
    line-height: 1;
    left: 18px;
    top: 16px;
} */

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before,
.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f054';
    font-family: FontAwesome;
    background: none;
    width: 21px;
    font-size: 1.5em;
    top: 25px;
}

/* .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before,
.su-spoiler-icon-plus .su-spoiler-icon:before {content: ''!important;} */

.su-spoiler-style-default > .su-spoiler-content {
    padding-left: 55px;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 10%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 10%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 10%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}


.our-team .su-spoiler-style-default > .su-spoiler-title {
    font-size: 1.1em;
}

.our-team .su-spoiler-icon:before {
    width: 24px;
    height: 21px;
    top: 10px;
}





/* === Resources / Video === */

#resources-video {
    padding-top: 0px;
    padding-bottom: 10px;
}

#resources-video .col {
    padding: 10px;
}

.resource {
    width: 100%;
    margin-bottom: 10px;
    background: #fff; 
    display: block;
    float: left;
}

.resource a {text-decoration: none;}

.resource:hover {
    opacity: 0.7;
    filter: Alpha(opacity=70);
}

.resource img {
    display: inline-block;
    float: left;
    height: 90px;
    width: auto;
    object-fit: contain;
}

.resource h3 {
    font-family: 'Lexend Peta', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding: 4.7% 0px 4.7% 20px;
    font-size: 1.6em;
    font-weight: 400;
    color: #244366;
}

/* =========== Sidebar =========== */

#sidebar .widget-container .btn {
    margin-bottom: 6px;
}

/* =========== Prefooter =========== */

#prefooter-wide {
    background: #055480 /* ZJ Edited 11-28-23 */;
}

#prefooter {
    color: #fff;
}

#prefooter .widget-title {
    color: #fff;
    font-size: 1.7em;
    border-bottom: 2px solid #429ed1;
    padding-bottom: 5px;
}

#prefooter .col {
    padding-left: 10px;
    padding-right: 10px;
}

#prefooter .widget-container li a {
    font-size: 1.1em;
    padding-top: .8em;
    padding-bottom: .7em;
    padding-left: 45px;
    background: transparent url(images/bullet-li-li.svg) no-repeat 11px 13px;
    color: #fff;
    border-bottom: 1px solid #315781;
    line-height: 1.2;
}

#prefooter .widget-container li a:hover {
    background: #122841;
    background: rgba(0, 0, 0, 0.2) url(images/bullet-li-li.svg) no-repeat 11px 13px;
}

/*
#prefooter .widget-container li a:before {
    content: '';
    background: url(images/bullet-li-li.svg) no-repeat;
    float: left;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 25px;
    line-height: 1.2;
}
*/

/* =========== Footer =========== */

#footer-wide {
    background: #122841;
}

#footer {
    color: #fff;
}

.ifi-copyright {
    padding: 10px;
}

/* =========== Etc. =========== */

.tribe-events-event-image img {
    margin: 0;
    padding: 0;
}

form.wpcf7-form input[type=submit] {
    background: #3073ac;
}

form.wpcf7-form input[type=submit]:hover {
    background: #055480 /* ZJ Edited 11-28-23 */;
}

.event-btn {
    font-size: 1.6em;
    width: 100%;
    text-align: center;
}

#tribe-events-content {
	padding-top: 60px !important;
}

#tribe-events-content .c3-4 {
    padding-left: 1em;
    padding-right: 1em;
}

.c1-4 .tribe-events-event-image {
    margin-bottom: 0 !important;
}

.c1-4 .tribe-events-event-image img {
	display: block;
}

.tribe-is-responsive #content {
    width: 100%;
    margin: 0;
}

.tribe-events-cal-links {
	text-align: right;
}

.tribe-events-cal-links a {
	display: inline-block !important;
	clear: none !important;
	margin: 5px;
}

.tribe-bar-date-filter {
	display: none !important;
	visibility: hidden !important;
}

.tribe-events-user-recurrence-toggle {
	display: none !important;
	visibility: hidden !important;
}

.main-single-event .tribe-events-schedule {
	margin: 0 0 .6em !important;
}

.event-link .inner-text {
	min-height: 115px;
}

/* More stuff */



.subhdrint + #content-container {
    padding-top: 10px;
}

#sidebar .youtube-wrap {
	margin-bottom: 5px;
}

.woocommerce div.product div.images img {
    height: 80% !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10% !important;
    margin-bottom: 10% !important;
}

.woocommerce-product-gallery__image.flex-active-slide {
    height: 500px !important;
    min-height: 500px !important;
    width: 500px;
    background: #fff;
}

.woocommerce form .form-row.notes {
    display: none;
    visibility: hidden; 
}

#order_review_heading {
    margin-top: 20px;
}

/* =========== Input Style Fixing =========== */

form.wpcf7-form input[type=text], 
form.wpcf7-form input[type=password], 
form.wpcf7-form input[type=email], 
form.wpcf7-form input[type=url],
form.wpcf7-form input[type=file],
form.wpcf7-form input[type=tel],
form.wpcf7-form input[type=number],
form.wpcf7-form textarea,
.woocommerce form input[type=text], 
.woocommerce form input[type=password], 
.woocommerce form input[type=email], 
.woocommerce form input[type=url], 
.woocommerce form input[type=tel], 
.woocommerce form input[type=number],
.woocommerce form textarea {
    -webkit-appearance: none;
}

form.wpcf7-form input[type=submit] {
    -webkit-appearance: none;
}

.woocommerce ol > li:before {
    content: '';
    display: none;
    visibility: hidden;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background: #E3613E !important;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background: #BE3C1E !important;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #21568B !important;
    font-size: 1.5em !important;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.woocommerce ul.products li.product .price {
    color: #21568B !important;
    font-size: 1.2em !important;
    margin-bottom: .5em !important;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    background: #21568B !important;
    color: #fff !important;
    margin-top: 0 !important;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background: #055480 /* ZJ Edited 11-28-23 */ !important;
}

figure {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    padding: .6em .9em;
}

/* ZJ Fixing Woocommerce "Related Product Width" Issue 5/22/19 
#content .up-sells.woocommerce ul.products li.product, 
#content .up-sells.woocommerce-page ul.products li.product {
    width: 46.2% !important; 
}*/

.woocommerce ul.products li.product a .product-thumb-wrap, 
.woocommerce-page ul.products li.product a .product-thumb-wrap {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

.woocommerce ul.products li.product a .product-thumb-wrap:hover, 
.woocommerce-page ul.products li.product a .product-thumb-wrap:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.4) !important;
}

.summary .product_meta {
    margin-top: 30px !important;
    padding-top: 5px !important;
    border-top: 1px solid #ccc !important;
}

.woocommerce .product-thumb-wrap {
    /* background: #fff; */
    background: none;
    height: 210px;
    padding-bottom: 100%;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product a .product-thumb-wrap.io-vertical img {
    margin: 20px auto;
    height: 200px;
    width: auto;
}

.woocommerce ul.products li.product a .product-thumb-wrap.io-horizontal img {
    width: 80%;
    height: auto;
    margin: auto 10%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.woocommerce ul.products li.product a .product-thumb-wrap.io-square img {
    width: 80%;
    height: auto;
    margin: 10%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image.io-square img {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

.pg-wide .woocommerce ul.products li.product .product-thumb-wrap.io-square img {
	width: 100%;
	margin: 0;
}

.woocommerce #customer_details {
	padding-top: 40px;
}

.pg-wide .woocommerce ul.products li.product .woocommerce-loop-category__title, 
.pg-wide .woocommerce ul.products li.product .woocommerce-loop-product__title, 
.pg-wide .woocommerce ul.products li.product h3 {
	font-size: 20px;
	font-weight: bold;
}

.pg-wide .woocommerce ul.products li.product .button {
	width: 100%;
	text-align: center;
	font-size: 20px;
    background: none !important;
    color: #055480 !important;
    border: 3px solid #BAE5C7;
}

.pg-wide.dark .woocommerce ul.products li.product .button,
.pg-wide.medium .woocommerce ul.products li.product .button {
    color: #fff !important;
}

.pg-wide .woocommerce ul.products li.product .button:hover {
    background: #BAE5C7 !important;
}

.pg-wide .woocommerce ul.products li.product, 
.pg-wide .woocommerce-page ul.products li.product {
	margin-bottom: 5px;
}

.pg-wide.dark ul .woocommerce-Price-amount.amount,
.pg-wide.medium ul .woocommerce-Price-amount.amount {
	color: #B1C5D8;
}

.su-tabs-nav span {
	width: 50%;
	font-size: 18px !important;
	text-align: center;
	float: left;
	margin: 0 !important;
	background: #ddd;
	border-bottom: 3px solid #ddd;
}

.welcome-video-tabs .su-tabs-nav span {
	width: 33.3333%;
	font-size: 18px !important;
	text-align: center;
	float: left;
	margin: 0 !important;
	background: #ddd;
	border-bottom: 3px solid #ddd;
}

.su-tabs-nav span.su-tabs-current {
	font-weight: bold;
	color: #21568B;
	border-bottom: 3px solid #21568B;
}

.pg-wide .su-tabs-nav {
	margin-bottom: 25px !important;
	float: left;
	width: 100%;
}

.pg-wide .su-tabs-pane {
	padding: 0 !important;
	font-size: inherit;
	background: transparent;
}

.woocommerce .page-title {
    padding-left: 0;
}

.woocommerce div.product div.images img {}

.woocommerce-product-gallery {
    background: #fff;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	height: auto !important;
}

.woocommerce-pagination {
    margin-bottom: 25px !important;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    padding: .6em .8em !important;
}

/* =========== Removes Fancy Bullets in Shipping & Order Detail =========== */

.woocommerce .shipping ul li {
	background-image: none !important;
}

.woocommerce .woocommerce-order ul li {
	background-image: none !important;
}

#roundup .c1-3 {
    padding-right: 30px;
}

#roundup .c2-3 {
    padding-left: 55px;
    border-left: 1px solid #ddd;
} 

#roundup .c2-3 .c1-2 {
    margin-top: 0;
    margin-bottom: 0;
    width: 47%;
    margin: 0;
}

#roundup .c2-3 .c1-2:first-child {
    margin-right: 6%;
}

.boxlink:hover,
.boxlink:hover div {
    opacity: .5;
}

mark.count {
    display: none;
    visibility: hidden;
}

.woocommerce ul.products li.product.product-category a img {
    margin-bottom: .5em !important;
}

.woocommerce ul.products li.product.product-category {
    margin-bottom: .5em !important; 
}

.woocommerce ul.products li.product.product-category a img, 
.woocommerce-page ul.products li.product.product-category a img {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

.woocommerce ul.products li.product.product-category a img:hover, 
.woocommerce-page ul.products li.product.product-category a img:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.4) !important;
}

/*
#breadcrumbs {
    background: #fff;
    padding: 6px 12px;
    border-radius: 4px;
}
*/

.wpcf7 label {
    color: #055480 /* ZJ Edited 11-28-23 */;
    font-size: 16px;
    font-weight: 500;
}

.wpcf7 .wpcf7-radio .wpcf7-list-item {
    display: block;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
    display: block;
}

.wpcf7 small {
    color: #888;
    font-style: italic;
}

.wpcf7 label b,
.wpcf7 b {
    color: #e73153;
}

.wpcf7 .alert-text {
    font-size: 18px;
    color: #e73153;
}

.wpcf7 strong {
    font-weight: 500;
}

.wpcf7 .alert-box {
    display: block;
    background: #fff;
    border-left: 7px solid #e73153;
    padding: 10px 20px 5px;
    margin-bottom: 20px;
}

select.wpcf7-form-control.wpcf7-select {
    height: 45px;
    display: inline-block;
    border-radius: 0px !important;
    margin-right: 5px;
    width: 25%;
    padding: 5px 10px;
    background: none;
    border: 1px solid #21568B;
    font-size: 1em;
    font-family: 'Lexend', sans-serif, system-ui;
}

select.wpcf7-form-control.wpcf7-select.half-width {
    width: 50%;
}

select.wpcf7-form-control.wpcf7-select.full-width {
    width: 100%;
}

/* --- Add Team Member Page -- */

.woocommerce form .form-row select {
	font-size: 1.25em;
	width: 100%; 
}


/* =========== Addl. WooCommerce Fixes =========== */

.woocommerce .shop_table .product-thumbnail img {
    margin: 0;
}

.woocommerce .selected .wc-south {
    display: none !important;
    visibility: hidden !important;
}

.home-study-application-fee .woocommerce .shop_table .product-thumbnail img,
.submit-application-fee .woocommerce .shop_table .product-thumbnail img {
    width: 100px;
    height: auto;
}

.home-study-application-fee .woocommerce .shop_table .product-thumbnail,
.submit-application-fee .woocommerce .shop_table .product-thumbnail {
    padding-top: 12px;
    padding-bottom: 12px;
}

.entry #add_payment_method #payment ul.payment_methods li, 
.entry .woocommerce-cart #payment ul.payment_methods li, 
.entry .woocommerce-checkout #payment ul.payment_methods li {
    background-image: none;
    padding-left: 0;
}

.payment_box payment_method_cheque p {
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}

.box-link {
    text-decoration: none;
}

.enroll-box {
    float: left;
    display: block;
    overflow: hidden;
    text-align: center;
    background: #fff;
    padding-bottom: 15px;
}

.enroll-box img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.box-link:hover .enroll-box {
    opacity: .5;
}

.big-btn {
    font-size: 1.2em;
    padding: 15px 20px;
    margin-bottom: 10px;
}

#content .woocommerce-Tabs-panel--description ul,
#content .woocommerce-product-details__short-description ul {
	padding-left: 10px;
	margin-bottom: 20px;
}

#content.woocommerce ul li {
	background-image: none;
}

#content .woocommerce-Tabs-panel--description ul li,
#content .woocommerce-product-details__short-description ul li {
	background: transparent url(images/bullet-li.svg) no-repeat left 1px;
    line-height: 1.5;
    padding-left: 33px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#content section.related.products {
	float: left;
	width: 100%;
}

.entry label img {
	display: inline;
}

#payment p {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

/* =========== Sensei Additions =========== */

#content .quiz form ol#sensei-quiz-list li > span span {
	display: none;
	visibility: hidden;
}

#content .course-container a.button, 
#content .course-container a.button, 
#content .course-container a.comment-reply-link, 
#content .course-container #commentform #submit, 
#content .course-container .submit, 
#content .course-container input[type=submit], 
#content .course-container input.button, 
#content .course-container button.button, 
#content .course a.button, 
#content .course a.button, 
#content .course a.comment-reply-link, 
#content .course #commentform #submit, 
#content .course .submit, 
#content .course input[type=submit], 
#content .course input.button, 
#content .course button.button, 
#content .lesson a.button, 
#content .lesson a.button, 
#content .lesson a.comment-reply-link, 
#content .lesson #commentform #submit, 
#content .lesson .submit, 
#content .lesson input[type=submit], 
#content .lesson input.button, 
#content .lesson button.button, 
#content .quiz a.button, 
#content .quiz a.button, 
#content .quiz a.comment-reply-link, 
#content .quiz #commentform #submit, 
#content .quiz .submit, 
#content .quiz input[type=submit], 
#content .quiz input.button, 
#content .quiz button.button {
	color: #055480 /* ZJ Edited 11-28-23 */;
	background: transparent;
	border-radius: 0;
	font-size: 16px;
	padding: 5px 10px;
	border: 3px solid #bae5c7 /* Replaced ZJ 11-28-23 */;
}

#content .course-container a.button:hover, 
#content .course-container a.button:hover, 
#content .course-container a.comment-reply-link:hover, 
#content .course-container #commentform #submit:hover, 
#content .course-container .submit:hover, 
#content .course-container input[type=submit]:hover, 
#content .course-container input.button:hover, 
#content .course-container button.button:hover, 
#content .course a.button:hover, 
#content .course a.button:hover, 
#content .course a.comment-reply-link:hover, 
#content .course #commentform #submit:hover, 
#content .course .submit:hover, 
#content .course input[type=submit]:hover, 
#content .course input.button:hover, 
#content .course button.button:hover, 
#content .lesson a.button:hover, 
#content .lesson a.button:hover, 
#content .lesson a.comment-reply-link:hover, 
#content .lesson #commentform #submit:hover, 
#content .lesson .submit:hover, 
#content .lesson input[type=submit]:hover, 
#content .lesson input.button:hover, 
#content .lesson button.button:hover, 
#content .quiz a.button:hover, 
#content .quiz a.button:hover, 
#content .quiz a.comment-reply-link:hover, 
#content .quiz #commentform #submit:hover, 
#content .quiz .submit:hover, 
#content .quiz input[type=submit]:hover, 
#content .quiz input.button:hover, 
#content .quiz button.button:hover {
	background: #055480 /* ZJ Edited 11-28-23 */;
	border-color: #055480 /* ZJ Edited 11-28-23 */;
	color: #fff;
}

.sensei-login-submit input[type="submit" i] {
	background: #055480 /* ZJ Edited 11-28-23 */;
	border-color: #055480 /* ZJ Edited 11-28-23 */;
	color: #fff;
	padding: 7px 20px;
	font-size: 20px;
	margin-right: 10px;
}

#content .course-container a.button:active, 
#content .course-container a.button:visited:active, 
#content .course-container a.comment-reply-link:active, 
#content .course-container #commentform #submit:active, 
#content .course-container .submit:active, 
#content .course-container input[type=submit]:active, 
#content .course-container input.button:active, 
#content .course-container button.button:active, 
#content .course a.button:active, 
#content .course a.button:visited:active, 
#content .course a.comment-reply-link:active, 
#content .course #commentform #submit:active, 
#content .course .submit:active, 
#content .course input[type=submit]:active, 
#content .course input.button:active, 
#content .course button.button:active, 
#content .lesson a.button:active, 
#content .lesson a.button:visited:active, 
#content .lesson a.comment-reply-link:active, 
#content .lesson #commentform #submit:active, 
#content .lesson .submit:active, 
#content .lesson input[type=submit]:active, 
#content .lesson input.button:active, 
#content .lesson button.button:active, 
#content .quiz a.button:active, 
#content .quiz a.button:visited:active, 
#content .quiz a.comment-reply-link:active, 
#content .quiz #commentform #submit:active, 
#content .quiz .submit:active, 
#content .quiz input[type=submit]:active, 
#content .quiz input.button:active, 
#content .quiz button.button:active {}



#content .sensei-breadcrumb {
	padding: 10px;
}

#content .nav-next {
	margin-bottom: 10px;
}

#content-wide.sensei-page {
	background: #fff;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 10%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #fff 10%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #fff 10%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fff',GradientType=0 );
}

#content-wide img.size-full.alignnone {
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
}

.subheader-lesson {
	padding-top: 20px;
}

.subheader-lesson img {
	display: block;
	width: 100%;
	height: auto;
}

.sensei-page #content-container {
	padding-top: 20px;
}

.module header {
	background: ;
}

#content .module header h2 {
	font-size: 19px;
	font-weight: 500;
}

#content-container .module section,
#content-container section.module-lessons {
	padding: 0;
}

#content .module .module-lessons ul li {
	padding: 0;
	background-image: none;
}

#content .module .module-description,
#content .module .module-lessons header,
#content-container section.course-meta {
	display: none;
	visibility: hidden;
}

.lesson .video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}

.lesson .video iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#content .course .status, 
#content .course-lessons .status, 
#content .course-container .status {
	top: 0;
	right: 0;
	border-radius: 0;
	padding: 10px 15px 10px 10px;
}

#content .nav-prev a,
#content .nav-next a {
	padding: 7px 10px;
	background: #244366;
	color: #fff;
	text-decoration: none;
	margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

#content .nav-prev a:hover,
#content .nav-next a:hover {
	background: #21568B;
}

nav#post-entries {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

#content .sensei-breadcrumb {
	font-style: normal;
	background: #eee;
}

#content .sensei-breadcrumb:before {
	display: none;
	visibility: hidden;
}

.aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.lesson_button_form,
.lesson footer {
	text-align: center;
}

.lesson footer form {
	margin-bottom: 35px;
}

.lesson_button_form .complete,
.lesson footer .button {
	font-size: 22px !important;
}

.lesson_button_form .complete:hover,
.lesson footer .button:hover {
	background: #21568B !important;
	border-color: #21568B !important;
	color: #fff !important;
}

#content-container section.quiz-questions {
	padding: 0;
}


.course-container {
	
}

#sidebar .course-progress-lesson,
#sidebar .course-progress-module,
#sidebar .module-title {
	float: left;
	width: 100%;
}

#sidebar .course-progress-lesson a,
#sidebar .course-progress-lesson span {
	padding: 8px 10px 8px 30px;
	background: transparent;
	font-size: 15px;
	line-height: 1.1;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
	position: relative;
}

#sidebar .course-progress-lesson span {
	width: 100%;
	float: left;
}

.course-progress-navigation {
	float: left;
	width: 100%;
	background: #244366;
}

.course-progress-navigation .prev {
	float: left;
	width: 50%;
}

.course-progress-navigation .next {
	float: left;
	width: 100%;
}

.course-progress-navigation .prev ~ .next {
	width: 50%;
}

.course-progress-navigation .prev a,
.course-progress-navigation .next a {
	padding: 10px 12px;
	border: 0;
	background: #244366;
	color: #fff;
	font-size: 15px;
}

.course-progress-navigation .prev a:before {
	content: '\f053';
	font-family: FontAwesome;
	color: #fff;
	padding-right: 7px;
	font-size: 14px;
}

.course-progress-navigation .prev a:hover,
.course-progress-navigation .next a:hover {
	background: #21568B;
}

.course-progress-navigation .next a:after {
	content: '\f054';
	font-family: FontAwesome;
	color: #fff;
	padding-left: 7px;
	font-size: 14px;
}

.course-progress-navigation .next {
	text-align: right;
}

.widget_sensei_course_progress h2.course-title a {
	font-size: 18px;
	font-weight: 500;
}

#sidebar .course-progress-lessons .not-completed a:before {
	content: '\f10c';
	color: #b8b8b8;
	display: block;
	font-family: FontAwesome;
	position: absolute;
	left: 7px;
	font-size: 20px;
	top: 5px;	
}

#sidebar .course-progress-lessons .completed a:before {
	content: '\f058';
	color: #63a95f;
	display: block;
	font-family: FontAwesome;
	position: absolute;
	left: 7px;
	font-size: 20px;
	top: 5px;
}

#sidebar .course-progress-lessons .current span:before {
	content: '\f192';
	color: #055480 /* ZJ Edited 11-28-23 */;
	display: block;
	font-family: FontAwesome;
	position: absolute;
	left: 7px;
	font-size: 20px;
	top: 5px;
}

#sidebar .course-progress-lessons a:hover {
	color: #3073ac;
	background: transparent;
}

#sidebar .course-progress-lessons .current span {
	font-weight: 500;
	color: #055480 /* ZJ Edited 11-28-23 */;
}

#sidebar .course-progress-module h3 {
	display: none;
	visibility: hidden;
}

#sidebar .course-progress-module {
	height: 0;
	border-bottom: 3px solid #21568B;
	margin-top: 12px;
}

.courses #sidebar .widget_custom_html .btn,
.my-courses #sidebar .widget_custom_html .btn,
.sensei-page #sidebar .widget_custom_html .btn {
	font-size: 19px;
	text-transform: capitalize;
	font-weight: 500;
	padding: .4em
}

.sensei-page #sidebar #custom_html-4 {
	margin-bottom: 5px;
}

.section-info {
	/*
	padding-left: 15px;
	padding-right: 15px;
	*/
    float: none;
}

.section-info table {
	width: 100%;
	text-align: left;
	margin-bottom: 40px;
    
}

.section-info table td {
	padding: 4px 10px;
}

.section-info table tr {
	border-bottom: 1px solid #ccc;
}

.section-info table tr:last-child {
	border-bottom: 0;
}

.section-info table td.link-cell {
	text-align: right;
	padding-right: 10px;
}

.section-info table tr.heading-row {
	border-bottom: 1px solid #333;
	color: #055480 /* ZJ Edited 11-28-23 */;
}

.section-info table td.lead-column {
	/* border-right: 1px solid #333; */
	color: #055480 /* ZJ Edited 11-28-23 */;
	font-weight: bold;
}

.intro-block h3 {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 500;
}

.reading-cards {
    float: none;
}

.reading-card {
	background: #f5f5f5;
	float: none;
    overflow: hidden;
	width: 100%;
	margin-bottom: 40px;
}

.reading-card img.book-image {
	height: 160px;
	width: auto;
	margin-right: 20px;
	float: left;
}

.reading-card .inner-text {
	padding: 20px;
}

.reading-card .inner-text .btn {
	margin-top: 16px;
	display: inline-block;
}

#content .quiz form ol#sensei-quiz-list > li {
	margin: 0 0 20px 2em;
	padding: 7px 15px;
}

.intro-block {
	background: #f5f5f5;
	float: left;
	font-size: 18px;
	line-height: 1.4;
	color: #3D546F;
	width: 100%;
	margin-bottom: 40px;
	padding: 1px 20px 5px;
}

/*
.quiz-questions > form > span {
	display: block;
	text-align: center;
}
*/

#content .quiz .quiz-questions > form > span > input[type=submit] {
	font-size: 18px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

#content .quiz .quiz-questions > form > span > input[type=submit]:hover {
	background: #055480 /* ZJ Edited 11-28-23 */;
	border-color: #055480 /* ZJ Edited 11-28-23 */;
	color: #fff;
}

#content .lesson footer .button,
#content .lesson footer form > input[type=submit] {
	margin: 0;
	font-size: 18px;
	padding-left: 30px;
	padding-right: 30px;
}

#content .lesson > footer {
	margin-bottom: 30px;
}

.my-courses #content-container section .entry section {
	padding: 0;
}

.entry #sensei-user-courses ul li {
	background: none;
	padding-left: 0;
}

.entry #sensei-user-courses ul li.course {
	margin-top: 0;
	background: #fff;
}

.my-courses #content-wide {
	background: #f2f2f2;
}

#sensei-user-courses .columns-1 li.course {
	padding: 14px;
}

#sensei-user-courses #user-course-status-toggle a,
#sensei-user-courses #user-course-status-toggle a.active {
	background: transparent;
	border: 0;
	font-weight: normal;
}

#sensei-user-courses #user-course-status-toggle a {
	color: #3073ac;
}

#sensei-user-courses #user-course-status-toggle a:hover {
	color: #98b9d6;
}

#sensei-user-courses #user-course-status-toggle a.active {
	font-weight: 500;
	color: #055480 /* ZJ Edited 11-28-23 */;
}


.lesson > header {
	padding-left: 1em;
}
/*
.video-title-card {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
*/

#vt-card {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	/* pointer-events: none; */
	z-index: 1000;
}

.video-title-card {
	display: block;
	position: absolute;
	width: 60%;
	background: rgba(255,255,255,0.8);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	font-size: 38px;
	color: #055480 /* ZJ Edited 11-28-23 */;
	font-weight: bold;
	text-align: center;
	padding: 20px;
}

.video-title-card .vt-card-inner {
	position: relative;
    line-height: 1.2;
}

.video-title-card .vt-card-inner img {
	width: 250px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
}

/*
#content .quiz .quiz-questions > form > span:last-child > input[type=submit] {
	margin-bottom: 40px;
}
*/

/* =========== X. Custom CTA Styles =========== */

.header-center h2 {
	text-align: center;
}

h2 + .icon-list {
	margin-top: 0;
}

.paragon-image-block {
	padding-top: 20px;
	background: #eee;
}

.paragon-image-block .icon-list-item {
	background: rgba(255,255,255,.8);
	border-radius: 9px;
	padding-bottom: 20px;
}

.image-list-wrap.paragon-image-block {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	float: none;
	width: 100vw;
	margin-left: -50vw;
	left: 50%;
	margin-right: -50vw;
	right: 50%;
	margin-top: 25px;
	margin-bottom: 25px;
	background-position: center;
}

.image-list-wrap.paragon-image-block .image-list-container {
	display: block;
	position: relative;
	margin: 0 auto;
	clear: both;
	float: none;
	/* width: 1140px; */
    width: 100%;
	padding: 10px;
	overflow: hidden;
}

.full-width-images .image-list-item img {
	width: 100%;
	height: auto;
}

/* ZJ - Wide Band Treatment */
.text-image-wrap {
	/* padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;*/
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    width: 100vw !important;
    margin-left: -50vw;
    left: 50%;
    margin-right: -50vw;
    right: 50%;
    background-position: center;
    padding: 20px 8%;
}

.text-image-container .btn {
	font-size: 1.2em;
    text-align: center;
}

.text-image-container img {
	border-radius: 10px;
	margin: 0;
	padding: 5% 5% 5% 10%;
	display: block;
}


.text-image-wrap,
.text-image-container {
	float: left;
	width: 100%;
}

.text-image-container .post-title {
	margin-top: .2em;
    text-align: left;
}

.text-image-wrap.background-block {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-size: cover;
    background-position: 25%;
}

.text-image-wrap.background-block .text-image-container {
	display: block;
	position: relative;
	margin: 0 auto;
	clear: both;
	float: none;
	width: 100%;
	padding: 10px;
	overflow: hidden;
}



.prefooter-page-acf .image-list-wrap.paragon-image-block {
	margin-top: 0;
	margin-bottom: 0;
}

.text-image-container .col {
	/* overflow: hidden; */
}

.text-image-container .col img {
	width: 100%;
	height: auto;
}


/* =========== Content Additions & Shortcodes =========== */

#content-wide {
	background: #fff;
	background: -moz-linear-gradient(top, #bec1c4 0%, #dddddd 100px, #ffffff 400px);
	background: -webkit-linear-gradient(top, #bec1c4 0%, #dddddd 100px, #ffffff 400px);
	background: linear-gradient(to bottom, #bec1c4 0%, #dddddd 100px, #ffffff 400px);
}

#content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.sensei-page #content {
	padding-top: 0;
}

.pg-wide {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	float: none;
	width: 100vw;
	margin-left: -50vw;
	left: 50%;
	margin-right: -50vw;
	right: 50%;
	background-position: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pg-wide .pg-wide-inner {
	display: block;
	position: relative;
	margin: 0 auto;
	clear: both;
	float: none;
	/* width: 1140px; */
    width: 100%;
	padding: 20px;
	overflow: hidden;
}

.pg-wide #plan-table {
	margin-bottom: 0;
}

.pg-wide + p {
	margin-top: 40px;
}

.pg-box {
	background: #EFF0F2;
	padding: 20px;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.pg-wide .su-spoiler-content {
	color: #666;
}

.pg-wide.light .callout {
	border-color: #D1D4D8;
}

.pg-wide.dark #plan-table tr:nth-child(even),
.pg-wide.medium #plan-table tr:nth-child(even) {
	background: #fff;
}

.pgpet-center {
	text-align: center;
}

ul .woocommerce-Price-amount.amount {
	color: #6CC39A;
	font-weight: 500;
}

.pg-wide {
	background-size: cover;
	background-position: center;
}

.title-paw:before {
	content: url(images/bullet-li.svg);
	margin-right: 12px;
}

/* .dark .title-paw:before {
	content: url(images/paw-white.svg);
} */

.pgpet-overlay {
    padding-left: 8%;
    padding-right: 8%;
}

.pgpet-overlay:after {
	content: '';
	background: rgba(255,255,255,.65);
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pgpet-overlay * {
	z-index: 100;
}

.pgpet-overlay.overlay-dark:after {
	background: rgba(36,67,103,.65);
}

.pgpet-overlay.overlay-medium:after {
	background: rgba(99,138,177,.65);
}

.pgpet-overlay.overlay-light:after {
	background: rgba(237,237,237,.65);
}

.pgpet-overlay.overlay-yellow:after {
	background: rgba(253,188,98,.65);
}

.pgpet-overlay.overlay-yellow {
	color: #244367;
}

.translucent-spoilers .su-spoiler-style-default > .su-spoiler-title {
	background: transparent;
}

/* .entry .dark ul li,
.dark.translucent-spoilers .su-spoiler-icon:before,
.overlay-dark.translucent-spoilers .su-spoiler-icon:before {
    content: '' !important;
	background-image: url(images/paw-white.svg);
    background-repeat: no-repeat;
} */

.dark.translucent-spoilers .su-spoiler-style-default > .su-spoiler-title,
.overlay-dark.translucent-spoilers .su-spoiler-style-default > .su-spoiler-title {
	color: #fff;
}

.dark.translucent-spoilers .su-spoiler-style-default > .su-spoiler-content,
.overlay-dark.translucent-spoilers .su-spoiler-style-default > .su-spoiler-content {
	/* background: rgba(255,255,255,.2); */
	background: transparent;
	border-top: 3px solid rgba(255,255,255,.3);
	color: #fff;
}

.translucent-spoilers .su-spoiler-style-default {
	border: 3px solid #fff;
}

.img-size-150 .image-list .image-list-item {
	text-align: center;
}

.img-size-150 .image-list .image-list-item img {
	width: 150px;
	height: auto;
	display: inline-block;
	margin-bottom: 0;
}

.image-list-wrap.grid-3 .col {
	width: 31% !important;
	margin-left: 1%;
	margin-right: 1%;
    min-height: 330px;
}

.image-list-wrap.grid-2 .col {
	width: 23% !important;
	margin-left: 1%;
	margin-right: 1%;
}

.my-account #content.auto {
	width: 100%;
}

.woocommerce-MyAccount-content {
	float: left;
	width: 100%;
}

.woocommerce-MyAccount-navigation ul {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.woocommerce-MyAccount-navigation li {
	width: auto;
	float: left;
}

.woocommerce-MyAccount-navigation li a {
	background: #EFF3F6;
	padding: 8px 12px;
	text-decoration: none;
	border-right: 1px solid #CDDEEC;
}

.woocommerce-MyAccount-navigation li a:hover {
	color: #fff;
	background: #3073ac;
}

.woocommerce-MyAccount-navigation li:first-child a {
	padding-left: 15px;
}

.woocommerce-MyAccount-navigation li:last-child a {
	padding-right: 15px;
	border-right: 0;
}

.my-courses #content-wide #content {
	padding-top: 10px;
}

.my-courses .breadcrumbs {
	display: none;
	visibility: hidden;
}

.breadcrumbs {
	display: none;
	visibility: hidden;
}

.paragon-breadcrumbs {
	margin-bottom: 10px;
}


#content-container section {
	padding-left: 0;
	padding-right: 0;
}

#content-container .blog-news section,
#content-container .single-blog-news section,
#content-container .search-content section {
	padding-left: 1em;
	padding-right: 1em;
}

#content-container #content.blog-news,
#content-container #content.single-blog-news {
	padding-top: 10px;
}

#content-container article.lesson section {
	padding-left: 1em;
	padding-right: 1em;
}

#content-container article.course {
	padding-left: 20px;
	padding-right: 20px;	
}

.checkout .woocommerce ul li a {
	font-size: 18px;
	background: #EFF3F6;
	padding: 10px 20px;
	margin-bottom: 10px;
	text-decoration: none;
	display: inline-block;
}

.woocommerce {
	float: left;
	width: 100%;
}

.post-13033 .related.products {
	display: none;
	visibility: hidden;
}

section.upsells.products {
	float: left;
}

#content.woocommerce {
	padding-top: 0;
}

.course-results-lessons article.course h3 {
	width: 100%;
	font-size: 19px;
	border-bottom: 1px solid #777;
	padding-bottom: 5px;
	font-weight: medium;
	margin-top: 30px;
}

.course-results header {
	padding-left: 1em;
	padding-right: 1em;
}

.course-results-lessons article.course h2 {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.course-results-lessons article.course h2.total-grade {
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-decoration: none;
	border: 1px solid #777;
	padding: 10px 15px;
}

#content .course-results-lessons h2.total-grade .lesson-grade .lesson-grade {
	text-decoration: none !important;
}

.sensei-pagination {
	display: none;
	visibility: hidden;
}

.send-message-button,
.course-meta + p {
	display: none;
	visibility: hidden;
}

.quiz .form-row textarea,
.contact-teacher textarea {
	color:#777; 
	border: 1px solid #E0E0E0; 
	border-radius: 4px; 
	line-height: 1.3em; 
	font-size: .9em; 
	font-weight:normal !important; 
	padding: 4px; 
	margin: 4px 0;
	width: 100%;
	min-height: 100px;
}

.quiz h3#private_message {
	padding-left: 0;
}

#content-container section.message-content {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.lesson .quiz > form > p,
.lesson .quiz > form > div,
.lesson .quiz > form > #private_message {
	display: none !important;
	visibility: hidden !important;
}

#private_message,
.contact-teacher {
	padding-left: 1em;
	padding-right: 1em;
}

.lesson-title + p,
.sensei-message + p {
	display: none;
	visibility: hidden;
}

h1.lesson-title {
    font-size: 20px;
}

.widget_sensei_course_progress h2.course-title a {
    font-size: 18px;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    line-height: 1 !important;
}

.video-title-card .vt-card-inner {
    font-size: 26px;
    font-weight: 600;
}

/*
#private_message,
.contact-teacher {
	display: none;
	visibility: hidden;
}
*/

.woocommerce ul.products.columns-1 {
	padding: 10px 18% 15px !important;
}

.checkout .woocommerce .wc-south {
	width: 100%;
}

.woocommerce form.checkout .pg-wide .product .add_to_cart_button {
	margin-bottom: 10px !important;
}

#sensei-quiz-list .answer-feedback {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 10px !important;
	padding: 10px !important;
	font-size: 16px;
}

/* =========== Video Embed Fix =========== */

.blog-news .entry {
	width: 100%;
}

.youtube-wrap {
	width: 100%;
}


/* =========== Media Center =========== */

.single-podcast {
	width: 100%;
}

.single-podcast iframe {
	margin-top: 10px;
	margin-bottom: 20px;
}

.single-podcast .guest-card {
	border: 3px solid #eee;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.single-podcast .guest-card .guest-image {
	width: 140px;
	height: 140px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
}

.single-podcast .guest-card .guest-header {
	padding: 7px 20px 4px;
}

.single-podcast .guest-card .guest-row {
	border-top: 3px solid #eee;
	float: left;
	width: 100%;
}

.single-podcast .guest-card .guest-row .image-col {
	padding: 15px 20px 15px 15px;
	float: left;
	width: 180px;
}

.single-podcast .guest-card .guest-row .text-col {
	padding: 20px;
}

.single-podcast .button-row {
	width: 100%;
	text-align: center;
	padding: 20px;
}

.single-podcast .button-row .btn {
	font-size: 20px;
}

.podcast-grid {
	width: 100%;
	display: block;
	text-align: left;
	margin-bottom: 40px;
	float: left;
}
 
.podcast-grid-item {
	/* width: 48%; */
	width: 100%;
	display: block;
	float: left;
    border-bottom: 1px solid #666;
    padding: 3% 1.5% 2%;
	/* background: url('https://paragonpetschool.com/wp-content/uploads/2019/05/Paragon_HeyJoe_Header1920x495-1024x264.jpg');*/
    /* background: url('/wp-content/themes/Paragon2018/images/HeyJoeRoundupBkg.jpg'); 
	background-size: cover;
	background-position: center; */
}

.podcast-grid-item:hover {
	background: #f7f7f7;
}

/* .podcast-grid-item:nth-child(even) {
	margin-left: 2%;
}

.podcast-grid-item:nth-child(odd) {
	margin-right: 2%;
} */

.podcast-grid-item a {
	color: #666;
	text-decoration: none;
}

.podcast-grid-item a h3 {
	/* color: #fff; */
	font-size: 22px;
	line-height: 1.2;
	/* position: absolute;
	width: 100%;
  	top: 50%;
  	transform: translateY(-50%);
	padding: 50px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    text-align: left;
    left: 80px; */
}

.podcast-grid-item .guest-image {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
    background-size: cover;
    object-fit: cover;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 2%;
}

.podcast-excerpt {
    min-height: 50px;
}

/* .podcast-grid-item .podcast-grid-title {
	width: 100%;
	background: rgba(77,77,77,.85);
	height: 125px;
	position: relative;
	display: block;
} */

/* .podcast-grid-item .joe-photo {
    width: 125px;
    height: 125px;
    float: left;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 100;
    position: absolute;
    left: 0;
    display: block;
    padding: 1.5%;
} 

.podcast-grid-item .joe-photo img {
    width: 100%;
    height: auto;
    border-radius: 50%;
} 

.podcast-grid-item:hover {
	opacity: .5;
} */

.single-podcast .entry .form-spoiler ul {
    display: inline-block;
}



.about-joe-card {
	background: #429ed1;
	color: #fff;
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
}

.about-joe-card .about-image-col {
	width: 160px;
	padding: 15px 5px 15px 15px;
	float: left;
}

.about-joe-card .about-image-col .about-image {
	width: 120px;
	height: 120px;
	float: left;
	border-radius: 100%;
	background-color: transparent;
	background-image: url(https://paragonpetschool.com/wp-content/uploads/2019/05/Joe-Z.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.about-joe-card .about-text-col h3 {
	color: #fff;
}

.about-joe-card .about-text-col {
	width: calc(100% - 160px);
	padding: 20px 20px 20px 10px;
	float: left;
}

.podcast-form-adjust {
	border-top: 0;
	border-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.icon-row {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.icon-link img {
    display: inline-block;
    height: 60px;
    width: auto;
    margin: 1% 2%;
}

.icon-row a:hover {
    opacity: 0.7;
}

/* =========== Media Center: Affiliate =========== */

.affiliate-logo img {
    margin: 0;
    padding: 0% 12%;
    width: 100%;
}

.button-row {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.single-affiliate .button-row .btn {
    font-size: 20px;
}

.affiliate-grid .pg-grid-item {
	background: none;
    color: #666;
    border: 4px solid #eee;
}

.affiliate-grid .pg-grid-item:hover {
	background: #eee;
}

.affiliate-grid .pg-grid-item .pg-grid-inner {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 30px 20px 45px;
	height: auto;
}

.affiliate-grid .pg-grid-item .pg-grid-inner h3 {
    font-size: 18px;
    color: #045580;
}

.affiliate-grid .pg-grid-item .pg-grid-inner h3,
.affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt {
    top: 18%;
    height: auto;
    float: left;
    position: absolute;
    padding: 0px 4% 0px 0px;
    left: 180px;
    width: auto;
    display: inline;
    /* padding: 0; */
    text-align: left;
    color: #122741;
    text-shadow: none;
}

.affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt {
    top: 40%;
    font-size: 14px;
}

.affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-subject-image {
	float: left;
	background-image: url(images/placeholder-person.jpg);
}

.affiliate-subject-image {
	width: 140px;
	height: 140px;
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
	margin-right: 25px;
}

.affiliate-about-card {
	display: block;
	float: left;
	width: 100%;
	border: 4px solid #eee;
	padding: 20px;
}

.affiliate-about-card h3 {
	margin-bottom: 10px;
}

.affiliate-about-card .affiliate-subject-image {
	float: left;
}


/* .business-resource-logo img,
.career-seeker-logo img {
    width: 100%;
    height: auto;
    margin-right: 0;
} */

/* .career-seeker-resources .affiliate-grid .pg-grid-item .pg-grid-inner h3, 
.business-resources .affiliate-grid .pg-grid-item .pg-grid-inner h3 {
    top: 18%;
}

.career-seeker-resources .affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt,
.business-resources .affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt {
    top: 39%;
} */

/* =========== Media Center: Story =========== */

.single-story {
	width: 100%;
}

.single-story .youtube-wrap {
	margin-bottom: 20px;
}

.story-subject-image {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background-size: cover;
	background-position: center;
	margin-right: 25px;
}

.story-about-card {
	display: block;
	float: left;
	width: 100%;
	border: 4px solid #eee;
	padding: 20px;
}

.story-about-card h3 {
	margin-bottom: 10px;
}

.story-about-card .story-subject-image {
	float: left;
}

.story-about-card .button-row {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0;
}

.story-blockquote {
	margin-top: 20px;
	margin-bottom: 30px;
	border-bottom-width: 4px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
    display: block;
    clear: both;
}

.story-blockquote .attribution {
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
	color: #666;
}


/* =========== Generic Grid =========== */

.pg-grid {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 40px;
	float: left;
}

.pg-grid-item {
	width: 48%;
	display: block;
	float: left;
	margin-bottom: 30px;
	background: #999;
	background-size: cover;
	background-position: center;
	min-height: 250px;
	position: relative;
}

.pg-grid-item:nth-child(even) {
	margin-left: 2%;
}

.pg-grid-item:nth-child(odd) {
	margin-right: 2%;
}

.pg-grid-item a {
	color: #fff;
	text-decoration: none;

}

.pg-grid-item a h3 {
	color: #fff;
	font-size: 20px;
	/* font-size: 26px; */
	line-height: 1.3;
	position: absolute;
	width: 100%;
  	top: 50%;
  	transform: translateY(-50%);
	padding: 50px;
	/* text-shadow: 2px 4px 3px rgba(0,0,0,0.3); */
    text-shadow: 1px 2px 3px rgba(0,0,0,0.9);
}

.pg-grid-item .pg-grid-title {
	width: 100%;
	background: rgba(77,77,77,.85);
	height: 250px;
	position: relative;
	display: block;
}


/* 
.pg-grid-item:hover {
	opacity: .5;
}
*/

/* =========== Media Center: Main =========== */

.media-grid .pg-grid-item {
	width: 31.3333333%;
	margin-left: 0;
	margin-right: 0;
}

.media-grid .pg-grid-item:nth-child(even),
.media-grid .pg-grid-item:nth-child(odd) {
	margin-left: 0;
}

.media-grid .pg-grid-item:nth-child(3n) {
	margin-left: 1.5%;
}

.media-grid .pg-grid-item:nth-child(3n+1) {
	margin-right: 1.5%;
}

.media-grid .pg-grid-item:nth-child(3n+2) {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.media-grid .pg-grid-title {
	height: 250px;
    background: none;
	/* background: rgba(77,77,77,.5); */
    
}

.media-grid .pg-grid-title:hover {
    background: rgba(18,40,65,.55);
    /* background: rgba(99,138,177,.75);*/
}


/* =========== Media Center: Stories =========== */

.tpl_stories .post-title {
    text-align: left;
}

.story-grid {
    margin-top: 20px;
}

.story-grid .pg-grid-item {
	background: none;
    color: #666;
    border: 4px solid #eee;
}

.story-grid .pg-grid-item:hover {
	background: #eee;
}

.story-grid .pg-grid-item .pg-grid-inner {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/* background: rgba(36,67,102, .7); */
	padding: 30px 20px;
	height: auto;
}

.story-grid .pg-grid-item .pg-grid-inner h3,
.story-grid .pg-grid-item .pg-grid-inner .story-excerpt {
	/* height: auto;
	float: left;
	position: relative;
	width: auto;
	display: inline;
	padding: 0; MM Styles */
    top: 28%;
    height: auto;
    float: left;
    position: absolute;
    left: 180px;
    width: auto;
    display: inline;
    padding: 0;
    text-align: left;
    color: #122741;
    text-shadow: none;
}

.story-grid .pg-grid-item .pg-grid-inner .story-excerpt {
    top: 44%;
    padding-right: 2%;
    font-size: 14px;
}

.story-grid .pg-grid-item .pg-grid-inner .story-subject-image {
	float: left;
	background-image: url(images/placeholder-person.jpg);
}

.subpost {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
}

.subpost h2 {
	font-size: 24px;
}


/* =========== Media Center: Events =========== */

.event-grid .pg-grid-item {
	background-size: cover;
	position: relative;
    background-position: center 20%;
}

.event-grid .pg-grid-item .pg-grid-inner {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(36,67,102, .7);
	padding: 15px;
	height: auto;
}

.event-grid .pg-grid-item .pg-grid-inner h3 {
	height: auto;
	position: relative;
	width: auto;
	display: inline;
	padding: 0;
	float: none;
}

.event-grid .pg-grid-item .pg-grid-inner .pg-grid-inner-text {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}

.media-breadcrumb-wide {
	background: #3073ac;
}

.media-breadcrumb {
	padding: 15px 10px;
	color: #fff;
}

.media-breadcrumb a {
	color: #CBDCEA;
	text-decoration: none;
	font-size: 17px;
	
}

.media-breadcrumb-wide a:hover {
	opacity: .5;
}

.bc-sep {
	color: #7EA8CB;
}


/* =========== Responsive =========== */

@media screen and (min-width: 1920px) {
    
    .subhdrint img {
        width: 100%;
        height: auto;
    }

    .subhdrint.container-wide img {
        left: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 1640px) {
    .home-page .container {
        width: 100%;
    }
}

@media screen and (max-width: 1260px) {
    
    #guides-wide .guide-text {
        width: 100%;
    }
    
    #guides-wide .guide-image {
        width: 0%;
    }
}

@media screen and (max-width: 1140px) {
    
    .pgpet-big-text {
        font-size: 18px;
    }
    
    .subheader-lesson {
        padding-top: 0;
    }
	
    .affiliate-grid .pg-grid-item .pg-grid-inner {
        position: relative;
    }
    
    .affiliate-grid .pg-grid-item .pg-grid-inner h3 {
        position: relative;
        top: unset;
        left: unset;
        display: block;
        transform: none;
        clear: right;
        width: calc(90% - 145px);
    }
    
    .affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt {
        position: relative;
        top: unset;
        left: unset;
        width: calc(90% - 145px);
    }
    
	.story-grid .pg-grid-item .pg-grid-inner h3 {
		font-size: 24px;
	}
	
	.pg-grid-item,
    .podcast-grid-item {
        width: 100%;
    }
	
	.pg-grid-item:nth-child(even),
    .podcast-grid-item:nth-child(even) {
        margin-left: 0;
    }
	
	.pg-grid-item:nth-child(odd),
    .podcast-grid-item:nth-child(odd) {
        margin-right: 0;
    }
	
	.pg-wide .pg-wide-inner {
		width: 100%;
	}
    
    #preheader {
        text-align: center;
    }

    .container {
        width: 100%;
        min-width: 200px;
        padding-left: 0;
        padding-right: 0;
    }
    
    #logo-box {
        position: relative;
        width: 30%;
        float: none;
        margin: 10px auto 0;
    }
	
	.woocommerce ul.products.columns-1 {
		padding: 10px 10% 15px !important;
	}
    
    #header #inner-header {font-size: 1.40vw;}
    
    #main-navigation {
        display: block;
        width: 100%;
        clear: both;
        float: left;
        text-align: center;
        top: -7px;
    }
    
    /*#main-navigation li a {font-size: 1.40vw;}*/
    
    #slideshow-wide .slide-caption .inner-text {font-size: 4.03vw;}
    
    #slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {font-size: 3.16vw;}
    
    #acf-promos .promo h3 {font-size: 2.456vw;}
    
    #acf-promos .promo .promo-img {
        background-image: url(https://paragonpetschool.com/wp-content/uploads/2015/12/puppies-promos-1080x280.jpg) !important;
    }
    
    #acf-promos-wide {
        background-image: url(https://paragonpetschool.com/wp-content/uploads/2015/12/puppies-promos-1080x280.jpg) !important;
        background-position: top left !important;
    }
    
    #acf-promos .promo:first-child .promo-img {
        background-position: -15px -44px;
    }

    #acf-promos .promo:nth-child(2) .promo-img {
        background-position: -26.6vw -42px;
    }

    #acf-promos .promo:nth-child(3) .promo-img {
        background-position: -51.3vw -42px;
    }

    #acf-promos .promo:nth-child(4) .promo-img {
        background-position: -76.3vw -42px;
    }
    
    .home-video {
        width: 100%;
    }
    
    #next-steps .inner-text {
        position: absolute;
        top: 50%;
        transform: translateY(-75%);
    }  
}

@media screen and (max-width: 1140px) and (min-width: 751px) {
    
    .subhdrint.container-wide img {
        width: 1280px;
        left: -640px;
    }
    
    #next-steps h3 {
        font-size: 3.3vw;
    }
    
    /*#next-steps .next-step-button {
        bottom: -70px;
    }*/
    
    #next-steps .btn.next-step-button {
        /*color: #3f5b7a !important;
         border: 2px solid #3f5b7a !important; */
        /* background: #fff !important; 
        margin-bottom: 20px;*/
        font-size: 2.1vw;
    }
    
    #next-steps .btn.next-step-button:hover {
        color: #fff !important;
        /*background: #3f5b7a !important;*/
    }
    
    #next-steps .btn.next-step-button:after {
        font-size: 2.1vw;
    }
    
    .post-title,
    .pgpet-big-text {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .image-list-wrap.grid-2 .col,
    .image-list-wrap.grid-3 .col {
        min-height: 320px;
    }
    
    .podcast-grid-item a h3 {
        font-size: 2.281vw;
    }
}

@media screen and (max-width: 1080px) {
    
    /*
    .subhdrint img {
        width: 100%;
        height: auto;
    }
    */
    
    /*
    .subhdrint.container-wide img {
        left: 0;
        margin-left: 0;
    }
    */
    
    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
        width: 100%;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden;
    }

    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
        width: 100%;
        display: block;   
    }
    
    #course-catalog {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #course-catalog .col {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #course-catalog img {
        width: 100%;
        height: auto;
    }
    
    body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:first-child {
        display: none;
        visibility: hidden;
    }
    
    body .l2gd-custom-testimonial .pg-wide-inner .text-image-wrap .col.c1-2:nth-child(2) {
        width: 100%;
    }
    
}

@media screen and (max-width: 960px) {
    
    #success .success-image {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #success .success-text {
        width: 100%;
    }
}

@media screen and (max-width: 900px) and (min-width: 751px) {
    #main-navigation li a {font-size: 1.7vw;}
}

@media screen and (max-width: 750px) {
    
    .sponsor-product-info-image-container,
    .sponsor-product-info-text {
        width: 100%;
        float: left;
        clear: both;
    }
    
    .pgp-order-form .order-field-group,
    .panel-nav button {
        width: 100% !important;
    }
    
    .pgp-order-form .order-field-group {
        margin-bottom: 10px;
        padding-right: 0;   
    }
    
    hr.tall-hr {
        display: none;
        visibility: hidden;
    }
    
    #pgp-pay-for-order,
    #pgp-store-table,
    #pgp-learner-table, 
    #pgp-order-table {
        overflow-x: scroll;
    }
    
    #pgp-store-table table,
    #pgp-learner-table table, 
    #pgp-order-table table {
        width: 900px;
    }
    
    #pgp-pay-for-order .pgp-order-table-table {
        width: 700px;
    }
    
    .order-form-orders-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    html .subhdrint img {
        max-width: 100% !important;
    }
    
    body.cobranded #header-small .mc1-2 {
        width: 100%;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    body.cobranded #header-small #logo-box {
        width: 100%;
        height: 90px;
    }
    
    body.cobranded #header-small #logo-box #top-logo {
        width: 100%;
        height: 90px;
        position: relative;
    }
    
    body.cobranded #header-small #logo-box #top-logo img {
        position: absolute;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    
    body.cobranded #header-small .mc1-2 + .mc1-2 {
        display: none;
        visibility: hidden;
    }
    
    /* come back */
    
    body.cobranded.cobranded-earthwise #mobile-navigation > ul > li > .dcjq-parent {
        background: #496B2E;
    }

    body.cobranded.cobranded-earthwise #mobile-navigation > ul > li > .dcjq-parent.active {
        background: #496B2E;
    }

    body.cobranded.cobranded-earthwise #mobile-navigation .sub-menu {
        background: #405D29;
        border-bottom: 4px solid #496B2E;
        -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
        box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
    }

    body.cobranded.cobranded-earthwise #mobile-navigation .sub-menu .sub-menu {
        background: #374E25;
        border-bottom: 2px solid #496B2E;
    }

    body.cobranded.cobranded-earthwise #mobile-navigation .sub-menu .sub-menu .sub-menu {
        background: #2E4020;
        border-bottom: 2px solid #405D29;
    }

    .pgp-custom-login {
        background: transparent;
        padding: 0;
    }
    
    .pgp-custom-login form {
        width: 100%;
        padding: 20px 16px;
        border: 1px solid #e3e3e3;
    }
    
    .pgp-custom-login form label {
        font-size: 15px;
    }
    
    .pgp-custom-login form input {
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .rising-star-form-wrap {
        width: 100%;
        background: transparent;
        padding: 0;
        margin: 0;
        overflow: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .rising-star-form-wrap > .rising-star-form {
        width: 100%;
        padding: 0;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .rising-star-form-wrap > .rising-star-form > h3 {
        font-size: 20px;
    }
    
    .sensei-page #content-container {
        padding: 20px 3% 20px;
    }
    
    .media-grid .pg-grid-item {
        width: 96%;
    }
    
    .media-grid .pg-grid-item:nth-child(even),
    .media-grid .pg-grid-item:nth-child(odd),
    .media-grid .pg-grid-item:nth-child(3n),
    .media-grid .pg-grid-item:nth-child(3n+1),
    .media-grid .pg-grid-item:nth-child(3n+2) {
        margin: 2%;
    }
	
	.single-podcast .guest-card .guest-image {
		width: 100px;
		height: 100px;
	}
	
	.single-podcast .guest-card .guest-row .image-col {
		width: 130px;
		padding: 20px 15px 10px 15px
	}
	
	.about-joe-card .about-image-col {
		width: 100%;
		text-align: center;
		padding: 20px 20px 10px;
	}
	
	.about-joe-card .about-image-col .about-image {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	.about-joe-card .about-text-col {
		width: 100%;
		padding: 10px 20px 20px;
		text-align: center;
	}
	
	.about-joe-card .about-text-col h3 {
		margin-bottom: 20px
	}

    .podcast-grid-item {
        width: 100%
    }

    .podcast-grid-item:nth-child(even) {
        margin-left: 0;
    }

    .podcast-grid-item:nth-child(odd) {
        margin-right: 0;
    }

    .pgpet-form.podcast-form-adjust {
        padding-left: 0;
        padding-right: 0;
    
    }
    
    .pgpet-form.podcast-form-adjust .form-row label {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
	
	.sensei-page .subheader-lesson {
		padding-top: 0;
	}
	
	.sensei-page #content {
		padding-left: 0;
		padding-right: 0;
	}
	
	#sensei-quiz-list .answer-feedback {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		padding: 10px !important;
		font-size: 16px;
	}

	#content .quiz form ol#sensei-quiz-list > li {
		margin-left: 0;
		padding: 10px;
	}
	
	#content .quiz form ol#sensei-quiz-list > li:before {
		left: initial;
		top: initial;
		display: inline-block;
		clear: both;
		width: inherit;
		position: relative;
		padding: 5px 15px;
		margin-bottom: 10px;
	}
	
	.sensei p.sensei-message:before, .sensei div.sensei-message:before, .course-container p.sensei-message:before, .course-container div.sensei-message:before, .course p.sensei-message:before, .course div.sensei-message:before, .lesson p.sensei-message:before, .lesson div.sensei-message:before, .quiz p.sensei-message:before, .quiz div.sensei-message:before, .learner-info p.sensei-message:before, .learner-info div.sensei-message:before {
		margin-right: 10px !important;
	}
	
	.woocommerce .pg-wide ul.products[class*=columns-] li.product, 
	.woocommerce-page .pg-wide ul.products[class*=columns-] li.product {
		width: 100%;
	}
	
	.woocommerce ul.products.columns-1 {
		padding: 10px 0 15px !important;
	}
    
    html, body {
        font-family: 'Lexend', sans-serif;
        overflow-x: hidden;
    }
    
    #plan-table th h3 {
        font-size: 2.93vw;
    }
    
    .call-to-action,
    .call-to-action .inner-text,
    .call-to-action .row {
        width: 100%;
        display: block;
        float: left;
    }
    
    .call-to-action .col {
        text-align: left;
    }
    
    .call-to-action .col.c1-2 {
        width: 49.2%;
        float: left;
        clear: none;
        text-align: center;
    }
    
    .call-to-action .col.c1-3 {
        width: 32.26%;
        float: left;
        clear: none;
        text-align: center;
    }
    
    .call-to-action .col.c1-4 {
        width: 23.8%;
        float: left;
        clear: none;
        text-align: center;
    }
    
    #header-small a.mobile-icon {
		font-size: 21px;
		padding: 14px 9px;
		vertical-align: middle;
        margin-right: 1%;
	}
    
	#slideshow-wide span.white-text, 
	#slideshow-wide .inner-text a.btn {
		color: #21568B !important;
	}
	
	#slideshow-wide .sue-content-slide {
		height: 240px;
	}
	
	#slideshow-wide .sue-content-slide .container-wide .container {
		height: 240px;
	}
    
    #slideshow-wide .sue-content-slider .sue-content-slide img {    
        width: 1080px;
        max-width: unset;
        left: -540px;
        margin-left: 50%;
        position: relative;
        display: block;
        overflow-x: hidden;
    }
    
    #slideshow-wide .sue-content-slider, #slideshow-wide .sue-content-slide {
        height: 240px;
    }
    
    #slideshow-wide .sue-content-slide .container-wide {
        position: absolute;
        height: 240px;
    }
    
    .tpl_home #slideshow-wide .sue-content-slide,
    .tpl_home #slideshow-wide .owl-carousel .owl-item img,
    .tpl_home #slideshow-wide .sue-content-slide .container-wide,
    .tpl_home #slideshow-wide .sue-content-slide .container-wide .container {
        height: 240px;
    }
    
    .tpl_home h1.post-title, 
    .tpl_home h3.video-title, 
    #info-block h2, 
    #embed-social h2,
    .tpl_home h3.guides-title,
    .tpl_home #why-paragon h2,
    .tpl_home #next-steps h2 {
        font-size: 1.8em;
    }
    
    .tpl_home #content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .tpl_home #why-paragon .inner-text p {
        font-size: 16px;
    }
    
    .tpl_home #next-steps-wide {
        padding-top: 10px;
    }
    
    .tpl_home #course-catalog {
        padding: 15px;
    }
    
    .tpl_home #success-wide {
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }
    
    .tpl_home #why-paragon .col.c1-4 {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        clear: none;
    }
    
    .tpl_home #why-paragon .whypg-icons {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .tpl_home #why-paragon .whypg-icons img {
        width: 50%;
    }
    
    #why-paragon .icon h3 {
        font-size: 2em;
    }
    
    #why-paragon .icon-desc p {
        font-size: 1em;
    }
    
    .tpl_home #info-block {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    
    .tpl_home #course-catalog h3 {
        font-size: 1.8em !important;
    }
    
    #course-catalog form.wpcf7-form input[type=submit] {
        font-size: 4vw;
    }
	
	#slideshow-wide .sue-content-slide .slide-caption .inner-text, 
	#slideshow-wide .sue-content-slide .slide-caption .inner-text a,
	#slideshow-wide .sue-content-slide .slide-caption .inner-text strong {
		/* font-size: 20px !important; */
        font-size: 3.2vw !important;
		line-height: 1.2;
	}
	
	#slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
		padding: 10px 20px;
		font-size: 16px;
		display: inline-block !important;
		clear: both !important;
		width: auto !important;
		border-width: 3px;
		margin-top: 10px !important;
	}
    
    #slideshow-wide .sue-content-slide .slide-caption {
        margin-top: 0;
        width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption a {
        font-size: 1.3em;
        text-align: center;
        margin-bottom: 3%;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption .inner-text .btn {
        float: none;
        margin: auto;
        display: block;
        width: 50%;
    }
    
    #slideshow-wide .owl-wrapper .owl-item:nth-child(2) .inner-text, #slideshow-wide .owl-wrapper .owl-item:nth-child(2) .inner-text a {
        color: #21568B;
    }
	
	.sue-content-slider .owl-prev:before, 
	.sue-content-slider .owl-next:before {
		display: none;
		visibility: hidden;
	}
	
	.su-spoiler-style-default > .su-spoiler-title {
		font-size: 1.3em;
	}
    
    #header-small {
        background: #fff;
        text-align: right;
    }
    
    #header-small .col {
        padding-right: 3px;
    }
    
    #header-small .btn:first-child {
        margin-right: 0 !important;
    }
    
    #logo-box {
        width: 100%;
    }
    
    #top-logo img {
        margin: 0;
        max-height: unset;
    }
    
    #header-small .btn-b,
    #header-small .btn-e {
        margin: 1% 0.5%;
        width: 49%;
        font-size: 0.75em;
        text-align: center;
    }
    
   
    
    #header-small .social-links {
        font-size: 18px;
        margin: 6% 0 1%;
        width: 100%;
        text-align: right;
    }
    
    .searchbox {
        top: 0;
    }
    
    .searchbox button {
        font-size: 20px !important;
        line-height: 28px;
        width: 19%;
        padding: 0;
    }
    
    
    .searchinput {
        font-size: 15px;
        width: 81%;
        line-height: 20px;
    }
    
    #header-small .btn {
        /* display: inline-block; */
        width: 48%;
        text-align: center;
        padding-left: 4px;
        padding-right: 4px;
    }
    
    #header-small .social-links {
        margin-top: 2px;
        font-size: 19px;
    }
    
    #header-small .btn:first-child {
        margin-right: 4%;
    }

    #header-small .mc1-2.right {
        padding-right: 10px;
        text-align: right;
    }
    
    #mobile-navigation {
        text-align: left;
    }
    
    #mobile-navigation > ul > li > .dcjq-parent {
        background: #21568B;
    }

    #mobile-navigation > ul > li > .dcjq-parent.active {
        background: #21568B;
    }

    #mobile-navigation .sub-menu {
        background: #194168;
        border-bottom: 4px solid #21568B;
        -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
        box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
    }

    #mobile-navigation .sub-menu .sub-menu {
        background: #112B46;
        border-bottom: 2px solid #21568B;
    }

    #mobile-navigation .sub-menu .sub-menu .sub-menu {
        background: #0D2135;
        border-bottom: 2px solid #194168;
    }
    
    #acf-promos .promo {
        width: 100%;
        clear: both;
        text-align: left;
        font-size: 1.5em;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    #acf-promos .promo .promo-img {
        float: left;
        width: 50px;
        height: 50px;
        background: transparent !important;
        border: 0;
        padding-bottom: 0;
        margin-right: 5px;
        margin-left: 5px;
    }
    
    #acf-promos .promo h3 {
        font-size: 24px;
        line-height: 50px;
    }
    
    #acf-promos .promo-img:after {
        height: 50px;
        padding-bottom: 0;
        background-size: 30px;
    }
    
    
    #acf-promos {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #acf-promos-wide {
        background-size: cover;
        padding-bottom: 0;
    }
    
    #acf-promos .promo {
        border-bottom: 1px solid #98C0EF;
    }
    
    #acf-promos .promo:hover {
        background: #055480 /* ZJ Edited 11-28-23 */;
    }
    
    #acf-promos .promo:last-child {
        border-bottom: 0;
    }
    
    #acf-promos .promo-img:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #acf-promos-wide:before {
        background: rgba(9,97,184, .7);
    }
    
    
    /* ======= Home Content ======= */
    
    .home-page .entry {
        width: 100%;
    }
    
    #content {
        padding: 30px 20px;
    }
    
    /* ======= Why Paragon ======= */
    
    .whypg-content {
        text-align: center;
        margin: 0;
    }
    
    #why-paragon h2 {
        margin-left: 0;
    }
    
    #why-paragon .col {
        float: left;
        width: 100%;
        position: relative;
    }
    
    .whypg-img {
        float: none !important;
        width: 208px;
        height: auto !important;
        max-width: unset;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    
    #why-paragon .inner-text p {
        padding: 0 20px;
    }
    
    .home-video {
        padding: 30px 0;
    }
    
    #course-catalog {
        padding: 40px 5px;
    }
    

    .resource img {
        height: 80px !important;        
    }
    
    .resource h3 {
        font-size: 18px;
        line-height: 80px;
        padding: 0 20px;
        margin: 0;
    }
    
    #next-steps-wide {
        padding-bottom: 0px;
    }
    
    #next-steps .next-step {
        width: 65%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        
    }
    
    #next-steps .next-step-button {
        bottom: -10px;
    }
    
    #faq h2 {
        margin-bottom: 10px;
        padding-left: 7px;
        padding-right: 7px;
        font-size: 1.4em;
    }
    
    #faq-wide {
        margin-bottom: 10px;
    }
    
    #resources-video h2 {
        font-size: 1.4em;
    }
    
    .su-spoiler-icon:before {
        left: 15px;
    }
    
    #content-container {
        padding-top: 12px;
    }
    
    #sidebar,
    #roundup, 
    #success, #resources-video {
        padding-left: .6em;
        padding-right: .6em;
    }
    
    #faq {
        padding-left: .6em;
        padding-right: .6em;        
    }
    
    #roundup .c1-3 {
        padding-right: 0px;
    }
    
    #roundup .c2-3 {
        padding-left: 0;
        border-left: none;
    }
    
    #roundup .c2-3 .c1-2:first-child,
    #roundup .c2-3 .c1-2 {
        float: left;
        clear: none;
        padding: 10px;
    }
    
    #success .success-image {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #success .success-text {
        width: 100%;
        padding: 10px 10px 15px;
    }
    
    #faq .su-spoiler-style-default > .su-spoiler-title {
        font-size: 1em;
        line-height: 1.4;
    }
    
    #prefooter {
        padding-left: .3em;
        padding-right: .3em;
        padding-top: 1em;
    }
    
    #prefooter .c1-3:nth-child(3) {
        margin-bottom: 0;
    }
    
    #prefooter .widget-container {
        margin-bottom: 0;
    }
    
    /* ===== Shortcode Stuff ===== */
    
    .text-image-container img {
        padding: 5%;
    }
    
    .cta-callouts .btn {
        font-size: 4vw;
        padding: 2% 6%;
    }
    
    .cta-callouts h3 {
        font-size: 28px;
    }
    
    .image-list-container {
        width: 100% !important;
    }
    
    /* .image-list-wrap.grid-2 .col, Maybe? */
    .image-list-wrap.grid-3 .col {
        width: 100% !important; 
        min-height: none;
    }
    
    .image-list-item .inner-text {
        width: 75vw;
        float: none;
        margin: 0px auto;
        position: relative;
        display: block;
    }
    
    .podcast-grid-item a h3 {
        font-size: 21px;
        font-size: 21px;
    }
    
    div.guest-image {
        margin-right: 5%;
    }
    
    .wp-caption {
        width: 100% !important;
    }
    
    	#guides-wide ul.guide-menu {
		width: 100%;
		float: left;
		position: relative;
	}
	
	#guides-wide .guide-menu li {
		width: 50%;
		clear: none;
		margin: 0;
	}
	
	#guides-wide .guide-menu li.guide-menu-active:before {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu li img {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu li.guide-menu-active {
		width: 50%;
		margin: 0;
		background-image: none;
		padding-left: 0;
		border-left: 5px solid #bae5c7 /* ZJ Edited 11-28-23 */;
	}
    
    #guides-wide .guide-text-inner .btn {
        font-size: 18px;
        width: 100%;
        text-align: center;
    }
    
    .tpl_home #why-paragon .whypg-btns {
        margin: 0;
        padding: 20px;
    }
    
    #course-catalog input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, 
    #course-catalog input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email, 
    #course-catalog input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
        font-size: 1em;
    }
    
    #course-catalog .wpcf7-checkbox > .wpcf7-list-item {
        font-size: 16px;
        margin-left: 0;
    }
    
    .tpl_home #success .success-image {
        height: 300px;
    }
    
    .tpl_home #why-paragon .whypg-btn {
        font-size: 18px;
        width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }
    
    #guides-wide .guide-menu li.guide-menu-active:hover {
        background: #245789;
    }
	
	#guides-wide .guide-menu li,
	#guides-wide .guide-menu li.guide-menu-active {
		padding: 10px 15px;
		height: 60px;
	}
	
	#guides-wide .guide-menu li:first-child,
	#guides-wide .guide-menu li:nth-child(2) {
		border-bottom: 1px solid #ccc;
	}
	
	#guides-wide .guide-menu li:nth-child(2),
	#guides-wide .guide-menu li:nth-child(4) {

	}
	
	.guide-tabs {
		top: 0;
		position: relative;
		float: left;
		width: 100%;
	}
	
	#guides-wide {
		float: left;
	}
	
	#guides-wide .guide-menu li .guide-menu-text {
		padding: 0;
		top: 50%;
		float: left;
		font-size: 15px;
		width: auto;
	}
	
	#guides-wide .guide-slide {
		height: auto;
	}
    
    #guides-wide .guide-menu li.guide-menu-active {
        background: #245789;
    }
	
	#guides-wide .guide-text {
		width: 100%;
		padding: 40px 25px 30px;
		height: auto;
	}
	
	#guides-wide .guide-image {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-text-inner {
		transform: translate(0,0);
		top: 0;
		position: relative;
		width: 100%;
		padding: 0;
		font-size: 16px;
	}
	
	#guides-wide .guide-slide {
		display: none;
		visibility: hidden;
		opacity: 1;
		top: 0;
		position: relative;
		transition: none;
	}
	
	#guides-wide .guide-slide.guide-slide-active {
		display: block;
		visibility: visible;
	}
	
	#guide-menu li.guide-menu-item.guide-menu-active:hover {
		background-image: none;
	}
	
	#guides-wide .guide-slides {
		height: auto;
		float: left;
		position: relative;
	}
    
}

@media screen and (max-width: 675px) {
    .story-grid .pg-grid-item .pg-grid-inner .story-excerpt {
        display: none;
        visibility: hidden;
    }
    
    .affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-subject-image {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    
    .affiliate-grid .pg-grid-item .pg-grid-inner h3, 
    .affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt {
        width: 100%;
        text-align: center;
    }
    
    .affiliate-grid .pg-grid-item .pg-grid-inner .affiliate-excerpt {
        margin-bottom: 30px;
    }
} 

@media screen and (max-width: 480px) {
    
	/*
    #header-small .mc1-2 {
        width: 100%;
        display: block;
        float: left;
        position: relative;
        text-align: center;
    }
    
    #header-small .mc1-2:nth-child(2) {
        margin-bottom: 20px;
    }
	
    #header-small .col {
        margin: 1% 0;
        padding-right: 0;
    }
    
    #logo-box {
        display: block;
        width: 65%;
        float: none;
        position: relative;
        clear: both;
        margin: auto;
        margin-top: 10px;
    }
    
    #slideshow-wide .sue-content-slide .slide-caption .inner-text, #slideshow-wide .sue-content-slide .slide-caption .inner-text a {
        font-size: 11.25vw;
    }
    
    #slideshow-wide strong {
        font-size: 13.3vw;
    }
	*/
	
	#header-small .fa:before {
		vertical-align: middle !important;
	}
	
	#header-small .fa-phone:before {
		vertical-align: middle !important;
	}
	
	#header-small .fa-shopping-cart:before {
		vertical-align: middle !important;
	}
	
	#header-small .btn {
		margin-left: 11px;
		margin-right: 5px;
	}
	
	#header-small #logo-box {
		margin-top: 7px;
	}
	
	.home-page #content {
		padding-top: 5px;
	}
	
    .whypg-content {
        padding-top: 45px;
    }
    
    #course-catalog form.wpcf7-form input[type=submit] {
        font-size: 4.5vw;
    }
    
    #course-catalog img {
        width: 80%;
        height: auto;
    }
    
    #next-steps .next-step {
        width: 100%;
    }
    
    /* ===== Shortcode Stuff ===== */
    
    #roundup .c2-3 .c1-2:first-child,
    #roundup .c2-3 .c1-2 {
        float: none;
        clear: both;
        padding: 10px;
        width: 100%;
    }
    
    #plan-table {
        font-size: 3vw;
    }
    
    #plan-table th {
        padding: 5px;
        line-height: 1;
    }
}