:root {
--text-color: #3a3a3c;
--primary-font: 'Open Sans', sans-serif;
--secondary-font: 'Playfair Display', serif;
--docHeight: 100vh;
}
a {
color: var(--color-1);
transition: all ease .3s;
}
a:hover,
a:focus {
color: var(--color-5);
transition: all ease .3s;
}
body .gform_wrapper.gravity-theme .button,
.btn {
background-color: var(--color-1);
border-radius: 0;
border: 1.5px solid #fff;
color: #fff;
letter-spacing: 1px;
font-size: 16px;
padding: .4em 1.4em;
text-transform: uppercase;
transition: all ease .3s;
}
body .gform_wrapper.gravity-theme .button:hover,
body .gform_wrapper.gravity-theme .button:focus,
.btn:hover,
.btn:focus {
background-color: var(--color-5);
}
h1,
h2 {
font-family: var(--secondary-font);
}
h2 {
font-weight: 400;
font-size: 28px;
} .primary-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 11;
padding: 20px 0;
}
.primary-header:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: .8;
z-index: -1;
}
.primary-header .header-row {
align-items: flex-end;
}
.main-nav .menu li {
margin: 0;
}
.main-nav .menu li > a {
color: var(--text-color);
text-transform: uppercase;
font-family: var(--primary-font);
padding: 5px 12px;
font-weight: 600;
}
.main-nav .menu li.mega-menu-item > a {
position: relative;
padding-right: 12px;
margin-right: 4px;
}
.main-nav .menu li.mega-menu-item > a:after {
content: '\f0d7';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.main-nav .menu li:hover > a,
.main-nav .menu li.active > a {
color: var(--color-1);
}
.mega-menu {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 11;
}
.mega-menu.active {
display: block;
}
.mega-menu .mega-menu-inner {
padding: 25px;
}
.mega-menu:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: .8;
z-index: -1;
}
.mega-menu .h2 {
font-weight: 600;
color: var(--color-5);
margin-bottom: 12px;
margin-left: 12px;
font-family: var(--secondary-font);
font-size: 32px;
}
.mega-menu .h3 {
font-weight: 600;
color: var(--color-5);
font-size: 18px;
margin-bottom: 2px;
}
.mega-menu .menu-row {
justify-content: space-between;
column-gap: 15px;
}
.mega-menu .menu-row .menu-col {
flex: 1 1 auto;
position: relative;
padding: 25px 40px;
column-gap: 40px;
}
.mega-menu .menu-row .menu-col:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #404;
opacity: .6;
z-index: -1;
}
.mega-menu .menu-row .menu-col .inner-col {
flex: 1 1 auto;
}
.mega-menu .menu-row .menu-col .section {
margin-bottom: 10px;
}
.mega-menu .menu-row .menu-col .section .menu-section {
padding-left: 2px;
}
.mega-menu .menu-row .menu-col a {
padding: 0;
font-weight: 500;
color: var(--text-color);
}
.mega-menu .menu-row .menu-col a:hover,
.mega-menu .menu-row .menu-col a:focus {
color: var(--color-1);
}
.mega-menu .menu-row .image-col {
flex: 1 1 400px;
}
.mega-menu .menu-row .image-col img {
height: 100%;
object-fit: cover;
}
.banner-section {
z-index: 3;
}
.page-wrap {
display: flex;
}
.page-wrap > .sidebar-col {
flex: 0 1 300px;
min-width: 300px;
background-color: var(--color-3);
border-right: 5px solid var(--color-2);
}
.page-wrap > .sidebar-col .sidebar {
width: 295px;
padding: 30px 0;
position: sticky;
z-index: 1;
}
.page-wrap > .sidebar-col .sidebar:before {
content: '';
position: absolute;
top: -100vh;
left: 0;
right: 0;
bottom: 0;
background-color: var(--color-1);
pointer-events: none;
z-index: -1;
}
.page-wrap > .sidebar-col .sidebar a {
color: #fff;
white-space: nowrap;
font-weight: 500;
text-transform: uppercase;
font-size: 15px;
padding: 6px;
display: block;
}
.page-wrap > .sidebar-col .sidebar a:hover,
.page-wrap > .sidebar-col .sidebar a:focus {
color: var(--color-4);
}
.page-wrap > .sidebar-col .sidebar .menu {
list-style: none;
padding: 0;
width: fit-content;
margin: 0 auto;
}
.page-wrap > .main-col {
flex: 1 1 auto;
}
body.sidebar .page-wrap .sidebar-col .sidebar {
left: 0;
top: var(--headerHeight);
} .primary-footer {
background-color: var(--color-2);
z-index: 3;
position: relative;
}
.primary-footer .footer-row {
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 60px;
row-gap: 30px;
padding: 30px 0;
}
.primary-footer .footer-row a {
color: #121212;
}
.primary-footer .footer-row a:hover,
.primary-footer .footer-row a:focus {
color: #fff;
}
.primary-footer .info-col .logo {
max-width: 250px;
margin-bottom: 20px;
}
.primary-footer .info-col .address,
.primary-footer .info-col .phone {
margin-bottom: 10px;
}
.primary-footer .info-col .social {
column-gap: .5em;
font-size: 18px;
margin-top: 20px;
}
.primary-footer .info-col .social .link a {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 40px;
height: 40px;
background-color: var(--color-1);
}
.primary-footer .info-col .social .link a:hover,
.primary-footer .info-col .social .link a:focus {
background-color: var(--color-5);
}
.primary-footer .map {
align-self: stretch;
flex: 1 1 auto;
max-width: 500px;
}
.primary-footer .map iframe {
height: 100%;
width: 100%;
}
.primary-footer .sitemap-col .menu {
display: block;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
line-height: 2.2;
}
.primary-footer .form-col {
flex: 0 0 400px;
overflow: hidden;
padding-top:30px;
}
.primary-footer .form-col .inner {
margin: -50px -40px 0;
max-height: 670px;
}
.primary-footer .form-col h2 {
text-align: center;
color: var(--color-5);
margin-bottom: 10px;
}
.primary-footer .form-col .form .gform_wrapper.gravity-theme .gform_fields {
row-gap: 8px;
}
.primary-footer .form-col .form .gform_wrapper.gravity-theme .gfield textarea.small {
height: 76px;
}
.primary-footer .form-col .form .gform_wrapper.gravity-theme input:not([type='submit']),
.primary-footer .form-col .form .gform_wrapper.gravity-theme textarea {
padding: 4px;
}
.primary-footer .form-col .form .gform_wrapper.gravity-theme .gfield_label {
display: none;
}
.primary-footer .form-col .form .gform_wrapper.gravity-theme .gform_footer {
margin: 0;
padding: 0;
}
.primary-footer .form-col .form .gform_wrapper.gravity-theme .button {
margin: 0 auto;
}
.primary-footer .copyright {
background-color: var(--color-1);
padding: 10px 0;
}
.primary-footer .copyright a {
color: #fff;
}
.primary-footer .copyright a:hover,
.primary-footer .copyright a:focus {
color: var(--color-4);
} .columns-section {
background-color: var(--color-2);
padding: 50px;
}
.columns-section .columns {
flex-wrap: wrap;
align-items: center;
column-gap: 100px;
}
.columns-section .columns .col {
flex: 1 1 calc(50% - 50px);
}
.columns-section .columns .col p:last-child {
margin-bottom: 0;
}
.columns-section h1 {
text-align: right;
max-width: 400px;
font-family: var(--secondary-font);
margin: 0 0 0 auto;
line-height: 1.2;
}
.columns-section .content-col {
font-size: 18px;
}
.columns-section .content-col p {
max-width: 26em;
}
.content-section {
background-color: #fff;
padding: 30px;
}
.content-section:nth-child(even) {
background-color: var(--color-4);
}
.content-section:nth-child(even) .content-row {
flex-direction: row-reverse;
}
.content-section .content-row {
flex-wrap: wrap;
column-gap: 50px;
row-gap: 20px;
}
.content-section .content-row > .col {
flex: 1 1 calc(50% - 25px);
min-width: min(350px, 100%);
}
.content-section .content-row .content-col {
padding: 0 15px;
align-self: center;
}
.content-section .content-row .content-col h2 {
color: var(--color-5);
text-align: center;
}
.content-section .content-row .content-col p:last-child {
margin-bottom: 0;
}
.content-section .content-row .image-col {
position: relative;
min-height: 450px;
}
.content-section .content-row .image-col .image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content-section .content-row .image-col .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.background-sections {
padding: 0 30px 30px;
}
.background-sections .sections {
flex-wrap: wrap;
column-gap: 50px;
row-gap: 30px;
}
.background-sections .sections .col {
flex: 1 1 calc(50% - 25px);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
padding: 50px;
z-index: 1;
color: #fff;
min-height: 450px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.background-sections .sections .col h2 {
text-align: center;
}
.background-sections .sections .col:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: .5;
z-index: -1;
}
.con-ph {font-size:22px;}
.foot-ph {font-size: 20px;}   body {
overflow: auto;
position: relative;
}
body.no-scroll {
overflow: hidden;
}
.mobile-header {
display: none;
top: 0;
background-color: #fff;
max-height: 100vh;
overflow-y: hidden;
transition: all auto .3s;
transition-delay: .3s;
}
.mobile-header .nav-wrap {
max-height: 0;
opacity: 0;
overflow-x: hidden;
transition-property: opacity, max-height;
transition-duration: .3s, .3s;
transition-delay: 0s, 0s;
transition-timing-function: ease;
background-color: var(--color-1);
}
body.mobile-menu .mobile-header .nav-wrap {
display: block;
opacity: 1;
max-height: calc(var(--docHeight) - var(--headerHeight) - 50px);
transition-property: opacity, max-height;
transition-duration: .3s, 0s;
transition-delay: 0s, 0s;
transition-timing-function: ease;
}
.mobile-backdrop {
position: absolute;
background-color: #000;
opacity: 0;
transition-property: opacity, max-height;
transition-duration: .3s, 0;
transition-delay: 0s, 0s;
transition-timing-function: ease;
top: 0;
left: 0;
right: 0;
bottom: -200px;
max-height: 0;
z-index: 11;
}
body.mobile-menu .mobile-backdrop {
display: block;
opacity: .75;
transition-property: opacity, max-height;
transition-duration: .3s, 0s;
transition-delay: 0s, 0s;
transition-timing-function: ease;
max-height: calc(100vh + 50px);
}
body.mobile-menu .mobile-header .toggle-nav .fas:before {
content: '\f00d';
}
.mobile-header .mobile-menu {
border-bottom: 1px solid var(--color-4);
}
.mobile-header .mobile-row {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px 0 0;
}
.mobile-header .mobile-row > * {
flex: 1 1 auto;
}
.mobile-header .mobile-row .toggle-nav {
flex: 0 0 60px;
font-size: 26px;
cursor: pointer;
position: relative;
padding-left: 10px;
}
.mobile-header .mobile-row .toggle-nav .fas {
color: var(--color-5);
z-index: 3;
}
.mobile-header .menu {
display: block;
padding: 0;
margin: 0;
list-style: none;
font-size: 16px;
text-transform: uppercase;
}
.mobile-header .menu > li {
border-top: 1px solid var(--color-4);
}
.mobile-header .menu a {
color: #fff;
}
.mobile-header .menu a:hover,
.mobile-header .menu a:focus {
color: var(--color-4);
}
.mobile-header .menu > li > a {
padding: 10px;
display: block;
}
.mobile-menu .menu-item-has-children > a {
position: relative;
}
.mobile-menu .menu-item-has-children > a:after {
position: absolute;
right: 15px;
content: '\f078';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-left: 2px;
font-size: 14px;
transition: all ease .3s;
}
.mobile-menu .menu-item-has-children .sub-menu {
position: static;
transform: none;
list-style: none;
padding: 0;
margin: 0;
background: none;
font-size: 14px;
}
.mobile-menu .menu-item-has-children .sub-menu > li {
border-top: 1px solid var(--color-4);
}
.mobile-menu .menu-item-has-children .sub-menu > li > a {
display: block;
padding: 8px 0;
padding-left: 20px;
font-weight: 500;
}
.mobile-menu .menu-item-has-children .sub-menu .sub-menu {
text-transform: none;
}
.mobile-menu .menu-item-has-children .sub-menu .sub-menu > li {
border-top: 1px solid var(--color-4);
}
.mobile-menu .menu-item-has-children .sub-menu .sub-menu > li > a {
display: block;
padding: 6px 0;
padding-left: 40px;
}
.mobile-menu .menu-item-has-children:hover .sub-menu {
display: none;
}
.mobile-menu .menu-item-has-children.active > a:after {
transform: rotate(180deg);
}
.mobile-menu .menu-item-has-children.active > .sub-menu {
display: block;
}
.mobile-header .mobile-c2a a {
color: #fff;
}
.mobile-header .mobile-c2a a:hover,
.mobile-header .mobile-c2a a:focus {
color: var(--color-4);
}
.mobile-header .logo-col {
flex: 1 1 calc(100% - 60px);
}
.mobile-header .logo-col a {
display: block;
text-align: center;
width: fit-content;
margin: 0 auto;
}
.mobile-header .logo-col img {
max-height: 60px;
width: auto;
display: inline-block;
max-width: 100%;
padding-right: 10px;
padding-bottom: 10px;
}
.toggle-item {
border: 2px solid var(--color-1);
margin-bottom: 12px;
}
.toggle-item .toggle-heading {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 30px;
cursor: pointer;
}
.toggle-item .toggle-heading .heading {
font-size: 28px;
}
.toggle-item .icon {
transition: transform ease-in-out .4s;
}
.toggle-item .toggle-content {
display: none;
border-top: 1px solid #333;
padding: 5px 15px;
}
.toggle-item.active .toggle-content {
display: block;
}
.toggle-item .toggle-content p {
margin: 10px 0;
}
.toggle-item .icon.active {
transform: rotate(90deg);
}
.main-heading {
background-color: var(--color-2);
text-align: center;
padding: 15px 0;
}
.main-heading h1 {
margin: 0;
color: #fff;
}
.ip-container {
padding: 0 15px;
max-width: 1265px;
margin: 0 auto;
}
.services-section .service {
padding: 20px 0;
}
.services-section .service .heading {
text-align: center;
color: var(--color-5);
}
.services-section .service .service-inner {
flex-wrap: wrap;
row-gap: 30px;
column-gap: 50px;
}
.services-section .service .image-col {
flex: 1 1 calc(50% - 25px);
position: relative;
min-width: min(400px, 100%);
}
.services-section .service .image-col .image {
height: 100%;
}
.services-section .service .image-col .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.services-section .service .content-col {
flex: 1 1 calc(50% - 25px);
align-self: center;
}
.services-section .service:nth-child(even) {
background-color: var(--color-4);
}
.services-section .service:nth-child(even) .service-inner {
flex-direction: row-reverse;
}
.services-section .service:nth-child(even) .content-col {
padding-left: 0;
padding-right: 50px;
}
.attorneys-section {
margin: 50px 0;
}
.attorneys-section .attorney {
flex-wrap: wrap;
column-gap: 50px;
row-gap: 20px;
margin-bottom: 50px;
}
.attorneys-section .attorney .image-col {
flex: 1 1 calc(30% - 25px);
min-width: 200px;
}
.attorneys-section .attorney .content-col {
flex: 1 1 calc(70% - 25px);
}
.attorneys-section .attorney h2 {
margin-bottom: 0;
color: var(--color-5);
}
.attorneys-section .attorney .position {
font-weight: 700;
font-size: 18px;
}
.attorneys-section .attorney .main-content {
margin-top: 20px;
}
.attorneys-section .attorney .link {
font-weight: 700;
cursor: pointer;
}
.attorneys-section .attorney .link:after {
content: '\f101';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-left: .5em;
}
.attorneys-section .modal .image {
max-width: 350px;
}
.attorneys-section .modal .heading-row {
display: flex;
align-items: flex-end;
justify-content: center;
line-height: 1.1;
}
.attorneys-section .modal .heading-row h2 {
line-height: 1;
}
.attorneys-section .modal .heading-row .position:before {
content: '-';
padding: 0 1em;
}
.faq-section {
margin: 50px 0;
}
.faq-section .toggle-item {
background-color: var(--color-4);
}
.faq-section .toggle-item .toggle-heading {
align-items: center;
padding-left: 5px;
justify-content: flex-start;
}
.faq-section .toggle-item .toggle-heading .heading {
font-size: 18px;
font-weight: 700;
margin: 0;
}
.faq-section .toggle-item .icon {
flex-basis: 50px;
text-align: center;
font-size: 22px;
color: #fcfcfc;
}
.contact-section {
margin: 50px 0;
}
.contact-section .contact-row {
flex-wrap: wrap;
justify-content: space-around;
row-gap: 20px;
column-gap: 50px;
}
.contact-section .contact-row .contact-col {
font-size: 16px;
}
.contact-section .contact-row .contact-col .logo {
width: 100%;
max-width: 400px;
margin-bottom: 30px;
}
.contact-section .contact-row .contact-col .inner {
width: fit-content;
margin-left: auto;
}
.contact-section .contact-row .contact-col .business-name {
font-weight: 700;
font-size: 18px;
}
.contact-section .contact-row .map.col {
flex: 0 1 50%;
}
.contact-section .map iframe {
width: 100%;
height: 350px;
}
.blog-meta{
margin-bottom:15px;
}
.blog-meta span.date{
font-weight:700;
}
.blog-meta span.category{
}
.blog-section {
margin: 50px 0;
}
.blog-section .blog {
padding: 15px;
}
.blog-section .blog a {
color: var(--color-1);
font-weight: 700;
}
.blog-section .blog .blog-inner {
column-gap: 50px;
align-items: stretch;
flex-wrap: wrap;
row-gap: 20px;
}
.blog-section .blog .image-col {
min-width: 180px;
}
.blog-section .blog .image-col img {
height: 100%;
width: 100%;
object-fit: cover;
}
.blog-section .blog .content-col {
padding: 0;
flex: 1 1 calc(66.66% - 25px);
}
.blog-section .blog .read-more {
display: block;
margin-top: 20px;
color: var(--color-1);
}
.blog-section .blog h2 {
color: var(--color-1);
}
.blog-section .blog:nth-child(n) {
background-color: var(--color-4);
}
.blog-section .blog:nth-child(n) .image-col {
order: 0;
flex: 1 1 calc(33.33% - 25px);
}
.blog-section .blogs-row {
column-gap: 50px;
}
.blog-section .blogs-col {
margin-right: 0;
flex: 1 1 calc(100% - 350px);
}
.blog-section .sidebar-col {
flex: 0 1 300px;
}
.blog-section .sidebar-col .sidebar {
border: none;
}
.blog-section .sidebar-col .sidebar .search .search-form {
width: 100%;
margin: 0 auto;
}
.blog-section .sidebar-col .sidebar .search .search-form button {
bottom: 0;
right: 5px;
background: none;
border: none;
color: #fff;
font-size: 18px;
}
.blog-section .sidebar-col .sidebar .search .search-form input {
width: 100%;
background-color: var(--color-1);
color: #fff;
padding: 4px 30px 4px 10px;
border-color: var(--color-2);
}
.blog-section .sidebar-col .sidebar .search .search-form input::placeholder {
color: #fff;
opacity: 1;
}
.blog-section .sidebar-col h2 {
color: var(--color-5);
font-weight: 700;
font-size: 26px;
margin: 25px 0;
}
.blog-section .sidebar-col .post {
text-align: left;
border-bottom: 1px solid var(--color-1);
padding-bottom: 25px;
margin-bottom: 20px;
}
.blog-section .sidebar-col .post a {
color: #252525;
font-weight: 400;
}
.blog-section .sidebar-col .post h3 {
margin-bottom: 6px;
color: var(--color-1);
font-size: 20px;
}
.main-section {
margin: 50px 0;
}
.mobile-header .sidebar-wrap {
background-color: var(--color-1);
padding: 0 8px;
flex: 1 1 100%;
}
.mobile-header .sidebar-wrap .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size: 14px;
}
.mobile-header .sidebar-wrap .menu > li {
flex: 1 1 25.1%;
text-align: center;
border: none;
}
.mobile-header .sidebar-wrap .menu > li > a {
min-width: 85px;
padding: 5px 0;
font-weight: 400;
white-space: nowrap;
}
h4 {
margin-bottom: 5px;
}
.page-id-2186 .main-section h2,
.page-id-2186 .main-section h3,
.page-id-2186 .main-section h4 {
color: var(--color-5);
}
@media screen and (max-width: 1399px) {
.primary-footer .footer-row {
padding-bottom: 0;
width: fit-content;
}
.primary-footer .footer-row .sitemap-col {
order: 4;
flex: 1 1 100%;
margin-top: 20px;
background-color: var(--color-4);
margin: 0 -15px;
}
.primary-footer .footer-row .sitemap-col .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 1em;
}
}
@media screen and (max-width: 1199px) {
.primary-footer .footer-row .info-col {
flex: 0 1 auto;
}
.primary-footer .footer-row .info-col .inner {
width: fit-content;
margin: 0 auto;
}
.primary-footer .footer-row .map {
flex: 1 1 auto;
}
.primary-footer .footer-row .map iframe {
min-height: 300px;
}
.primary-footer .footer-row .form-col {
flex: 0 1 810px;
}
.columns-section .columns {
column-gap: 50px;
}
.contact-section .contact-row .map.col {
flex-grow: 1;
}
.contact-section .contact-row .contact-col .inner {
margin: 0;
width: auto;
text-align: center;
}
}
@media screen and (max-width: 991px) {
body {
margin-top: calc(50px + var(--headerHeight));
}
.mobile-header {
display: block;
}
.primary-header {
display: none;
}
.mobile-menu .menu-item-has-children .sub-menu {
white-space: normal;
}
.page-wrap {
flex-direction: column-reverse;
}
.page-wrap > .sidebar-col {
width: 100%;
flex-basis: auto;
background-color: var(--color-1);
border-right: none;
}
.page-wrap > .sidebar-col .sidebar {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.page-wrap > .sidebar-col .sidebar:before {
display: none;
}
.page-wrap > .sidebar-col .sidebar .menu {
display: flex;
flex-wrap: wrap;
column-gap: 1em;
row-gap: .5em;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.content-section {
padding: 30px 15px;
}
.content-section .content-row .content-col {
padding: 0;
}
.columns-section {
padding: 50px 15px;
}
.columns-section .columns {
flex-direction: column;
text-align: center;
row-gap: 30px;
}
.columns-section .columns h1 {
text-align: center;
}
.background-sections {
padding: 0 0 30px;
}
.background-sections .sections .col {
padding: 50px 15px;
}
.primary-footer .form-col {
padding: 10px 15px;
margin: 0 -15px;
}
}
@media screen and (max-width: 399px) {
.mobile-header .sidebar-wrap .menu > li {
flex-basis: 50%;
}
.primary-footer .form-col .inner {
max-height: 770px;
}
}
span.more-toggle{
color: var(--color-1);
font-weight:700;
transition: all ease .3s;
}
span.more-toggle:hover, span.more-toggle:focus{
color: var(--color-5);
transition: all ease .3s;
cursor:pointer;
}
.additional-content{
display:none;
height:auto;
width:100%;
}