/*
Theme Name: Lynbrook Optical
Theme URI: https://lynbrookoptical.com.au/
Author: Square Tech IT
Author URI: https://squaretechit.com/
Description: SquareTechIT is a forward-thinking IT solutions provider that stands as your gateway to tech excellence. With a strong commitment to innovation and a deep understanding of technology's ever-evolving landscape, we are dedicated to helping businesses and individuals achieve their digital goals.
Version: 1.0
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lynbrookoptical
tags: Web Developer, Custom Web Development, CMS Development, Wordpress Plugin Developers
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Common CSS */

:root {
  --primary-color: #1e2b47;
  --secondery-color: #1d1d1d;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  font-family: "Montserrat", sans-serif !important;
  font-style: normal;
  /* overflow-x: hidden !important; */
  color: #1d1d1d;
}

main {
  margin-top: 70px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.container {
  max-width: 90% !important;
}

.lb-btn-primary {
  background: var(--primary-color) !important;
  box-shadow: 0px 22px 18px -16px rgba(0, 0, 0, 0.25) !important;
  border-radius: 29px !important;
  padding: 15px 50px !important;
  color: #fff !important;
  font-size: 14px !important;
  transition: 0.5s !important;
}

.lb-btn-primary:hover {
  background-color: var(--secondery-color) !important;
  color: #fff !important;
}

.lb-btn-secondery {
  box-shadow: 0px 22px 18px -16px rgba(0, 0, 0, 0.25) !important;
  border-radius: 29px !important;
  padding: 15px 50px !important;
  color: #fff !important;
  font-size: 14px !important;
  transition: 0.3s !important;
  background-color: #fff !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}

.lb-btn-secondery:hover {
  border-color: var(--secondery-color) !important;
  background-color: var(--secondery-color) !important;
  color: #fff !important;
}

.lb-btn:hover {
  background-color: var(--secondery-color) !important;
  color: #fff !important;
}

svg {
  height: 24px;
  width: 24px;
}

@media all and (max-width: 992px) {
  .container {
    max-width: 100%;
  }
}

@media all and (max-width: 1440px) {
  .container {
    max-width: 95%;
  }
}

@media all and (max-width: 1280px) {
  main {
    margin-top: 52px;
  }
}