/*Regular CSS*/
.quick-links-wrapper {
  padding: unset;
  width: 100%;
  max-width: 100%;
}

.quick-links-wrapper .col {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.component-background-general .quick-links-wrapper .col {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.component-background-alternate .quick-links-wrapper .col {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.gray-gradient-background .quick-links-wrapper .col {
  margin-top: 0px !important;
}

@media screen and (max-width: 767px) {
  .quick-links-wrapper .col {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

.quick-links-content {
  position: relative;
  /* Needed for absolute positioning of the pseudo-element */
}

.quick-links-content::after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 0;
  width: 1px;
  background-color: #606060;
}

@media screen and (max-width: 767px) {
  .quick-links-content {
    border-right: none !important;
    background-color: transparent !important;
  }

  .quick-links-content::after {
    background-color: transparent !important;
  }
}

@media screen and (min-width: 768px) {
  .quick-links-image {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.quick-links-image img {
  border-radius: 50%;
  height: 256px !important;
  width: 256px !important;
}

.quick-links-header {
  font-weight: bold;
  margin-bottom: 15px;
}

.quick-links-header-h2 {
  padding-top: 0px !important;
  margin-bottom: 0px !important;
}

h2.quick-links-header-h2 {
  color: #502D0E !important;
  font-size: 46px;
  font-family: Besley, serif;
  font-weight: 400;
  padding-bottom: 6px !important;
  margin-bottom: .5rem !important;
}

@media screen and (min-width: 768px) {
  .quick-links-header {
    font-size: 39px;
  }

  .quick-links-text {
    font-size: 20px;
    font-weight: 350 !important;
  }

  .quick-links-header+.quick-links-text {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .quick-links-header {
    font-size: 24px;
  }

  .quick-links-text {
    font-size: 16px;
    font-weight: 350 !important;
  }

}

.quick-links-links {
  padding-bottom: 30px !important;
}

.quicklink-links {
  padding-top: 15px;
}

.quicklink-links div {
  margin-bottom: 20px;
}

.quicklink-links a {
  text-decoration: none !important;
  border-bottom: 4px solid rgba(255, 228, 30, .5);
  font-size: 16px;
  padding-bottom: 3px;
  display: block;
  width: fit-content;
  margin-bottom: 20px;
}

.quicklink-links a:hover {
  text-decoration: none !important;
  border-bottom: 4px solid rgba(255, 228, 30, 1);
}

/*Desktop Queries*/
@media screen and (min-width: 768px) {
  .quick-links-image {
    float: left;
    margin-right: 48px;
  }

  .quick-links-wrapper .col {
    padding-left: var(--padded-paragraph-desktop-sides) !important;
    padding-right: var(--padded-paragraph-desktop-sides) !important;
  }
}

/*End Desktop Queries*/

/*Mobile Queries*/

@media screen and (max-width: 767px) {
  .quick-links-content {
    border-right: none;
  }

  .quick-links-content::after {
    background-color: transparent !important;
  }

  .quick-links-image img {
    width: 100%;
    height: auto;
  }

  .quick-links-wrapper.row {
    display: block;
  }

  .quick-links-text {
    clear: left;
    /*padding-left: 15px !important;
	padding-right: 15px !important;*/
  }

  .quick-links-image img {
    height: 75px !important;
    width: 75px !important;
    max-width: unset !important;
  }

  .quick-links-image {
    width: 33% !important;
    float: left !important;
    padding-left: 0px;
    padding-right: 15px;
    display: none !important;
  }

  .quick-links-header {
    /*width: 66% !important;
	float: right !important;*/
    width: 100% !important;
  }

  .quick-links-header-h3 {
    float: none !important;
    padding-left: 0px !important;
  }

  /*.quicklink-links {
	padding-left: 15px !important;
	padding-right: 15px !important;
}*/
  .quick-links-header+.quick-links-text {
    padding-top: 0.5rem;
  }
}

/*Gradient Syles*/
.paragraph--type--component-quick-links.gray-gradient .quick-links-wrapper {
  background-image: linear-gradient(rgba(219, 192, 163, 0), rgba(177, 170, 160, 0.2));
}

/*End Gradient Styles*/
/*Background Specific CSS*/
.paragraph--type--component-quick-links.component-background-general .quick-links-header {
  color: #ffffff;
}

.paragraph--type--component-quick-links.component-background-general .quick-links-text {
  color: #ffffff;
}

.paragraph--type--component-quick-links.component-background-general .quicklink-links a {
  color: #ffffff;
}

.paragraph--type--component-quick-links.component-background-general .quick-links-content {
  position: relative;
}

.paragraph--type--component-quick-links.component-background-general .quick-links-content::after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 0;
  width: 1px;
  background-color: #FFFFFF;
}

.paragraph--type--component-quick-links:not(.component-background-general) .quick-links-header {
  color: #3b3b3b;
}

.paragraph--type--component-quick-links:not(.component-background-general) .quick-links-text {
  color: #3b3b3b;
  padding-right: 22px;
}

.paragraph--type--component-quick-links:not(.component-background-general) .quicklink-links a {
  color: #000000;
}

.paragraph--type--component-quick-links:not(.component-background-general) .quick-links-content {
  position: relative;
  /* Needed for absolute positioning of the pseudo-element */
}

.paragraph--type--component-quick-links:not(.component-background-general) .quick-links-content::after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 0;
  width: 1px;
  background-color: #606060;
}

/*End Background Specific CSS*/
/*Variation CSS*/
.component-in-set:not(.solo-set-component) .quick-links-wrapper .quick-links-image {
  display: none;
}

.standard-component-general-class #main-content .quick-links-wrapper .quick-links-image {
  display: none;
}

/*End Variation CSS*/
/*Ul and LI conversion CSS*/
.quicklink-links ul {
	padding-left: 0px !important;
	list-style-type: none !important;
}
/*End UL and LI conversion CSS*/