/* Visual values taken from newsletter.blade.php. Keep Bootstrap behavior intact. */
.newsletter-theme {
    --newsletter-background: #f8fafc;
    --newsletter-surface: #ffffff;
    --newsletter-inset: #f7f9fa;
    --newsletter-heading: #4c647d;
    --newsletter-text: #52667d;
    --newsletter-border: #8fa0b3;
    --newsletter-divider: #d4dde7;
    --newsletter-accent: #47c7ff;
    --newsletter-link: #2e8bd6;
    --newsletter-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    background: var(--newsletter-background);
    color: var(--newsletter-text);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
}

.newsletter-theme h1,
.newsletter-theme h2,
.newsletter-theme h3,
.newsletter-theme h4,
.newsletter-theme h5,
.newsletter-theme h6 {
    color: var(--newsletter-heading);
    font-family: inherit;
    font-weight: 700;
    text-transform: none;
    overflow-wrap: anywhere;
}

.newsletter-theme h1,
.newsletter-theme .page-header {
    margin: 0 0 16px;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.newsletter-theme h2,
.newsletter-theme h3 {
    font-size: 19px;
    line-height: 24px;
}

.newsletter-theme h4,
.newsletter-theme h5 {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--newsletter-accent);
}

.newsletter-theme p {
    margin: 0 0 18px;
    line-height: 28px;
    overflow-wrap: anywhere;
}

.newsletter-theme a {
    color: var(--newsletter-link);
}

.newsletter-theme a:hover {
    color: var(--newsletter-heading);
}

.newsletter-theme a:focus-visible,
.newsletter-theme button:focus-visible,
.newsletter-theme input:focus-visible,
.newsletter-theme select:focus-visible,
.newsletter-theme textarea:focus-visible {
    outline: 2px solid var(--newsletter-link);
    outline-offset: 3px;
}

.newsletter-theme hr {
    margin: 26px 0 20px;
    border: 0;
    border-top: 1px solid var(--newsletter-divider);
    opacity: 1;
}

/* The newsletter's outlined publication link supplies the button treatment. */
.newsletter-theme .btn,
.newsletter-public .main-button,
.newsletter-public .main-button-black,
.newsletter-public .card-button,
.newsletter-public .button,
.newsletter-public .subscribe form .button-subscribe {
    max-width: 100%;
    padding: 18px 32px;
    border: 1px solid var(--newsletter-link);
    border-radius: 14px;
    background: var(--newsletter-surface);
    color: var(--newsletter-link);
    box-shadow: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
}

.newsletter-theme .btn:hover,
.newsletter-theme .btn:focus,
.newsletter-theme .btn:active,
.newsletter-theme .btn.active,
.newsletter-public .main-button:hover,
.newsletter-public .main-button-black:hover,
.newsletter-public .card-button:hover,
.newsletter-public .sidebar .popular .card-img-overlay .card-button:hover,
.newsletter-public .new-articles .card-img-overlay .card-button:hover,
.newsletter-public .button:hover,
.newsletter-public .subscribe form .button-subscribe:hover {
    border-color: var(--newsletter-link);
    background: #f0f4f8;
    color: var(--newsletter-link);
    box-shadow: none;
    transform: none;
}

.newsletter-theme .btn-danger,
.newsletter-theme .btn-danger:hover,
.newsletter-theme .btn-danger:focus {
    border-color: #d9b3b3;
    background: #f5e6e6;
    color: #a33a3a;
}

.newsletter-theme .btn-sm,
.newsletter-theme .btn-xs,
.newsletter-theme .btn-group-sm > .btn {
    padding: 8px 12px;
    font-size: 13px;
}

.newsletter-theme .btn-link {
    border-color: transparent;
    background: transparent;
    text-decoration: underline;
}

.newsletter-theme label {
    margin-bottom: 8px;
    color: var(--newsletter-heading);
    font-weight: 700;
    text-transform: none;
}

.newsletter-theme .form-control,
.newsletter-theme select:not(.ui-datepicker-month):not(.ui-datepicker-year),
.newsletter-public .subscribe form .email {
    max-width: 100%;
    height: auto;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid var(--newsletter-border);
    border-radius: 14px;
    background-color: var(--newsletter-surface);
    color: #34485e;
    box-shadow: none;
    font-family: inherit;
    font-size: 15px;
    line-height: 24px;
    text-transform: none;
}

.newsletter-theme .form-control:focus,
.newsletter-public .subscribe form .email:focus {
    border-color: var(--newsletter-link);
    border-radius: 14px;
    box-shadow: none;
}

.newsletter-theme .form-control::placeholder {
    color: #64748b;
    opacity: 1;
}

.newsletter-theme .form-control[readonly],
.newsletter-theme .form-control[disabled],
.newsletter-theme fieldset[disabled] .form-control {
    background-color: #eef2f6;
}

.newsletter-theme .has-error .form-control,
.newsletter-theme .was-validated .form-control:invalid,
.newsletter-theme .form-control.is-invalid {
    border-color: #a33a3a;
}

.newsletter-theme .has-error .help-block,
.newsletter-theme .invalid-feedback,
.newsletter-theme .text-danger {
    color: #a33a3a;
}

.newsletter-theme .form-group {
    margin-bottom: 20px;
}

.newsletter-theme input[type='checkbox'],
.newsletter-theme input[type='radio'] {
    accent-color: var(--newsletter-link);
}

.newsletter-theme .panel,
.newsletter-theme .modal-content {
    border: 1px solid var(--newsletter-border);
    border-radius: 18px;
    background: var(--newsletter-surface);
    box-shadow: none;
}

.newsletter-theme .panel-heading,
.newsletter-theme .modal-header {
    padding: 24px 28px 20px;
    border-color: var(--newsletter-divider);
    border-radius: 18px 18px 0 0;
    background: var(--newsletter-surface);
    color: var(--newsletter-heading);
}

.newsletter-theme .panel-body,
.newsletter-theme .modal-body {
    padding: 24px 28px;
}

.newsletter-theme .panel-footer,
.newsletter-theme .modal-footer {
    padding: 20px 28px;
    border-color: var(--newsletter-divider);
    border-radius: 0 0 18px 18px;
    background: var(--newsletter-inset);
    color: var(--newsletter-link);
}

.newsletter-theme .alert,
.newsletter-theme .well {
    padding: 20px 24px;
    border: 1px solid #c2cbd4;
    border-radius: 14px;
    background: var(--newsletter-inset);
    color: var(--newsletter-heading);
    box-shadow: none;
}

.newsletter-theme .alert-danger {
    border-color: #d9b3b3;
    background: #f5e6e6;
    color: #a33a3a;
}

.newsletter-theme .badge,
.newsletter-theme .label {
    padding: 3px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #eef2f6;
    color: var(--newsletter-heading);
    font-family: monospace;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.newsletter-theme .badge.bg-danger,
.newsletter-theme .label-danger {
    border-color: #d9b3b3;
    background: #f5e6e6 !important;
    color: #a33a3a;
}

.newsletter-theme .table {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    border: 1px solid var(--newsletter-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 14px;
    font-size: 13.5px;
}

.newsletter-theme .table > :not(caption) > * > th,
.newsletter-theme .table > * > tr > th {
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid var(--newsletter-border);
    background: #f0f4f8;
    color: var(--newsletter-heading);
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}

.newsletter-theme .table > :not(caption) > * > td,
.newsletter-theme .table > * > tr > td {
    padding: 16px;
    border: 0;
    border-bottom: 1px solid var(--newsletter-divider);
    background: var(--newsletter-surface);
    color: #34485e;
    box-shadow: none;
    line-height: 1.6;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.newsletter-theme .table > thead > tr:first-child > th:first-child {
    border-top-left-radius: 14px;
}

.newsletter-theme .table > thead > tr:first-child > th:last-child {
    border-top-right-radius: 14px;
}

.newsletter-theme .table > tbody > tr:last-child > td {
    border-bottom: 0;
}

.newsletter-theme .table-hover > tbody > tr:hover > td {
    background: var(--newsletter-inset);
}

.newsletter-theme .pagination > li > a,
.newsletter-theme .pagination > li > span,
.newsletter-theme .pagination .page-link {
    padding: 10px 15px;
    border-color: var(--newsletter-divider);
    background: var(--newsletter-surface);
    color: var(--newsletter-link);
    box-shadow: none;
}

.newsletter-theme .pagination > .active > a,
.newsletter-theme .pagination > .active > span,
.newsletter-theme .pagination .page-link.active,
.newsletter-theme .pagination .page-link:hover {
    border-color: var(--newsletter-border);
    background: #f0f4f8;
    color: var(--newsletter-heading) !important;
}

.newsletter-theme .dropdown-menu {
    padding: 8px;
    border: 1px solid var(--newsletter-border);
    border-radius: 14px;
    background: var(--newsletter-surface);
    box-shadow: none;
}

.newsletter-theme .dropdown-menu > li > a {
    padding: 10px 16px;
    border-radius: 8px;
    color: var(--newsletter-heading);
}

/* Public site: the 960px newsletter sheet and its existing content sections. */
.newsletter-public {
    padding-top: 100px;
}

.newsletter-public .container {
    max-width: 960px;
}

.newsletter-public header .navbar {
    z-index: 1030;
    min-height: 76px;
    border-bottom: 1px solid var(--newsletter-divider);
    background: var(--newsletter-surface);
    color: var(--newsletter-heading);
    text-transform: none;
}

.newsletter-public header .navbar-brand {
    flex-shrink: 0;
    width: 150px;
    padding: 0 !important;
}

.newsletter-public header .navbar-brand img {
    width: 150px;
    max-width: 100%;
    height: 60px;
    object-fit: contain;
}

.newsletter-public header .nav-link {
    padding: 12px 16px !important;
    color: var(--newsletter-heading);
    font-size: 15px;
    font-weight: 700;
}

.newsletter-public header .nav-link:hover,
.newsletter-public header .nav-link.active {
    color: var(--newsletter-link);
}

.newsletter-public header .nav-link.active::after {
    height: 1px;
    background: var(--newsletter-link);
}

.newsletter-public .navbar-toggler {
    padding: 10px 12px;
    border: 1px solid var(--newsletter-border);
    border-radius: 14px;
}

.newsletter-public header .fa-bars {
    color: var(--newsletter-heading);
}

.newsletter-public main > .container,
.newsletter-public > .container,
.newsletter-public > .gallery > .container,
.newsletter-public main > section > .container,
.newsletter-public .main-slider .hero-img {
    width: calc(100% - 32px);
    max-width: 960px;
    margin: 0 auto 24px;
    padding: 32px 28px 24px;
    border: 1px solid var(--newsletter-border);
    border-radius: 18px;
    background: var(--newsletter-surface);
    box-shadow: var(--newsletter-shadow);
}

.newsletter-public section,
.newsletter-public .mainmargin {
    margin-top: 0;
}

.newsletter-public .mainmargin {
    row-gap: 24px;
}

.newsletter-public .all-posts,
.newsletter-public .mainmargin > .col-md-8 {
    border-right: 0 !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    min-width: 0;
}

.newsletter-public .underscore {
    display: block;
    margin: 0 0 16px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--newsletter-divider);
    text-align: left;
}

.newsletter-public .contact-page > h2,
.newsletter-public .single-post > h2,
.newsletter-public .about-page > h2 {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.newsletter-public .sup-header {
    padding: 0;
    color: var(--newsletter-text);
}

.newsletter-public .main-slider {
    height: auto;
    color: var(--newsletter-heading);
}

.newsletter-public .main-slider .hero-img {
    height: auto;
    padding: 32px 28px;
    background-image: none;
}

.newsletter-public .main-slider .hero-img .container {
    padding: 0;
}

.newsletter-public .main-slider .hero-img .hero-bg {
    inset: 0;
    background: transparent;
}

.newsletter-public .main-slider .hero-img .hero-text {
    position: static;
    transform: none;
}

.newsletter-public .main-slider .hero-img .hero-text .welcome-text {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--newsletter-divider);
}

.newsletter-public .main-slider .hero-img .hero-text .welcome-text .big-text {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.newsletter-public .main-slider .hero-img .hero-text p {
    padding-top: 16px;
    color: var(--newsletter-text);
    font-size: 16px;
}

.newsletter-public .main-slider .fa-chevron-down {
    position: static;
    transform: none;
    color: var(--newsletter-link);
    font-size: 19px;
}

.newsletter-public .aboutus .right {
    min-height: 240px;
    margin: 0 0 24px;
    padding: 20px 24px;
    border-radius: 14px;
}

.newsletter-public .aboutus .left {
    padding: 0 12px 0 24px;
}

.newsletter-public .aboutus .black-div {
    background: transparent;
}

.newsletter-public .main-button,
.newsletter-public .main-button-black,
.newsletter-public .button {
    display: inline-block;
    margin-top: 16px;
}

.newsletter-public .social-media {
    margin: 0;
}

.newsletter-public .social-media h2,
.newsletter-public .subscribe h2,
.newsletter-public .recent-posts > .container > h2 {
    color: var(--newsletter-accent);
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.newsletter-public .social-media a img {
    width: 48px;
    padding: 16px 8px 0;
}

.newsletter-public #posts .posts-wrapper {
    padding-bottom: 0;
}

.newsletter-public #posts .posts-wrapper .post-item,
.newsletter-public .all-posts .post-item {
    display: block;
    margin: 0 0 24px;
    padding: 20px 24px;
    border: 1px solid #c2cbd4;
    border-radius: 14px;
    background: var(--newsletter-inset);
}

.newsletter-public #posts .posts-wrapper .post-title,
.newsletter-public .all-posts .post-main-info .post-title,
.newsletter-public .sidebar .recent-posts .post-title {
    padding: 0;
    color: var(--newsletter-heading);
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    text-transform: none;
}

.newsletter-public #posts .posts-wrapper .post-title:hover,
.newsletter-public .sidebar .recent-posts .post-title:hover {
    background: transparent;
    color: var(--newsletter-link);
}

.newsletter-public .post-meta,
.newsletter-public .all-posts .post-main-info .post-meta {
    padding: 12px 0;
    color: #64748b;
    font-size: 12px;
    line-height: 20px;
    text-transform: none;
}

.newsletter-public .all-posts .post-main-info .post-meta span,
.newsletter-public .sidebar .recent-posts .post-meta span {
    white-space: normal;
}

.newsletter-public .all-posts .post-item .post-img {
    width: 100%;
    min-width: 0;
    height: auto;
    margin: 0 0 20px;
    border-radius: 8px;
}

.newsletter-public .all-posts .post-item .post-img img {
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
}

.newsletter-public .all-posts .post-main-info .main-button,
.newsletter-public #posts .posts-wrapper .main-button {
    position: static;
    float: none;
    margin: 12px 0 0;
    padding: 18px 32px;
}

.newsletter-public .sidebar {
    min-width: 0;
    padding-left: 24px;
}

.newsletter-public .sidebar .recent-posts,
.newsletter-public .sidebar .popular {
    padding-top: 24px !important;
}

.newsletter-public .sidebar .recent-posts .post-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--newsletter-divider);
}

.newsletter-public .sidebar .input-group .form-outline {
    min-width: 0;
}

.newsletter-public .sidebar .input-group .form-control {
    padding-right: 56px;
}

.newsletter-public .sidebar .input-group #search-button {
    min-height: 48px;
    padding: 14px;
    border-radius: 0 14px 14px 0;
}

.newsletter-public .pagination {
    flex-wrap: wrap;
    text-transform: none;
}

.newsletter-public .pagination .active::after {
    content: none;
}

.newsletter-public .sidebar .popular .card,
.newsletter-public .new-articles .card {
    margin-bottom: 20px;
    border: 1px solid #c2cbd4;
    border-radius: 14px;
    background: var(--newsletter-inset) !important;
    color: var(--newsletter-text) !important;
    overflow: hidden;
}

.newsletter-public .sidebar .popular .card-img-overlay,
.newsletter-public .new-articles .card-img-overlay {
    position: static;
    display: block;
    padding: 20px 24px !important;
    background: transparent;
}

.newsletter-public .sidebar .popular .card-img-overlay .text-overlay,
.newsletter-public .new-articles .card-img-overlay .text-overlay {
    position: static;
    transform: none;
}

.newsletter-public .sidebar .popular .card-img-overlay .card-title,
.newsletter-public .new-articles .card-img-overlay .card-title {
    color: var(--newsletter-heading);
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: none !important;
}

.newsletter-public .sidebar .popular .card-img-overlay .line,
.newsletter-public .new-articles .card-img-overlay .line {
    width: 100%;
    height: 1px;
    background: var(--newsletter-divider);
}

.newsletter-public .card-button,
.newsletter-public .sidebar .popular .card-img-overlay .card-button,
.newsletter-public .new-articles .card-img-overlay .card-button {
    display: inline-block;
    padding: 10px 16px;
    font-size: 13px;
}

.newsletter-public .subscribe {
    padding: 0;
    background: transparent;
}

.newsletter-public .subscribe h2 {
    padding-bottom: 20px;
}

.newsletter-public .subscribe form .email,
.newsletter-public .subscribe form .button-subscribe {
    height: auto;
    min-height: 56px;
    margin: 0 4px 12px;
}

.newsletter-public .single-post p,
.newsletter-public .contact-page p,
.newsletter-public .about-page p,
.newsletter-public .post-content {
    text-align: justify;
    text-justify: inter-word;
}

.newsletter-public .single-post ul:not(.pagination),
.newsletter-public .contact-page ul,
.newsletter-public .about-page ul,
.newsletter-public .single-post ol,
.newsletter-public .contact-page ol {
    margin: 14px 0;
    padding-left: 24px;
    text-align: justify;
}

.newsletter-public .single-post li,
.newsletter-public .contact-page li,
.newsletter-public .about-page li {
    margin-bottom: 12px;
    line-height: 26px;
}

.newsletter-public .single-post img,
.newsletter-public .img-container img,
.newsletter-public .about-page img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.newsletter-public .captcha img {
    width: auto;
    max-width: 100%;
    padding: 0;
}

.newsletter-public .quote,
.newsletter-public .features.dark {
    border: 1px solid var(--newsletter-divider);
    border-radius: 14px;
    background: var(--newsletter-inset);
    color: var(--newsletter-text);
}

.newsletter-public .single-post #commentForm,
.newsletter-public .single-post #contactForm,
.newsletter-public .contact-page form {
    padding: 20px 0;
}

.newsletter-public .contact-page > h4 {
    margin: 26px 0 12px;
    padding-top: 20px;
    border-top: 1px solid var(--newsletter-divider);
}

.newsletter-public .contact-page > h4 + p {
    padding: 20px 24px;
    border: 1px solid #c2cbd4;
    border-radius: 14px;
    background: var(--newsletter-inset);
    font-size: 15px;
    line-height: 26px;
}

.newsletter-public footer {
    max-width: 960px;
    margin: 24px auto 0;
    padding: 32px 28px !important;
    border-top: 1px solid var(--newsletter-divider);
    background: var(--newsletter-surface);
}

.newsletter-public footer .copyright p,
.newsletter-public footer .copyright p a {
    color: #64748b;
    font-size: 10px;
    line-height: 16px;
}

.newsletter-public .social-media a img:hover,
.newsletter-public footer .footer-icons a img:hover,
.newsletter-public .features .feature-item:hover {
    transform: none;
}

/* Legacy public category and gallery views use the same sheet. */
.newsletter-public .might-grid {
    margin: 20px 0;
    padding: 20px 24px;
    border: 1px solid #c2cbd4;
    border-radius: 14px;
    background: var(--newsletter-inset);
}

.newsletter-public .grid-might img {
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
    border-radius: 8px;
}

.newsletter-public .da-thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 24px;
    padding: 0;
    list-style: none;
}

.newsletter-public .da-thumbs li {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--newsletter-divider);
    border-radius: 14px;
}

.newsletter-public .da-thumbs li img {
    width: 100%;
    height: auto;
}

.newsletter-public .da-thumbs li a > div {
    padding: 20px 24px;
    background: var(--newsletter-inset);
    color: var(--newsletter-text);
}

/* Administration: preserve SB Admin's navigation and plugin selectors. */
.newsletter-admin #wrapper > .navbar,
.newsletter-auth .navbar {
    min-height: 76px;
    border: 0;
    border-bottom: 1px solid var(--newsletter-divider);
    background: var(--newsletter-surface);
}

.newsletter-admin .navbar-brand,
.newsletter-auth .navbar-brand {
    height: auto;
    padding: 24px 28px;
    color: var(--newsletter-heading);
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
}

.newsletter-admin .navbar-top-links > li > a {
    min-height: 76px;
    padding: 24px 20px;
    color: var(--newsletter-heading);
}

.newsletter-admin .sidebar {
    padding: 20px 12px;
    border: 0;
    background: var(--newsletter-background);
}

.newsletter-admin .sidebar ul li {
    border: 0;
}

.newsletter-admin .sidebar ul li a {
    margin-bottom: 4px;
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--newsletter-heading);
    font-size: 14px;
    line-height: 24px;
}

.newsletter-admin .sidebar ul li a:hover,
.newsletter-admin .sidebar ul li a:focus,
.newsletter-admin .sidebar ul li a.active {
    border-color: var(--newsletter-divider);
    background: #f0f4f8;
    color: var(--newsletter-link);
}

.newsletter-admin .sidebar .nav-second-level li a {
    padding-left: 37px;
    font-size: 13px;
}

.newsletter-admin #page-wrapper {
    margin: 24px;
    padding: 24px 28px 32px;
    border: 1px solid var(--newsletter-border);
    border-radius: 18px;
    background: var(--newsletter-surface);
    box-shadow: var(--newsletter-shadow);
}

.newsletter-admin .breadcrumb {
    margin: 0 15px 24px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--newsletter-divider);
    border-radius: 0;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    line-height: 20px;
}

.newsletter-admin .page-header {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--newsletter-divider);
}

.newsletter-admin .panel-heading .fa-5x {
    color: var(--newsletter-accent);
    font-size: 34px;
}

.newsletter-admin .huge {
    color: var(--newsletter-heading);
    font-size: 34px;
    line-height: 44px;
}

.newsletter-admin .panel a {
    color: var(--newsletter-link);
}

.newsletter-admin .table .btn {
    margin: 0 4px 4px 0;
    padding: 8px 12px;
    font-size: 13px;
}

.newsletter-admin .dataTables_wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.newsletter-admin div.dataTables_wrapper div.dataTables_length select,
.newsletter-admin div.dataTables_wrapper div.dataTables_filter input {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 13px;
}

.newsletter-admin .select2-container {
    max-width: 100%;
}

.newsletter-admin .select2-container--default .select2-selection--single,
.newsletter-admin .select2-container--default .select2-selection--multiple {
    min-height: 48px;
    padding: 8px 12px;
    border: 1px solid var(--newsletter-border);
    border-radius: 14px;
    background: var(--newsletter-surface);
}

.newsletter-admin .select2-container--default .select2-selection__rendered {
    color: #34485e;
}

.newsletter-admin .select2-container--default .select2-selection__arrow {
    top: 10px;
}

.newsletter-theme .select2-dropdown,
.newsletter-admin .cke_chrome {
    border-color: var(--newsletter-border);
    box-shadow: none;
}

.newsletter-admin .cke_chrome {
    border-radius: 14px;
}

.newsletter-admin .cke_top,
.newsletter-admin .cke_bottom {
    border-color: var(--newsletter-divider);
    background: #f0f4f8;
}

.newsletter-admin .cke_top {
    border-radius: 14px 14px 0 0;
}

.newsletter-admin .cke_bottom {
    border-radius: 0 0 14px 14px;
}

/* Login and password screens retain their original forms. */
.newsletter-auth .login-panel {
    margin-top: 0;
    box-shadow: var(--newsletter-shadow);
}

.newsletter-auth > .container {
    width: 100%;
    max-width: 960px;
    margin: 24px auto;
    padding: 0 16px;
}

.newsletter-auth > .container > .row > .col-md-4 {
    float: none;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}

.newsletter-auth #app > .container {
    margin-top: 24px;
    margin-bottom: 24px;
}

.newsletter-auth .panel-title {
    color: var(--newsletter-heading);
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: none;
}

@media (min-width: 768px) {
    .newsletter-admin .sidebar {
        width: 250px;
        margin-top: 76px;
    }

    .newsletter-admin #page-wrapper {
        margin-left: 274px;
    }
}

@media (max-width: 991px) {
    .newsletter-public header .navbar-nav {
        padding: 16px 0;
    }

    .newsletter-public header .nav-link {
        margin-left: 0;
    }

    .newsletter-public .aboutus .left {
        padding-left: 12px;
    }
}

@media (max-width: 767px) {
    .newsletter-theme h1,
    .newsletter-theme .page-header,
    .newsletter-public .contact-page > h2,
    .newsletter-public .single-post > h2,
    .newsletter-public .about-page > h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .newsletter-public main > .container,
    .newsletter-public > .container,
    .newsletter-public > .gallery > .container,
    .newsletter-public main > section > .container,
    .newsletter-public .main-slider .hero-img {
        padding: 24px 20px;
    }

    .newsletter-public .sidebar {
        padding: 24px 12px 0;
        border-top: 1px solid var(--newsletter-divider);
    }

    .newsletter-public .subscribe form .email,
    .newsletter-public .subscribe form .button-subscribe {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .newsletter-public .single-post .share,
    .newsletter-public .single-post .navigation {
        flex-wrap: wrap;
    }

    .newsletter-theme .panel-heading,
    .newsletter-theme .panel-body,
    .newsletter-theme .modal-header,
    .newsletter-theme .modal-body,
    .newsletter-theme .modal-footer {
        padding: 20px;
    }

    .newsletter-admin #page-wrapper {
        margin: 16px;
        padding: 20px;
    }

    .newsletter-admin .navbar-toggle {
        margin-top: 20px;
        border-color: var(--newsletter-border);
        border-radius: 14px;
    }

    .newsletter-admin .navbar-top-links {
        margin-bottom: 0;
    }

    .newsletter-admin .navbar-top-links > li > a {
        min-height: 48px;
        padding: 12px 16px;
    }

    .newsletter-admin .sidebar {
        padding: 0 12px;
    }

    .newsletter-admin #page-wrapper form .row > [class*='col-xs-'] {
        float: none;
        width: 100%;
    }
}

/* Reuse the bundled icon font for the public template's existing icon names. */
@font-face {
    font-family: 'NewsletterIcons';
    src: url('../back/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2');
    font-display: block;
}

.newsletter-public i.fas,
.newsletter-public i.far {
    display: inline-block;
    font-family: 'NewsletterIcons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.newsletter-public i.fa-bars::before {
    content: '\f0c9';
}

.newsletter-public i.fa-search::before {
    content: '\f002';
}

.newsletter-public i.fa-chevron-down::before {
    content: '\f078';
}

.newsletter-public i.fa-clock::before {
    content: '\f017';
}

.newsletter-public i.fa-calendar::before {
    content: '\f073';
}

.newsletter-public i.fa-user::before {
    content: '\f007';
}