/*=============================================================================
  PRIVACY POLICY PAGE CSS

  * CSS has not been improved on these pages - Awaiting work
=============================================================================*/

.privacy-policy__header.has-border{
    margin-bottom: 0;
}

.about-page .privacy-policy__header.has-border{
    margin-bottom: var(--spacing-10);
}
/*
.privacy-policy__header.has-border header {
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}
*/
.privacy-policy__header h1 {
    padding-bottom: var(--spacing-06);
    min-width: 296px;
    max-width: 720px;
    flex: 1 0 0;
    font-family: var(--font-famiily-01);
    font-size: var(--font-size-600);
}

.privacy-policy__header-sub {
    padding-bottom: var(--spacing-06);
    min-width: 296px;
    max-width: 720px;
    color: var(--text-common-primary-dark);
    text-align: center;
    font-family: var(--font-family-02);
    margin: auto;
}

.privacy-policy__center__wrapper {
    padding: 0;
}

.privacy-policy__center__wrapper header p {
    font: var(--text-body-md-compact);
}

.privacy-policy__section {
    padding-bottom: var(--spacing-06);
    min-width: 296px;
    max-width: 720px;
}

.privacy-policy__section h2 {
    padding-bottom: var(--spacing-10);
}

.privacy-policy__section h3 {
    padding-bottom: var(--spacing-06);
}

.about-page .privacy-policy__section h2,
.about-page .privacy-policy__section h3 {
    text-align: center;
}

.privacy-policy__section p,
.privacy-policy__section ul li {
    font: var(--text-body-lg-compact);
    color: var(--color-text-link-default);
}

.privacy-policy__section p a {
    color: var(--color-text-link-default);
    text-decoration: underline;
}

.privacy-policy__section p a:hover,
.privacy-policy__section p a:active {
    text-decoration: none;
}

.privacy-policy__section table {
	width: 100%;
	max-width: 700px;
	margin-bottom: var(--spacing-06);
	font-family: var(--font-family-02);
	font-size: var(--font-size-100);
}


.privacy-policy__table table th,
.privacy-policy__table table td {
	padding: 12px;
	vertical-align: top;
}

.privacy-policy__table-header {
	font-family: var(--font-family-02);
	font-size: var(--font-size-200);
	font-weight: var(--font-weight-reg);
	line-height: 27px;
	text-align: left;
	color: var(--color-text-primary-dark);
	caption-side: top;
}

/* Legacy... Keep for now */
.inpagenav {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: var(--spacing-10);
}

.privacy_nav li {
    display: flex;
    align-items: center;
    padding: var(--spacing-04) var(--spacing-03);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.privacy_nav li:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.privacy_nav li:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.privacy_nav li .icon-arrow-left {
    margin-right: var(--spacing-02);
}

.privacy_nav li a {
    font: var(--text-body-md);
    color: var(--color-text-link-default);
}

.privacy_nav li .back {
    line-height: 1.142858;
    color: var(--black);
}

.privacy_nav .dropdown-toggle {
    position: relative;
    padding: 0 var(--spacing-03) 0 0;
}

.privacy_nav .dropdown-toggle::after {
    position: absolute;
    height: var(--icon-size-xs);
    width: var(--icon-size-xs);
    content: '';
    background: url(https://img.tacklewarehouse.com/graphics-resizer/icons/ui-arrow-down.svg);
    background-size: var(--icon-size-xs);
    background-position: var(--icon-position-xs-black);
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    margin-left: var(--spacing-03);
    border: none;
}

.side_nav {
   /* padding-top: var(--spacing-10); */
    margin-left: var(--spacing-06);
}

.side_nav h4 {
    padding: 0 0 var(--spacing-06);
}

.privacy_nav .dropdown-item.header,
.side_nav .list-group-item.header {
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
    color: var(--black);
}

.privacy_nav .dropdown-item.section,
.side_nav .list-group-item.section {
    padding-top: var(--spacing-06);
}

.privacy_nav .dropdown-item,
.side_nav .list-group-item {
    color: var(--color-text-secondary);
}

.side_nav .list-group-item {
    font: var(--text-body-sm-compact);
    padding: 0 0 var(--spacing-02) 0;
    border: none;
}

.privacy_nav .dropdown-item.active,
.privacy_nav .dropdown-item.active.header,
.side_nav .list-group-item.active,
.side_nav .list-group-item.active.header {
    margin-top: 0;
    border-top: 0;
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-primary-01);
    background-color: var(--color-surface-primary);
}

.privacy_nav .dropdown-menu {
    padding: var(--spacing-03) 0;
}

@media (min-width: 576px) {

    .inpagenav .privacy_nav {
        margin-left: -6px;
        margin-right: -6px;
    }

    .privacy_nav li {
        padding: var(--spacing-06) 18px;
    }
}

@media (min-width: 768px) {

    .inpagenav .privacy_nav {
        margin-left: -12px;
        margin-right: -12px;
    }

    .privacy_nav li {
        padding: var(--spacing-06);
    }
}

@media (min-width: 992px) {

    .privacy-policy__header.has-border{
        margin-bottom: var(--spacing-10);
    }

    .side_nav-contain {
        padding-left: var(--spacing-10);
        border-left: none;
    }

    .inpagenav {
        padding-right: var(--spacing-03);
        padding-left: var(--spacing-03);
    }
}

@media (min-width: 1200px) {

    .privacy-policy__center__wrapper {
        padding: 0 var(--spacing-06);
        padding-bottom: var(--spacing-04);
    }

    .privacy_nav li {
        border: none;
    }
}

@media (min-width: 1448px) {

    .side_nav {
        max-width: 283px;
    }

    .side_nav-contain {
        padding-left: var(--spacing-10);
        border-left: none;
    }
}