#site-header .main-navigation .nav-menu {
.button a {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: fit-content;
column-gap: 10px;
background-color: white;
color: #59B86F !important;
padding: 12px 16px !important;
border-radius: 4px;
transition: colors 0.2s ease-in-out;
&:hover {
background-color: #59B86F;
color: white !important;
}
}
}
footer {
.second-footer-inner h3.widget-title {
font-size: 20px;
}
ul.optico_contact_widget_wrapper li {
padding-left: 30px;
}
a.fax-cst-number {
font-size: 14px;
font-family: Poppins;
}
.footerlogo img {
max-height: 100px;
margin-left: -20px;
}
}
#site-header {
.site-header-main {
padding: 0; 
.site-branding img.standardlogo {
height: 64px;
width: auto;
}
@media screen and (min-width:993px) and (max-width: 1200px) {
.site-branding .standardlogo {
margin-left: 10px;
}
}
#site-header-menu #site-navigation div.nav-menu {
height: 100%;
ul.nav-menu {
display: flex;
height: 100%;
gap: 0 26px;
align-items: center;
margin-right: 26px;
li {
margin: 0;
a {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: normal;
height: 43px;
margin: 0;
font-size: 12px;
text-transform: none;
&::before {
display: none;
}
}
@media screen and (min-width: 990px) and (max-width:1200px) {
&.last {
display: none;   
}
}
}
ul.sub-menu {
top: 75px;
li { 
a {
justify-content: flex-start;
transform: none;
padding: 12px 20px;
width: 100%;
}
}
}
@media screen and (max-width: 989px) {
flex-direction: column;
height: fit-content;
border: none;
margin-right: 0;
li {
width: 100%;
&.lastsecond,
&.last {
border: none;
margin-top: 10px;
}
}
}
}
}
}
} @media screen and (max-width:989px) {
.ts-mmmenu-override-yes #site-header-menu #site-navigation,
#site-header-menu #site-navigation {
.mega-menu-wrap .mega-menu.mega-menu-horizontal,
div.nav-menu > ul {
padding: 0;
}
&.toggled-on {
.mega-menu-wrap .mega-menu.mega-menu-horizontal,
div.nav-menu > ul {
padding: 10px 20px 20px 20px !important;
}   
}
}
}
.ts-row-bgtype-skincolor, 
.ts-bgcolor-skincolor, 
.ts-col-bgcolor-skincolor,
.ts-row-bgtype-darkgrey, 
.ts-col-bgcolor-darkgrey {
ul.ts-pricelist-block li {
border-bottom-color: #fff;
}
}
.custom-btn a,
.custom-btn {
color: #333 !important;
&::before {
display: none;
}
}
.themestek-contact-faxnumber.fa.fa-fax:before {
top: -2px !important;
}
.timer-icon span.ts-vc_icon_element-icon.fa.fa-asterisk:before {
content: none !important;
}
.timer-icon span.ts-vc_icon_element-icon.fa.fa-asterisk {
background: url(https://www.eyedocs.ca/wp-content/uploads/2018/11/whitetimer-icon.png);
background-size: cover;
width: 70px;
height: 55px;
background-repeat: no-repeat;
}
.themestek-pre-header-inner a:hover {
color: black !important;
}
#services-and-care i.fa.fa-sun-o {
background: url(https://www.eyedocs.ca/wp-content/uploads/2018/11/sunglasses-icon.png);
height: 52px !important;
width: 52px !important;
background-size: cover;
background-repeat: no-repeat;
}
#services-and-care i.fa.fa-sun-o:before {
content: none !important;
}
.display-mobile {
display: none !important;
}
.no-padding {
padding: 0 !important;
}
@media only screen and (min-width: 768px) {
.col-xs-12.col-sm-7.ts-footer2-right {
width: 20%;
}
.col-xs-12.col-sm-5.ts-footer2-left {
width: 80%;
}
}
@media only screen and (max-width: 992px) {
.display-mobile {
display: block !important;
}
}