@font-face {
font-family: Montserrat;
src: url(//www.contactcentrehelper.com/inc/fonts/Montserrat-VariableFont_wght.ttf) format("truetype");
font-display: optional;
} :root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
"Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
*,
::after,
::before {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;  font-family: var(--bs-font-sans-serif);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-bs-original-title],
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
code,
kbd,
pre,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role="button"] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.row {
--bs-gutter-x: 1rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) / -2);
margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) / 2);
padding-left: calc(var(--bs-gutter-x) / 2);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 805px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1001px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.3333333333%;
}
.offset-xxl-2 {
margin-left: 16.6666666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.3333333333%;
}
.offset-xxl-5 {
margin-left: 41.6666666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.3333333333%;
}
.offset-xxl-8 {
margin-left: 66.6666666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.3333333333%;
}
.offset-xxl-11 {
margin-left: 91.6666666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0d6efd !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #198754 !important;
}
.border-info {
border-color: #0dcaf0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #212529 !important;
}
.border-white {
border-color: #fff !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
.text-primary {
color: #0d6efd !important;
}
.text-secondary {
color: #6c757d !important;
}
.text-success {
color: #198754 !important;
}
.text-info {
color: #0dcaf0 !important;
}
.text-warning {
color: #ffc107 !important;
}
.text-danger {
color: #dc3545 !important;
}
.text-light {
color: #f8f9fa !important;
}
.text-dark {
color: #212529 !important;
}
.text-white {
color: #fff !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
color: inherit !important;
}
.bg-primary {
background-color: #0d6efd !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
.bg-success {
background-color: #198754 !important;
}
.bg-info {
background-color: #0dcaf0 !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
.bg-dark {
background-color: #212529 !important;
}
.bg-body {
background-color: #fff !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
user-select: all !important;
}
.user-select-auto {
user-select: auto !important;
}
.user-select-none {
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 805px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1001px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
* {
box-sizing: border-box;
font-family: Montserrat, sans-serif;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Montserrat, sans-serif;
}
.pg-container {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
}
.clear {
clear: both;
}
.mobile-only {
display: none;
}
@media (max-width: 804px) {
.mobile-only {
display: block;
}
.desktop-only {
display:none;
}
}
.mobile-only-tablet {
display: none;
}
@media (max-width: 1000px) {
.mobile-only-tablet {
display: block;
}
}
h1 {
font-size: 29px;
margin-bottom: 20px;
}
@media (max-width: 1300px) {
h1 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
h1 {
font-size: 23px;
line-height: 28px;
}
}
h2 {
font-size: 24px;
margin-bottom: 20px;
}
@media (max-width: 1000px) {
h2 {
font-size: 21px;
}
}
h3 {
font-size: 22px;
margin-bottom: 20px;
}
@media (max-width: 1000px) {
h3 {
font-size: 20px;
}
}
header {
position: fixed;
z-index: 40;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
}
header .pg-container {
position: relative;
}
header .pg-container > .row > div:first-child {
position: relative;
}  header .logo {
padding-right: 10px;
padding-top: 10px;
top: 0;
left: 0;
width: 100%
}
header .logo a {
display: inline-block;
width: 100%;
}
header .logo img {
max-width: 217px;
width: 217px;
vertical-align: middle;
}
header .header-top {
background: #fff;
padding-top: 10px;
padding-bottom: 9px;
}
header .header-top p.tagline {
font-size: 19px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 0;
}
header .header-top .socials-search { width: 100%;
margin-top: -1px;
display: inline-block;
}
header .header-top .socials-search > a,
header .header-top .socials-search > div {
height: 42px;
width: 42px;
margin-left: 12px;
display: inline-block;
vertical-align: middle;
background-color: #dadada;
border-radius: 26px;
position: relative;
}
header .header-top .socials-search > a:hover,
header .header-top .socials-search > div:hover {
background-color: #cdcdcd;
}
header .header-top .socials-search > a:first-child,
header .header-top .socials-search > div:first-child {
margin-left: 0;
}
header .header-top .socials-search > a img,
header .header-top .socials-search > div img {
position: absolute;
max-width: 21px;
max-height: 21px;
}
header .header-top .socials-search > a.home img,
header .header-top .socials-search > div.home img {
top: 9px;
left: 10px;
max-width: 23px;
max-height: 23px;
}
header .header-top .socials-search > a.linkedin img,
header .header-top .socials-search > div.linkedin img {
top: 9px;
left: 11px;
}
header .header-top .socials-search > a.facebook img,
header .header-top .socials-search > div.facebook img {
top: 10px;
left: 10px;
}
header .header-top .socials-search > a.youtube img,
header .header-top .socials-search > div.youtube img {
top: 10px;
left: 11px;
}
header .header-top .socials-search > a.x img,
header .header-top .socials-search > div.x img {
top: 11px;
left: 11px;
}
header .header-top .socials-search > a.link img,
header .header-top .socials-search > div.link img {
top: 10px;
left: 11px;
}
header .header-top .socials-search > a.search,
header .header-top .socials-search > div.search,
header .header-top .socials-search > a.home,
header .header-top .socials-search > div.home {
background-color: #3878b7;
}
header .header-top .socials-search > a.search img,
header .header-top .socials-search > div.search img {
top: 10px;
left: 10px;
}
header .header-top .socials-search > a.search:hover,
header .header-top .socials-search > div.search:hover {
cursor: pointer;
}
header .header-top .socials-search > a.search-header,
header .header-top .socials-search > div.search-header {
position: absolute;
right: 55px;
width: 300px;
display: none;
}
header .header-top .socials-search > a.search-header.show,
header .header-top .socials-search > div.search-header.show {
display: inline-block;
}
@media (max-width: 1300px) {
header .header-top .socials-search > a.search-header,
header .header-top .socials-search > div.search-header {
right: 63px;
}
}
@media (max-width: 1130px) {
header .header-top .socials-search > a.search-header,
header .header-top .socials-search > div.search-header {
right: 55px;
}
}
@media (max-width: 1000px) {
header .header-top .socials-search > a.search-header,
header .header-top .socials-search > div.search-header {
right: 0;
margin-top: 68px;
width: 100%;
}
header .header-top .socials-search > a.search-header form.search-form,
header .header-top .socials-search > div.search-header form.search-form {
max-width: 100%;
}
}
@media (max-width: 804px) {
header .header-top .socials-search > a.search-header,
header .header-top .socials-search > div.search-header {
margin-top: 51px;
}
}
header .header-top .socials-search > a.menu-icon img,
header .header-top .socials-search > div.menu-icon img {
top: 14px;
left: 10px;
}
@media (max-width: 1300px) {
header .header-top .socials-search > a,
header .header-top .socials-search > div {
height: 40px;
width: 40px;
margin-left: 5px;
}
header .header-top .socials-search > a img,
header .header-top .socials-search > div img {
max-width: 19px;
max-height: 19px;
}
header .header-top .socials-search > a.home img,
header .header-top .socials-search > div.home img {
max-width: 21px;
max-height: 21px;
top: 8px;
left: 9px;
}
}
@media (max-width: 804px) {
header .header-top .socials-search > a,
header .header-top .socials-search > div {
height: 40px;
width: 40px;
margin-left: 5px;
}
header .header-top .socials-search > a img,
header .header-top .socials-search > div img {
max-width: 21px;
max-height: 21px;
}
header .header-top .socials-search > a.linkedin img,
header .header-top .socials-search > div.linkedin img {
top: 9px;
left: 10px;
}
header .header-top .socials-search > a.facebook img,
header .header-top .socials-search > div.facebook img {
top: 10px;
left: 9px;
}
header .header-top .socials-search > a.youtube img,
header .header-top .socials-search > div.youtube img {
top: 10px;
left: 10px;
}
header .header-top .socials-search > a.link img,
header .header-top .socials-search > div.link img {
top: 10px;
left: 10px;
}
header .header-top .socials-search > a.search img,
header .header-top .socials-search > div.search img {
top: 9px;
left: 10px;
}
header .header-top .socials-search > a.menu-icon img,
header .header-top .socials-search > div.menu-icon img {
top: 13px;
left: 9px;
}
}
header .header-top .mobile-menu-trigger {
display: inline-block;
margin-left: 5px;
display: none;
}
header .header-top .mobile-menu-trigger > div {
height: 42px;
width: 42px;
margin-left: 12px;
display: inline-block;
vertical-align: middle;
background-color: #3878b7;
border-radius: 26px;
position: relative;
}
header .header-top .mobile-menu-trigger > div:hover {
background-color: #3e82c4;
}
header .header-top .mobile-menu-trigger > div:first-child {
margin-left: 0;
}
header .header-top .mobile-menu-trigger > div img {
position: absolute;
max-width: 21px;
max-height: 21px;
}
header .header-top .mobile-menu-trigger > div.linkedin img {
top: 9px;
left: 11px;
}
header .header-top .mobile-menu-trigger > div.facebook img {
top: 10px;
left: 10px;
}
header .header-top .mobile-menu-trigger > div.youtube img {
top: 10px;
left: 11px;
}
header .header-top .mobile-menu-trigger > div.x img {
top: 11px;
left: 11px;
}
header .header-top .mobile-menu-trigger > div.link img {
top: 10px;
left: 11px;
}
header .header-top .mobile-menu-trigger > div.search {
background-color: #3878b7;
}
header .header-top .mobile-menu-trigger > div.search img {
top: 10px;
left: 10px;
}
header .header-top .mobile-menu-trigger > div.search:hover {
cursor: pointer;
}
header .header-top .mobile-menu-trigger > div.search-header {
position: absolute;
right: 55px;
width: 300px;
display: none;
}
header .header-top .mobile-menu-trigger > div.search-header.show {
display: inline-block;
}
@media (max-width: 1300px) {
header .header-top .mobile-menu-trigger > div.search-header {
right: 63px;
}
}
@media (max-width: 1130px) {
header .header-top .mobile-menu-trigger > div.search-header {
right: 55px;
}
}
@media (max-width: 1001px) {
header .header-top .mobile-menu-trigger > div.search-header {
right: 0;
margin-top: 51px;
width: 100%;
}
header .header-top .mobile-menu-trigger > div.search-header form.search-form {
max-width: 100%;
}
}
@media (max-width: 804px) {
header .header-top .mobile-menu-trigger > div.search-header {
margin-top: 65px;
}
}
header .header-top .mobile-menu-trigger > div.menu-icon img {
top: 14px;
left: 10px;
}
@media (max-width: 1300px) {
header .header-top .mobile-menu-trigger > div {
height: 40px;
width: 40px;
margin-left: 5px;
}
header .header-top .mobile-menu-trigger > div img {
max-width: 19px;
max-height: 19px;
}
}
@media (max-width: 804px) {
header .header-top .mobile-menu-trigger > div {
height: 40px;
width: 40px;
margin-left: 5px;
}
header .header-top .mobile-menu-trigger > div img {
max-width: 21px;
max-height: 21px;
}
header .header-top .mobile-menu-trigger > div.linkedin img {
top: 9px;
left: 10px;
}
header .header-top .mobile-menu-trigger > div.facebook img {
top: 10px;
left: 9px;
}
header .header-top .mobile-menu-trigger > div.youtube img {
top: 10px;
left: 10px;
}
header .header-top .mobile-menu-trigger > div.link img {
top: 10px;
left: 10px;
}
header .header-top .mobile-menu-trigger > div.search img {
top: 9px;
left: 10px;
}
header .header-top .mobile-menu-trigger > div.menu-icon img {
top: 13px;
left: 9px;
}
}
header .header-bottom .menu-main-menu-container {
background: #3878b7;
border: 1px solid #3878b7;
}
header .header-bottom .menu-main-menu-container ul.menu {
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
}
header .header-bottom .menu-main-menu-container ul.menu li a {
color: #fff;
text-decoration: none;
font-size: 17px;
}
header .header-bottom .menu-main-menu-container ul.menu > li {
display: inline-block;
padding: 10px 13px;
margin-right: -3px;
position: relative;
}
header .header-bottom .menu-main-menu-container ul.menu > li:not(:last-child)::after {
content: "";
display: inline-block;
border-right: 1px solid #fff;
height: 16px;
width: 1px;
position: absolute;
right: 0;
top: 15px;
}
header .header-bottom .menu-main-menu-container ul.menu > li > a {
display: block;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children {
position: relative;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu {
position: absolute;
display: none;
top: 44px;
left: -1px;
width: auto;
min-width: 115px;
background-color: #fff;
border-left: 1px solid #3878b7;
border-right: 1px solid #3878b7;
border-bottom: 10px solid #3878b7;
padding: 24px 16px 10px 16px;
list-style-type: none;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li {
margin-bottom: 20px;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li > a {
color: #3878b7;
white-space: nowrap;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li > a:hover {
text-decoration: underline;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li.image-tab {
position: absolute;
right: 12px;
top: 12px;
width: 50%;
max-width: 300px;
height: calc(100% - 24px);
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/temp/menu-image-v2.jpg);
background-size: auto;
background-position: top left;
background-repeat: no-repeat;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li.image-tab::before {
content: "";
position: absolute;
margin-left: -43px;
top: 0;
height: calc(100% - 24px);
width: 2px;
background: #3878b7;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li.image-tab a {
display: block;
text-indent: -9999px;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li.image-tab a img {
width: 100%;
height: auto;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu > li.image-tab a span {
display: none;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children:hover {
background-color: #fff;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children:hover > a {
color: #528fca;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children:hover > .sub-menu {
display: block;
} header.slim {
background: #fff;
padding-bottom: 10px;
}
.mobile-menu {
display: none;
}
footer {
background-color: #3878b7;
padding: 30px 0;
clear: both;
}
footer .logo img {
max-width: 100%;
width: 260px;
}
footer .cch-info {
color: #fff;
margin-top: 24px; font-weight: 400;
font-size: 17px;
}
footer .footer-menu p {
font-weight: 700;
font-size: 17px;
color: #fff;
margin-bottom: 5px;
}
footer .footer-menu ul.menu {
padding-left: 0;
list-style-type: none;
}
footer .footer-menu ul.menu li {
display: block;
margin-bottom: 5px;
}
footer .footer-menu ul.menu li a {
color: #fff;
text-decoration: none;
font-size: 17px;
}
footer .footer-menu ul.menu li a:hover {
text-decoration: underline;
}
footer .footer-menu.menu-categories ul.menu li {
margin-bottom: 5px; font-style: normal;
}
footer .footer-menu.menu-categories ul.menu li a {
font-weight: 700;
}
footer .footer-socials p {
color: #fff;
font-weight: 700;
font-size: 17px;
}
footer .footer-socials .icons > a,
footer .footer-socials .icons > div {
height: 42px;
width: 42px;
margin-left: 12px;
display: inline-block;
vertical-align: middle;
background-color: #fff;
border-radius: 26px;
position: relative;
}
footer .footer-socials .icons > a:hover,
footer .footer-socials .icons > div:hover {
background-color: #f2f2f2;
}
footer .footer-socials .icons > a:first-child,
footer .footer-socials .icons > div:first-child {
margin-left: 0;
}
footer .footer-socials .icons > a img,
footer .footer-socials .icons > div img {
position: absolute;
max-width: 21px;
max-height: 21px;
}
footer .footer-socials .icons > a.linkedin img,
footer .footer-socials .icons > div.linkedin img {
top: 9px;
left: 11px;
}
footer .footer-socials .icons > a.facebook img,
footer .footer-socials .icons > div.facebook img {
top: 10px;
left: 10px;
}
footer .footer-socials .icons > a.youtube img,
footer .footer-socials .icons > div.youtube img {
top: 10px;
left: 11px;
}
footer .footer-socials .icons > a.x img,
footer .footer-socials .icons > div.x img {
top: 11px;
left: 11px;
}
footer .footer-socials .icons > a.link img,
footer .footer-socials .icons > div.link img {
top: 10px;
left: 11px;
}
footer .footer-socials .icons > a.search,
footer .footer-socials .icons > div.search {
background-color: #3878b7;
}
footer .footer-socials .icons > a.search img,
footer .footer-socials .icons > div.search img {
top: 10px;
left: 10px;
}
footer .footer-socials .icons > a.search:hover,
footer .footer-socials .icons > div.search:hover {
cursor: pointer;
}
footer .footer-socials .icons > a.search-header,
footer .footer-socials .icons > div.search-header {
position: absolute;
right: 55px;
width: 300px;
display: none;
}
footer .footer-socials .icons > a.search-header.show,
footer .footer-socials .icons > div.search-header.show {
display: inline-block;
}
@media (max-width: 1300px) {
footer .footer-socials .icons > a.search-header,
footer .footer-socials .icons > div.search-header {
right: 63px;
}
}
@media (max-width: 1130px) {
footer .footer-socials .icons > a.search-header,
footer .footer-socials .icons > div.search-header {
right: 55px;
}
}
@media (max-width: 1001px) {
footer .footer-socials .icons > a.search-header,
footer .footer-socials .icons > div.search-header {
right: 0;
margin-top: 51px;
width: 100%;
}
footer .footer-socials .icons > a.search-header form.search-form,
footer .footer-socials .icons > div.search-header form.search-form {
max-width: 100%;
}
}
@media (max-width: 804px) {
footer .footer-socials .icons > a.search-header,
footer .footer-socials .icons > div.search-header {
margin-top: 65px;
}
}
footer .footer-socials .icons > a.menu-icon img,
footer .footer-socials .icons > div.menu-icon img {
top: 14px;
left: 10px;
}
@media (max-width: 1300px) {
footer .footer-socials .icons > a,
footer .footer-socials .icons > div {
height: 40px;
width: 40px;
margin-left: 5px;
}
footer .footer-socials .icons > a img,
footer .footer-socials .icons > div img {
max-width: 19px;
max-height: 19px;
}
}
@media (max-width: 804px) {
footer .footer-socials .icons > a,
footer .footer-socials .icons > div {
height: 40px;
width: 40px;
margin-left: 5px;
}
footer .footer-socials .icons > a img,
footer .footer-socials .icons > div img {
max-width: 21px;
max-height: 21px;
}
footer .footer-socials .icons > a.linkedin img,
footer .footer-socials .icons > div.linkedin img {
top: 9px;
left: 10px;
}
footer .footer-socials .icons > a.facebook img,
footer .footer-socials .icons > div.facebook img {
top: 10px;
left: 9px;
}
footer .footer-socials .icons > a.youtube img,
footer .footer-socials .icons > div.youtube img {
top: 10px;
left: 10px;
}
footer .footer-socials .icons > a.link img,
footer .footer-socials .icons > div.link img {
top: 10px;
left: 10px;
}
footer .footer-socials .icons > a.search img,
footer .footer-socials .icons > div.search img {
top: 9px;
left: 10px;
}
footer .footer-socials .icons > a.menu-icon img,
footer .footer-socials .icons > div.menu-icon img {
top: 13px;
left: 9px;
}
}
footer .subfooter {
border-top: 1px solid #fff;
padding-top: 16px;
margin-top: 20px;
}
footer .subfooter a,
footer .subfooter p {
display: inline-block;
vertical-align: middle;
color: #fff;
margin-bottom: 0;
margin-left: 10px;
text-decoration: none;
}
footer .subfooter a:first-child,
footer .subfooter p:first-child {
margin-left: 0;
}
footer .subfooter a:not(:last-child)::after,
footer .subfooter p:not(:last-child)::after {
content: "";
border-right: 1px solid #fff;
height: 14px;
padding: 0 5px;
display: inline-block;
}
footer .subfooter .subfooter-ci {
text-align: right;
}
.coblock {
background: #dadada;
height: 1200px;
}
.pg-structure {
margin-top: 120px;
}
.posts-blocks {
margin-bottom: 30px;
}
.posts-blocks .heading-row {
border-bottom: 1px solid #3878b7;
margin-bottom: 30px;
padding-top: 25px;
}
.posts-blocks .heading-row h1,
.posts-blocks .heading-row h2 {
color: #3878b7;
font-size: 32px;
font-weight: 600;
padding: 10px 0;
margin-bottom: 0;
}
.posts-blocks .heading-row .pg-button {
margin-top: 10px;
width: 100%;
}
.posts-blocks .text-end.desktop-only .pg-button {
float: right;
}
@media (min-width: 576px) {
.posts-blocks .post-block.events-block {
height: 100%;
position: relative;
padding-bottom: 96px;
}
.posts-blocks .post-block.events-block-on-directory {
padding-bottom: 110px;
}
.posts-blocks .post-block.events-block .events-desc {
position: relative;
}
.posts-blocks .post-block.events-block .event-details {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.posts-blocks .post-block.events-block .event-buttons {
text-align: left;
}
.posts-blocks .post-block.events-block .event-buttons .pg-button {
float: none;
}
.posts-blocks.events-blocks > .row > div {
margin-bottom: 26px;
}
}
.posts-blocks .post-block.events-block .event-buttons {
margin-top: 10px;
}
.posts-blocks .post-block.events-block .event-buttons .pg-button {
float: none;
padding-left: 5px;
padding-right: 5px;
width: 100%;
height: 100%;
align-content: center;
margin-top: 0;
}
.posts-blocks .post-block a {
text-decoration: none;
}
.posts-blocks .post-block a:hover {
text-decoration: underline;
}
.posts-blocks .post-block .category {
font-size: 20px;
margin-bottom: 10px;
letter-spacing: -0.8px;
}
.posts-blocks .post-block .category a {
color: #3878b7;
}
.posts-blocks .post-block .thumbnail {
display: block;
margin-bottom: 15px;
position: relative;
} img.attachment-large.size-large.wp-post-image {
width: 100%;
height: auto;
max-width: 650px;
max-height: 376px;
} img.attachment-medium.size-medium.wp-post-image {
width: 323px; height: auto;
} .posts-blocks .post-block.size-images .thumbnail {
text-align: center;
align-content: center;
}
.posts-blocks .post-block.size-images .thumbnail img {
max-height: 187px;
width: auto;
height: auto;
max-width: 100%;
}
.posts-blocks .post-block.block-small .thumbnail img {
max-width: 100%;
width: 100%;
height: auto;
}
.posts-blocks .post-block.size-images .thumbnail img {
max-width: 100%;
width: auto;
height: 187px;
object-fit: contain;
}
@media(max-width: 1060px) {
.posts-blocks .post-block.size-images .thumbnail img {
height: 160px;
}
}
.posts-blocks .post-block .thumbnail span.featured {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/star.svg);
background-repeat: no-repeat;
background-size: 19px;
background-position: top 2px left 2px;
padding: 5px 5px 5px 25px;
display: inline-block;
float: right;
margin-top: 5px;
margin-right: 5px;
background-color: #3878b7;
color: #fff;
font-size: 14px;
line-height: 14px;
position: absolute;
top: 5px;
right: 5px;
}
.posts-blocks .post-block.resource-block .thumbnail {
text-align: center;
}
.posts-blocks .post-block.resource-block .thumbnail img {
width: 100%;
height: auto;
max-width: 300px;
}
.posts-blocks .post-block .meta .author a {
color: #000;
font-weight: 700;
}
.posts-blocks .post-block .meta .post-date {
color: #757575;
text-align: right;
}
.posts-blocks .post-block .desc p.title {
font-weight: 600;
letter-spacing: -0.2px; font-size: 16px;
line-height: 23px;
margin-bottom: 0px;
}
.posts-blocks .post-block .desc p.title a {
color: #000;
}
.posts-blocks .post-block.block-large p.title { font-size: 20px;
margin-bottom: 20px;
}
.posts-blocks .post-block.block-large .thumbnail img {
max-width: 100%;
max-height: 100%;
height: auto;
}
@media (max-width: 1300px) {
.posts-blocks .post-block.block-large p.title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.posts-blocks .post-block.block-large p.title {
font-size: 23px;
line-height: 28px;
}
}
.posts-blocks .post-block.block-large p.excerpt {
font-size: 18px;
line-height: 24px;
}
.posts-blocks .post-block .event-details {
margin-top: 10px;
text-align: left;
}
.posts-blocks .post-block .event-details p {
margin-bottom: 5px;
padding-left: 30px;
}
.posts-blocks .post-block .event-details p.date {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/date.svg);
background-repeat: no-repeat;
}
.posts-blocks .post-block .event-details p.city {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/location.svg);
background-repeat: no-repeat;
}
.posts-blocks.block-large-left {
margin-bottom: 5px;
}
.posts-blocks.block-large-left .pg-button {
float: right;
}
.posts-blocks.block-large-left .post-block.block-small {
margin-bottom: 15px;
}
.posts-blocks.block-large-left .post-block.block-small .divider {
margin: 8px 0 20px 0;
border-top: 1px solid #3878b7;
}
.posts-blocks.block-row .post-block .thumbnail {
border: 1px solid #dadada;
}
.posts-blocks.block-row .post-block .thumbnail .desc .title {
color: #212529;
padding: 10px 15px;
}
.posts-blocks.block-row .post-block.resource-block .thumbnail .desc .title {
margin-bottom: 0;
}
.posts-blocks.block-cat-list .block-posts-listing .thumbnail img {
width: 100%;
height: auto;
}
.posts-blocks.block-cat-list .block-posts-listing .desc {
border-bottom: 1px solid #3878b7;
}
.posts-blocks.block-cat-list .block-posts-listing .desc p.title {
padding-top: 16px;
margin-bottom: 20px;
}
.posts-blocks.block-cat-list .block-posts-listing .col-button-area {
text-align: center;
margin-top: auto;
}
.posts-blocks.block-cat-list .block-posts-listing .pg-button {
margin-left: auto;
margin-right: auto;
margin-top: 27px;
width: 100%;
}
.post-block.block-posts-listing {
height: 100%;
}
.posts-blocks.post-bulk .post-block {
margin-bottom: 16px;
}
.posts-blocks.post-bulk .pg-button {
float: right;
margin-top: 20px;
}
.pg-sidebar {
background: #f8f8f8;
height: 100%;
padding: 120px 15px 15px 15px; }
.pg-sidebar .advert-block {
margin-bottom: 32px;
}
.pg-sidebar .advert-block a {
display: block;
}
.pg-sidebar .advert-block a img {
max-width: 100%; width: 300px;
height: auto;
}
.pg-sidebar .posts-list {
margin-bottom: 32px;
}
.pg-sidebar .posts-list .heading {
color: #3878b7;
font-size: 24px;
font-weight: 600;
margin-bottom: 14px;
}
.pg-sidebar .posts-list .heading a {
color: #3878b7;
text-decoration: none;
}
.pg-sidebar .posts-list .listing {
margin-bottom: 20px;
}
.pg-sidebar .posts-list .listing p { font-size: 16px;
line-height: 21px;
margin-bottom: 0;
}
.pg-sidebar .posts-list .listing p a {
color: #000;
font-weight: 500;
text-decoration: none;
}
.pg-sidebar .posts-list .listing p a:hover {
text-decoration: underline;
}
.pg-sidebar .posts-list .listing p.date {
font-size: 16px;
margin-bottom: 4px;
}
.pg-sidebar .posts-list .listing:last-child {
margin-bottom: 0;
}
.newsletter-block {
background-color: #dce9f4;
padding: 20px 20px;
margin-bottom: 30px;
}
.newsletter-block p {
font-size: 18px;
}
.newsletter-block .heading p.head {
font-size: 28px;
font-weight: 700;
line-height: 32px;
padding-top: 7px;
}
.newsletter-block .heading p:not(.head) {
margin-top: 25px;
}
.newsletter-block .heading img {
width: 80px;
float: left;
margin-right: 30px;
}
form.search-form {
position: relative;
max-width: 500px;
width: 100%;
}
form.search-form input[type="text"] {
height: 42px;
border: 1px solid #3878b7;
appearance: none;
-webkit-appearance: none;
padding: 5px 55px 5px 10px;
width: 100%;
margin-bottom: 0;
}
form.search-form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
background-color: #3878b7;
border: none;
appearance: none;
-webkit-appearance: none;
height: 100%;
width: 40px;
text-indent: -9999px;
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/search.svg);
background-repeat: no-repeat;
background-size: 26px;
background-position: center;
}
form.search-form input[type="submit"]:hover {
background-color: #3776b2;
}
.search-body form.search-form {
margin-bottom: 30px;
}
.search-body .search-types {
margin-bottom: 20px;
}
.search-body .search-types .pg-button.selected {
font-weight: 700;
background: #3776b2;
}
.search-body .cant-find {
border-top: 1px solid #dadada;
padding-top: 30px;
margin-top: 30px;
padding-bottom: 30px;
}
form p {
font-weight: 700;
}
form input[type="checkbox"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
height: 25px;
width: 25px;
border: 1px solid #3878b7;
background-color: #fff;
}
form input[type="checkbox"]:hover {
cursor: pointer;
}
form input[type="checkbox"]:checked {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/tick.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
}
form input[type="email"],
form input[type="num"],
form input[type="number"],
form input[type="tel"],
form input[type="text"],
form input[type="password"],
.pg-login-box input[type="email"],
.pg-login-box input[type="num"],
.pg-login-box input[type="number"],
.pg-login-box input[type="tel"],
.pg-login-box input[type="text"],
.pg-login-box input[type="password"] {
height: 43px;
padding: 5px 10px;
border: 1px solid #3878b7;
width: 100%;
}
form select {
height: 43px;
padding: 5px 10px;
border: 1px solid #3878b7;
width: 100%;
background: #fff;
}
form .form-row {
margin-bottom: 20px;
}
form .form-row:last-child {
margin-bottom: 0;
}
form .form-row.checkbox-row .field {
display: inline-block;
margin-right: 10px;
}
form .form-row.checkbox-row input,
form .form-row.checkbox-row label {
display: inline-block;
vertical-align: middle;
}
form .form-row.checkbox-row input {
margin-right: 5px;
}
form .form-row.email-submit input[type="email"] {
width: calc(100% - 164px);
}
form .form-row.email-submit input[type="email"]::placeholder {
font-style: italic;
}
form .form-row.email-submit input[type="submit"] {
background: #3878b7;
color: #fff;
border: 0;
padding: 5px 15px;
font-size: 22px;
font-weight: 700;
float: right;
}
form .form-row.email-submit input[type="submit"]:hover {
background: #3e82c4;
}
form.resource-form {
padding: 20px;
background-color: #dce9f4;
margin-top: 20px;
}
form.resource-form label {
display: block;
}
form.resource-form label.title {
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin-bottom: 20px;
}
form.resource-form .form-row {
margin-bottom: 20px;
clear: both;
}
form.resource-form .form-row .checkbox-row {
clear: both;
margin-top: 10px;
}
form.resource-form .form-row .checkbox-row input {
float: left;
}
form.resource-form .form-row .checkbox-row label {
width: calc(100% - 35px);
padding-left: 10px;
display: inline-block;
}
form.resource-form input[type="submit"] {
background: #3878b7;
appearance: none;
-webkit-appearance: none;
border-radius: 0;
color: #fff;
padding: 10px 15px;
border: none;
font-weight: 700;
font-size: 20px;
}
form.resource-form input[type="submit"]:hover {
background: #3776b2;
}
.pg-button {
background-color: #3878b7;
color: #fff; padding: 6px 10px;
display: inline-block;
text-decoration: none;
font-weight: 600;
font-size: 18px;
text-align: center;
}
.pg-button {
background-color: #3878b7;
}
.pg-button.return img {
width: 20px;
margin-right: 10px;
margin-top: -4px;
}
.pg-button.in-content {
margin-bottom: 20px;
}
.pg-button:hover {
cursor: pointer;
background-color: #528fca;
color: #fff;
}
.pg-button.btn-resources,
.pg-button.btn-top-stories {
width: 100%;
}
.posts-blocks.block-large-left .pg-button.btn-top-story-desktop {
float: none;
margin-top: 25px;
padding-left: 35px;
padding-right: 35px;
}
.pg-button.btn-standard-width {
width: 239px;
}
.pg-button.disabled:hover {
cursor: not-allowed;
}
.pg-button.filter-trigger {
border: 1px solid #fff;
}
.pg-button.filter-trigger img {
display: inline-block;
width: 17px;
margin-top: -3px;
margin-left: 9px;
}
.pg-button.filter-trigger img.unactive {
display: inline-block;
}
.pg-button.filter-trigger img.active {
display: none;
}
.pg-button.filter-trigger.active {
background-color: #fff;
color: #3878b7;
border: 1px solid #3878b7;
}
.pg-button.filter-trigger.active img.unactive {
display: none;
}
.pg-button.filter-trigger.active img.active {
display: inline-block;
}
.under-construction {
background: #f8f8f8;
padding: 100px 150px;
text-align: center;
margin-bottom: 30px;
}
.under-construction h2 {
color: #3878b7;
}
.under-construction img {
width: 50px;
}
.sidebar-trigger {
position: fixed;
background: #3878b7;
color: #fff;
right: 0;
bottom: 40px;
width: 35px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
padding: 5px 2px;
text-align: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 5;
display: none;
}
.sidebar-trigger:hover {
cursor: pointer;
}
.sidebar-trigger img {
height: 31px;
width: 31px;
max-width: 100%;
}
.menu-shadow {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 90;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
}
.menu-shadow:hover {
cursor: pointer;
}
.advert-block.mobile-advert {
display: none;
}
h1 {
font-size: 29px;
margin-bottom: 20px;
}
@media (max-width: 1300px) {
h1 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
h1 {
font-size: 23px;
line-height: 28px;
}
}
.pg-content {
padding-top: 0px;
}
.pg-content.single-post {
padding-bottom: 40px;
}
.pg-content .privacy-text {
margin-top: 20px;
}
.pg-content h3 {
margin-top: 20px;
}
.pg-content ul {
padding-left: 30px;
color: #3878b7;
list-style-type: none;
}
.pg-content ul li {
position: relative;
margin-bottom: 6px;
}
.pg-content ul li::before {
content: "";
background-color: #3878b7;
width: 3px;
height: 100%;
display: block;
position: absolute;
left: -24px;
top: 16px;
}
.pg-content ul li::after {
content: "";
width: 15px;
height: 15px;
background-color: #3878b7;
position: absolute;
left: -30px;
border-radius: 20px;
top: 5px;
}
.pg-content ul li span {
display: inline-block;
vertical-align: text-bottom;
color: #000;
}
.pg-content ul li:last-child::before {
display: none;
}
.pg-content .loading {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #f8f8f8;
z-index: 4;
display: none;
}
.pg-content .loading.active {
display: block;
}
.pg-content .loading .image {
position: sticky;
width: 100%;
height: 81vh;
top: 0;
left: 0;
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/loading.gif);
background-repeat: no-repeat;
background-size: 75px;
background-position: center;
}
.pg-content a {
color: #3878b7;
}
.pg-content p.reviewed-by {
font-weight: 700;
}
.pg-content p.reviewed-by a {
font-weight: 400; }
.pg-content .advert-block {
text-align: center;
}
.pg-content .pst-linkedin-advert {
margin-bottom: 20px;
}
.pg-content .pst-linkedin-advert img {
max-width: 100%;
width: 100%;
}
.pg-content .pst-thumb {
position: relative;
}
.pg-content .pst-thumb img {
width: 100%;
height: auto;
}
.pg-content .pst-thumb .copyright {
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
font-size: 12px;
background-color: rgba(255,255,255,0.8);
}
@media(max-width: 640px) {
.pg-content .pst-thumb .copyright {
font-size: 10px;
}
}
.pg-content .pst-thumb.directory-thumb {
float: left;
margin-right: 40px;
margin-bottom: 40px;
}
.pg-content .pst-thumb.directory-thumb img {
width: 350px;
}
.pg-content .blue-line {
border-bottom: 1px solid #3878b7;
margin-top: 20px;
margin-bottom: 20px;
}
.pg-content .pg-directory-links .social-links {
margin-bottom: 20px;
}
.pg-content .pg-directory-links .social-links a {
height: 42px;
width: 42px;
margin-left: 12px;
display: inline-block;
vertical-align: middle;
background-color: #3878b7;
border-radius: 26px;
position: relative;
}
.pg-content .pg-directory-links .social-links a:hover {
background-color: #3e82c4;
}
.pg-content .pg-directory-links .social-links a:first-child {
margin-left: 0;
}
.pg-content .pg-directory-links .social-links a img {
position: absolute;
max-width: 21px;
max-height: 21px;
}
.pg-content .pg-directory-links .social-links a.linkedin img {
top: 9px;
left: 11px;
}
.pg-content .pg-directory-links .social-links a.facebook img {
top: 10px;
left: 10px;
}
.pg-content .pg-directory-links .social-links a.youtube img {
top: 10px;
left: 11px;
}
.pg-content .pg-directory-links .social-links a.x img {
top: 11px;
left: 11px;
}
.pg-content .pg-directory-links .social-links a.link img {
top: 10px;
left: 11px;
}
.pg-content .pg-directory-links .social-links a.search {
background-color: #3878b7;
}
.pg-content .pg-directory-links .social-links a.search img {
top: 10px;
left: 10px;
}
.pg-content .pg-directory-links .social-links a.search:hover {
cursor: pointer;
}
.pg-content .pg-directory-links .social-links a.search-header {
position: absolute;
right: 55px;
width: 300px;
display: none;
}
.pg-content .pg-directory-links .social-links a.search-header.show {
display: inline-block;
}
.pg-content form input, .pg-content form select, .pg-content form textarea {
margin-bottom: 20px;
}
.pg-content form textarea {
width: 100%;
border: 1px solid #3878b7;
}
.pg-content form input[type=submit] {
clear: both;
appearance: none;
display: block;
-webkit-appearance: none;
border: none;
}
.pg-content form input[type=datetime-local], .pg-content form input[type=date] {
height: 43px;
padding: 5px 10px;
border: 1px solid #3878b7;
width: 100%;
}
.pg-content form div.title {
font-weight: 600;
}
.pg-content .pg-login-box {
background-color: #dce9f4;
padding: 15px 20px;
max-width: 450px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom: 120px;
text-align: center;
}
.pg-content .pg-login-box input {
margin-bottom: 10px;
}
.pg-content .error {
width: 100%;
font-size: 16px;
margin-bottom: 25px;
}
.pg-content .pg-login-box h1 {
font-weight: 700;
}
.pg-content .pg-login-box .pg-button {
appearance: none;
-webkit-appearance: none;
border: 0;
}
.pg-content .report-form-preferences-row {
clear: both;
}
.pg-content .report-form-preferences-row .report-form-preferences-tickbox {
float: left;
margin-right: 10px;
}
@media (max-width: 1300px) {
.pg-content .pg-directory-links .social-links a.search-header {
right: 63px;
}
}
@media(max-width: 1260px) {
}
@media (max-width: 1130px) {
.pg-content .pg-directory-links .social-links a.search-header {
right: 55px;
}
}
@media (max-width: 1001px) {
.pg-content .pg-directory-links .social-links a.search-header {
right: 0;
margin-top: 51px;
width: 100%;
}
.pg-content .pg-directory-links .social-links a.search-header form.search-form {
max-width: 100%;
}
}
@media (max-width: 804px) {
.pg-content .pg-directory-links .social-links a.search-header {
margin-top: 65px;
}
}
.pg-content .pg-directory-links .social-links a.menu-icon img {
top: 14px;
left: 10px;
}
@media (max-width: 1300px) {
.pg-content .pg-directory-links .social-links a {
height: 40px;
width: 40px;
margin-left: 5px;
}
.pg-content .pg-directory-links .social-links a img {
max-width: 19px;
max-height: 19px;
}
}
@media (max-width: 804px) {
.pg-content .pg-directory-links .social-links a {
height: 40px;
width: 40px;
margin-left: 5px;
}
.pg-content .pg-directory-links .social-links a img {
max-width: 21px;
max-height: 21px;
}
.pg-content .pg-directory-links .social-links a.linkedin img {
top: 9px;
left: 10px;
}
.pg-content .pg-directory-links .social-links a.facebook img {
top: 10px;
left: 9px;
}
.pg-content .pg-directory-links .social-links a.youtube img {
top: 10px;
left: 10px;
}
.pg-content .pg-directory-links .social-links a.link img {
top: 10px;
left: 10px;
}
.pg-content .pg-directory-links .social-links a.search img {
top: 9px;
left: 10px;
}
.pg-content .pg-directory-links .social-links a.menu-icon img {
top: 13px;
left: 9px;
}
}
.pg-content .pg-directory-links .pg-button {
margin-bottom: 20px;
}
.pg-content #breadcrumbs {
margin-top: 20px;
margin-bottom: 20px;
}
.pg-content #breadcrumbs a,
.pg-content #breadcrumbs span {
color: #878787;
text-decoration: none;
font-size: 15px;
}
.pg-content .pst-category-date {
margin-bottom: 10px;
margin-top: 20px;
}
.pg-content .pst-category-date .category a {
color: #3878b7;
text-decoration: none;
}
.pg-content .pst-category-date .post-date {
text-align: right;
color: #757575;
margin-bottom: 0;
}
.pg-content .pst-views-and-author {
margin-top: 10px;
margin-bottom: 20px;
}
.pg-content .pst-views-and-author .author {
margin-top: 8px;
margin-bottom: 0;
font-weight: 700;
text-align: right;
}
.pg-content .pst-views-and-author .author a {
font-weight: 400;
color: #000;
text-decoration: none;
}
.pg-content .pst-views-and-author .post-views {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.pg-content .pst-views-and-author .post-views:not(.entry-meta) {
border-right: 1px solid #000;
padding-right: 8px;
}
.pg-content .pst-views-and-author .post-views div.post-views,
.pg-content .pst-views-and-author .post-views img {
display: inline-block;
vertical-align: middle;
font-weight: 400;
}
.pg-content .pst-views-and-author .post-views div.post-views.entry-meta span {
line-height: 16px;
display: block;
margin-top: -2px;
}
.pg-content .pst-views-and-author .post-views img {
width: 25px;
margin-right: 5px;
}
.pg-content .pst-views-and-author .share-icons {
margin-left: 0px;
display: inline-block;
vertical-align: middle;
}
.pg-content .pst-views-and-author .share-icons h2 {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin-bottom: 0;
margin-right: 16px;
font-weight: 400;
}
.pg-content .pst-views-and-author .share-icons > a {
height: 42px;
width: 42px;
margin-left: 12px;
display: inline-block;
vertical-align: middle;
background-color: #dadada;
border-radius: 26px;
position: relative;
height: 32px;
width: 32px;
}
.pg-content .pst-views-and-author .share-icons > a:hover {
background-color: #cdcdcd;
}
.pg-content .pst-views-and-author .share-icons > a:first-child {
margin-left: 0;
}
.pg-content .pst-views-and-author .share-icons > a img {
position: absolute;
max-width: 21px;
max-height: 21px;
}
.pg-content .pst-views-and-author .share-icons > a.linkedin img {
top: 9px;
left: 11px;
}
.pg-content .pst-views-and-author .share-icons > a.facebook img {
top: 10px;
left: 10px;
}
.pg-content .pst-views-and-author .share-icons > a.youtube img {
top: 10px;
left: 11px;
}
.pg-content .pst-views-and-author .share-icons > a.x img {
top: 11px;
left: 11px;
}
.pg-content .pst-views-and-author .share-icons > a.link img {
top: 10px;
left: 11px;
}
.pg-content .pst-views-and-author .share-icons > a.search {
background-color: #3878b7;
}
.pg-content .pst-views-and-author .share-icons > a.search img {
top: 10px;
left: 10px;
}
.pg-content .pst-views-and-author .share-icons > a.search:hover {
cursor: pointer;
}
.pg-content .pst-views-and-author .share-icons > a.search-header {
position: absolute;
right: 55px;
width: 300px;
display: none;
}
.pg-content .pst-views-and-author .share-icons > a.search-header.show {
display: inline-block;
}
.posts-blocks.resources-blocks .post-block {
height: 100%;
}
.posts-blocks.resources-blocks .post-block .thumbnail {
height: 100%;
}
.posts-blocks.resources-blocks .post-block .desc {
margin-bottom: -15px;
}
@media (max-width: 1300px) {
.pg-content .pst-views-and-author .share-icons > a.search-header {
right: 63px;
}
}
@media (max-width: 1130px) {
.pg-content .pst-views-and-author .share-icons > a.search-header {
right: 55px;
}
}
@media (max-width: 1001px) {
.pg-content .pst-views-and-author .share-icons > a.search-header {
right: 0;
margin-top: 51px;
width: 100%;
}
.pg-content .pst-views-and-author .share-icons > a.search-header form.search-form {
max-width: 100%;
}
}
@media (max-width: 804px) {
.pg-content .pst-views-and-author .share-icons > a.search-header {
margin-top: 65px;
}
}
.pg-content .pst-views-and-author .share-icons > a.menu-icon img {
top: 14px;
left: 10px;
}
@media (max-width: 1300px) {
.pg-content .pst-views-and-author .share-icons > a {
margin-left: -1px;
}
}
@media (max-width: 804px) {
.pg-content .pst-views-and-author .share-icons > a {
margin-left: 4px;
}
}
@media (max-width: 432px) {
.pg-content .pst-views-and-author .share-icons > a {
margin-left: 8px;
}
}
.pg-content .pst-views-and-author .share-icons > a img {
max-width: 16px;
max-height: 16px;
}
.pg-content .pst-views-and-author .share-icons > a.linkedin img {
top: 8px;
left: 8px;
}
.pg-content .pst-views-and-author .share-icons > a.facebook img {
top: 8px;
left: 8px;
}
.pg-content .pst-views-and-author .share-icons > a.link img {
top: 8px;
left: 8px;
} .pg-content img {
max-width: 100%;
height: auto;   }
.pg-content .alignright {
float: right;
margin-left: 16px;
margin-bottom: 16px;
text-align: right;
}
.pg-content .alignleft {
float: left;
margin-right: 16px;
margin-bottom: 16px;
text-align: left;
}
.pg-content .aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.pg-content .wp-block-image figure figcaption {
padding: 5px;
display: table-caption;
caption-side: bottom;
width: auto;
font-size: 13px;
text-align: center;
}
.pg-content p.important-blue,
.pg-content p.important-gold,
.pg-content p.important-green {
background-color: #3878b7 !important;
background-repeat: no-repeat;
padding: 16px;
margin-bottom: 16px;
color: #fff;
clear: both;
display: block;
align-content: center;
}
.pg-content p.important-blue a,
.pg-content p.important-gold a,
.pg-content p.important-green a {
color: #fff;
}
.pg-content p.important-blue p,
.pg-content p.important-gold p,
.pg-content p.important-green p {
color: #fff;
}
.pg-content p.important-blue p:last-child,
.pg-content p.important-gold p:last-child,
.pg-content p.important-green p:last-child {
margin-bottom: 0;
}
.pg-content .highlight-frame {
padding: 10px 11px;
margin-bottom: 15px;
}
.pg-content .highlight-frame :last-child {
margin-bottom: 0;
}
.pg-content .author-description {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #dadada;
}
.pg-content .author-description .author-image {
margin-right: 20px;
margin-bottom: 20px;
}
.pg-content .author-description .author-image img {
width: 220px;
}
.pg-content .pg-author-block {
padding: 16px;
border: 1px solid #3878b7;
margin-bottom: 16px;
}
.pg-content .pg-author-block .author-name {
margin-top: 10px;
margin-bottom: 0;
}
.pg-content .author-disclaimer {
font-size: 14px;
}
.pg-content .pg-author-block .author-name a {
font-weight: 700;
color: #000;
text-decoration: none;
}
.pg-content .pg-author-block h3.author-name {
margin-bottom: 10px;
}
.pg-content .pg-author-block.company {
display: flow-root;
border: none;
background-color: #f8f8f8;
}
.pg-content .pg-author-block.company img {
float: right;
max-width: 150px;
height: auto;
margin-left: 16px;
}
@media(max-width: 414px) {
.pg-content .pg-author-block.company img {
max-width: 100px;
}
}
.pg-content .pg-button {
color: #fff;
}
.pg-content .dashboard, .pg-content.dashboard  {
margin-bottom: 45px;
}
.pg-content .emailpreview {
background-color: #f8f8f8;
}
button.pg-button {
appearance: none;
-webkit-appearance: none;
border: none;
}
.pg-content .pg-tag-group {
margin-bottom: 16px;
}
.pg-content .pg-tag-group h2 {
margin-bottom: 16px;
}
.pg-content .pg-tag-group .pg-button {
margin-right: 16px;
margin-bottom: 16px;
}
.pg-content .pg-tag-group .pg-button:last-child {
margin-right: 0;
}
.pg-content .divider-stars,
.pg-content hr {
background-color: transparent;
opacity: 1;
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/divider.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 74px;
height: 60px;
width: 100%;
text-indent: -9999px;
}
.pg-content .pst-related {
margin: 24px 0 16px 0;
}
.pg-content .pg-filters-area {
margin-bottom: 20px;
position: relative;
clear: both;
width: 100%;
}
.pg-content .pg-filters-area .pg-button {
margin-top: 0;
margin-bottom: 16px;
float: none;
}
.pg-content .pg-filters-area.events-filtering .pg-button, .dark-btn {
background-color: #353434;
color: #ffffff;
}
.pg-content .pg-filters-area.events-filtering .pg-button:hover, .dark-btn:hover {
background-color: #5f5f5f;
}
.pg-content .pg-filters-area .pg-button:last-child {
margin-bottom: 0;
}
.pg-content .pg-filters-area .pg-button:not(.filter-trigger).active {
background-color: #ce3467;
color: #fff;
}
.pg-content .pg-filters-area .pg-button.in-person .filtering-box {
margin-top: -1px;
display: none;
}
.pg-content .pg-filters-area .pg-button.in-person .filtering-box label,
.pg-content .pg-filters-area .pg-button.in-person .filtering-box p {
color: #000;
text-align: left;
}
.pg-content .pg-filters-area .pg-button.in-person .filtering-box label {
font-weight: 400;
}
.pg-content .pg-filters-area .pg-button.in-person:hover {
cursor: pointer;
}
.pg-content .pg-filters-area .pg-button.in-person:hover .filtering-box {
display: block;
}
.pg-content .pg-filters-area .directory-list .pg-button {
width: 100%;
height: 100%;
align-content: center;
min-height: 70px;
}
.pg-content .pg-filters-area .directory-list .pg-button.active {
background-color: #ce3467;
}
.pg-content .pg-filters-area .directory-list .row > div {
margin-bottom: 15px;
}
.pg-content .pg-filters-area .filtering-box {
position: absolute;
display: none;
top: 40px;
left: 0;
width: 340px;
background: #fff;
border: 1px solid #3878b7;
padding: 12px 16px;
z-index: 1;
}
.pg-content .pg-filters-area .filtering-box.show {
display: block;
}
.pg-content .pg-filters-area .filtering-box .filtering-section {
margin-bottom: 16px;
}
.pg-content .pg-filters-area .filtering-box .filtering-section:last-child {
margin-bottom: 0;
}
.pg-content .pg-filters-area .filtering-box .filtering-section p.filtering-section-title {
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row {
text-align: left;
margin-bottom: 8px;
clear: both;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row:last-child {
margin-bottom: 0;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row label {
font-size: 15px;
max-width: 80%;
text-align: left;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row input {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 1px solid #3878b7;
border-radius: 0;
float: right;
margin-top: 3px;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row input:hover {
cursor: pointer;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row input:checked {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/tick.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 18px;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row.disabled input {
background-color: #f8f8f8;
border-color: #dadada;
}
.pg-content .pg-filters-area .filtering-box .filtering-section .fields .field-row.disabled input:hover {
cursor: not-allowed;
}
.pg-content nav.pagination {
text-align: center;
}
.pg-content nav.pagination .nav-links a,
.pg-content nav.pagination .nav-links span {
display: inline-block;
padding: 5px 10px;
background-color: #dce9f4;
text-decoration: none;
font-weight: 500;
color: #3878b7;
}
.pg-content nav.pagination .nav-links a.next,
.pg-content nav.pagination .nav-links a.prev,
.pg-content nav.pagination .nav-links span.next,
.pg-content nav.pagination .nav-links span.prev {
background-color: #3878b7;
color: #fff;
}
.pg-content nav.pagination .nav-links a.dots,
.pg-content nav.pagination .nav-links span.dots {
background-color: transparent;
}
.pg-content nav.pagination .nav-links a.current,
.pg-content nav.pagination .nav-links span.current {
background-color: #dadada;
}
.pg-content .resource-image {
margin-bottom: 20px;
}
.pg-content .resource-image img {
max-width: 100%;
}
body.chrome .pg-content ul {
padding-left: 25px;
}
body.chrome .pg-content ul li::before {
left: -18px;
}
body.chrome .pg-content ul li::after {
left: -24px;
}
body.safari .pg-content ul {
padding-left: 25px;
}
body.safari .pg-content ul li::before {
left: -18px;
}
body.safari .pg-content ul li::after {
left: -24px;
}
.popup {
position: fixed;
top: 0;
left: 0;
height: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
z-index: 99;
visibility: hidden;
opacity: 0;
}
.popup.show {
display: block;
transition: opacity 250ms ease-in, visibility 0ms ease-in 0ms;
opacity: 1;
visibility: visible;
}
.popup .interior {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
background-color: #FFFFFF;
padding: 15px 20px;
}
.popup .interior h2 {
color: #3878b7;
padding-bottom: 10px;
border-bottom: 1px solid #3878b7;
padding-right: 40px;
padding-top: 4px;
}
.popup .interior strong {
color: #3878b7;
}
.popup .interior .top {
float: right;
}
.popup .interior .top .close:hover {
cursor: pointer;
}
.popup .interior .top .close img {
width: 35px;
height: 35px;
}
@media(max-width: 600px) {
.popup .interior {
width: 90%;
}
} @media (max-width: 1300px) {
.pg-container {
padding-left: 15px;
padding-right: 15px;
}
.pg-button {
font-size: 16px;
}
.pg-button.filter-trigger img {
width: 14px;
}
header .header-bottom .menu-main-menu-container ul.menu li a {
font-size: 15px;
font-size: 1.25vw;
}
header .header-bottom .menu-main-menu-container ul.menu > li {
padding: 12px 7px;
padding: 12px 0.7vw;
}
header .header-bottom .menu-main-menu-container ul.menu > li:not(:last-child)::after {
top: 16px;
height: 16px;
}
header .header-bottom .menu-main-menu-container ul.menu > li.menu-item-has-children > .sub-menu {
width: 700px;
}
.posts-blocks h2 {
font-size: 36px;
}
.posts-blocks .post-block .meta .author,
.posts-blocks .post-block .meta .post-date {
font-size: 15px;
color: #757575;
}
.posts-blocks .post-block .category {
font-size: 17px;
} .pg-sidebar .posts-list .heading {
font-size: 19px;
}
.pg-sidebar .posts-list .listing p {
font-size: 14px;
}
.newsletter-block .heading img {
width: 72px;
}
.newsletter-block .heading p.head {
font-size: 26px;
}
.newsletter-block p {
font-size: 16px;
}
.newsletter-block form .form-row.email-submit input[type="submit"] {
font-size: 20px;
}
.newsletter-block form .form-row.email-submit input[type="email"] {
height: 40px;
}
footer .logo img {
width: 222px;
}
footer .cch-info {
font-size: 15px;
font-style: normal;
}
footer .footer-menu p {
font-size: 15px;
}
footer .footer-menu ul.menu li a {
font-size: 15px;
}
footer .subfooter a,
footer .subfooter p {
font-size: 15px;
}
footer .subfooter a:not(:last-child)::after,
footer .subfooter p:not(:last-child)::after {
height: 12px;
}
.pg-content .pg-filters-area .filtering-box {
top: 37px;
}
}
@media(max-width: 1256px) {
header .header-top p.tagline {
font-size: 17px;
}
}
@media (min-width: 1001px) and (max-width: 1130px) {
header .logo img {
width: 230px;
} header .header-top .socials-search > a,
header .header-top .socials-search > div {
margin-left: 0;
height: 36px;
width: 36px;
}
header .header-top .socials-search > a.home img,
header .header-top .socials-search > div.home img {
top: 7px;
left: 8px;
}
header .header-top .socials-search > a.linkedin img,
header .header-top .socials-search > div.linkedin img {
top: 7px;
left: 9px;
}
header .header-top .socials-search > a.facebook img,
header .header-top .socials-search > div.facebook img {
top: 8px;
left: 8px;
}
header .header-top .socials-search > a.youtube img,
header .header-top .socials-search > div.youtube img {
top: 9px;
left: 9px;
}
header .header-top .socials-search > a.search img,
header .header-top .socials-search > div.search img {
top: 8px;
left: 8px;
}
header .header-bottom {
margin-top: 1px;
}
header .header-bottom .menu-main-menu-container ul.menu > li {
padding: 10px 6px;
}
header .header-bottom .menu-main-menu-container ul.menu li a {
font-size: 13px;
}
header .header-bottom .menu-main-menu-container ul.menu li:not(:last-child)::after {
margin-right: -2px;
top: 16px;
height: 12px;
}
footer .subfooter a,
footer .subfooter p {
margin-left: 3px;
}
form.search-form input[type="text"] {
height: 37px;
font-size: 15px;
}
}
@media(max-width: 1175px) {
.posts-blocks .post-block.events-block {
padding-bottom: 115px;
}
.posts-blocks .post-block .event-details p {
font-size: 14px;
}
header .header-bottom .menu-main-menu-container ul.menu li a {
font-size: 14px;
font-size: 1.25vw;
}
header .header-bottom .menu-main-menu-container ul.menu > li {
padding: 12px 5px;
padding: 12px 0.6vw;
}
}
@media(max-width: 1160px) {
header .header-top p.tagline {
font-size: 14px;
margin-top: 7px;
}
}
@media(max-width: 1100px) {
.pg-button {
font-size: 15px;
}
}
@media(min-width: 1001px) and (max-width: 1046px) {
.posts-blocks.block-cat-list .block-posts-listing .col-button-area {
height: 88px;
display: flex;
}
.posts-blocks.block-cat-list .block-posts-listing .pg-button {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
}
@media(min-width: 576px) and (max-width: 786px) {
.posts-blocks.block-cat-list .block-posts-listing .col-button-area {
height: 88px;
display: flex;
}
.posts-blocks.block-cat-list .block-posts-listing .pg-button {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 6px 8px;
}
}
@media (max-width: 1000px) {
.menu-shadow.show {
display: block;
}
.posts-blocks .post-block.events-block {
padding-bottom: 85px;
}
.posts-blocks .post-block.events-block-on-directory {
padding-bottom: 108px;
}
.pg-structure {
margin-top: 106px;
}
.home .pg-structure {
margin-top: 130px;
}
.pg-sidebar {
padding: 161px 15px 5px 15px;
width: calc(100% + var(--bs-gutter-x));
}
.pg-sidebar.pg-content-sidebar {
padding-top: 132px;
}
header {
border-bottom: 3px solid #3878b7;
background: #fff;
}
header .logo {
position: relative;
padding-left: 0;
}
header .logo a {
display: block;
}
header .logo img {
width: 166px;
}
header .header-top p.tagline {
margin-top: 0;
font-size: 15px;   text-align: right;
}
header .header-top .socials-search {
margin-top: 10px; width: auto;
}
header .header-top .socials-search > a.home img, header .header-top .socials-search > div.home img {
top: 9px;
left: 10px;
}
header .header-top .mobile-menu-trigger {
display: inline-block;
}
header .header-bottom {
display: none;
}
header.slim {
padding-bottom: 0;
}
header.slim .header-top p.tagline {
margin-top: 0;
}
.newsletter-block .heading p.head {
font-size: 21px;
line-height: 25px;
padding-top: 0;
}
.newsletter-block p {
font-size: 15px;
}
.newsletter-block form .form-row .field {
width: 100%;
margin-bottom: 10px;
}
.newsletter-block form .form-row label {
font-size: 15px;
}
.newsletter-block form .form-row.checkbox-row label {
width: calc(100% - 45px);
}
.mobile-menu {
position: fixed;
top: 0;
right: -90%;
width: 90%;
height: 100%;
z-index: 99;
transition: all 0.4s;
display: block;
background: #3878b7;
overflow-y: scroll;
}
.mobile-menu.show {
right: 0;
}
.mobile-menu .menu-top {
padding: 15px;
background-color: #f8f8f8;
}
.mobile-menu .menu-top .close-sidebar {
display: inline-block;
}
.mobile-menu .menu-top .socials-search {
display: inline-block;
float: right;
margin-top: -3px;
}
.mobile-menu .menu-top .socials-search > a {
height: 42px;
width: 42px;
margin-left: 12px;
display: inline-block;
vertical-align: middle;
background-color: #3878b7;
border-radius: 26px;
position: relative;
}
.mobile-menu .menu-top .socials-search > a:hover {
background-color: #3e82c4;
}
.mobile-menu .menu-top .socials-search > a:first-child {
margin-left: 0;
}
.mobile-menu .menu-top .socials-search > a img {
position: absolute;
max-width: 21px;
max-height: 21px;
}
.mobile-menu .menu-top .socials-search > a.linkedin img {
top: 9px;
left: 11px;
}
.mobile-menu .menu-top .socials-search > a.facebook img {
top: 10px;
left: 10px;
}
.mobile-menu .menu-top .socials-search > a.youtube img {
top: 10px;
left: 11px;
}
.mobile-menu .menu-top .socials-search > a.x img {
top: 11px;
left: 11px;
}
.mobile-menu .menu-top .socials-search > a.link img {
top: 10px;
left: 11px;
}
.mobile-menu .menu-top .socials-search > a.search {
background-color: #3878b7;
}
.mobile-menu .menu-top .socials-search > a.search img {
top: 10px;
left: 10px;
}
.mobile-menu .menu-top .socials-search > a.search:hover {
cursor: pointer;
}
.mobile-menu .menu-top .socials-search > a.search-header {
position: absolute;
right: 55px;
width: 300px;
display: none;
}
.mobile-menu .menu-top .socials-search > a.search-header.show {
display: inline-block;
}
.pg-content .pg-filters-area .pg-button.show-menu {
background-color: #ce3467;
}
.pg-content .pg-filters-area .pg-button.show-menu  .filtering-box {
display: block;
}
}
@media (max-width: 1000px) and (max-width: 1300px) {
.mobile-menu .menu-top .socials-search > a.search-header {
right: 63px;
}
}
@media (max-width: 1000px) and (max-width: 1130px) {
.mobile-menu .menu-top .socials-search > a.search-header {
right: 55px;
}
}
@media (max-width: 1000px) and (max-width: 1001px) {
.mobile-menu .menu-top .socials-search > a.search-header {
right: 0;
margin-top: 51px;
width: 100%;
}
.mobile-menu .menu-top .socials-search > a.search-header form.search-form {
max-width: 100%;
}
}
@media (max-width: 1000px) and (max-width: 804px) {
.mobile-menu .menu-top .socials-search > a.search-header {
margin-top: 65px;
}
}
@media (max-width: 1000px) {
.mobile-menu .menu-top .socials-search > a.menu-icon img {
top: 14px;
left: 10px;
}
}
@media (max-width: 1000px) and (max-width: 1300px) {
.mobile-menu .menu-top .socials-search > a {
height: 40px;
width: 40px;
margin-left: 5px;
}
.mobile-menu .menu-top .socials-search > a img, .mobile-menu .menu-top .socials-search > a.home img {
max-width: 19px;
max-height: 19px;
}
}
@media (max-width: 1000px) and (max-width: 804px) {
.mobile-menu .menu-top .socials-search > a {
height: 40px;
width: 40px;
margin-left: 5px;
}
.mobile-menu .menu-top .socials-search > a img {
max-width: 21px;
max-height: 21px;
}
.mobile-menu .menu-top .socials-search > a.linkedin img {
top: 9px;
left: 10px;
}
.mobile-menu .menu-top .socials-search > a.facebook img {
top: 10px;
left: 9px;
}
.mobile-menu .menu-top .socials-search > a.youtube img {
top: 10px;
left: 10px;
}
.mobile-menu .menu-top .socials-search > a.link img {
top: 10px;
left: 10px;
}
.mobile-menu .menu-top .socials-search > a.search img {
top: 9px;
left: 10px;
}
.mobile-menu .menu-top .socials-search > a.menu-icon img {
top: 13px;
left: 9px;
}
}
@media (max-width: 1000px) {
.mobile-menu .advert {
padding: 15px;
text-align: center;
}
.mobile-menu .advert img {
max-width: 100%;
width: auto;
}
.mobile-menu .close-sidebar {
background-color: #3878b7;
color: #fff;
padding: 5px 10px;
display: inline-block;
margin-bottom: 15px;
font-weight: 600;
margin-bottom: 0;
}
.mobile-menu .close-sidebar:hover {
cursor: pointer;
background: #3e82c4;
}
.mobile-menu .menu-main-menu-container {
background: #3878b7;
}
.mobile-menu .menu-main-menu-container ul.menu {
list-style-type: none;
padding-left: 0;
}
.mobile-menu .menu-main-menu-container ul.menu li {
display: block;
}
.mobile-menu .menu-main-menu-container ul.menu li a {
color: #fff;
text-decoration: none;
font-weight: 500;
display: block;
padding: 15px 15px;
}
.mobile-menu .menu-main-menu-container ul.menu li .sub-menu {
display: none;
}
.mobile-menu .menu-main-menu-container ul.menu li.menu-item-has-children {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/menu-item-expand.svg);
background-repeat: no-repeat;
background-position: top 22px right 15px;
background-size: 20px;
}
.mobile-menu .menu-main-menu-container ul.menu li.menu-item-has-children:hover {
cursor: pointer;
}
.mobile-menu .menu-main-menu-container ul.menu li.menu-item-has-children.open {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/menu-item-close.svg);
}
.mobile-menu .menu-main-menu-container ul.menu li.menu-item-has-children > a {
width: calc(100% - 60px);
}
.mobile-menu .menu-main-menu-container ul.menu li.menu-item-has-children > .sub-menu {
background-color: #3e82c4;
padding-left: 0;
}
.mobile-menu .menu-main-menu-container ul.menu li.menu-item-has-children > .sub-menu .sub-menu {
background-color: #3776b2;
padding-left: 0;
}
.mobile-menu .menu-main-menu-container ul.menu > li > a {
padding: 15px 15px;
}
.pg-content .pst-views-and-author .share-icons h2 {
display: none;
}
.sidebar-trigger {
display: block;
}
.pg-sidebar {
margin-left: -15px;
padding-top: 15px;
position: fixed;
top: 0;
right: -90%;
width: 90%;
height: 100%;
overflow-y: scroll;
z-index: 100;
transition: all 0.4s;
max-width: 330px;
}
.pg-sidebar.show {
right: 0;
}
.pg-sidebar .close-sidebar {
background-color: #3878b7;
color: #fff;
padding: 5px 10px;
display: inline-block;
margin-bottom: 15px;
font-weight: 600;
}
.pg-sidebar .close-sidebar:hover {
cursor: pointer;
background: #3e82c4;
}
.pg-sidebar.pg-content-sidebar {
padding-top: 15px;
}
.pg-sidebar .advert-block a img {
max-width: 100%;
height: auto;
}
}
@media (max-width: 804px) {
header .logo img {
width: 145px;
}
header .pg-container > .row > div:first-child {
position: static;
}
header .header-top p.tagline { font-size: 14px;
line-height: 14px;
text-align: right;
}
header .header-top .socials-search {
margin-top: 11px;
}
header .header-top .socials-search > a.home,
header .header-top .socials-search > div.home {
display: none;
}
header .header-top .socials-search > a.linkedin,
header .header-top .socials-search > div.linkedin {
display: none;
}
header .header-top .socials-search > a.facebook,
header .header-top .socials-search > div.facebook {
display: none;
}
header .header-top .socials-search > a.youtube,
header .header-top .socials-search > div.youtube {
display: none;
}
header .header-top .socials-search > a.search img,
header .header-top .socials-search > div.search img {
top: 8px;
left: 9px;
}
header .header-top .mobile-menu-trigger {
margin-left: 2px;
}
header .socials-search {
}
header.slim .header-top .socials-search {
margin-top: 11px;
margin-bottom: 14px;
}
header.slim .header-top p.tagline {
display: none;
}
.pg-structure {
margin-top: 94px;
}
.home .pg-structure {
margin-top: 130px;
}
.category .pg-structure,
.single-post .pg-structure {
margin-top: 94px;
}
.posts-blocks.block-cat-list .post-block {
margin-bottom: 20px;
}
.posts-blocks.block-large-left {
margin-bottom: 30px;
}
.posts-blocks .post-block.block-small .category {
display: none;
}
.posts-blocks .post-block.block-small .thumbnail {
border: 1px solid #dadada;
}
.posts-blocks .pg-button {
display: block;
width: 100%;
}
.posts-blocks .post-block.block-small {
margin-bottom: 12px;
}
.posts-blocks .heading-row h1,
.posts-blocks .heading-row h2 {
font-size: 26px;
}
.newsletter-block {
margin-bottom: 15px;
}
.newsletter-block .heading img {
margin-bottom: 40px;
}
.newsletter-block form .form-row.email-submit input[type="email"] {
width: 100%;
}
.newsletter-block form .form-row.email-submit input[type="submit"] {
float: none;
width: 100%;
margin-top: 10px;
}
.menu-shadow {
display: none;
}
.menu-shadow.show {
display: block;
}
footer .subfooter a,
footer .subfooter p {
display: block;
margin-bottom: 10px;
margin-left: 0;
}
footer .subfooter a:not(:last-child)::after,
footer .subfooter p:not(:last-child)::after {
display: none;
}
footer .subfooter .subfooter-ci a,
footer .subfooter .subfooter-ci p {
margin-bottom: 0;
text-align: left;
}
.advert-block.mobile-advert {
display: block;
text-align: center;
}
.advert-block.mobile-advert img {
max-width: 100%;
height: auto;
}
.pg-content .pg-filters-area .filter-trigger {
display: block;
}
.pg-content .pg-filters-area .filtering-box {
max-height: calc(100vh - 315px);
overflow-y: scroll;
width: 100%;
}
.pg-content .pg-filters-area .filtering-box.verticals-box {
top: 91px;
}
.pg-content .pg-filters-area .filtering-box.company-box {
top: 145px;
}
.pg-content .pg-filters-area .directory-list .row > div {
margin-bottom: 0;
}
.pg-content .pg-filters-area .directory-list .directory-drop-title {
background-color: #3878b7;
color: #fff;
padding: 9px 10px;
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/menu-item-expand.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: top 15px right 10px;
}
.pg-content .pg-filters-area .directory-list .directory-drop-title p {
font-weight: 600;
margin-bottom: 0;
}
.pg-content .pg-filters-area .directory-list .directory-drop-title:hover {
cursor: pointer;
}
.pg-content .pg-filters-area .directory-list .directory-drop-down {
display: none;
}
.pg-content .pg-filters-area .directory-list .directory-drop-down .pg-button {
height: auto;
float: none;
margin-top: 0;
min-height: 0;
text-align: left;
padding: 9px 10px;
font-weight: 400;
}
.pg-content .pg-filters-area .directory-list.open .directory-drop-title {
background-image: url(//www.contactcentrehelper.com/wp-content/themes/cch-theme/media/img/menu-item-close.svg);
}
.pg-content .pg-filters-area .directory-list.open .directory-drop-down {
display: block;
}
.pg-content .wp-block-image figure {
text-align: center;
}
.pg-content .wp-block-image figure figcaption {
display: block;
}
.pg-content .pst-views-and-author .share-icons h2 {
display: inline-block;
margin-right: 4px;
font-size: 17px;
}
.pg-content .pst-views-and-author p.author {
margin-top: 4px;
font-size: 15px;
}
.pg-content .resource-image {
text-align: center;
}
.pg-content .resource-logo {
text-align: center;
}
.pg-content .pst-thumb.directory-thumb {
float: none;
margin-right: 0;
text-align: center;
}
.pg-content .pg-directory-links .pg-button {
width: 100%;
}
.pg-content .pg-directory-links .social-links {
text-align: center;
}
.author-description .author-image {
text-align: center;
}
.author-description .pg-button {
width: 100%;
}
.posts-blocks .heading-row h2 {
text-align: center;
}
.posts-blocks .heading-row h1.center-header-mobile,
.posts-blocks .heading-row h2.center-header-mobile {
text-align: center;
}
form.resource-form {
margin-bottom: 16px;
}
form.resource-form input[type="submit"] {
width: 100%;
}
.events-filtering .pg-button {
display: inline-block;
width: 48%;
padding: 6px 5px;
}
.events-filtering .pg-button:nth-child(2) {
float: right;
}
.posts-blocks.block-large-left .excerpt {
margin-bottom: 20px;
}
.pg-content .pg-author-block img.avatar {
display: none;
}
.pg-content .pg-author-block .author-name:not(.customer-author) {
margin-bottom: 10px;
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px solid #528fca;
}
}
@media(max-width: 640px) {
header .header-top p.tagline {
font-size: 11px;
line-height: 14px;
text-align: right;
}
}
@media (max-width: 585px) {
.pg-content .pst-views-and-author p.author {
text-align: left;
margin-top: 11px;
font-size: 16px;
}
}
@media(max-width: 575px) {
.advert-block.mobile-advert {
margin-bottom: 20px;
}
.posts-blocks .post-block.events-block {
padding-bottom: 0px;
}
.pg-content .pg-author-block .customer-author {
margin-bottom: 10px;
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px solid #528fca;
}
.pg-content .pg-author-block .customerimg {
max-height: 85px;
width: auto;
}
.posts-blocks h2 {
font-size: 30px;
}
.posts-blocks .post-block.block-large p.excerpt {
font-size: 15px;
}
.posts-blocks .post-block.block-small {
margin-bottom: 20px;
}
.posts-blocks.block-row:not(.on-cat-pg) .row > div:nth-child(3) .post-block,
.posts-blocks.block-row:not(.on-cat-pg) .row > div:nth-child(4) .post-block {
border-bottom: 1px solid #3878b7;
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 0;
height: 100%;
}
.posts-blocks.block-row:not(.on-cat-pg):not(.row-on-directory) .row > div:nth-child(3) .post-block .thumbnail,
.posts-blocks.block-row:not(.on-cat-pg):not(.row-on-directory) .row > div:nth-child(4) .post-block .thumbnail {
display: none;
}
.posts-blocks.block-row:not(.on-cat-pg) .pg-button {
margin-top: 14px;
}
.posts-blocks.block-row:not(.on-cat-pg) .pg-button.btn-resources,
.posts-blocks.block-row:not(.on-cat-pg) .pg-button.btn-top-stories {
width: auto;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks) .row {
margin-bottom: 20px;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row
> div:first-child
.post-block {
border-bottom: 1px solid #3878b7;
padding-bottom: 16px;
margin-bottom: 0;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row
> div:nth-child(2)
.post-block,
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row
> div:nth-child(3)
.post-block {
border-bottom: 1px solid #3878b7;
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 0;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row
> div:nth-child(2)
.post-block
.thumbnail,
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row
> div:nth-child(3)
.post-block
.thumbnail {
display: none;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row.standard
> div:first-child
.post-block {
border-bottom: 1px solid #3878b7;
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 0;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.row.standard
> div:first-child
.post-block
.thumbnail {
display: none;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks) .heading-row {
margin-bottom: 2px;
}
.posts-blocks.block-row.on-cat-pg:not(.events-blocks):not(.resources-blocks):not(.directory-blocks)
.heading-row
.row {
margin-bottom: 10px;
}
.posts-blocks.resources-blocks .advert-block.mobile-advert {
margin-top: 12px;
}
.posts-blocks.resources-blocks .post-block {
height: auto;
border-bottom: 1px solid #3878b7;
margin-bottom: 8px;
}
.posts-blocks.resources-blocks .post-block .thumbnail {
border: none;
padding-bottom: 5px;
margin-bottom: 0;
}
.posts-blocks.resources-blocks .post-block .thumbnail img {
border: 1px solid #dadada;
max-width: 100%;
margin-bottom: 6px;
}
.posts-blocks.resources-blocks .row > div:not(:first-child) .thumbnail img {
display: none;
}
.posts-blocks.resources-blocks .post-block .desc {
margin-bottom: 0px;
}
.posts-blocks.block-row .post-block.resource-block .thumbnail .desc .title {
text-align: left;
padding: 10px 0;
} .posts-blocks:not(.resources-blocks).block-row .post-block .thumbnail .desc .title {
padding: 0;
} .posts-blocks.block-large-left .pg-button {
float: none;
margin-right: 0;
}
.expand-mobile {
width: 100% !important;
}
.newsletter-block .heading img {
display: none;
}
}
@media (max-width: 432px) {
header:not(.slim) .logo img {
width: 100%;
}
.advert-block.mobile-advert img {
max-width: 100%;
height: auto;
}
}
@media(min-width: 1001px) {
.return-to-dash {
text-align: right;
}
}
.table-container .cch-table{
min-width: 400px;
}
.table-container .cch-table th strong, .table-container .cch-table td strong {
font-weight: 700;
}
.table-container .cch-table td, .table-container .cch-table th {
font-size: 14px;
}
@media(max-width: 804px) {
.table-container {
overflow-x: scroll;
width: 100%;
}
.table-container .cch-table{
min-width: 0px;
width: 100%;
}
} .dashboard-table-scroll {
max-height: 450px;
overflow: scroll;
border: 1px solid #acd3f9;
clear: both;
}
.dashboard-table-scroll .cch-table th, .dashboard-table-scroll .cch-table td {
border-left: none;
}
.dashboard-table-scroll .cch-table td:last-child {
border-right: none;
}
.dashboard-table-scroll  .cch-table tr:last-child {
border-bottom: 0;
}
.cch-table {
border:0;
border-collapse:collapse;
margin-bottom: 16px;
}
.cch-table.factfile {
float: left;
margin-right: 16px;
margin-bottom: 16px;
}
@media(max-width: 804px) {
.cch-table.factfile {
float: none;
margin-right: 0;
margin-bottom: 0;
}
}
.cch-table th{
color:#ffffff;
background:#3878b7;
border-left:1px solid #acd3f9;
border-right:1px solid #acd3f9;
padding:10px 15px;
text-align:left;
vertical-align:middle;
font-weight:700;
position: sticky;
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
top: 0;
}
.cch-table.blue th{
background:#3878b7;
}
.cch-table.pink th{
background:#ce3467;
}
.cch-table.grey th{
color:#373c43;
background:#B3B3B3;
}
.cch-table th:last-child{
border-right:none;
}
.cch-table tr{
border-top:1px solid #acd3f9;
border-bottom:1px solid #acd3f9;
color:#000000;
font-size:16px;
font-weight:normal;
text-shadow:0 1px 1px rgba(256, 256, 256, 0.1);
}
.cch-table tr:first-child{
border-top:none;
}
.cch-table tr.blank{
border-bottom:none;
}
.cch-table tr:nth-child(odd) td{
background:#dce9f4;
}
.cch-table th {
text-align: center;
}
.cch-table th:first-child {
text-align: left;
}
.cch-table td{
background:#FFFFFF;
padding:4px;
vertical-align:middle;
border-right:1px solid #acd3f9;
border-left:1px solid #acd3f9;
text-align: center;
padding:10px 15px;
}
.cch-table td:first-child {
text-align: left;
}
.cch-table td a {
color: #000000;
text-decoration: none;
}
.cch-table td a.pg-button {
background-color: transparent;
color: #000000;
font-size: 15px;
background-color: #f8f8f8;
min-width: 110px;
}
.cch-table td a.pg-button:visited {
color: #000000;
}
.cch-table td a.pg-button:hover {
color: #000000;
background-color: #e5e5e5;
}
.cch-table td a.pg-button img {
width: 14px;
vertical-align: center; }
.cch-table td.highlight{
background-color:gold;
}
.cch-table td.blank{
background:none;
border-left:none;
border-right:none;
}
.cch-table tr:nth-child(odd) td.highlight{
background:gold;
}
.cch-table tr:nth-child(odd) td.blank{
background:none;
border-left:none;
border-right:none;
}
.cch-table.xsmall tr{
font-size:12px;
}
.cch-table.small th{
font-size:11px; 
padding: 6px 6px 6px 6px;
}
.cch-table.small td{
padding: 6px 6px 6px 6px;
}
.cch-table.small tr{
font-size:12px;
}
.cch-table.mid th{
font-size:13px; 
padding: 8px 8px 8px 8px;
}
.cch-table.mid td{
padding: 8px 8px 8px 8px;
}
.cch-table.mid tr{
font-size:13px;
}
.cch-table.textleft th, .cch-table.textleft td{
text-align:left;
}
.cch-table.text-center th, .cch-table.text-center td {
text-align:center;
}
.cch-table.text-right th, .cch-table.text-right td {
text-align:right;
}
.cch-table th.rotate{
white-space:nowrap;
padding:5px;
height:50px;
}
.cch-table th.rotate > div{
transform:rotate(270deg);
width:20px;
margin-top:10px;
}
.cch-table .advert-table-ad {
display: block;
margin-bottom: 10px;
}
.report-form p.report-contact {
margin-bottom: 5px;
}
.directory-link {
margin-bottom: 20px;
}
.keys {
margin-bottom: 20px;
}
.keys div {
display: inline-block;
padding: 10px 15px;
}
.action {
font-weight: 600;
}
.action:hover {
text-decoration: underline;
}
.wp-block-list { overflow: auto;
}