a {
    text-decoration: none;
}

/* =============  HEADER  ==================== */
.navbar-nav {
    flex-direction: row;
}

.navbar>.container {
    flex-direction: column;
}

#desktop-nav div.row {
    width: 100%;
}

#main-navbar li a,
.navbar-nav li a {
    text-decoration: none;
    padding-left: 0.9em;
    padding-right: 0.9em;
}

@media (max-width:768px) {
  #expand-full-nutritional {
    display: none !important;
  }
}

#secondary-navbar {
    margin-left: 15.3em;
    width: 80%;
    justify-content: space-between;
}

#secondary-navbar>li>a {
    font-size: 16px;
}

#social-navbar {
    padding-top: 2px;
}

@media screen and (min-width: 1200px) {
    #drinks>div.row>div {
        margin-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    #secondary-navbar>li>a {
        font-size: 13px;
    }

    #secondary-navbar {
        width: 85%;
        margin-left: 11.5em;
    }
}

/* =============  HOME/FOOD PAGE  ==================== */
#drinks>div.row,
#breakfast>div.row,
#burgers>div.row,
#sandwiches>div.row,
#hot-dogs>div.row,
#frenchie-fries>div.row {
    justify-content: space-around;
}

#drinks>div.row>div, 
#footer-content>div.row {
    width: 100%;
    padding-top: 20px;
    justify-content: center;
}

#thought-for-the-day #tftd-container {
    background-position: 10%;
    background-position: 6em;
}

@media screen and (max-width: 992px) {
    #thought-for-the-day #tftd-container {
        background-position: center 15px;
    }
}

/* =============  RECRUITMENT ENHANCEMENT  ==================== */
/* LOCATIONS PAGE */
@media screen and (max-width: 414px) {
    #pals-locations-closest #locations-header h2,
    #pals-locations-list h2 {
        font-size: 28px;
        width: 80%;
        margin: 0 auto;
        padding-top: 25px;
    }

    #pals-locations-list h2 {
        color: #898989;
    }

    #locator-form .form-element {
        width: 41%;
    }

    #locator-form .locate-near-me-button {
        width: 83%;
    }

    #pals-locations-hours h4 {
        font-size: 18px;
    }

    #locations-list .location-item h2 {
        width: 100%;
    }

    #locations-list .location-item p {
        color: #898989;
    }

    button.get-location-info {
        font-size: 14px;
    }
}
/* JOBS PAGE */
#hero {
    width: 1170px;
}

#join-a-winning-team .container,
#join-a-winning-team-jobs .container,
#in-store-management .container,
#owner-operator .container {
    width: 100%;
    background-color: #39398C;
    height: 263px;
    color: #ffffff;
    font-size: 20px;
    line-height: 27px;
    /* padding: 50px 0 50px 0; */
    padding: 40px 0 60px 0;
}

#join-a-winning-team .container div.row,
#join-a-winning-team-jobs .container div.row,
#in-store-management .container div.row,
#owner-operator .container div.row {
    max-width: 450px;
    margin: 0 auto;
}

#join-a-winning-team-jobs .container div.row,
#in-store-management .container div.row {
    max-width: 660px;
}

#join-a-winning-team-jobs>div.row>div.container {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

#in-store-management .container {
    height: 242px;
}

#join-a-winning-team h3,
#join-a-winning-team-jobs h3,
#in-store-management h3,
#our-operators-say-it-best h3,
#culture-and-values h3,
#owner-operator h3,
#why-grow-with-pals h3 {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 33px;
    line-height: 45px;
    font-family: 'Nunito', arial, sans-serif;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px;
}

#our-operators-say-it-best h3 {
    color: #898989;
}

#join-a-winning-team button {
    margin-top: 30px;
    background-color: #EA3324;
    width: 218px;
    font-size: 18px;
    border: none;
}

.winning-team-jobs,
.in-store-management-description {
    font-size: 20px;
    line-height: 26px;
}

#food-menu h3,
#recruitment h3,
#jobs-benefits h3,
#your-path h3,
#what-to-expect h3,
#management h3,
#start-today h3 {
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
    color: #898989;
    line-height: 45px;
    margin-top: 55px;
    margin-bottom: 40px;
    text-align: center;
}

#food-menu h3 {
    margin-top: 15px;
    margin-bottom: 0;
}

#jobs-benefits h3 {
    color: #ffffff;
    margin: 0;
    margin-top: 40px;
}

#recruitment .card h3 {
    color: #ffffff;
    margin: 0;
    font-size: 28px;
    line-height: 28px;
}

#recruitment .card div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: flex-end;
    padding-bottom: 10px;
}

#recruitment #cards-container .card>div {
    background-size: cover;
}

#recruitment .card-paragraph {
    padding-top: 32px;
}

#recruitment .card-crew {
    background: #ffffff url(https://palsweb.com/images/in-store-crew.jpg) no-repeat center;
    height: 260px;
}    

#recruitment .card-management {
    background: #ffffff url(https://palsweb.com/images/management.jpg) no-repeat center;
    height: 260px;
}

#recruitment .card-owner-operators {
    background: #ffffff url(https://palsweb.com/images/owner-operator.jpg) no-repeat center;
    height: 260px;
}

.benefits-row {
    padding: 0 10%;
}

.benefits-row>div {
    width: 25%;
}

#jobs-benefits .container {
    width: 100%;
    background-color: #50A1BA;
    /* height: 343px; */
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 20px 0 50px 0;
}

.benefits-description {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

#jobs-benefits ul {
    text-align: left;
    list-style: none;
}

#jobs-benefits ul li {
    line-height: 18px;
    padding-top: 10px;
}

.jobs-video, 
.jobs-operator-video,
.management-video {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 60px;
}
#lto > .row >.hidden-sm{
  display: block !important;
}
/* 
Set display:none to hide these videos in case client changes their mind and wants them 
to be visible again.
This CSS and divs containing videos can be removed when we are sure client definitely 
does not want them to be visible. 

T. Mills - 6-12-2023
*/
.jobs-video,
.management-video {
    display: none;
}

#testimonial-section {
    padding: 0;
}

#testimonial-section>div.row,
#culture-and-values>div.row {
    background-color: #E64234;
    height: 447px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#testimonial-section>div.row {
    padding-left: 5%;
    padding-right: 5%;
}

#testimonial-section img {
    max-width: 555px;
    width: 100%;
}

.testimonial-section-container {
    display: flex; 
    align-items: center;
    background-color: #E64233;
}

.testimonial-section-description {
    text-align: left; 
    color: #ffffff; 
    font-size: 26px; 
    line-height: 35px;
    padding-left: 5%;
    padding-top: 8%;
}

.employee-name-title {
    font-weight: 700; 
    font-size: 20px; 
    color: #F9ED14; 
    padding-top: 12px; 
    padding-bottom: 12px;
}

#testimonial-section .testimonial-section-image,
#testimonial-section .testimonial-section-description {
    width: 50%;
}

#testimonial-section .btn-apply-now {
    justify-content: flex-start;
}

#testimonial-section .btn-apply-now a {
    background-color: #ffffff; 
    color: #E64234; 
    font-size: 18px; 
    line-height: 24px; 
    font-weight: 700; 
    width: 218px; 
    border: none; 
    border-radius: 0;
}

.your-path-row {
    display: flex; 
    justify-content: space-around;
}

.your-path-item {
    width: 20%; 
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
}

.your-path-item-description,
.why-grow-description,
.management-description,
.what-to-expect-description,
.start-today-description {
    font-weight: 700; 
    font-size: 20px; 
    line-height: 26px; 
    color: #898989; 
    padding-top: 15px;
    padding-bottom: 30px;
}

#your-path .btn-apply-now .btn-primary,
#start-today .btn-apply-now .btn-primary,
#management #cards-container div.btn-apply-now a {
    font-size: 20px;
    width: 218px;
    background-color: #EA3324;
    border-radius: 0;
    border: none;
    margin-bottom: 60px;
}

@media screen and (max-width: 1200px) {
    #recruitment .card h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1100px) {
    .testimonial-section-description {
        font-size: 24px;
        line-height: 30px;
    }

    .employee-name-title {
        font-size: 20px;
        line-height: 26px;
    }

    .your-path-item-description {
        font-size: 18px;
    }
}

@media screen and (max-width: 992px) {
    #recruitment .card h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 990px) {
    .testimonial-section-description {
        font-size: 18px;
        line-height: 24px;
    }

    #testimonial-section>div.row {
        height: 327px;
    }

    .employee-name-title {
        font-size: 16px;
        line-height: 20px;
    }

    .jobs-operator-video video {
        max-width: 500px;
    }

}

@media screen and (max-width: 767px) {
    #recruitment .card h3 {
        font-size: 28px;
    }
}

@media screen and (min-width: 820px) {
    /* #management #cards-container .card-container {
        width: 80%;
    } */
}

@media screen and (max-width: 820px) {
    #management #cards-container {
        display: flex;
    }
    
    #mobile-menu-controls {
        justify-content: flex-end;
            margin-left: 120px;
    width: 100%;
    }

    #hamburger-menu-icon {
        margin-top: 4px;
        margin-left: 20px;
    }

    #mobile-menu-controls>div.row {
        width: 60%;
    }
    #mobile-menu-controls>div.row .mobile-menu-control {
        margin-left: 0;
        width: 50%;
    }

    nav.navbar {
        padding-left: 5%;
        padding-top: 1.5rem;
        padding-bottom: .5rem;
    }

    #hero {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .your-path-row {
        flex-direction: column;
        align-items: center
    }

    .your-path-item {
        width: 50%;
    }

}

@media screen and (max-width: 550px) {
    .jobs-operator-video video {
        max-width: 380px;
    }

    .benefits-row {
        flex-direction: column;
    }

    .benefits-row>div {
        width: 100%;
    }

    #jobs-benefits ul {
        text-align: center;
    }
}

@media screen and (max-width: 430px) {
    #hero {
        margin-top: 50px;
    }

    .benefits-row>div {
        width: 100%;
    }

    #jobs-benefits>div.row>div.container {
        height: auto;
    }

    .jobs-operator-video {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #testimonial-section>div.row {
        height: auto;
    }

    #testimonial-section>div.row .testimonial-section-container>div.row {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .testimonial-section-container {
        padding-left: 0;
        padding-right: 0;
    }

    .testimonial-section-container>div.row {
        display:flex ;
    }

    #testimonial-section .testimonial-section-image,
    #testimonial-section .testimonial-section-description {
        width: 90%;
        text-align: center;
        padding-top: 20px;
    }

    .testimonial-section-description .btn-apply-now {
        margin: 0 auto;
        display: block;
        margin-bottom: 30px;
    }

    #join-a-winning-team-jobs {
        height: 410px;
    }

    #join-a-winning-team-jobs>div.row,
    #join-a-winning-team-jobs>div.row>div.container {
        height: 100%;
    }

    #recruitment h3 {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    #jobs-benefits h3 {
        margin-top: 20px;
    }

    #jobs-benefits ul {
        padding-left: 0;
    }

    #your-path .your-path-item {
        width: 80%;
    }

    #join-a-winning-team h3,
    #join-a-winning-team-jobs h3,
    #in-store-management h3,
    #our-operators-say-it-best h3,
    #culture-and-values h3,
    #owner-operator h3,
    #what-to-expect h3,
    #jobs-benefits h3,
    #management h3,
    #why-grow-with-pals h3 {
        font-size: 30px;
        line-height: 40px;
    }
}

/* OPERATOR PAGE */
#owner-operator .row .container {
    height: 270px;
}

#owner-operator .container div.row,
#why-grow-with-pals .container div.row,
#what-to-expect .container div.row {
    max-width: 780px;
    margin: 0 auto;
}

#why-grow-with-pals>div.row>div.container {
    background-color: #E64233;
    padding-top: 50px;
    padding-bottom: 50px;
}

#why-grow-with-pals .why-grow-description {
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
}

#what-to-expect {
    background-color: #94C14D;
    color: #ffffff;
}

#what-to-expect h3,
/* #our-operators-say-it-best, */
.what-to-expect-description {
    color: #ffffff;
}

.what-to-expect-description {
    font-size: 20px;
    line-height: 26px;
}

#what-to-expect>div.row>div.container,
#culture-and-values>div.row>div.container {
    background-color: transparent;
}

#why-grow-with-pals h3,
#what-to-expect h3,
#start-today h3 {
    margin-bottom: 0;
}

#what-to-expect .container div.what-to-expect-row {
    margin-left: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 auto;
}

#what-to-expect .container .what-to-expect-row img {
    max-width: 34px;
}

#what-to-expect ul {
    text-align: left;
    text-transform: initial;
}

#what-to-expect ul li {
    line-height: 26px;
    font-size: 20px;
    margin-top: 10px;
}

.what-to-expect-row-title {
    text-align: left;
}

#what-to-expect .accordion {
    border: none;
    margin-bottom: 30px;
}

#what-to-expect .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #898989;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: left;
}

#what-to-expect .accordion-item:last-child {
    border-bottom: 0;
}

#what-to-expect .accordion-button {
    background-color: transparent; 
    color:#ffffff; 
    font-size: 18px; 
    font-weight: 700; 
    line-height: 24px;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
}

#what-to-expect .accordion img {
    margin-right: 20px;
}

#what-to-expect .accordion-collapse {
    /* width: 82%; */
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

#our-operators-say-it-best {
    /* background-color: #50A1BA; */
    background-color: #ffffff;
    padding: 50px 5%;
}

#our-operators-say-it-best>div.row>div.container {
    background-color: transparent;
}

#recruitment .card,
#our-operators-say-it-best .card,
#management .card,
#management #cards-container .card {
    background-color: transparent;
    border: none;
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
    margin: 0;
}

#management #cards-container .card-container {
    width: 48%;
}

#our-operators-say-it-best .card img {
    width: 100%;
}

#our-operators-say-it-best .card-paragraph {
    border: none;
    /* color: #ffffff; */
    color: #898989;
    text-align: left;
    line-height: 28px;
    font-weight: 700;
    font-size: 20px;
    padding-top: 30px;
}

#our-operators-say-it-best .operator-info {
    color: #39398C;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
}

#our-operators-say-it-best-videos {
    display: flex;
    justify-content: space-around;
    padding-top: 50px;
    padding-bottom: 30px;
}

.our-operators-say-it-best-video {
    width: 48%;
}

.our-operators-say-it-best-video video {
    display: block;
    margin: 0 auto;
    width: 100%;
}

#start-today .start-today-description,
#management .management-description {
    max-width: 630px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
}

#start-today .btn-apply-now a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.president-section-container {
    background-color: #50A1BA;
}

.president-section-container p {
    font-size: 20px;
    line-height: 30px;
}

/* .president-section-container p {
    font-size: 17px;
    line-height: 25px;
} */

.president-section-container .testimonial-section-description {
    padding-top: 0;
}

#testimonial-section .president-section-container .testimonial-section-image {
    width: 25%;
}

#testimonial-section .president-section-container .testimonial-section-description {
    width: 75%;
}

#testimonial-section.president-section div.row {
    background-color: #50A1BA;
}

@media screen and (max-width: 414px) {
    .president-section-container>div.row {
        flex-direction: column;
    }

    #testimonial-section .president-section-container .testimonial-section-image {
        width: 80%;
        margin: 0 auto;
    }

    #testimonial-section .president-section-container .testimonial-section-description {
        width: 100%;
    }

    #testimonial-section .president-section-container .testimonial-section-description p {
        width: 90%;
        font-size: 20px;
        line-height: 27px;
    }
}

@media screen and (max-width: 768px) {
    #our-operators-say-it-best-videos {
        flex-direction: column;
        justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .our-operators-say-it-best-video {
        width: 100%;
    }

    .our-operators-say-it-best-video:nth-child(2) {
        padding-top: 50px;
    }
}

@media screen and (min-width: 992px) {
    #social-navbar li:nth-child(3) {
        padding-left: 7px;
    }
}


/* MANAGEMENT PAGE */
#management h3 {
    margin-bottom: 0;
}

#management #cards-container {
    justify-content: center;
    margin-bottom: 1rem;
}

#management #cards-container div.btn-apply-now {
    margin-top: 15px;
}

#management .card-management h4 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
}

#management .card-management-description {
    font-size: 16px;
    line-height: 22px;
}

#culture-and-values>div.row {
    height: 420px;
}

#culture-and-values .culture-and-values-row {
    display: flex; 
    justify-content: space-around; 
    padding-top: 20px;
}

#culture-and-values .culture-and-values-item {
    text-align: center;
    width: 18%;
}

#culture-and-values .culture-and-values-item-description {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    padding-top: 15px;
}

@media screen and (max-width:430px) {
    #in-store-management>div.row>div.container,
    #owner-operator>div.row>div.container {
        height: 100%;
    }
 
    #management #cards-container .card-container {
        width: 100%;
    }
    
    #culture-and-values .culture-and-values-row {
        flex-direction: column;
        align-items: center;    
    }

    #culture-and-values .culture-and-values-item {
        width: 90%;
        padding-top: 20px;
    }

    #culture-and-values>div.row {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #about {
        margin-top: 50px;
    }
}

@media screen and (max-width:414px) {
    .management-video img {
        max-width: 350px;
    }

    #management #cards-container div.btn-apply-now a {
        margin-bottom: 30px
    }

    #management .card-management h4,
    #management .card-management-description {
        color: #898989;
    }

    #why-grow-with-pals h3,
    #start-today h3 {
        margin-top: 40px;
    }

    #our-operators-say-it-best {
        padding-top: 10px;
    }

    #our-operators-say-it-best {
        padding-bottom: 40px;
    }

    #why-grow-with-pals>div.row>div.container {
        padding-top: 10px;
    }
}

/* NUTRITION PAGE */
#full-nutritional {
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
}

#full-nutritional a {
    text-decoration: none;
}

#nutrition-calculator h2 {
    font-size: 28px;
}

#nutrition-calculator .macro-nutrients {
    justify-content: space-around;
}

#nutrition-calculator .show-details-link {
    font-size: 1.6em;
}

.nutrition-menu-heading {
    padding-top: 20px;
}

.nutrition-menu-heading h3 {
    font-size: 24px;
    color: #898989;
}

.nutrition-menu h4 {
    color: #898989;
    font-size: 18px;
}

@media screen and (max-width:414px) {
    #nutrition-calculator h2 {
        font-size: 28px;
    }

    #nutrition h3 {
        font-size: 24px;
        color: #898989;
        margin-top: 20px;
    }

    #nutrition .nutrition-menu {
        width: 33%;
    }

    #nutrition .nutrition-headers {
        width: 33%;
    }

    .nutrition-menu h4 {
        font-size: 18px;
        color: #898989;
    }

}

/* ABOUT PAGE */
@media screen and (max-width:414px) {
    #about p {
        color: #898989;
    }
}

/* CONTACT PAGE */
@media screen and (min-width:768px) and (max-width: 820px) {
    .corporate-contact-image {
        margin: 0 auto;
    }

    .corporate-contact-info p {
        width: 85%;
        margin-left: 47px;
        margin-top: 15px;
    }
}

@media screen and (max-width:768px) {
    .contact-form input,
    .contact-form select,
    .contact-form textarea {
        max-width: 630px;
    }

    .contact-form .fsSubmit {
        margin-top: 0;
    }

    #contact #general form {
        overflow-x: hidden;
    }
}

@media screen and (max-width:430px) {
    #contact .fsBody .fsForm {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-form input,
    .contact-form select,
    .contact-form textarea {
        max-width: 350px;
        font-size: 14px;
    }

    #contact .contact-text h1 {
        margin-top: 0;
    }

    #contact .contact-text {
        margin-top: 70px;
    }

    #tftd-container h3 {
        font-size: 28px;
    }
}

@media screen and (max-width:414px) {
    #contact h1 {
        font-size: 34px;
        font-weight: 700;
    }

    #contact {
        color: #898989;
    }

    #contact h2 {
        font-size: 28px;
    }

    .contact-form input,
    .contact-form select,
    .contact-form textarea {
        max-width: 330px;
        font-size: 14px;
    }
}

@media screen and (max-width:390px) {
    .contact-form input,
    .contact-form select,
    .contact-form textarea {
        max-width: 310px;
    }

    #tftd-container h3 {
        font-size: 25px;
    }
}

/* GIFT CERTIFICATES PAGE */
@media screen and (max-width:430px) {
    #gift-certificates-image {
        margin-top: 50px !important;
        border-right: 0;
        border-left: 0;
    }
}

@media screen and (max-width:414px) {
    #gift-certificates-copy {
        color: #898989;
    }
}

/* STRATEGIC PARTNERS PAGE */
@media screen and (max-width: 414px) {
    #strategic-partners h1 {
        font-size: 25px;
        font-weight: 700;
        text-transform: none;
        margin-top: 3em;
        color: #898989;
    }

    .expander h3 {
        font-size: 20px;
        padding: 15px;
    }
}

/*  FOOTER  */
@media screen and (min-width: 768px) and (max-width: 820px) {
    #footer-nutrition-column,
    #footer-locations-column {
        left: 0;
    }

    #footer-hours-column {
        right: 0;
    }

    #footer-fun-stuff-column {
        margin-left: 0;
    }
}

/* =============  THOUGHT FOR THE DAY  ==================== */
@media screen and (max-width: 820px) {
    .thought-for-the-day-image {
        margin-top: 30px;
    }
}