@font-face {
font-family: 'Adobe Garamond Pro';
src: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/fonts/AGaramondPro-Italic.woff2) format('woff2'),
url(//www.tosifirm.com/wp-content/themes/tosilow/assets/fonts/fonts/AGaramondPro-Italic.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Adobe Garamond Pro Regular';
src: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/fonts/AGaramondPro-Regular.woff2) format('woff2'),
url(//www.tosifirm.com/wp-content/themes/tosilow/assets/fonts/fonts/AGaramondPro-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
} :root { --dark: #0C0D0E;
--blue: #162538;
--medium-grey: #BABBBF;
--light-grey: #EBEBEB;
--white: #FFFFFF;
--black: #000000;
--green-1: #015D5C;
--green-2: #034947;
--green-3: #034947;
--green-4: #175668;
--green-5: #11374A;
--green-6: #071828;
--rose: #701E46;
--light-yellow: #F4C04A; --font-fightree: 'Figtree', sans-serif;
--adobe-garamond-pro: 'Adobe Garamond Pro', serif;
--adobe-garamond-regular: 'Adobe Garamond Pro Regular', serif; --transition: 0.3s ease;
}
.bg-blue {
background-color: var(--blue)
}
.bg-rose {
background-color: var(--rose)
}
.bg-dark {
background-color: var(--dark)
}
.bg-light-yellow {
background-color: var(--light-yellow)
}
.page, .post {
margin-bottom: 0
}
html {
scroll-behavior: smooth
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
overflow-x: hidden;
text-decoration: none;
box-sizing: border-box;
margin-bottom: 0;
background: #fff;
font-size: 18px;
font-weight: 400;
line-height: 26.1px;
color: var(--dark);
font-family: var(--font-fightree);
position: relative;
padding-top: 86px;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0
}
.h1, h1 {
font-family: var(--font-fightree);
margin-bottom: 25px;
letter-spacing: 0;
color: var(--white);
font-size: 78px;
font-weight: 500;
line-height: 90px;
letter-spacing: -2px
}
.h2, h2 {
font-family: var(--font-fightree);
margin-bottom: 25px;
letter-spacing: 0;
color: var(--dark);
font-size: 54px;
font-weight: 500;
line-height: 59.4px;
letter-spacing: -1px
}
.h3, h3 {
font-family: var(--adobe-garamond-regular);
margin-bottom: 25px;
color: var(--dark);
font-size: 46px;
font-weight: 400;
line-height: 50.6px
}
.h4, h4 {
font-family: var(--adobe-garamond-regular);
margin-bottom: 25px;
color: var(--dark);
font-size: 40px;
font-weight: 400;
line-height: 45.6px
}
.h5, h5 {
font-family: var(--font-fightree);
margin-bottom: 25px;
color: var(--dark);
font-size: 34px;
font-weight: 500;
line-height: 42.5px
}
.h6, h6 {
font-family: var(--font-fightree);
margin-bottom: 25px;
letter-spacing: 0;
color: var(--dark);
font-size: 26px;
font-weight: 600;
line-height: 31.1px
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
font-style: italic;
font-family: 'Adobe Garamond Pro';
font-weight: 400;
}
h1 i, h2 i {
font-size: 90px;
line-height: 90%;
}
a {
color: var(--dark);
text-decoration: none;
transition: var(--transition)
}
svg path {
transition: var(--transition)
}
a:not(.btn):hover {
color: var(--rose)
}
p {
font-size: 18px;
font-weight: 400;
line-height: 26.1px;
color: var(--dark);
margin-bottom: 30px;
font-family: var(--font-fightree)
}
li:last-child, p:last-child {
margin-bottom: 0
}
ol, ul {
margin: 0 0 0 20px
}
li {
font-size: 18px;
font-weight: 400;
line-height: 26.1px;
color: var(--dark);
margin-bottom: 25px
}
.container {
padding-left: 30px;
padding-right: 30px;
margin: 0 auto;
width: 100%
}
.column-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.align-center {
align-items: center
}
.gform-theme--framework .gform_validation_errors:focus {
outline: 0 !important;
} .btn, input[type="submit"] {
background-color: var(--dark);
padding: 17px 30px 13.25px 30px;
font-weight: 600;
font-size: 15px;
color: var(--white);
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .2s ease;
display: inline-block;
line-height: 21.75px;
border: 0;
border-radius: 0;
cursor: pointer;
}
.btn-with-icon {
font-size: 15px;
line-height: 21.75px;
padding: 15px 82px 15px 30px;
background-color: transparent;
border: solid 1px var(--dark);
color: var(--dark)
}
.btn-yellow, .btn-yellow-mbl {
background-color: var(--light-yellow);
color: var(--dark)
}
.btn-white, .btn-white-mbl {
background-color: var(--white);
color: var(--dark)
}
.btn:hover span {
transform: translateY(-2px);
color: var(--white)
}
input[type="submit"]:hover {
background-color: var(--light-yellow);
border-color: var(--light-yellow);
color: var(--dark)
}
.btn-white:hover span, .btn-with-icon:hover span, .btn-yellow:hover span, .btn-yellow-mbl:hover span, .btn-white-mbl:hover span {
color: var(--dark)
}
.btn span {
transition: all .2s ease;
display: inline-block
}
.title-section span {
color: var(--dark);
font-size: 18px;
font-weight: 500;
line-height: 21.6px;
text-transform: uppercase;
}
.title-section span strong {
font-weight: 700;
}
.sub-title {
display: inline-block;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22px;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 30px;
}
.sub-title span {
color: var(--light-yellow);
font-weight: 700;
}
span.yellow strong {
color: var(--light-yellow)
}
span.rose strong {
color: var(--rose)
}
span.green strong {
color: #015D5C;
}
.btn-link {
color: var(--dark);
font-size: 15px;
font-weight: 600;
line-height: 21.75px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
position: relative;
width: fit-content;
}
.btn-link:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #0C0D0E;
}
.btn-link:hover:after {
background-color: var(--rose);
}
.popup-youtube {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
background: var(--rose, #701E46);
}
.custom-arrow .sbodylick-arrow {
position: static;
transform: unset
}
.custom-arrow {
display: flex;
align-items: center;
justify-content: end
}
.custom-arrow .slick-arrow.next {
margin-left: 15px
}
.slick-disabled {
opacity: .25
}
ul.slick-dots {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
left: 0;
right: 0
}
ul.slick-dots li {
margin-bottom: 0;
height: 10px;
width: 10px;
background: #000;
border-radius: 50%;
margin: 0 5px;
opacity: 1;
list-style-type: none;
opacity: .15
}
ul.slick-dots li button {
font-size: 0;
background: 0;
border: 0;
width: 0;
box-shadow: unset
}
ul.slick-dots li.slick-active {
opacity: 1
}
.custom-slick {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
flex-wrap: wrap
}
.custom-dots {
position: relative
}
.custom-dots .slick-dots {
position: static;
justify-content: start
}
.custom-dots .slick-dots li {
background-color: #093833
}
.custom-nav button {
padding: 0;
background-color: transparent;
border: 0;
cursor: pointer;
}
.custom-nav .counter {
color: #0C0D0E;
font-size: 15px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin: 0 12px;
}
.custom-nav {
display: flex;
align-items: center;
}
.custom-nav .custom-prev {
transform: scale(-1);
}
.custom-nav svg {
display: block;
}
.custom-nav button:hover svg path, .disabled svg path {
fill: rgba(112, 30, 70, 0.30);
}
.custom-nav-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.custom-nav-wrapper .btn{
padding: 15px 13px;
}
.slider:has(.slick-slide:only-child) + .custom-nav {
display: none;
}
.disabled {
pointer-events: none;
cursor: default;
} .site-header {
border-bottom: solid #0c0D0E24 1px;
position: fixed;
z-index: 3;
top: 0;
width: 100%;
left: 0;
background-color: #fff;
}
.admin-bar header {
top: 32px
}
.admin-bar header.is-sticky {
top: 32px;
}
.site-branding img {
vertical-align: middle;
}
header.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 11;
animation: slideDown .6s ease-out;
background-color: var(--white);
}
.header-row {
display: flex;
align-items: center;
justify-content: space-between
}
.header-left {
display: flex;
align-items: center
}
.header-menu ul.menu {
display: flex;
margin: 0;
list-style-type: none
}
.site-header .contact-details p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px
}
.site-branding {
padding: 26px 30px 26px 0;
border-right: solid 1px #0c0D0E24;
margin-right: 40px
}
.site-header .contact-details a {
font-size: 22px;
text-decoration: none;
line-height: 135%;
color: var(--dark)
}
.site-branding img {
display: block
}
.header-right {
display: flex;
align-items: center
}
.header-menu ul.menu > li > a {
color: var(--dark);
font-size: 15px;
font-weight: 600;
line-height: 21.75px;
text-transform: uppercase;
text-decoration: none;
position: relative
}
.header-menu ul.menu li {
margin-bottom: 0;
position: relative
}
.header-menu ul.menu > li:not(:first-child) {
margin-left: 40px
}
.header-btn {
margin-left: 10px
}
.search-bar input[type=search] {
border: 1px solid rgba(255, 255, 255, .06);
background: rgba(186, 187, 191, .24);
border-radius: 0;
padding: 13px 50px 13px 20px;
color: var(--dark);
font-family: var(--font-fightree);
min-width: 297px;
outline: 0;
height: 52px;
}
.search-bar input[type=search]::placeholder {
color: var(--dark)
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
display: none !important;
}
.search-bar input.search-submit {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
border: 0;
font-size: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: 18px;
cursor: pointer;
padding: 0 !important;
}
.header-transparent .search-bar input.search-submit, .header-navy-blue .search-bar input.search-submit {
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-icon.svg);
}
.search-bar input.search-submit, .header-transparent .is-sticky .search-bar input.search-submit {
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-black.svg);
}
.search-bar .search-form {
position: relative
}
.header-menu ul.menu > li > a {
padding-right: 17px;
padding-top: 35px;
padding-bottom: 32px
}
.header-menu ul.menu > li > a:before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 2px;
background: var(--rose);
transition: all .3s ease;
transform: translateX(-50%)
}
.site-header .contact-details a:hover, .header-menu ul.menu > li.current-menu-item > a, .header-menu ul.menu > li > a:hover, .header-menu ul.menu > li.active > a, .oc-menu .megamenu .cs-item ul li.active > a {
color: var(--rose);
}
.header-menu ul.menu > li.current-menu-item > a::before, .header-menu ul.menu > li > a:hover:before, .header-menu ul.menu > li.active > a::before {
width: 100%
}
.header-menu ul.menu > li.current-menu-item > a::after, .header-menu ul.menu > li.active > a::after {
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/arrow-down-rose.svg)
}
.header-menu ul.menu > li > a:after {
content: '';
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/arrow-down.svg);
display: inline-block;
position: absolute;
right: 0;
top: 43px;
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
background-size: 10px;
width: 10px;
height: 10px;
transition: all .3s ease
}
.header-menu ul.menu > li > a:hover:after {
transform: translateY(-50%) rotate(-180deg);
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/arrow-down-rose.svg)
}
.slick-arrow {
display: none !important;
}
.is-sticky .header-menu ul.menu > li > a:after {
filter: unset;
}
.header-navy-blue .is-sticky .header-menu ul.menu > li > a:after {
filter: brightness(0) invert(1);
}
.search_bar_menu {
position: fixed;
opacity: 1;
visibility: visible;
margin: 0;
left: auto;
right: 0;
padding: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
max-width: 596px;
display: block;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
overflow-y: auto;
padding: 40px;
background-color: #fff;
z-index: 2;
}
.search-open {
overflow: hidden
}
.search-open .search_bar_menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(10%);
transform: translateX(0)
} .overlay-menu, .overlay-menu {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
display: inline-block;
background-color: rgb(12 13 14 / 50%);
z-index: 1;
}
.search-open .overlay-menu {
opacity: 1;
visibility: visible;
}
.search_bar_menu .search-bar {
margin-top: 30px
}
.search_bar_menu .search-bar input[type=search] {
width: 100%;
height: 54px;
padding: 0 20px;
margin-bottom: 0;
border-bottom-color: #0c0d0e !important;
background-color: transparent !important;
backdrop-filter: unset !important;
color: #0c0d0e !important;
font-size: 18px;
}
.search_bar_menu .search-bar input[type=search]::placeholder {
color: #0C0D0E !important;
}
.search_bar_menu .search-bar input.search-submit {
right: 0;
transform: translateY(-50%);
left: auto;
padding: 0;
width: 20px;
height: 20px
}
.search-suggestions {
margin-top: 60px
}
.search-suggestions ul {
list-style-type: none;
margin: 0
}
.search-suggestions ul li, .search-suggestions ul li a {
color: rgb(12 13 14 / 60%);
font-size: 18px;
font-weight: 400;
line-height: 145%
}
.search-suggestions ul li:not(:last-child) {
margin-bottom: 20px
}
.search-close {
display: inline-block
}
span.suggestions-title {
display: block;
margin-bottom: 24px;
font-size: 13px;
text-transform: uppercase;
line-height: 18.85px;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
} .header-menu .menu > li.about-menu:hover .megamenu, .header-menu .menu > li.oc-menu:hover .megamenu, .header-menu .menu > li.blog-menu:hover .megamenu {
visibility: visible;
opacity: 1
}
body.no-touch.nav-scrolling-closed .header-menu .menu > li.about-menu:hover .megamenu,
body.no-touch.nav-scrolling-closed .header-menu .menu > li.oc-menu:hover .megamenu,
body.no-touch.nav-scrolling-closed .header-menu .menu > li.blog-menu:hover .megamenu {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} .megamenu {
opacity: 1;
z-index: 2;
background-color: #fff;
top: calc(100% + 30px);
width: 100vw;
position: absolute;
left: calc(50% + 130px);
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
opacity: 0;
transition: all .3s ease-in-out;
visibility: hidden;
padding: 40px 0 40px 0
}
.megamenu-links ul {
margin: 0;
list-style-type: none
}
.megamenu-links ul li a {
color: var(--dark);
font-size: 26px;
font-weight: 600;
line-height: 135%;
display: block;
margin-bottom: 7px
}
.megamenu-links ul li {
color: rgb(12 13 14 / 70%)
}
.megamenu-links ul li:not(:last-child) {
margin-bottom: 30px
}
.megamenu-links ul li a:hover, .megamenu-links ul li.active > a {
color: var(--rose)
}
.about-megamenu .left-col {
width: 33.485%;
padding-right: 10px;
border-right: 1px solid rgba(12, 13, 14, .1)
}
.about-megamenu .right-col {
width: 66.515%
}
.megamenu .slider-wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
max-width: 720px
}
.megamenu .slider-wrapper .legal-insights-post-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0
}
.megamenu .legal-insights-post, .megamenu .slider-wrapper .slider-footer {
display: flex;
flex-wrap: wrap;
margin: 0 -12px
}
.megamenu .slider-wrapper .slider-footerP {
align-items: center
}
.megamenu .slider-wrapper .legal-insights-post-wrapper .legal-insights-box {
padding: 0;
margin-bottom: 32px
}
.megamenu .legal-insights-post .featured-item, .slider-wrapper .custom-nav {
width: 46%;
padding: 0 12px
}
.megamenu .featured-content, .slider-wrapper .view-all-btn {
width: 54%;
padding: 0 12px;
display: flex;
flex-direction: column;
justify-content: space-between
}
.megamenu .legal-insights-post-wrap {
margin: 0
}
.megamenu .featured-item .featured-img {
height: 100%
}
.megamenu .featured-content h3.h6 {
font-size: 22px;
line-height: 29.7px;
margin-top: 10px;
margin-bottom: 0
}
.megamenu .featured-content .post-title {
margin-bottom: 20px
}
.megamenu .post-content p {
color: var(--dark);
font-size: 16px;
line-height: 23.2px;
opacity: .7
}
.megamenu .featured-item .featured-tag {
left: 22px;
padding: 6px 16px 6px 30px
}
.megamenu .featured-item .featured-tag:before {
top: 11px
}
.megamenu .featured-content span.date {
font-size: 13px;
line-height: 18.85px;
opacity: .7
}
.megamenu .eatured-articles {
display: none
} .header-menu .menu > li.about-menu:hover .megamenu, .header-menu .menu > li.oc-menu:hover .megamenu {
opacity: 1;
visibility: visible
}
.oc-menu .megamenu {
left: 50%;
margin: 0;
width: 880px;
transform: translateX(-50%);
right: auto;
padding: 40px;
border-bottom: 6px solid var(--medium-yellow, #e0ab0e);
background: #fff;
box-shadow: 0 100px 80px 0 rgba(0, 0, 0, .07), 0 12.522px 10.017px 0 rgba(0, 0, 0, .04)
}
.oc-menu .megamenu .slider-wrapper {
max-width: 100%;
}
.oc-menu .megamenu .cs-item ul {
list-style-type: none;
margin: 0 0 -40px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.oc-menu .megamenu .cs-item ul li {
break-inside: avoid;
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, .08);
width: calc(50% - 20px);
margin-bottom: 40px
}
.oc-menu .megamenu .cs-item ul li a {
color: var(--dark, #0c0d0e);
leading-trim: both;
text-edge: cap;
font-family: Figtree;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 135%
}
.oc-menu .megamenu .cs-item ul li a:hover {
color: var(--rose)
}
.oc-menu .megamenu .cs-item ul li p {
overflow: hidden;
color: var(--dark, #0c0d0e);
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%;
opacity: .7;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden
}
.oc-menu .megamenu .slider-footer button.custom-next { }
.oc-menu .megamenu .slider-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px
} .header-menu .menu > li.blog-menu:hover .megamenu {
visibility: visible;
opacity: 1;
}
.blog-menu .megamenu {
left: calc(50% - 125px);
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links {
width: 23.659%;
}
.blog-megamenu .slider-wrapper {
width: 52.6%;
max-width: 100%;
padding-left: 60px;
}
.blog-megamenu .legal-insights-post {
align-items: center;
}
.blog-megamenu .slider-wrapper .view-all-btn .btn-link {
margin-left: auto;
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links {
width: 23.659%;
padding: 0 55px;
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links ul li:not(:last-child) {
margin-bottom: 16px;
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links ul li a {
font-size: 22px;
line-height: 29.7px
}
.blog-megamenu .menu-title {
padding-left: 0 !important;
}
.blog-megamenu .menu-title span.h6 {
display: block;
margin-bottom: 10px;
}
.blog-megamenu .menu-title p {
color: var(--dark);
font-size: 16px;
font-weight: 400;
line-height: 23.2px;
opacity: .7;
}
.blog-megamenu .menu-title .btn-black {
padding: 12px 28px 8.25px 28px;
}
.blog-megamenu .megamenu-links {
border-right: 1px solid rgba(12, 13, 14, 0.10);
border-left: 1px solid rgba(12, 13, 14, 0.10);
}
.blog-megamenu .featured-tag:before {
content: "";
display: block;
height: 6px;
width: 6px;
border: 1px solid var(--dark);
border-radius: 50%;
position: absolute;
left: 0;
top: 14px;
}
.blog-megamenu span.featured-tag {
position: relative;
padding: 10px 16px 10px 16px;
color: var(--dark, #0C0D0E);
font-size: 13px;
font-weight: 500;
line-height: 18.85px; text-transform: uppercase;
}
.blog-megamenu .blog-cate {
margin-bottom: 48px;
} body.header-transparent:not(.is-sticky) {
padding: 0;
}
body.header-transparent header:not(.is-sticky) {
background-color: transparent;
border-color: rgb(255 255 255 / 20%);
}
body.header-transparent header:not(.is-sticky) .site-branding img {
filter: brightness(0) invert(1);
}
body.header-transparent header:not(.is-sticky) .contact-details *, body.header-transparent header:not(.is-sticky) .header-menu ul.menu > li > a, body.header-transparent header:not(.is-sticky) .search-bar input[type=search], body.header-transparent header:not(.is-sticky) .search-bar input[type=search]::placeholder {
color: var(--white);
}
body.header-transparent header:not(.is-sticky) .header-menu ul.menu > li > a:after {
filter: brightness(0) invert(1);
}
body.header-transparent header:not(.is-sticky) .header-menu ul.menu > li > a::before {
background: var(--white);
}
body.header-transparent header:not(.is-sticky) .search-bar input[type=search] {
border: 1px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(20px);
}
body.header-transparent header:not(.is-sticky) .header-btn a.btn, body.header-transparent header:not(.is-sticky) .header-btn a.btn:hover {
background-color: var(--white);
color: var(--dark);
}
body.header-transparent header:not(.is-sticky) .header-btn a.btn:hover span {
color: var(--dark);
}
body.header-transparent header:not(.is-sticky) .contact-details a:hover {
color: var(--rose)
} body.header-navy-blue header {
background-color: var(--blue);
border-color: rgb(255 255 255 / 20%);
}
body.header-navy-blue header:not(.is-sticky) .site-branding img {
filter: brightness(0) invert(1);
}
body.header-navy-blue header:not(.is-sticky) .contact-details *, body.header-navy-blue header:not(.is-sticky) .header-menu ul.menu > li > a, body.header-navy-blue header:not(.is-sticky) .search-bar input[type=search], body.header-navy-blue header:not(.is-sticky) .search-bar input[type=search]::placeholder {
color: var(--white);
}
body.header-navy-blue header:not(.is-sticky) .header-menu ul.menu > li > a:after {
filter: brightness(0) invert(1);
}
body.header-navy-blue header:not(.is-sticky) .header-menu ul.menu > li > a::before {
background: var(--white);
}
body.header-navy-blue header:not(.is-sticky) .search-bar input[type=search] {
border: 1px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(20px);
}
body.header-navy-blue header:not(.is-sticky) .header-btn a.btn, body.header-navy-blue header:not(.is-sticky) .header-btn a.btn:hover {
background-color: var(--white);
color: var(--dark);
}
body.header-navy-blue header:not(.is-sticky) .header-btn a.btn:hover span {
color: var(--dark);
}
body.header-navy-blue header:not(.is-sticky) .contact-details a:hover {
color: var(--rose)
} .header-navy-blue .is-sticky .site-branding img {
filter: brightness(0) invert(1);
}
.header-navy-blue .is-sticky .contact-details *, .header-navy-blue .is-sticky .header-menu ul.menu > li > a, .header-navy-blue .is-sticky .search-bar input[type=search], .header-navy-blue .is-sticky .search-bar input[type=search]::placeholder {
color: var(--white);
}
.header-navy-blue .is-sticky .header-menu ul.menu > li > a::before, .header-navy-blue .is-sticky a.btn {
background-color: var(--white);
}
.header-navy-blue .is-sticky a.btn span {
color: var(--dark);
}  .footer-cta-main {
padding: 100px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 900px;
z-index: 1;
position: relative
}
.footer-cta-sec picture {
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
right: 0;
z-index: -2;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.footer-cta-sec picture img {
height: 100%;
width: 100%;
object-fit: cover;
top: 0;
left: 0;
right: 0
}
.live-chat-box {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 40px;
position: relative;
z-index: 1
}
.footer-cta-sec .left-col {
width: 31.5%;
height: 100%
}
.footer-cta-sec .right-col {
width: 23.7%
}
.footer-cta-sec .section-title {
margin-bottom: 130px;
max-width: 516px
}
.footer-cta-sec .left-col .text-block p, .footer-cta-sec .section-title h2 {
margin-bottom: 30px
}
.footer-cta-sec .section-title h2 {
color: #fff;
font-size: 78px;
font-weight: 400;
letter-spacing: -2px;
line-height: 70.2px
}
.footer-cta-sec .column-row {
align-items: flex-end
}
.footer-cta-sec .left-col .text-block p {
color: var(--white)
}
.footer-cta-sec {
position: relative
}
.footer-cta-main:before, .footer-cta-sec:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(180deg, rgba(0, 0, 0, .04) 61%, rgba(0, 0, 0, .2) 100%), linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%)
}
.live-chat-box ul {
margin: 60px 0;
list-style-type: none;
margin-left: 0
}
.footer-cta-sec .text-block p, .live-chat-box p {
font-size: 22px;
line-height: 29.7px
}
.live-chat-box ul li {
font-weight: 400
}
.live-chat-box ul li, .live-chat-box ul li a {
margin-bottom: 0;
font-size: 22px;
font-weight: 600;
line-height: 29.7px;
color: var(--dark);
text-decoration: none
}
.live-chat-box ul li a:hover {
text-decoration: underline;
}
.live-chat-box .btn-with-icon {
width: 100%;
position: relative
}
.live-chat-box .btn-with-icon img {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
padding: 15px 16px;
display: block;
border-left: 1px solid var(--dark);
width: 52px;
object-fit: contain
}
.footer-cta-sec.layout-two {
padding: 100px 0;
min-height: unset
}
.footer-cta-sec.layout-two .column-row {
align-items: center
}
.footer-cta-sec .section-title {
margin: 0
}
.footer-cta-sec.layout-two .right-col {
width: 25.9%
}
.footer-cta-sec.layout-two .right-col .text-block p {
color: var(--white)
} .footer-newsletter {
padding: 80px 0
}
.footer-newsletter .section-title h2 {
margin: 0;
color: var(--white)
}
.footer-newsletter .section-title h2 i {
line-height: 45.6px;
font-size: 40px;
}
.footer-newsletter .column-row {
align-items: center
}
.footer-newsletter .column-row .col-left {
width: 42%
}
.footer-newsletter .column-row .right-col {
width: 28.5%
}
.footer-newsletter.bg-blue.layout-two {
padding: 0
}
.footer-newsletter.bg-blue.layout-two .col-left {
width: 58.612%;
padding: 60px;
padding-left: calc((100% - 1640px) / 2);
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1
}
.footer-newsletter.bg-blue.layout-two .column-row {
align-items: unset
}
.footer-newsletter.bg-blue.layout-two .right-col img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.footer-newsletter.bg-blue.layout-two .right-col {
width: 41.388%
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title {
max-width: 600px;
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title span.yellow {
color: #fff;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title h2, .footer-newsletter.bg-blue.layout-two .col-left .section-title h2 i {
color: var(--white);
font-size: 46px;
font-weight: 400;
line-height: 50.6px
}
.footer-top .footer-left {
width: 19.5%
}
.footer-top .footer-right {
width: 53.171%
}
.footer-top {
padding-top: 60px;
padding-bottom: 80px
}
.footer-top * {
color: var(--white)
}
.footer-top .footer-text {
margin-bottom: 40px;
opacity: .6
}
.footer-top .footer-text {
font-size: 15px;
line-height: 1.45;
font-weight: 400;
}
.footer-logo img.fl-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 75px;
height: auto
}
.footer-logo {
position: relative;
width: 104px;
height: 104px
}
.footer-logo img {
width: 100%;
height: 100%;
object-fit: contain
}
.footer-logo img:not(.fl-img) {
animation: rotation-right 16s infinite linear
}
.footer-menu-wrapper ul {
margin: 0;
list-style-type: none
}
.footer-menu-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.footer-menu-wrapper h3 {
color: var(--white);
font-size: 13px;
font-weight: 500;
line-height: 19px;
text-transform: uppercase;
opacity: .6;
font-family: var(--font-fightree);
min-height: 19px;
margin-bottom: 20px
}
.footer-menu-wrapper .footer-col-1, .footer-menu-wrapper .footer-col-2, .footer-menu-wrapper .footer-col-3 {
width: 29.4%
}
.footer-menu-wrapper .footer-col-1 ul li:not(:last-child), .footer-menu-wrapper .footer-col-3 ul li:not(:last-child) {
margin-bottom: 12px
}
.footer-menu-wrapper .footer-col-2 ul li:not(:last-child) {
margin-bottom: 17px
}
.footer-menu-wrapper .footer-col-2 ul li a, .footer-menu-wrapper .footer-col-3 ul li, .footer-menu-wrapper .footer-col-3 ul li a {
font-size: 22px;
line-height: 29.7px
}
.footer-menu-wrapper .footer-col-1 ul li a {
font-size: 18px;
font-weight: 400;
line-height: 26.1px
}
.footer-menu-wrapper .footer-col-3 ul li {
color: rgb(255 255 255 / 50%)
}
.footer-menu-wrapper .current-menu-item > a, .footer-menu-wrapper a:hover {
color: #F4C04A;
}
.menu-links ul, .social-links ul {
list-style-type: none;
margin: 0;
display: flex;
align-items: center
}
.menu-links ul li, .social-links ul li {
margin: 0
}
.footer-bottom-links {
display: flex;
align-items: center
}
.footer-bottom {
padding: 24px 64px
}
.footer-bottom .column-row {
align-items: center
}
.footer-bottom .footer-copyright p, .footer-bottom .footer-copyright p a, .footer-bottom .menu-links ul li a, .social-links ul li a {
color: var(--white);
font-size: 16px;
font-weight: 400;
line-height: 23.2px
}
.social-links ul li a svg {
display: block
}
.footer-bottom .footer-copyright p a:hover, .footer-bottom .menu-links ul li a:hover {
color: var(--light-yellow)
}
.footer-bottom .menu-links ul li:not(:last-child) {
margin-right: 24px
}
.footer-bottom .social-links {
margin-left: 40px
}
.social-links li:not(:last-child) {
margin-right: 16px
}
.social-links ul li img {
display: block
}
.social-links ul li a:hover svg path {
fill: var(--light-yellow)
}
.footer-bottom .footer-copyright p, .footer-bottom .menu-links ul li a, .social-links ul li a {
opacity: .5
}
.nl-form h2.gform_title {
display: none
}
body .nl-form .gform_wrapper input[type=email] {
background-color: transparent !important;
border-radius: 0 !important;
border: 0 !important;
color: #fff !important;
font-size: 18px !important;
border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
box-shadow: none !important;
padding: 24.5px 130px 24.5px 0 !important;
outline: 0 !important;
line-height: 26.1px !important
}
body .nl-form .gform_wrapper input:not([type=checkbox])::placeholder {
color: rgba(255, 255, 255, .6) !important
}
body .nl-form .gform_wrapper .gform_footer {
margin: 0;
position: absolute;
right: 0;
top: 50%;
width: fit-content;
justify-content: flex-end;
transform: translateY(-50%)
}
body .nl-form .gform_wrapper form {
position: relative
}
.nl-form .gform_wrapper .gform_footer .gform_button {
width: 100%;
cursor: pointer !important;
background-color: transparent !important;
font-weight: 600 !important;
font-size: 15px !important;
color: #f4c04a !important;
text-align: center !important;
text-decoration: none !important;
transition: all .2s ease !important;
display: inline-block !important;
border: 0 !important;
padding: 17px 0 !important;
text-transform: uppercase !important;
border-bottom: solid 1px #f4c04a !important
}
.nl-form .gform_wrapper .gform_footer .gform_button:hover {
background-color: transparent !important;
color: #fff !important;
border-bottom-color: #fff !important
}
body .nl-form .gform_wrapper form .validation_message {
position: absolute;
left: 0;
top: 100%
}
body .nl-form .gform_wrapper form .gform-loader {
display: none !important;
visibility: hidden !important;
opacity: 0 !important
}
.footer-newsletter.layout-two .newsletter-text {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%
}
.footer-newsletter.layout-two .newsletter-text .gform_wrapper .gform_footer .gform_button {
background-color: #f4c04a !important;
border-radius: 30px !important;
color: #0c0d0e !important;
padding: 18px 20px !important
}
.footer-newsletter.layout-two .newsletter-text .gform_wrapper .gform_footer .gform_button:hover {
background-color: #fff !important;
color: #0c0d0e !important;
border-bottom-color: #fff !important
}
body .footer-newsletter.layout-two .newsletter-text .nl-form .gform_wrapper input[type=email] {
width: calc(100% - 180px);
padding: 25.5px 5px 25.5px 0 !important;
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
color: #fff
}
body .footer-newsletter.layout-two .newsletter-text .nl-form .gform_wrapper input[type=email]::placeholder {
color: rgb(255 255 255 / 60%) !important
}
.pagination {
margin-top: 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 80px;
flex-wrap: wrap;
}
.pagination a, .pagination span {
display: inline-flex;
padding: 12.96px 20.922px;
text-decoration: none;
transition: all .3s ease;
text-align: center;
margin: 0 8px 8px 8px;
width: 52px;
height: 52px;
color: #0c0d0e;
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
align-items: center;
justify-content: center;
margin: 0 2px;
}
.pagination .current, .pagination a:hover, .pagination span:hover {
color: #fff;
background: #0c0d0e
}
.pagination .next:hover, .pagination .prev:hover {
background: 0 0;
color: #0c0d0e
}
.pagination .next, .pagination .prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0;
min-width: unset;
width: inherit;
height: auto;
margin: 0;
font-size: 18px;
display: flex;
align-items: center;
text-transform: capitalize;
margin: 0 20px;
}
.pagination .prev svg {
margin-right: 8px
}
.pagination .next svg {
margin-left: 8px
}
.pagination .next {
right: 0
}
.pagination .prev {
left: 0
}
.inner-banner-sec {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0 170px;
}
.inner-banner-sec .container,
.search-results-page .container {
max-width: 932px;
}
.inner-banner-form span {
font-weight: 500;
font-size: 18px;
line-height: 120%;
text-transform: uppercase;
color: #ffffff;
}
.inner-banner-sec h1 {
margin-bottom: 40px;
font-weight: 400;
}
.inner-banner-form span {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 21.6px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="tel"], textarea {
background-color: transparent;
border: 0;
border-bottom: solid 1px rgba(12, 13, 14, 0.18);
padding: 0 0 24px 0;
padding-top: 0;
height: 37px;
outline: 0;
color: rgba(12, 13, 14, 1);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26.1px;
width: 100%;
border-radius: 0;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
color: rgb(12 13 14 / 70%);
}
textarea {
height: 90px;
resize: none;
}
.inner-banner-form input.search-field, .inner-banner-form input.search-field::placeholder {
color: #fff;
}
.inner-banner-form input.search-field {
border-bottom: 1px solid rgba(255, 255, 255, 0.80);
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-icon.svg);
background-position: right 0 top 6px;
background-size: 17px;
background-repeat: no-repeat;
padding-bottom: 20px;
padding-right: 30px;
padding-top: 10px;
}
.inner-banner-form input.search-field:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: #fff !important;
background-color: transparent !important;
transition: background-color 5000s ease-in-out 0s;
caret-color: #fff !important;
}
.inner-banner-form input.search-field:-moz-autofill {
box-shadow: 0 0 0px 1000px transparent inset !important;
-moz-text-fill-color: #fff !important;
background-color: transparent !important;
caret-color: #fff !important;
}
.inner-banner-form form.search-form {
display: flex;
align-items: center;
}
.inner-banner-form form.search-form label {
width: 100%;
margin-right: 24px;
}
.inner-banner-form input.search-submit {
color: #0C0D0E;
background-color: #fff;
}
.inner-banner-form input.search-submit:hover {
background-color: #0C0D0E;
color: #ffffff;
}
.inner-banner-sec p {
font-size: 22px;
color: #fff;
line-height: 29.7px;
}
.inner-banner-sec .btn {
margin-top: 30px;
}
.pagination .current span {
background-color: transparent;
color: #fff;
}
.search-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.search-results-page {
margin: 60px 0;
}
.search-header p {
color: #0C0D0E;
font-size: 13px;
font-weight: 700;
line-height: 18.85px;
text-transform: uppercase;
margin: 0;
}
.sort-dropdown select {
outline: 0;
border: 0;
background-color: transparent;
color: rgb(12 13 14 / 70%);
font-size: 18px;
font-weight: 400;
line-height: 26.1px;
cursor: pointer;
}
.search-section .search-item a:not(.tags a), .search-item {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.search-item {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 24px 0;
border-top: 1px solid rgba(0, 0, 0, 0.14);
}
.search-item .search-thumb {
width: 33.945%;
padding: 0px;
position: relative;
height: 100%;
min-height: 188px;
}
.search-item .search-content {
width: 66.055%;
padding: 0 0 0 24px;
}
.search-thumb img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
.error404 .footer-cta-sec {
display: none;
}
.search-item h3 {
color: #0C0D0E;
font-size: 22px;
font-weight: 400;
line-height: 29.7px;
margin: 0 0 10px 0;
font-family: var(--font-fightree);
}
.search-item span.date {
color: #0C0D0E;
font-size: 15px;
font-weight: 500;
line-height: 21.75px;
text-transform: uppercase;
display: block;
margin-bottom: 15px;
}
.search-item p {
color: rgba(12, 13, 14, 0.70);
font-size: 16px;
font-weight: 400;
line-height: 23.2px;
}
.search-item p a {
color: #701E46;
}
.search-results-page span.blog-page-link {
background-color: transparent !important;
margin: 0;
}
.search-results-page .pagination {
margin-top: 50px;
margin-bottom: 50px;
}
.pagination:empty {
display: none;
}
p.not-found {
text-align: center;
padding: 50px 0;
font-size: 22px;
line-height: normal;
}
.search-item .eatured-articles {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 30px
}
.search-item .eatured-articles span {
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 18.85px;
text-transform: uppercase;
color: var(--dark);
opacity: .6;
position: relative
}
.search-item .eatured-articles span:not(:last-child):before {
content: "/";
display: block;
position: absolute;
right: 0
}
.search-item .eatured-articles span:not(:last-child) {
padding-right: 16px;
margin-right: 16px
}
.search-item .eatured-articles:empty {
display: none
}
.scroll-to-top {
display: flex;
align-items: center;
flex-direction: column;
position: fixed;
right: 0;
bottom: 86px;
background-color: #EBEBEB;
width: 58px;
height: 58px;
justify-content: center;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
cursor: pointer;
}
.scroll-to-top.show {
opacity: 1;
visibility: visible;
}
.gform_confirmation_message {
color: #28d528 !important;
}
.call-live-chat-desktop{
position: fixed;
right: 0;
bottom: 0;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease;
} .call-live-chat {
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease;
}
body.chat-ui-ready .call-live-chat-desktop,
body.chat-ui-ready .call-live-chat {
opacity: 1;
visibility: visible;
} .live-chat-box .open-chat-btn {
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease;
}
body.chat-ui-ready .live-chat-box .open-chat-btn {
opacity: 1;
visibility: visible;
} #hubspot-messages-iframe-container {
visibility: hidden !important;
}
body.hs-chat-open #hubspot-messages-iframe-container {
visibility: visible !important;
} body.hs-chat-open .call-live-chat-desktop {
opacity: 0;
visibility: hidden;
}
.call-live-chat-desktop .inner{
display: flex;
align-items: center;
gap: 14px;
background-color: var(--chat-accent, var(--green-1));
color: var(--white);
padding: 6px 6px 6px 16px;
cursor: pointer;
font-size: 15px;
line-height: 1.45;
font-weight: 600;
}
.call-live-chat-desktop .photo{
width: 48px;
height: 48px;
position: relative;
overflow: hidden;
}
.call-live-chat-desktop .photo:after{
content: '';
position: absolute;
right: -3px;
bottom: -3px;
width: 14px;
height: 14px;
background-color: #51EE07;
border-radius: 50%;
border: 3px solid var(--chat-accent, var(--green-1));
}
.call-live-chat-desktop .photo img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
@keyframes rotation-right {
from {
transform: rotate(0)
}
to {
transform: rotate(359deg)
}
}
@media only screen and (min-width: 576px) {
.container {
max-width: 540px
}
}
@media only screen and (min-width: 768px) {
.container {
max-width: 720px
}
.only-mobile {
display: none
}
.call-live-chat {
display: none;
}
}
@media only screen and (min-width: 992px) {
.container {
max-width: 960px
}
.header-btn svg, .toggle-menu, .sidebar-header, .header-menu .search-bar, .header-menu .contact-details, .header-menu .header-btn, .back-menu-wrapper {
display: none;
}
.search_bar_menu .sidebar-header, .search_bar_menu .back-menu-wrapper {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1220px
}
}
@media only screen and (min-width: 1400px) {
.container {
max-width: 1380px
}
}
@media only screen and (min-width: 1700px) {
.container {
max-width: 1700px
}
}
@media only screen and (max-width: 1699px) {
.footer-newsletter .column-row .col-left {
width: 45%
}
.footer-newsletter .column-row .right-col {
width: 32.5%
}
.footer-cta-sec .right-col {
width: 29.4%
}
.footer-cta-sec .left-col {
width: 40%
}
.footer-cta-main {
min-height: 800px
}
.footer-cta-sec.layout-two .right-col {
width: 32%
}
.footer-newsletter.bg-blue.layout-two .col-left {
padding-left: calc((100% - 1320px) / 2);
width: 63.5%
}
.footer-newsletter.bg-blue.layout-two .right-col {
width: 36.5%
}
.footer-left {
width: 20%
}
.footer-top {
padding-top: 40px
}
.footer-top .footer-left {
width: 27%
}
.footer-top .footer-right {
width: 67%
}
}
@media only screen and (max-width: 1399px) {
p {
font-size: 17px;
line-height: 24.65px;
margin-bottom: 20px
}
.h1, h1 {
font-size: 70px;
line-height: 70px;
letter-spacing: -1.4px
}
.h2, h2 {
font-size: 50px;
line-height: 55px;
letter-spacing: -.5px
}
h1 i, h2 i {
font-size: 70px;
}
.h3, h3 {
font-size: 44px;
line-height: 48.4px
}
.h4, h4 {
font-size: 36px;
line-height: 41.04px
}
.h5, h5 {
font-size: 30px;
line-height: 37.5px
}
.h6, h6 {
font-size: 24px;
line-height: 32.4px
}
.megamenu {
left: calc(50% + 7px);
top: calc(100% + 27px);
padding: 30px 0 30px 0;
}
.about-megamenu .left-col {
width: 28%;
}
.about-megamenu .right-col {
width: 72%;
}
.megamenu-links ul li a, .blog-megamenu .megamenu-links ul li a {
font-size: 18px;
line-height: normal;
}
.megamenu-links ul li:not(:last-child) {
margin-bottom: 20px;
}
.megamenu-links ul li {
font-size: 16px;
line-height: 24px;
}
.blog-menu .megamenu {
left: calc(50% - 254px);
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links {
width: 23.659%;
padding: 0 30px;
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links ul li a {
font-size: 20px;
line-height: 27.2px;
}
.blog-megamenu .slider-wrapper {
padding-left: 30px;
}
.blog-megamenu .blog-cate {
margin-bottom: 30px;
}
.search-bar input.search-submit {
background-position: center;
right: auto;
left: 50%;
transform: translate(-50%, -50%);
width: 52px;
height: 52px;
}
.search_bar_menu .search-bar input.search-submit {
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-black.svg) !important;
}
.is-sticky .search_bar_menu img {
filter: brightness(0) invert(0) !important;
}
.search-bar input[type=search] {
min-width: unset;
font-size: 0;
height: 52px;
width: 52px;
padding: 0;
}
.footer-cta-main {
min-height: 650px;
padding: 60px 0
}
.footer-cta-sec.layout-two {
padding: 70px 0
}
.footer-cta-sec .left-col {
width: 47%
}
.footer-cta-sec .right-col {
width: 43%
}
.footer-cta-sec.layout-two .right-col {
width: 37%
}
.footer-newsletter .column-row .col-left {
width: 50%
}
.footer-cta-sec .section-title {
margin-bottom: 0;
max-width: 310px
}
.live-chat-box {
padding: 30px
}
.footer-cta-sec .section-title h2 {
font-size: 44px;
line-height: 39.6px
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title {
max-width: 475px;
}
.footer-newsletter.bg-blue.layout-two .col-left {
padding-left: calc((100% - 1160px) / 2);
width: 58%
}
.footer-newsletter.bg-blue.layout-two .right-col {
width: 42%
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title h2, .footer-newsletter.bg-blue.layout-two .col-left .section-title h2 i {
font-size: 36px;
line-height: 41.04px
}
.footer-top .footer-left {
width: 22%
}
.footer-top .footer-right {
width: 74%
}
.footer-menu-wrapper .footer-col-1, .footer-menu-wrapper .footer-col-2, .footer-menu-wrapper .footer-col-3 {
width: 32%
}
.footer-text p {
opacity: .6
}
.footer-menu-wrapper .footer-col-1 ul li a {
font-size: 17px;
line-height: 24.65px
}
.footer-bottom .footer-copyright p, .footer-bottom .footer-copyright p a, .footer-bottom .menu-links ul li a, .social-links ul li a {
font-size: 15px;
line-height: 21.75px
}
.footer-menu-wrapper .footer-col-2 ul li a, .footer-menu-wrapper .footer-col-3 ul li, .footer-menu-wrapper .footer-col-3 ul li a {
font-size: 21px;
line-height: 28.35px
}
.footer-newsletter .section-title h2 i {
font-size: 36px;
line-height: 41.04px;
}
}
@media only screen and (max-width: 1199px) {
body {
padding-top: 79px;
}
p {
font-size: 16px;
line-height: 23.2px
}
.h1, h1 {
font-size: 44px;
line-height: 44px;
letter-spacing: -.88px
}
.h2, h2 {
font-size: 36px;
line-height: 39.6px;
letter-spacing: -.36px
}
h1 i, h2 i {
font-size: 44px;
}
.h3, h3 {
font-size: 34px;
line-height: 37.4px
}
.h4, h4 {
font-size: 30px;
line-height: 34.02px
}
.h5, h5 {
font-size: 28px;
line-height: 35px
}
.h6, h6 {
font-size: 22px;
line-height: 29.7px
}
.megamenu {
left: calc(50% + 64px);
}
.about-megamenu .left-col {
width: 25%;
}
.megamenu .featured-content h3.h6 {
font-size: 20px;
line-height: 26px;
}
.oc-menu .megamenu {
width: 700px;
padding: 30px;
}
.oc-menu .megamenu .cs-item ul li {
width: calc(50% - 10px);
padding-bottom: 20px;
margin-bottom: 20px;
}
.oc-menu .megamenu .cs-item ul li a {
font-size: 18px;
line-height: 30px;
}
.oc-menu .megamenu .cs-item ul {
margin-bottom: -20px;
}
.blog-menu .megamenu {
left: calc(50% - 157px);
}
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links {
padding: 0 15px;
}
.blog-megamenu .menu-title span.h6,
.blog-megamenu .menu-title, .blog-megamenu .megamenu-links ul li a {
font-size: 18px;
line-height: normal;
}
.blog-megamenu .slider-wrapper {
padding-left: 15px;
}
.megamenu .featured-content h3.h6 {
font-size: 18px;
line-height: 24px;
}
.megamenu .slider-wrapper .legal-insights-post-wrapper .legal-insights-box, .blog-megamenu .blog-cate {
margin-bottom: 15px;
}
.site-branding {
max-width: 138px;
margin-right: 30px;
}
.site-header .contact-details a {
font-size: 18px;
}
.site-header .contact-details p {
font-size: 12px;
line-height: 22px;
}
.header-menu ul.menu > li:not(:first-child) {
margin-left: 20px;
}
.footer-top {
padding-top: 40px;
padding-bottom: 70px
}
.footer-menu-wrapper .footer-col-1 ul li a {
font-size: 16px;
line-height: 23.2px
}
.footer-menu-wrapper .footer-col-2 ul li a, .footer-menu-wrapper .footer-col-3 ul li, .footer-menu-wrapper .footer-col-3 ul li a {
font-size: 20px;
line-height: 27px
}
.footer-top .footer-left {
width: 50%;
margin: 0 auto 40px
}
.footer-text p {
text-align: center
}
.footer-top .footer-right {
width: 100%
}
.footer-top .footer-left {
display: flex;
flex-direction: column-reverse;
margin-bottom: 0
}
.footer-logo {
margin: 0 auto 30px
}
.footer-cta-sec.layout-two .right-col {
width: 47%
}
.footer-newsletter.bg-blue.layout-two .col-left {
padding-left: calc((100% - 900px) / 2);
padding-right: 60px
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title {
max-width: 400px;
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title h2, .footer-newsletter.bg-blue.layout-two .col-left .section-title h2 i {
font-size: 30px;
line-height: 34.02px
}
.footer-top .footer-text {
text-align: center
}
.footer-newsletter .column-row .right-col {
width: 48%;
}
.inner-banner-sec {
padding: 80px 0 80px;
}
.search-results-page {
margin: 80px 0;
}
.footer-newsletter .section-title h2 i {
font-size: 30px;
line-height: 34.02px;
}
}
@media only screen and (max-width: 991px) {
body {
padding-top: 53px;
}
.site-header .container {
max-width: 100%;
padding-right: 0
}
.header-menu {
position: fixed;
right: -100%
}
.header-btn .btn span {
display: none
}
.site-header .contact-details {
display: none
}
.header-right .search-bar {
order: 2
}
.header-right .header-btn {
order: 1
}
.header-right .toggle-menu {
order: 3
}
.site-branding {
padding: 12px 0;
border-right: 0;
margin-right: 0
}
.search-bar input.search-submit {
height: 52px;
width: 52px;
display: block;
background-color: var(--blue);
border: 0;
padding: 0;
border-radius: 0;
outline: 0;
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-icon.svg) !important;
}
.header-btn .btn {
height: 52px;
width: 52px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center
}
.header-btn {
margin: 0
}
.toggle-menu {
height: 52px;
width: 52px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--rose)
}
.header-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
right: 0;
width: 100%;
top: 0;
height: 100%;
max-width: 393px;
display: block;
padding: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
z-index: 3;
background-color: var(--blue)
}
body.menu-open {
overflow: hidden
}
body.menu-open .header-menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
body.menu-open .overlay-menu {
opacity: 1;
visibility: visible;
}
.sidebar-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
.header-menu-wrap {
height: 100%;
overflow-y: auto;
padding-top: 0;
padding-bottom: 120px
}
.sidebar-header .toggle-menu {
width: 50px;
height: 50px
}
.sidebar-header .site-branding img {
filter: brightness(0) invert(1)
}
.header-menu ul.menu {
display: block
}
.menu-main-menu-container {
padding: 150px 30px 96px 30px
}
.header-menu ul.menu > li > a {
width: 100%;
display: block;
color: var(--white);
font-size: 26px;
font-weight: 600;
line-height: 35.1px;
padding: 0
}
.header-menu ul.menu li:not(:first-child) {
margin: 0
}
.header-menu ul.menu li:not(:last-child) {
margin-bottom: 32px
}
.header-menu ul.menu > li > a:before {
display: none
}
.header-menu ul.menu > li > a {
position: relative;
text-transform: capitalize
}
.header-menu .contact-details {
display: block;
padding: 0 30px 40px 30px;
text-align: center
}
.header-menu .contact-details *, .site-header .contact-details a {
color: var(--white)
}
.header-menu .contact-details p {
font-size: 14px;
line-height: 24px;
margin-bottom: 5px
}
.header-menu .contact-details a {
font-size: 22px;
font-weight: 600;
line-height: 29.7px
}
.header-menu ul.menu > li > a:after {
top: 50%;
transform: translateY(-50%) rotate(-90deg);
filter: brightness(0) invert(1)
}
.sidebar-header .site-branding {
padding: 0 0 0 30px
}
.sidebar-header .toggle-menu {
background-color: transparent;
border-left: 1px solid rgba(255, 255, 255, .2)
}
.header-menu .search-bar {
padding: 0 30px 40px 30px
}
.header-menu .search-bar input.search-field {
width: 100%;
font-size: 18px;
line-height: 24px;
color: var(--white);
padding: 0 20px
}
.header-menu .search-bar input.search-submit {
right: 20px;
left: auto;
background-color: transparent;
transform: translateY(-50%);
width: 18px;
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-icon.svg) !important;
}
.search_bar_menu .search-bar input.search-submit {
background-color: transparent;
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-black.svg);
}
.header-menu .search-bar input.search-field::placeholder {
color: var(--white)
}
.header-menu .header-btn .btn {
width: 100%;
height: auto;
padding: 12.96px 30px;
background-color: var(--white);
position: absolute;
bottom: 0
}
.header-menu .header-btn .btn svg {
display: none
}
.header-menu .header-btn .btn span {
display: block;
color: var(--black)
}
body.header-transparent header {
border-bottom: 1px solid rgba(12, 13, 14, .12)
}
body.header-transparent header:not(.is-sticky) .site-branding img {
filter: unset
}
.megamenu.about-megamenu, .megamenu.blog-megamenu, .megamenu.cs-megamenu {
position: fixed;
opacity: 1;
visibility: visible;
margin: 0;
left: auto;
right: 0;
padding: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
max-width: 393px;
display: block;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
overflow-y: auto;
padding-bottom: 60px
}
.open-about-megamenu .megamenu.about-megamenu, .open-blog-megamenu .megamenu.blog-megamenu, .open-oc-megamenu .megamenu.cs-megamenu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.blog-megamenu .megamenu-links, .megamenu.blog-megamenu .menu-title {
width: 100%;
padding: 0;
border: 0
}
.blog-megamenu .container {
padding: 0 30px
}
.megamenu.about-megamenu .container {
padding: 0 30px 0 30px
}
.megamenu.about-megamenu .container .column-row {
display: block
}
.about-megamenu .left-col {
width: 100%;
padding: 0;
border: 0
}
.about-megamenu .right-col {
width: 100%;
margin-top: 50px
}
.megamenu .legal-insights-post .featured-item {
width: 100%;
padding: 0
}
.megamenu .featured-content {
width: 100%;
padding: 0
}
.megamenu .legal-insights-post {
margin: 0
}
.megamenu .featured-content .post-title {
margin: 0
}
.megamenu .featured-content, .slider-wrapper .view-all-btn {
padding: 0
}
.slider-wrapper .view-all-btn {
padding: 0 10px
}
.megamenu .featured-item .featured-tag {
left: 10px
}
.megamenu .featured-item .featured-img {
margin-bottom: 20px;
height: auto
}
.megamenu .featured-content span.date {
display: block
}
.megamenu .featured-content h3.h6 {
font-size: 22px;
line-height: 29.7px
}
.megamenu .post-content p {
display: none
}
.megamenu .slider-wrapper .slider-footer {
margin-top: 10px
}
.megamenu .slider-wrapper .legal-insights-post-wrapper .legal-insights-box {
padding: 0 10px
}
.megamenu .slider-wrapper .legal-insights-post-wrapper {
margin: 0 -10px
}
.megamenu .sidebar-header .site-branding img {
filter: unset
}
.megamenu .sidebar-header .megamenu-toggle svg line {
stroke: #0C0D0E
}
.megamenu .sidebar-header {
margin-bottom: 46px;
border-bottom: 1px solid rgba(12, 13, 14, .14);
position: sticky;
width: 100%;
top: 0;
left: 0;
z-index: 11;
background-color: #fff
}
.megamenu .sidebar-header .megamenu-toggle {
background-color: transparent;
border-left: 1px solid rgba(12, 13, 14, .14);
height: 52px;
width: 52px;
display: flex;
align-items: center;
justify-content: center
}
span.arrows {
right: -12px;
width: 30px;
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/arrow-down-rose.svg);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
filter: brightness(0) invert(1);
background-position: center;
background-repeat: no-repeat;
background-size: 10px;
width: 30px;
height: 30px;
transition: all .3s ease
}
.about-menu, .blog-menu, .menu-item-has-children, .oc-menu {
padding-right: 40px
}
.header-menu ul.menu > li > a:after {
display: none
}
.back-menu-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px 50px 30px
}
.back-menu-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px 50px 30px
}
.back-menu-wrapper .back-menu {
color: var(--dark);
font-size: 13px;
font-weight: 600;
line-height: 18.75px;
text-transform: uppercase
}
.back-menu-wrapper .back-menu svg {
display: inline-block;
margin-right: 5px;
margin-bottom: 1px
}
.back-menu-wrapper span.title {
color: rgb(12 13 14 / 70%);
font-family: Figtree;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 18.85px;
text-transform: uppercase
}
.oc-menu .megamenu .slider-wrapper, .slider-footer {
padding: 0 30px
}
.oc-menu .megamenu .cs-item ul li {
width: 100%
}
.oc-menu .megamenu .cs-item ul li {
padding-bottom: 28px;
margin-bottom: 22px
}
.oc-menu .megamenu .slider-footer {
margin-top: 12px
}
.blog-megamenu .slider-wrapper {
padding: 0;
max-width: 100%;
width: 100%
}
.blog-megamenu .megamenu-links {
margin: 20px 0 30px 0
}
.blog-megamenu .megamenu-links ul li:not(:last-child) {
margin-bottom: 15px
}
.blog-megamenu .megamenu-links ul li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: solid 1px rgba(0, 0, 0, .08)
}
.megamenu .slider-wrapper .slider-footer {
padding-left: 0
}
.footer-top .footer-left {
width: 50%
}
.footer-menu-wrapper .footer-col-2 {
width: 20%
}
.footer-menu-wrapper .footer-col-3 {
width: 35%
}
.footer-menu-wrapper .footer-col-1 {
width: 35%
}
.footer-cta-sec .column-row {
flex-direction: column
}
.footer-cta-sec .left-col {
width: 100%;
margin-bottom: 30px
}
.footer-cta-sec .right-col {
width: 100%
}
.live-chat-box ul {
margin: 30px 0
}
.footer-cta-sec .left-col {
width: 100%;
text-align: center
}
.footer-cta-sec .section-title {
max-width: 100%;
text-align: center
}
.footer-cta-sec.layout-two .right-col {
width: 100%;
text-align: center
}
.footer-cta-sec.layout-two .right-col .text-block p {
margin-bottom: 30px
}
.footer-newsletter .column-row .col-left {
width: 100%;
margin-bottom: 30px;
text-align: center
}
.footer-newsletter.bg-blue.layout-two .col-left {
text-align: left
}
.footer-newsletter.bg-blue.layout-two .col-left {
padding-left: calc((100% - 660px) / 2);
padding-right: 30px;
width: 100%;
margin-bottom: 0;
text-align: center;
padding-top: 80px;
padding-bottom: 80px
}
.footer-newsletter.bg-blue.layout-two .right-col .image-wrapper {
position: relative;
padding-bottom: 65%
}
.footer-newsletter.bg-blue.layout-two .right-col img {
position: absolute;
left: 0;
top: 0
}
.footer-newsletter.bg-blue.layout-two .column-row {
flex-direction: column
}
.footer-newsletter.bg-blue.layout-two .col-left .section-title {
max-width: 100%;
text-align: left;
}
.footer-newsletter.bg-blue.layout-two .right-col {
width: 100%
}
body.header-transparent header:not(.is-sticky) .header-btn a.btn, body.header-transparent header:not(.is-sticky) .header-btn a.btn:hover {
background-color: var(--dark);
color: var(--dark)
}
body.header-navy-blue header .header-btn a.btn svg path, body.header-navy-blue header .header-btn a.btn:hover {
fill: var(--dark)
}
body.header-transparent .header-menu .site-branding img {
filter: brightness(0) invert(1) !important
}
body.header-navy-blue .header-menu .megamenu .site-branding img, body.header-transparent .header-menu .megamenu .site-branding img {
filter: unset !important
}
.megamenu .sidebar-header {
padding-top: 1px;
padding-bottom: 1px
}
.footer-newsletter .column-row {
justify-content: center;
}
.footer-newsletter .column-row .right-col {
width: 70%;
}
.header-menu .header-btn .btn {
background-color: #fff !important
}
.search_bar_menu .sidebar-header {
margin-bottom: 46px;
border-bottom: 1px solid rgba(12, 13, 14, .14);
position: sticky;
width: 100%;
top: 0;
left: 0;
z-index: 11;
background-color: #fff
}
.search_bar_menu {
padding: 0
}
.search_bar_menu .megamenu-toggle {
border-left: 1px solid rgba(12, 13, 14, .14);
height: 52px;
width: 52px;
display: flex;
align-items: center;
justify-content: center
}
.search_bar_menu .megamenu-toggle line {
stroke: #0C0D0E
}
.search_bar_menu .search-close {
display: none
}
.search_bar_menu .search-bar {
padding: 0 30px;
margin-top: 0;
}
.search_bar_menu .search-bar input[type=search] {
background: rgba(186, 187, 191, .24) !important;
border: 0 !important;
height: 54px
}
.search-suggestions {
margin-top: 100px;
}
.search_bar_menu {
max-width: 393px
}
.search_bar_menu .search-bar input.search-submit {
background-image: url(//www.tosifirm.com/wp-content/themes/tosilow/assets/images/search-black.svg) !important;
background-position: right 20px top 0;
width: 40px;
height: 18px
}
span.suggestions-title {
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 24px;
display: block
}
.search-suggestions ul li a {
border-top: 1px solid rgba(0, 0, 0, .08);
width: 100%;
display: block;
padding: 16.5px 0
}
.search-suggestions ul li:not(:last-child) {
margin: 0
}
.megamenu-toggle.search-close {
display: flex
}
.back-menu.search-close {
display: block
}
.inner-banner-sec {
padding: 60px 0 60px;
}
.search-results-page {
margin: 60px 0;
}
.search-results-page .pagination {
padding: 0;
}
.pagination .next, .pagination .prev {
font-size: 16px;
position: static;
}
.pagination .next, .pagination .prev {
font-size: 16px;
position: static;
transform: none;
}
.pagination a, .pagination span {
width: 40px;
height: 40px;
font-size: 14px;
}
.inner-banner-sec p {
font-size: 20px;
line-height: 27.2px;
}
.inner-banner-sec .btn {
margin-top: 20px;
}
.header-menu ul.menu > li.active > a,
.header-menu ul.menu > li.current-menu-item > a,
.header-menu ul.menu > li > a:hover {
color: var(--light-yellow) !important;
}
}
@media only screen and (max-width: 782px) {
.admin-bar header,
.admin-bar header.is-sticky {
top: 46px;
}
}
@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
margin-bottom: 20px
}
.btn {
width: 100%;
padding: 13px 30px
}
.btn-with-icon {
padding: 14.2px 80px 14.2px 30px
}
.only-desktop {
display: none
}
.title-section span {
font-size: 16px;
line-height: 19.2px;
}
.footer-cta-main {
min-height: 400px;
padding: 76px 0 60px
}
.footer-cta-sec .section-title {
text-align: left
}
.footer-cta-sec .left-col {
text-align: left
}
.footer-top .footer-left {
width: 100%;
margin-top: 70px
}
.footer-menu-wrapper .footer-col-1, .footer-menu-wrapper .footer-col-2, .footer-menu-wrapper .footer-col-3 {
width: 100%
}
.footer-cta-sec .left-col {
margin-bottom: 0
}
.footer-cta-sec.layout-two .right-col {
text-align: left
}
.footer-menu-wrapper h3 {
min-height: unset;
margin-bottom: 10px
}
.footer-menu-wrapper h3:empty {
display: none
}
.footer-menu-wrapper > div:not(:last-child) {
margin-bottom: 40px
}
.footer-top .column-row {
flex-direction: column-reverse
}
.footer-top .footer-text {
margin: 0;
text-align: left
}
.footer-logo {
display: none
}
.footer-top .footer-text p {
text-align: left;
font-size: 15px;
line-height: 21.75px
}
.footer-top {
padding-bottom: 32px;
padding-top: 60px
}
.footer-bottom {
padding: 32px 30px 100px 30px;
}
.footer-bottom .footer-copyright p, .footer-bottom .footer-copyright p a, .footer-bottom .menu-links ul li a, .social-links ul li a {
line-height: 23.2px
}
.footer-bottom .social-links {
margin-left: 24px
}
.footer-newsletter .column-row .col-left {
margin-bottom: 0
}
.footer-newsletter {
background-color: #fff
}
.footer-newsletter .section-title h2 {
color: #0c0d0e;
text-align: left
}
.live-chat-box {
padding: 30px;
padding-left: calc((100% - 480px) / 2);
padding-right: calc((100% - 480px) / 2)
}
.footer-newsletter.bg-blue.layout-two .col-left {
padding-left: calc((100% - 480px) / 2);
padding-right: calc((100% - 480px) / 2);
text-align: left
}
.footer-cta-sec .left-col .text-block p, .live-chat-box ul li, .live-chat-box ul li a {
font-size: 20px;
line-height: 27px
}
.live-chat-box p {
font-size: 21px;
line-height: 28.35px
}
.btn-with-icon {
width: 100%;
padding: 14.2px 80px 14.2px 30px
}
.nl-form {
margin-top: 40px
}
body .nl-form .gform_wrapper .gform_footer {
position: static;
transform: none;
width: auto;
display: block;
margin-top: 24px
}
.nl-form .gform_wrapper .gform_footer .gform_button {
width: 100% !important;
display: block !important;
background-color: #0c0d0e !important;
color: #fff !important;
border: 0 !important
}
.nl-form .gform_wrapper .gform_footer .gform_button:hover {
background-color: #0c0d0e !important;
color: #fff !important
}
.footer-newsletter .column-row .right-col {
width: 100%
}
body .nl-form .gform_wrapper input[type=email] {
border-bottom: 1px solid rgba(12, 13, 14, .2) !important;
color: #0c0d0e !important;
padding-right: 0 !important;
}
body .nl-form .gform_wrapper form .validation_message {
position: static
}
body .nl-form .gform_wrapper input[type=email]::placeholder {
color: rgba(12, 13, 14, .6) !important
}
body .footer-newsletter.layout-two .newsletter-text .nl-form .gform_wrapper input[type=email] {
width: 100% !important;
border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
color: #fff
}
body .footer-newsletter.layout-two .newsletter-text .nl-form .gform_wrapper input[type=email]::placeholder {
color: rgb(255 255 255 / 60%) !important
}
.search-item .search-thumb {
width: 100%;
margin-bottom: 20px;
height: auto;
}
.search-item .search-content {
width: 100%;
}
.sort-dropdown select {
font-size: 16px;
}
.search-header p {
font-size: 12px;
}
.inner-banner-form form.search-form {
flex-direction: column;
}
.inner-banner-form input.search-submit {
width: 100%;
margin-top: 30px;
}
.inner-banner-form form.search-form label {
margin: 0;
}
.inner-banner-form span {
font-size: 16px;
line-height: normal;
}
.search-item .search-content {
padding: 0;
}
.search-item span.date {
margin-bottom: 5px;
}
.pagination .next, .pagination .prev {
font-size: 14px;
margin: 0;
position: static;
transform: none;
}
.pagination {
padding: 0;
}
.pagination .next, .pagination .prev {
font-size: 16px;
position: static;
transform: none;
}
.pagination a, .pagination span {
width: 40px;
height: 40px;
margin: 0;
}
.search-item .eatured-articles {
margin-top: 15px;
}
.search-item h3 {
font-size: 18px;
line-height: 28px;
}
.search-results-page {
margin: 40px 0;
}
.call-live-chat {
position: fixed;
bottom: 0;
width: 100%;
display: flex;
align-items: center;
z-index: 1;
}
.call-live-chat a {
width: 50%;
background-color: #015D5C;
padding: 15px 20px 15px 20px;
color: #FFF;
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.call-live-chat a:first-child {
background-color: #034947;
}
.call-live-chat a span {
display: block;
color: rgb(255 255 255 / 60%);
font-size: 10px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 2px;
}
.call-live-chat a:hover{
color: var(--light-yellow);
}
.scroll-to-top {
bottom: 67px;
} .grecaptcha-badge {
bottom: 130px !important;
}
.custom-nav .counter {
min-width: 22px;
}
.custom-nav button {
width: 40px;
height: 40px;
position: relative;
background-color: #000;
border-radius: 0;
transition: background-color .3s ease;
}
.custom-nav button::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-size: contain;
background-position: 50% 50%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMxNTNfMzQ4NikiPgo8cGF0aCBkPSJNOC40ODkxOSAwLjM3MzA0N0wxNi42MDA4IDguNDg0NjFMOC4zNjU5NCAxNi43MTk0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMiIvPgo8cGF0aCBkPSJNMC4yNjEwODYgOC40ODY4OUwxNi42MDE4IDguNDg0NzEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzE1M18zNDg2Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC40ODUyOCkgcm90YXRlKDQ1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
transform: translate(-50%, -50%);
}
.custom-nav button svg {
display: none;
}
.custom-nav button.disabled {
background-color: rgba(0, 0, 0, 0.3);
}
}
@media only screen and (max-width: 600px) {
.admin-bar header,
.admin-bar header.is-sticky {
top: 0;
}
}
@media only screen and (max-width: 575px) {
.footer-cta-main {
display: flex;
}
.footer-cta-main .container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer-bottom-links {
flex-direction: column
}
.footer-bottom .social-links {
margin: 0
}
.footer-bottom > div {
width: 100%
}
.footer-bottom .column-row > div {
align-items: flex-start;
width: 100%
}
.menu-links {
margin: 20px 0
}
.footer-bottom .menu-links ul li a {
text-decoration: underline
}
.footer-newsletter.bg-blue.layout-two .col-left, .live-chat-box {
padding-left: 30px;
padding-right: 30px
}
.live-chat-box {
padding-top: 40px;
padding-bottom: 40px
}
.footer-cta-sec .left-col .text-block p {
font-size: 20px;
line-height: 27px
}
}
.open-chat-btn[aria-disabled="true"] {
opacity: 0.5;
cursor: not-allowed;
}
@media only screen and (max-width: 767px) {
.call-live-chat-desktop{
display: none;
}
}
@media only screen and (max-width: 320px) {
.site-branding {
max-width: 110px;
}
}