/* GLOBAL */
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
}
.anchor {
scroll-margin-top: 150px;
}
@media(min-width: 992px) {
h1.mega, .h1.mega {
font-size: 4rem;
}
}
@media(max-width: 767px) {
body {
font-size: .95rem;
}
h1,
.h1 {
font-size: 2rem;
}
h2,
.h2 {
font-size: 1.75rem;
}
h3,
.h3 {
font-size: 1.6rem;
}
h4,
.h4 {
font-size: 1.45rem;
}
h5,
.h5 {
font-size: 1.3rem;
}
h6,
.h6 {
font-size: 1.15rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
text-transform: uppercase;
letter-spacing: -1px;
}
.btn {
white-space: normal;
}
.round,
#savecontent img:not(.carousel-img),
.overlay-card,
.overlay-card .overlay {
border-radius: 14px;
}
a:hover img,
a.bg-img:hover a.bg-image:hover,
a.bg-img.bg-image:hover {
opacity: .8;
}
#savecontent img {
max-width: 100% !important;
height: auto !important;
}
#savecontent .agencies img {
height: 70px !important;
width: auto !important;
margin: 0 .75rem .75rem 0;
}
.rightfloat,
.rightfloat-lg,
.rightfloat-xl, .leftfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
@media (min-width: 576px) {
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 35%;
}
.leftfloat {
float: left;
margin: 0 1rem 1rem 0;
width: 35%;
}
.rightfloat-lg {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
.rightfloat-xl {
float: right;
margin: 0 0 .5rem 1rem;
width: 50%;
}
}
@media (min-width: 768px) {
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 30%;
}
}
@media (min-width: 992px) {
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 27.5%;
}
}
@media (min-width: 1200px) {
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 25%;
}
}
@media(min-width: 1500px) {
.fives {
flex: 0 0 20% !important;
max-width: 20% !important;
}
}
a.text-secondary:hover {
color: var(--primary-alt) !important;
}
.btn-primary-alt {
color: white !important;
}
.btn-primary {
color: white !important;
}
.btn-primary:hover {
background: var(--primary-alt);
border-color: var(--primary-alt);
}
.btn-dark:hover {
background: var(--primary-alt);
border-color: var(--primary-alt);
}
@media(min-width: 1600px) {
.container {
max-width: 1300px;
}
.subnav {
position: sticky;
z-index: 3;
}
}
.modal-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.modal.fade.show {
background: rgba(0, 0, 0, 0.75);
}
.sub-header h1 {
padding: 3rem 0 1.5rem 0;
}
.sidebar {
height: 100vh !important;
overflow-y: auto;
width: 300px;
background: var(--light);
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
position: fixed;
left: 0;
top: 0;
z-index: 1;
}
@media(max-width: 991px) {
.sidebar {
left: -310px;
}
}
.sidebar {
transition: left .15s ease-in-out !important;
background-image: url(/userfiles/2522/images/sidebarbg.jpg);
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
}
.sidebar.collapse.show {
left: 0 !important;
}
@media(min-width: 992px) {
.sidebar.collapse {
left: 0 !important;
display: block !important;
}
.side-link {
margin: .65rem 0 !important;
}
.side-link.active {
background: var(--primary);
color: white !important;
}
.side-links-wrap {
padding: .25rem 0;
}
/*.breadcrumbs a.text-secondary {
background: var(--primary);
padding: 0px 13px;
border-radius: 13px;
color: white !important;
}
.breadcrumbs a.text-secondary:hover {
background: var(--primary-alt);
color: white !important;
}*/
}
.breadcrumbs a.text-secondary {
color: var(--primary-alt) !important;
font-weight: bold;
}
.breadcrumbs a.text-secondary:hover {
color: white !important;
}
.breadcrumbs {
display: block !important;
}
.subnav.py-2 {
padding: .75rem 0 !important;
}
@media (max-width: 767px) {
.subnav .container.d-flex {
display: block !important;
}
.filter-btn {
margin-bottom: .5rem;
}
}
.filter-btn.text-black {
white-space: nowrap !important;
background-color: var(--primary) !important;
border-color: var(--primary) !important;
color: white !important;
}
.filter-btn.text-black:hover {
background-color: var(--primary-alt) !important;
border-color: var(--primary-alt) !important;
color: white !important;
}
.filter-btn,
.sidebar .btn {
padding: 1px 5px;
font-size: .8rem;
}
.sidebar {
border-right: 1px solid white;
}
.side-links-wrap {
font-size: .95rem;
line-height: 1.15;
}
.side-link {
background: white;
}
.side-link.text-dark:hover {
background: var(--primary-alt);
color: white !important;
}
.sidebar .btns .btn {
width: 76px;
}
.overlay-cards .overlay {
transition: all .2s ease-in-out;
background-color: rgba(0, 0, 0, 0.5) !important;
opacity: 100 !important;
}
.overlay-card:hover .overlay {
background-color: rgba(255, 255, 255, 0) !important;
}
.overlay-card:hover .overlay span {
opacity: 0;
}
@media(max-width: 400px) {
.overlay-cards .overlay-card span.h5, .overlay-cards .overlay-card span.h6 {
font-size: .9rem !important;
}
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
background-color: rgba(0, 0, 0, 0.9);
padding: 1rem;
background-size: 20px;
}
.accordion-new .card-header:hover {
background: var(--primary);
}
.accordion-new .card-header:hover a.text-primary {
color: white !important;
}
.striped-table span {
padding: .5rem .75rem;
}
.striped-table span:nth-of-type(odd) {
background: var(--light);
}
#savecontent form label {
font-weight: bold;
}
#savecontent .formbuilder-checkbox label {
font-weight: normal;
}
.form-group-37 .formbuilder-checkboxgrouplabel {
font-weight: normal;
font-size: .85rem;
}
.blog-detail-page {
background: var(--light);
}
.blog-detail-page .blog {
background: white;
padding: 1.5rem;
border-radius: 12px;
}
.blog-detail-page .blog-desc > h4 {
font-weight: normal !important;
}
.anchor {
scroll-margin-top: 220px;
}
.event-detail-page form {
background: var(--light);
border-radius: 10px;
padding: 1.5rem;
}
/* PAGE SPECIFIC */
/* FOOTER */