:root {
--red: #b5202b;
--gray: #54595d;
--ash: #eaeef0;
--deep-lake: #163b50;
--cool-water: #0a6e8f;
--wet-cement: #acb3b9;
}
/* Custom Hide Menu on Certain Width */
@media (max-width: 1100px) {
.main_menu .menu-item-top-level {
display: none !important;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block !important;
}
}
.html_av-submenu-hidden .av-submenu-indicator {
top: 0;
margin: 0;
height: 100%;
padding: 0 20px;
display: grid;
place-items: center;
margin-right: -10px;
cursor: pointer;
}
.inner-wrap .entry-content-wrapper {
position: relative;
}
@media (min-width: 990px) {
#top .inner-wrap .content-column {
background: #fff !important;
width: 450px !important;
position: absolute;
top: 60px;
z-index: 2;
}
#top .inner-wrap .content-column-right {
right: 0;
}
#top .inner-wrap.image-left .content-column {
padding: 30px 0 50px 50px;
}
.inner-wrap.image-right .entry-content-wrapper .av-columns-reverse {
display: flex;
justify-content: right;
}
#top .inner-wrap.image-right .content-column {
left: 0;
padding: 30px 50px 50px 0;
}
#gallery .content {
padding-bottom: 150px;
}
#indoor .content {
padding-top: 120px;
}
.inner-wrap .content {
padding-bottom: 50px;
}
}
/* TEMP CSS Area - Starts */
#footer .menu a {
font-size: 16px;
}
.hero-title .av-subheading p {
text-transform: uppercase !important;
letter-spacing: 4px;
}
.hero-title .av-subheading {
margin-bottom: 5px;
}
#intro {
border-top: 4px solid var(--red);
}
.av-main-nav:has(.is-active) #menu-item-search {
display: none !important;
}
/* TEMP CSS Area - Ends */
/*** Home Intro Area CSS - Starts ***/
#intro {
overflow: hidden;
}
.intro-content-cell {
position: relative;
}
.intro-content-cell:after {
content: 'Style';
text-transform: uppercase;
font-size: 28vw;
line-height: 35vw;
height: 28vw;
width: 100%;
font-family: 'impact',sans-serif;
position: absolute;
left: 0;
bottom: 0;
color: #c8ccd142;
}
/*** Home Intro Area CSS - Ends ***/
.logo img {
width: 300px !important;
}
@media (min-width: 768px) {
.logo img {
margin-top: 15px !important;
}
}
@media (max-width: 767px) {
.logo img {
width: 220px !important;
}
}
/* Header Meta CSS - Starts */
#header_meta {
background-color: var(--gray);
}
#header_meta .menu a {
font-size: 13px;
font-weight: normal;
color: #fff !important;
letter-spacing: 1px;
}
@media (min-width: 768px) {
#header_meta .menu a {
font-size: 15px;
}
}
#header_meta .menu a:hover {
opacity: .85;
}
.top-icon:before {
content: '\e83b';
font-family: 'entypo-fontello';
padding-right: 5px;
}
.loc-icon:before {
content: '\e842';
}
.tel-icon:before {
content: '\e854';
display: inline-block;
transform: rotate(170deg);
padding-left: 5px !important;
padding-right: 0;
position: relative;
top: -2px;
}
.store-icon.top-icon:before {
content: '\e841';
}
.show-icon.top-icon:before {
content: '\e80e';
}
/* Header Meta CSS - Ends */
.main_menu .menu-item-top-level > a .avia-menu-text {
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}
.main_menu .sub-menu .avia-menu-text {
font-size: 16px;
}
.sep-title > a .avia-bullet,
.parent-title > a .avia-bullet {
display: none;
}
.parent-title > a .avia-menu-text {
display: inline-block;
margin-top: 15px;
}
.sep-title > a .avia-menu-text,
.parent-title .mega_menu_title a,
.parent-title > a .avia-menu-text {
font-size: 18px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px;
color: #000 !important;
font-family: 'Poppins', sans-serif !important;
transition: .5s;
margin-bottom: 10px !important;
}
.parent-bold > a .avia-menu-text {
font-weight: 600 !important;
}
.parent-title .mega_menu_title a,
.parent-title > a .avia-menu-text {
margin-bottom: 13px !important;
}
.res-wrap .sep-title > a {
margin-bottom: 5px !important;
}
.sep-title > a:hover .avia-menu-text,
.parent-title .mega_menu_title a:hover,
.parent-title > a:hover .avia-menu-text {
color: var(--red) !important;
}
.sep-title > a,
.parent-title > a {
padding-left: 0 !important;
}
.sep-title > a:hover,
.parent-title > a:hover {
background-color: transparent !important;
}
.new-wrap .avia_mega_hr {
padding-top: 0 !important;
}
.new-wrap ul.sub-menu:first-child {
padding-bottom: 5px !important;
}
.new-wrap .sep-title .avia-menu-text {
font-size: 18px;
}
@media (min-width: 990px) {
.false-heading {
padding-top: 45px !important;
}
}
.avia_mega_div ul.sub-menu .units:nth-child(n+2) {
border-left: 1px solid #e2e2e2 !important;
padding-left: 30px !important;
}
#menu-item-search a {
font-size: 25px !important;
}
#gallery .flex_column_table,
.alt-heading {
max-width: 750px;
margin: 0 auto;
}
.alt-heading .av-special-heading-tag {
font-weight: bold;
line-height: 1.25 !important;
margin-bottom: 25px !important;
}
.alt-heading .light-item {
display: block;
font-weight: normal;
font-family: 'Raleway', sans-serif;
}
.section-heading .av-special-heading-tag {
text-transform: none !important;
}
.content-cell .flex_column_table {
max-width: 380px;
margin: 0 auto;
}
.intro-image-cell {
padding: 275px 0 !important;
}
@media (min-width: 768px) {
.intro-image-cell {
padding: 380px 0 !important;
}
.content-cell {
padding: 100px 50px !important;
}
}
.avia-button {
border-radius: 0 !important;
border: none !important;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.avia_button_icon_right {
padding-left: 5px;
}
.regular-button .avia-button {
transition: .5s;
font-size: 16px;
}
.regular-button .avia-button:hover {
opacity: 1 !important;
background-color: var(--red) !important;
}
/* Footer Area CSS - Starts */
.inner-testimonials .avia-testimonial-meta {
margin-left: 0;
position: relative;
}
.inner-testimonials .avia-testimonial-name:before {
content: '\e80a';
font-family: 'entypo-fontello';
padding-right: 5px;
}
.inner-testimonials .avia-testimonial-name {
color: var(--red) !important;
}
.footer-iconlist {
margin: 12px 0 0;
}
.footer-iconlist .iconlist-char {
position: relative;
top: 2px;
}
#footer .widget,
#footer .widgettitle {
margin-top: 0 !important;
}
#footer .container {
padding-top: 40px;
}
@media (min-width: 990px) {
#footer .container {
display: flex !important;
flex-wrap: wrap;
}
#footer .flex_column {
width: 25%;
margin: 0;
}
#footer .flex_column:nth-child(2) {
padding-left: 50px;
}
#footer .flex_column:nth-child(3) {
padding-left: 25px;
}
.footer-logo {
margin-top: 15px;
}
}
#socket {
border-top: 2px solid var(--red);
}
#socket .copyright {
float: none;
font-size: 14px;
}
#socket .container {
text-align: center;
}
/* Footer Area CSS - Ends */
@media (max-width: 768px) {
.catalog-preview img {
width: 350px;
}
}
.avia_textblock b,
.avia_textblock strong {
color: #333333;
font-weight: 600 !important;
}
/*** Review Wrap CSS - Starts ***/
@media (min-width: 990px) {
.reviews-wrap {
display: flex;
justify-content: space-between;
}
.left-column,
.right-column {
width: 46%;
}
}
@media (max-width: 989px) {
.reviews-wrap h3 {
margin-bottom: 30px;
}
}
.custom-reviews .slide-entry-title {
display: none;
}
.reviews-wrap h3 {
font-size: 20px;
position: relative;
padding-left: 70px;
line-height: 1.25 !important;
}
@media (min-width: 768px) {
.reviews-wrap h3 {
font-size: 37px;
}
}
.reviews-wrap h3:before {
content: '\e833';
font-family: 'entypo-fontello';
position: absolute;
left: 2px;
background: var(--cool-water);
width: 55px;
height: 55px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
z-index: -1;
top: 0px;
overflow: visible;
font-size: 30px;
}
.custom-reviews .slide-entry-excerpt {
overflow: visible !important;
}
.custom-reviews .avia-slideshow-controls {
display: flex !important;
margin: 0 auto;
width: 70px !important;
}
.custom-reviews .new-special-heading {
display: none !important;
}
div#Reviews {
display: flex;
flex-wrap: wrap;
}
.custom-reviews .avia-smallarrow-slider-heading {
order: 2;
margin-top: 30px;
}
.custom-reviews .avia-content-slider-inner {
width: 100%;
}
.custom-reviews .avia-slideshow-controls a,
.custom-reviews .avia-slideshow-controls a:before {
height: 35px !important;
}
.custom-reviews .avia-slideshow-controls a:before {
font-size: 35px !important;
line-height: 1 !important;
height: 35px !important;
}
.custom-reviews .avia-slideshow-controls a:before {
border: none !important;
}
.custom-reviews .avia-testimonial-name {
display: block;
margin-top: 20px;
font-size: 1.2em;
}
/*** Review Wrap CSS - Ends ***/
.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
border-radius: 0 !important;
}
.regular-button .avia-button {
background-color: var(--gray);
}
/*** Inner Col Area CSS - Starts ***/
.block-link {
display: block !important;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.link-box {
margin-bottom: 0 !important;
text-align: center;
}
.link-box svg {
width: auto;
height: 110px;
margin: 0 auto 10px;
}
.link-box svg,
.link-box svg path {
fill: #666;
}
.inner-link-col {
transition: .5s;
}
.inner-link-col:hover {
transform: translateY(-5px);
background-color: #fff !important;
border-color: var(--red) !important;
}
.link-box h3 {
color: var(--red) !important;
font-weight: normal;
font-size: 22px !important;
}
/*** Inner Col Area CSS - Ends ***/
/* Intro Quote Area CSS - Starts */
.intro-quote blockquote {
position: relative;
color: #000;
font-size: 19px;
padding-left: 30px;
}
@media (min-width: 990px) {
.intro-quote blockquote {
margin-left: 95px;
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
.intro-quote .inner-wrap {
border-left: 5px solid var(--primary-color);
padding-left: 40px;
}
.intro-quote blockquote:before {
left: -90px;
content: '';
position: absolute;
width: 60px;
height: 60px;
background-image: url('png/access-lighting-icon.png');
background-size: contain;
background-repeat: no-repeat;
}
}
.landing-intro-wrap .template-page {
padding: 30px 0;
}
/* Intro Quote Area CSS - Ends */
@media (min-width: 1201px) {
#features .entry-content-wrapper {
display: flex;
}
#features .flex_column_table {
width: 50%;
}
#features .flex_column_table:first-child {
padding-right: 20px;
border-right: 1px solid #d8d8d8 !important;
}
}
@media (max-width: 1200px) {
#features .flex_column_table:last-child {
margin-top: 40px !important;
}
}
.simple-iconbox svg {
width: auto;
height: 80px;
margin: 0 auto 15px;
}
.simple-iconbox svg,
.simple-iconbox svg path {
fill: var(--red);
}
.simple-iconbox {
text-align: center;
}
#features .content {
padding-bottom: 100px;
}
.simple-iconbox h3 {
font-size: 20px;
font-weight: normal;
}
/*** Reseller Filter CSS - Starts ***/
.fs-hidden {
display: none !important;
}
.facetwp-search,
.facetwp-type-fselect {
border: 1px solid #d2d2d2 !important;
background: #fff !important;
}
.facetwp-search{
padding: 7px 15px !important;
}
#top .facetwp-dropdown {
padding: 8px 15px !important;
border-color: #d2d2d2 !important;
}
.facetwp-type-fselect .fs-wrap.multiple {display: block !important;width: 100% !important;}
.facetwp-type-fselect .fs-label {
padding: 12px 15px !important;
}
.fs-search input {
border: none !important;
padding: 5px 15px !important;
font-size: 15px !important;
margin: 0 !important;
background-color: #fff !important;
}
.fs-dropdown {
width: auto !important;
}
.facetwp-type-fselect .fs-label-wrap {
border: none;
}
.fs-arrow {
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-top: 5px solid #a6a6a6 !important;
}
span.facetwp-input-wrap {
width: 100%;
}
.facetwp-facet {
margin: 0 !important;
width: 100% !important;
}
.filter-wrap {
display: grid !important;
grid-template-columns: 1fr;
gap: 18px;
}
input.helper-search {
background-color: #fff !important;
}
@media (min-width: 768px) {
.filter-wrap {
grid-template-columns: 1fr 1fr;
}
.facetwp-type-reset {
grid-column: span 2;
}
}
@media (min-width: 1201px) {
.filter-wrap {
grid-template-columns: 3fr 2fr 2fr 2fr 1fr;
}
.facetwp-type-reset {
grid-column: span 1;
}
}
.facetwp-search,
.facetwp-dropdown {
margin-bottom: 0 !important;
background-color: transparent !important;
color: #333 !important;
font-family: 'poppins' !important;
}
.facetwp-search::placeholder {
color: #333 !important;
}
button.facetwp-reset {
width: 100%;
height: 100%;
border: none;
color: #fff;
background: var(--red);
min-height: 44px;
cursor: pointer
}
/*** Reseller Filter CSS - Ends ***/
button.facetwp-load-more {
padding: 15px 30px;
border: none;
font-size: 15px;
color: #fff;
background: var(--red);
text-transform: uppercase;
cursor: pointer
}
.facetwp-type-pager {
text-align: center;
margin-top: 40px !important;
}
/*** Product - Single Mockup CSS - Starts ***/
.landing-heading {
position: relative;
padding-bottom: 30px !important;
margin-bottom: 70px;
}
.landing-heading:after {
content: '';
position: absolute;
width: 100px;
height: 3px;
left: calc(50% - 50px);
bottom: 0;
background-color: var(--cool-water);
}
.product-gallery .avia-gallery-big {
border: 1px solid #e5e5e5 !important;
overflow: visible !important;
margin-bottom: 15px !important;
}
.product-gallery .avia-gallery-thumb img {
border: 1px solid #e5e5e5 !important;
padding: 0 !important;
}
@media (min-width: 768px) {
.product-gallery .avia-gallery-thumb a {
width: 31.5% !important;
}
.product-gallery .avia-gallery-thumb {
justify-content: space-between;
}
}
.avia_textblock b, .avia_textblock strong {
font-weight: 600;
}
.products-files {
margin: 20px 0 40px;
}
.products-files li:nth-child(n+2) {
margin-top: 5px;
}
.narrow-heading .av-special-heading-tag {
color: var(--deep-lake);
font-weight: bold;
}
.regular-button-row a:nth-child(2n+1) {
background-color: var(--red);
}
.regular-button-row a:nth-child(2n+2):hover {
background-color: var(--gray) !important;
}
.regular-button-row .avia-button:hover {
opacity: .85 !important;
}
.landing-heading .av-special-heading-tag {
font-weight: 600;
color: var(--gray);
}
.product-intro ul {
margin-bottom: 0;
}
.product-spces h4 {
font-size: 20px;
color: var(--cool-water);
margin-top: 0;
}
#product_intro .template-page {
padding-bottom: 40px;
}
.landing-heading .av-subheading_below {
margin-top: 15px;
}
/*** Product - Single Mockup CSS - Ends ***/
/*** Product - Filter Mockup CSS - Starts ***/
@media (min-width: 990px) {
.inner-grid {
max-width: 1310px;
padding: 50px;
margin: 0 auto;
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
}
.inner-grid .flex_cell {
padding: 0 !important;
}
.inner-grid .filter-cell {
padding-right: 60px !important;
}
}
.product-cell .flex_column {
text-align: center;
border: 1px solid #d8d8d8;
padding: 20px;
}
.demo-box .team-member-name {
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.demo-box .team-member-job-title {
color: var(--red);
font-size: 18px;
font-weight: 600;
}
/*** Product - Filter Mockup CSS - Ends ***/
.false-height hr {
margin: 0;
border: none
}
/*** Product Grid ***/
.product-listing {
display: grid;
grid-template-columns: 1fr;
gap : 25px;
.product {
border: 1px solid #e1e1e1;
padding: 20px;
background-color: #ffffff;
p {
text-align: center;
color: #666;
margin-bottom: 0;
}
.product-name {
text-align: center;
margin: 5px 0 5px 0;
color: var(--primary);
font-size: 16px;
}
.product-image {
background-color: #fafafa;
margin: 0 auto !important;
display: block;
}
.product-collection {
font-weight: 600;
}
.product-collection {
font-size: 14px;
}
.product-size {
font-size: 12px;
}
}
}
@media (min-width: 768px) {
.product-listing {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1251px) {
.product-listing {
grid-template-columns: repeat(3, 1fr);
}
}
.category-products .product {
text-align: center !important;
}
.custom-pagination {
display: flex;
align-items: center;
margin-top: 20px;
}
/*** Collections Grid ***/
/* Inner Four Col - Center - Starts */
.collection-listing {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.collection-listing .collection {
margin: 0 !important;
width: 100% !important;
}
@media (min-width: 768px) {
.collection-listing .collection {
width: calc(50% - 15px) !important;
}
}
@media (min-width: 1201px) {
.collection-listing .collection {
width: calc(25% - 22.5px) !important;
}
}
/* Inner Four Col - Center - END */
.collection-listing .collection {
border: 1px solid #e1e1e1;
padding: 20px;
}
.collection-listing .collection p {
text-align: center;
color: #666;
margin-bottom: 0;
}
.collection-listing .collection .collection-name {
text-align: center;
margin: 15px 0 5px 0;
color: var(--primary);
font-size: 16px;
}
.collection-listing .collection .collection-image {
background-color: #fafafa;
}
.collection-listing .collection {
text-align: center !important;
}
/*** Collections Grid END ***/
.product-landing .flex_column {
padding: 20px !important;
}
.product-landing .flex_column .wd-hybrid-box h2 {
font-size: 16px ;
text-align: center;
color: var(--primary);
margin-top: 20px;
}
.product-landing .flex_column:hover .wd-hybrid-box h2{
color:#0a6e8f;
}
.product-landing .flex_column .wd-hybrid-box img {
display: block;
margin: 0 auto;
}
.city-name {
text-transform: capitalize !important;
}
.avia_mega_div ul.sub-menu .units:nth-child(n+2) {
position: relative;
z-index: 1;
}
.avia_mega_div ul.sub-menu .units:nth-child(n+2):before {
content: '';
position: absolute;
width: 3px;
height: 45px;
left: -3px;
top: 0;
background-color: #ffffff;
z-index: 99;
}
#category_products_filters {
display: grid;
grid-auto-columns: 1fr;
gap: 50px;
}
@media (min-width: 990px) {
#category_products_filters {
grid-template-columns: 2fr 5fr;
}
}
.newsletter-form form {
margin: 0 !important;
}
.newsletter-form .gform_footer {
padding: 0 !important;
margin-top: 12px !important;
width: 100% !important;
}
.newsletter-form .gform_footer .button {
width: 100%;
background-color: var(--gray);
transition: .5s;
padding: 11px;
}
.newsletter-form .gform_footer .button:hover {
background-color: var(--red) !important;
}
.newsletter-form .large {
background-color: #fff !important;
border: 1px solid var(--red) !important;
padding: 11px !important;
}
#footer .widget_custom_html {
margin-top: 12px;
}
.contact-form .gfield_label {
font-size: 16px !important;
font-weight: normal !important;
}
.contact-form input[type="text"],
.contact-form textarea {
border: 1px solid #b9b9b9 !important;
background-color: #fff !important;
padding: 10px !important;
}
.contact-form input[type="text"]::placeholder,
.contact-form textarea::placeholder {
color: #919191 !important;
opacity: 1;
}
.contact-form input[type="submit"] {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
}
.newsletter-form input[type="submit"] {
width: 100%;
padding-block: 15px;
background-color: var(--red);
margin-top: 12px;
border: none !important;
}
.newsletter-form p,
.newsletter-form fieldset {
margin: 0 !important;
}
/* Top Overlay CSS */
#top .top-overlay {
background: #fff !important;
}
#top .title_container .main-title a {
font-weight: bold !important;
color: var(--deep-lake) !important;
letter-spacing: 1px;
line-height: 1.4;
font-size: 27px !important;
}
@media (min-width: 768px) {
#top .title_container .main-title a {
font-size: 37px !important;
}
}
#top .title_container .breadcrumb * {
color: #333 !important;
}
@media (min-width: 768px) {
#top .top-overlay {
margin: 300px 0 0 !important;
}
}
@media (max-width: 767px) {
#top .top-overlay {
margin: 160px 0 0 !important;
}
}
/* Top Overlay CSS - End */
/* Center Four Col - Center */
.center-three-columns,
.center-four-columns {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.center-three-columns .flex_column,
.center-four-columns .flex_column {
margin: 0 !important;
width: 100% !important;
}
@media (min-width: 768px) {
.center-three-columns .flex_column,
.center-four-columns .flex_column {
width: calc(50% - 15px) !important;
}
}
@media (min-width: 990px) {
.center-four-columns .flex_column {
width: calc(33.33% - 20px) !important;
}
}
@media (min-width: 1201px) {
.center-four-columns .flex_column {
width: calc(25% - 22.5px) !important;
}
.center-three-columns .flex_column {
width: calc(33.33% - 20px) !important;
}
}
/* Center Four Col - Center - END */
.color-section {
margin: 0 -1210px;
padding: 60px 1210px;
overflow: hidden;
}
.color-section-alt {
margin: 0 -1210px;
padding: 60px 1210px;
background-color: #f8f8f8;
}