diff --git a/assets/css/style.css b/assets/css/style.css index 9a20a77..f12805b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -283,7 +283,6 @@ ul.primary-menu { nav.nav-primary.show { margin-top: 2rem; - max-height: 100vh; transition: var(--transition); visibility: visible; @@ -388,7 +387,7 @@ ul.primary-menu { background-repeat: no-repeat; background-size: cover; position: relative; - min-height: 100vh; + min-height: 100svh; } .hero h1, .hero h2, .hero h3, .hero a.home-phone { @@ -428,7 +427,7 @@ ul.primary-menu { .hero .background-overlay { height: 100%; width: 100%; - min-height: 100vh; + min-height: 100svh; top: 0; left: 0; position: absolute; @@ -661,7 +660,7 @@ ul.primary-menu { .map-widget-container { position: relative; - padding-bottom: 75%; + padding-bottom: 100%; height: 0; overflow: hidden; height: 50%; @@ -783,12 +782,10 @@ a.top-link { a.top-link > i { color: var(--accent-color); text-shadow: var(--text-shadow); -/* border: 1px solid var(--primary-color);*/ border-radius: 100px; -/* padding: 1px 0 0;*/ } a.top-link > i:hover { -/* text-shadow: none;*/ + text-shadow: none; } /*Top Link*/ diff --git a/assets/css/style.min.css b/assets/css/style.min.css index 4a74c94..8af91d5 100644 --- a/assets/css/style.min.css +++ b/assets/css/style.min.css @@ -1 +1 @@ -@charset "UTF-8";:root{--primary-color:#3c486b;--secondary-color:#f9d949;--accent-color:#f45050;--even-bg-color:#f0f0f0;--odd-bg-color:#f9f9f9;--button-shadow:inset 0 -2px 0 rgba(0,0,0,0.3),1px 1px 2px 0 rgba(0,0,0,0.3);--box-shadow:1px 1px 4px rgba(0, 0, 0, 0.3);--text-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);--transition:all ease-in-out 0.2s}body{font-family:Montserrat,Lato,sans-serif}.fs-1,.fs-2,.fs-3,.fs-4,.fs-5,.fs-6,h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:700;text-shadow:var(--text-shadow)}.fs-1,h1{margin-bottom:1.25rem;line-height:3rem}.fs-2,h2{margin-bottom:1rem;line-height:2.4rem}.fs-3,h3{margin-bottom:.875rem;line-height:2.1rem}.fs-4,h4{margin-bottom:.75rem;line-height:1.8rem}.fs-5,h5{margin-bottom:.625rem;line-height:1.5rem}.fs-6,h6{margin-bottom:.5rem;line-height:1rem}a{color:var(--primary-color);text-decoration:none}ul{list-style:none;padding-left:0}.button{background-color:var(--secondary-color);border-radius:5px;box-shadow:var(--button-shadow);color:#212529;display:inline-block;font-weight:780;padding:1rem 2rem;text-transform:uppercase;text-shadow:var(--text-shadow);transition:all ease-in-out .1s;width:auto}.button:hover{box-shadow:inset 0 -2px 0 rgba(0,0,0,.3)}.button:active{box-shadow:none}.e-button{background-color:transparent;border:1px solid var(--secondary-color);color:var(--secondary-color);box-shadow:none}.section-heading{text-align:center;padding-bottom:1rem;position:relative}.section-copy{font-size:1.125rem;margin-bottom:1.6875rem}.section-copy>p{margin-bottom:0}.section-heading::before{content:"";position:absolute;display:block;width:240px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 120px)}.section-heading::after{content:"";position:absolute;display:block;width:80px;height:3px;background:var(--primary-color);bottom:0;left:calc(50% - 40px)}.site-header{background-color:rgba(60,72,107,.9);border-bottom:1px solid var(--primary-color);box-shadow:0 2px 2px rgba(0,0,0,.25);left:0;position:fixed;top:0;width:100%;z-index:11}.nav-flex{left:0;z-index:10;display:-ms-grid;display:grid;width:100%;-ms-grid-columns:2fr 7.5fr;grid-template-columns:2fr 7.5fr}.site-title{margin-bottom:0}.site-title>a{background:url(../../media/car-club-logo.png) no-repeat left bottom;background-size:contain;display:block;height:76px;text-indent:-9999px;margin-bottom:0;z-index:-99}.dark .site-title>a{height:66px}.site-description{display:block;height:0;margin-bottom:0;text-indent:-9999px}.primary-menu{display:-ms-flexbox;display:flex;gap:20px;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px}ul.primary-menu{margin:0;list-style:none}.primary-menu .menu-item:has(a.active){border-bottom:1px solid var(--secondary-color)}.primary-menu a{color:#fff;text-shadow:var(--text-shadow);transition:var(--transition)}.primary-menu a.active,.primary-menu a:hover{color:var(--secondary-color)}.primary-menu a{font-size:14px;font-weight:700;line-height:76px;text-transform:uppercase}.dark .primary-menu a{line-height:66px}@media only screen and (min-width:769px){.menu-toggle{display:none;visibility:hidden}.nav-primary{display:block!important}.home-section{background-image:url(img/home-bg.webp);background-attachment:fixed}}@media only screen and (max-width:1024px){.site-title>a{height:56px}.dark .primary-menu a,.primary-menu a{line-height:66px}}@media only screen and (max-width:992px){.nav-flex{-ms-grid-columns:80% 20%;grid-template-columns:80% 20%}nav.nav-primary{max-height:0;transition:var(--transition);overflow:hidden;position:relative}nav.nav-primary.show{margin-top:2rem;max-height:100vh;transition:var(--transition);visibility:visible}ul.primary-menu{margin-bottom:20px}.primary-menu a{font-size:1rem}.menu-toggle{background:0 0;border-width:0;color:#fff;display:block;padding:0;visibility:visible;cursor:pointer;text-align:right}.primary-menu{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.primary-menu .menu-item{display:block;margin-left:calc(10% + 10px);width:100%}.dark .primary-menu a,.primary-menu a{line-height:30px}.menu-toggle:focus,.menu-toggle:hover{bakground-color:transparent;border-width:0}.menu-toggle::before{border:1px solid rgba(0,0,0,.3);border-radius:5px;content:'\eb5f';display:inline-block;font-size:2.5rem;padding:1px 0 0;text-rendering:auto;transform:rotateX(0);transition:var(--transition)}.menu-toggle.activated::before{box-shadow:inset 1px -1px 4px rgba(0,0,0,.4);content:'\ec8d';transform:rotateX(180deg)}.menu-toggle.activated::before,.menu-toggle::before{text-rendering:auto}}.section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;padding:calc(2rem + 66px) 0 2rem}.section:nth-child(2n){background-color:var(--even-bg-color)}.section:nth-child(odd){background-color:var(--odd-bg-color)}.hero{background-image:url("../../media/header-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;min-height:100vh}.hero a.home-phone,.hero h1,.hero h2,.hero h3{color:#fff}.hero a.home-phone{font-weight:700}.hero a.home-phone>i{background-color:var(--accent-color);padding:1rem;color:#212529;border-radius:2rem;box-shadow:var(--button-shadow);transition:var(--transition)}.hero a.home-phone>i:hover{-ms-transform:rotate(30deg);transform:rotate(30deg)}.hero a.home-phone>i:hover{box-shadow:inset 0 -2px 0 rgba(0,0,0,.3)}.hero a.home-phone>i:active{box-shadow:none}.hero .container *{z-index:2}.hero .background-overlay{height:100%;width:100%;min-height:100vh;top:0;left:0;position:absolute;mix-blend-mode:multiply;background-color:var(--primary-color);opacity:.5;z-index:0}@media(max-width:1024px){.hero{background-image:url("../../media/header-bg-mobile.webp")}}.ag-courses_box{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2.5rem 0;color:#fff}.ag-courses_item{background-color:#3c486b;border-radius:10px;display:block;-ms-flex-preferred-size:calc(33.33333% - 30px);flex-basis:calc(33.33333% - 30px);margin:0 15px 30px;overflow:hidden;padding:30px 20px;position:relative}.ag-courses_item:hover .ag-courses-item_bg{-ms-transform:scale(10);transform:scale(10)}.ag-courses-item_title{color:#fff;position:relative;z-index:2;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:.625rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ag-course-body{z-index:3;position:relative}.ag-courses-item_bg{height:128px;width:128px;background-color:#f9b234;z-index:1;position:absolute;top:-75px;righ:-75px;border-radius:50%;transition:var(--transition)}.ag-courses_item:nth-child(2n) .ag-courses-item_bg{background-color:#3ecd5e}.ag-courses_item:nth-child(3n) .ag-courses-item_bg{background-color:#e44002}.ag-courses_item:nth-child(4n) .ag-courses-item_bg{background-color:#952aff}.ag-courses_item:nth-child(5n) .ag-courses-item_bg{background-color:#cd3e94}.ag-courses_item:nth-child(6n) .ag-courses-item_bg{background-color:#4c49ea}@media only screen and (max-width:979px){.ag-courses_item{-ms-flex-preferred-size:calc(50% - 30px);flex-basis:calc(50% - 30px)}}@media only screen and (max-width:639px){.ag-courses_item{-ms-flex-preferred-size:100%;flex-basis:100%;padding:22px 40px}}.counter-box{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-gap:1rem;-ms-flex-pack:center;justify-content:center;place-items:center}@media only screen and (max-width:992px){.counter-box{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:380px){.counter-box{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.counter-widget{background-color:var(--secondary-color);border-radius:1rem;color:#212529;padding:1rem;text-align:center;width:100%;height:100%;display:-ms-grid;display:grid;place-items:center}.services-container>ul{display:-ms-flexbox;display:flex;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:end;align-content:flex-end}.services-container>ul li{-ms-flex-preferred-size:calc(25% - 2rem);flex-basis:calc(25% - 2rem)}.services-container>ul li p{margin-bottom:0}@media only screen and (max-width:992px){.services-container ul li{-ms-flex-preferred-size:calc(33.33333333% - 2rem);flex-basis:calc(33.33333333% - 2rem)}}@media only screen and (max-width:768px){.services-container ul li{-ms-flex-preferred-size:calc(50% - 2rem);flex-basis:calc(50% - 2rem)}}@media only screen and (max-width:576px){.services-container ul li{-ms-flex-preferred-size:calc(100%);flex-basis:calc(100%)}}.why-row .col-12{margin-bottom:1rem}.why-item-container{border-radius:1rem;height:100%;padding:1rem;border:1px solid var(--primary-color)}.why-item-container h4{color:#fff}.testimonial .blockquote{font-size:1rem}.testimonial .blockquote-footer{margin-top:-.5rem}.contact-icon-list-item{font-weight:700}.map-widget-container{position:relative;padding-bottom:75%;height:0;overflow:hidden;height:50%;border:1px solid var(--primary-color);display:block}.map-widget-container iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.contact-form button,.contact-form input,.contact-form label,.contact-form textarea{display:block}.contact-form label{margin-bottom:.2rem;font-weight:700;color:var(--primary-color)}.contact-form input,.contact-form textarea{background-color:var(--even-bg-color);border-radius:5px;border:1px solid #212529;margin-bottom:1rem;outline:0;padding:.5rem;transition:var(--transition);width:100%}.contact-form input:focus,.contact-form textarea:focus{background-color:var(--odd-bg-color);box-shadow:inset 1px 1px 2px rgba(0,0,0,.25);border-color:var(--accent-color)}.contact-form .required-label{color:var(--accent-color)}.contact-form button{border:none}.business-hours .text-dange{color:var(--accent-color)}.working-hours{border:1px solid var(--primary-color)}.working-hours>table{margin-bottom:0}.working-hours>table>.thead>tr>th{color:var(--primary-color);background-color:var(--even-bg-color)}.working-hours>table>tbody>tr>td:nth-child(odd){font-weight:700}.working-hours>table>tbody>tr:nth-child(odd)>td{background-color:var(--odd-bg-color)}.working-hours>table>tbody>tr:nth-child(2n)>td{background-color:var(--even-bg-color)}.site-footer{color:#fff;padding-top:1rem;background-color:var(--primary-color)}.site-footer .powered{text-align:right}.site-footer .powered a{color:#ccc}@media only screen and (max-width:767px){.site-footer .powered{text-align:left}}body.dark a.top-link{opacity:1;visibility:visible}a.top-link{bottom:10px;font-size:40px;opacity:0;position:fixed;right:10px;transition:var(--transition);visibility:hidden;line-height:1;z-index:4}a.top-link>i{color:var(--accent-color);text-shadow:var(--text-shadow);border-radius:100px} \ No newline at end of file +@charset "UTF-8";:root{--primary-color:#3c486b;--secondary-color:#f9d949;--accent-color:#f45050;--even-bg-color:#f0f0f0;--odd-bg-color:#f9f9f9;--button-shadow:inset 0 -2px 0 rgba(0,0,0,0.3),1px 1px 2px 0 rgba(0,0,0,0.3);--box-shadow:1px 1px 4px rgba(0, 0, 0, 0.3);--text-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);--transition:all ease-in-out 0.2s}body{font-family:Montserrat,Lato,sans-serif}.fs-1,.fs-2,.fs-3,.fs-4,.fs-5,.fs-6,h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:700;text-shadow:var(--text-shadow)}.fs-1,h1{margin-bottom:1.25rem;line-height:3rem}.fs-2,h2{margin-bottom:1rem;line-height:2.4rem}.fs-3,h3{margin-bottom:.875rem;line-height:2.1rem}.fs-4,h4{margin-bottom:.75rem;line-height:1.8rem}.fs-5,h5{margin-bottom:.625rem;line-height:1.5rem}.fs-6,h6{margin-bottom:.5rem;line-height:1rem}a{color:var(--primary-color);text-decoration:none}ul{list-style:none;padding-left:0}.button{background-color:var(--secondary-color);border-radius:5px;box-shadow:var(--button-shadow);color:#212529;display:inline-block;font-weight:780;padding:1rem 2rem;text-transform:uppercase;text-shadow:var(--text-shadow);transition:all ease-in-out .1s;width:auto}.button:hover{box-shadow:inset 0 -2px 0 rgba(0,0,0,.3)}.button:active{box-shadow:none}.e-button{background-color:transparent;border:1px solid var(--secondary-color);color:var(--secondary-color);box-shadow:none}.section-heading{text-align:center;padding-bottom:1rem;position:relative}.section-copy{font-size:1.125rem;margin-bottom:1.6875rem}.section-copy>p{margin-bottom:0}.section-heading::before{content:"";position:absolute;display:block;width:240px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 120px)}.section-heading::after{content:"";position:absolute;display:block;width:80px;height:3px;background:var(--primary-color);bottom:0;left:calc(50% - 40px)}.site-header{background-color:rgba(60,72,107,.9);border-bottom:1px solid var(--primary-color);box-shadow:0 2px 2px rgba(0,0,0,.25);left:0;position:fixed;top:0;width:100%;z-index:11}.nav-flex{left:0;z-index:10;display:-ms-grid;display:grid;width:100%;-ms-grid-columns:2fr 7.5fr;grid-template-columns:2fr 7.5fr}.site-title{margin-bottom:0}.site-title>a{background:url(../../media/car-club-logo.png) no-repeat left bottom;background-size:contain;display:block;height:76px;text-indent:-9999px;margin-bottom:0;z-index:-99}.dark .site-title>a{height:66px}.site-description{display:block;height:0;margin-bottom:0;text-indent:-9999px}.primary-menu{display:-ms-flexbox;display:flex;gap:20px;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px}ul.primary-menu{margin:0;list-style:none}.primary-menu .menu-item:has(a.active){border-bottom:1px solid var(--secondary-color)}.primary-menu a{color:#fff;text-shadow:var(--text-shadow);transition:var(--transition)}.primary-menu a.active,.primary-menu a:hover{color:var(--secondary-color)}.primary-menu a{font-size:14px;font-weight:700;line-height:76px;text-transform:uppercase}.dark .primary-menu a{line-height:66px}@media only screen and (min-width:769px){.menu-toggle{display:none;visibility:hidden}.nav-primary{display:block!important}.home-section{background-image:url(img/home-bg.webp);background-attachment:fixed}}@media only screen and (max-width:1024px){.site-title>a{height:56px}.dark .primary-menu a,.primary-menu a{line-height:66px}}@media only screen and (max-width:992px){.nav-flex{-ms-grid-columns:80% 20%;grid-template-columns:80% 20%}nav.nav-primary{max-height:0;transition:var(--transition);overflow:hidden;position:relative}nav.nav-primary.show{margin-top:2rem;transition:var(--transition);visibility:visible}ul.primary-menu{margin-bottom:20px}.primary-menu a{font-size:1rem}.menu-toggle{background:0 0;border-width:0;color:#fff;display:block;padding:0;visibility:visible;cursor:pointer;text-align:right}.primary-menu{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.primary-menu .menu-item{display:block;margin-left:calc(10% + 10px);width:100%}.dark .primary-menu a,.primary-menu a{line-height:30px}.menu-toggle:focus,.menu-toggle:hover{bakground-color:transparent;border-width:0}.menu-toggle::before{border:1px solid rgba(0,0,0,.3);border-radius:5px;content:'\eb5f';display:inline-block;font-size:2.5rem;padding:1px 0 0;text-rendering:auto;transform:rotateX(0);transition:var(--transition)}.menu-toggle.activated::before{box-shadow:inset 1px -1px 4px rgba(0,0,0,.4);content:'\ec8d';transform:rotateX(180deg)}.menu-toggle.activated::before,.menu-toggle::before{text-rendering:auto}}.section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;padding:calc(2rem + 66px) 0 2rem}.section:nth-child(2n){background-color:var(--even-bg-color)}.section:nth-child(odd){background-color:var(--odd-bg-color)}.hero{background-image:url("../../media/header-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;min-height:100svh}.hero a.home-phone,.hero h1,.hero h2,.hero h3{color:#fff}.hero a.home-phone{font-weight:700}.hero a.home-phone>i{background-color:var(--accent-color);padding:1rem;color:#212529;border-radius:2rem;box-shadow:var(--button-shadow);transition:var(--transition)}.hero a.home-phone>i:hover{-ms-transform:rotate(30deg);transform:rotate(30deg)}.hero a.home-phone>i:hover{box-shadow:inset 0 -2px 0 rgba(0,0,0,.3)}.hero a.home-phone>i:active{box-shadow:none}.hero .container *{z-index:2}.hero .background-overlay{height:100%;width:100%;min-height:100svh;top:0;left:0;position:absolute;mix-blend-mode:multiply;background-color:var(--primary-color);opacity:.5;z-index:0}@media(max-width:1024px){.hero{background-image:url("../../media/header-bg-mobile.webp")}}.ag-courses_box{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2.5rem 0;color:#fff}.ag-courses_item{background-color:#3c486b;border-radius:10px;display:block;-ms-flex-preferred-size:calc(33.33333% - 30px);flex-basis:calc(33.33333% - 30px);margin:0 15px 30px;overflow:hidden;padding:30px 20px;position:relative}.ag-courses_item:hover .ag-courses-item_bg{-ms-transform:scale(10);transform:scale(10)}.ag-courses-item_title{color:#fff;position:relative;z-index:2;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:.625rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ag-course-body{z-index:3;position:relative}.ag-courses-item_bg{height:128px;width:128px;background-color:#f9b234;z-index:1;position:absolute;top:-75px;righ:-75px;border-radius:50%;transition:var(--transition)}.ag-courses_item:nth-child(2n) .ag-courses-item_bg{background-color:#3ecd5e}.ag-courses_item:nth-child(3n) .ag-courses-item_bg{background-color:#e44002}.ag-courses_item:nth-child(4n) .ag-courses-item_bg{background-color:#952aff}.ag-courses_item:nth-child(5n) .ag-courses-item_bg{background-color:#cd3e94}.ag-courses_item:nth-child(6n) .ag-courses-item_bg{background-color:#4c49ea}@media only screen and (max-width:979px){.ag-courses_item{-ms-flex-preferred-size:calc(50% - 30px);flex-basis:calc(50% - 30px)}}@media only screen and (max-width:639px){.ag-courses_item{-ms-flex-preferred-size:100%;flex-basis:100%;padding:22px 40px}}.counter-box{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-gap:1rem;-ms-flex-pack:center;justify-content:center;place-items:center}@media only screen and (max-width:992px){.counter-box{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:380px){.counter-box{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.counter-widget{background-color:var(--secondary-color);border-radius:1rem;color:#212529;padding:1rem;text-align:center;width:100%;height:100%;display:-ms-grid;display:grid;place-items:center}.services-container>ul{display:-ms-flexbox;display:flex;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:end;align-content:flex-end}.services-container>ul li{-ms-flex-preferred-size:calc(25% - 2rem);flex-basis:calc(25% - 2rem)}.services-container>ul li p{margin-bottom:0}@media only screen and (max-width:992px){.services-container ul li{-ms-flex-preferred-size:calc(33.33333333% - 2rem);flex-basis:calc(33.33333333% - 2rem)}}@media only screen and (max-width:768px){.services-container ul li{-ms-flex-preferred-size:calc(50% - 2rem);flex-basis:calc(50% - 2rem)}}@media only screen and (max-width:576px){.services-container ul li{-ms-flex-preferred-size:calc(100%);flex-basis:calc(100%)}}.why-row .col-12{margin-bottom:1rem}.why-item-container{border-radius:1rem;height:100%;padding:1rem;border:1px solid var(--primary-color)}.why-item-container h4{color:#fff}.testimonial .blockquote{font-size:1rem}.testimonial .blockquote-footer{margin-top:-.5rem}.contact-icon-list-item{font-weight:700}.map-widget-container{position:relative;padding-bottom:100%;height:0;overflow:hidden;height:50%;border:1px solid var(--primary-color);display:block}.map-widget-container iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.contact-form button,.contact-form input,.contact-form label,.contact-form textarea{display:block}.contact-form label{margin-bottom:.2rem;font-weight:700;color:var(--primary-color)}.contact-form input,.contact-form textarea{background-color:var(--even-bg-color);border-radius:5px;border:1px solid #212529;margin-bottom:1rem;outline:0;padding:.5rem;transition:var(--transition);width:100%}.contact-form input:focus,.contact-form textarea:focus{background-color:var(--odd-bg-color);box-shadow:inset 1px 1px 2px rgba(0,0,0,.25);border-color:var(--accent-color)}.contact-form .required-label{color:var(--accent-color)}.contact-form button{border:none}.business-hours .text-dange{color:var(--accent-color)}.working-hours{border:1px solid var(--primary-color)}.working-hours>table{margin-bottom:0}.working-hours>table>.thead>tr>th{color:var(--primary-color);background-color:var(--even-bg-color)}.working-hours>table>tbody>tr>td:nth-child(odd){font-weight:700}.working-hours>table>tbody>tr:nth-child(odd)>td{background-color:var(--odd-bg-color)}.working-hours>table>tbody>tr:nth-child(2n)>td{background-color:var(--even-bg-color)}.site-footer{color:#fff;padding-top:1rem;background-color:var(--primary-color)}.site-footer .powered{text-align:right}.site-footer .powered a{color:#ccc}@media only screen and (max-width:767px){.site-footer .powered{text-align:left}}body.dark a.top-link{opacity:1;visibility:visible}a.top-link{bottom:10px;font-size:40px;opacity:0;position:fixed;right:10px;transition:var(--transition);visibility:hidden;line-height:1;z-index:4}a.top-link>i{color:var(--accent-color);text-shadow:var(--text-shadow);border-radius:100px}a.top-link>i:hover{text-shadow:none} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js index 4e85af4..c1ca244 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -227,23 +227,19 @@ countWhenVisible(document.querySelector(".oil-counter .counter-number"), 5000, 3 function checkStoreStatus() { // Set the timezone to Orange City, Florida, USA const timeZone = 'America/New_York'; - const now = new Date().toLocaleString('en-US', { timeZone }); + const now = new Date(); + const orangeCityTime = new Date(now.toLocaleString('en-US', { timeZone: timeZone })); - const [dateString, timeString] = now.split(', '); - const [dayOfWeek, , dayOfMonth, month, year] = dateString.split(' '); - - const [time, meridian] = timeString.split(' '); - const [hours, minutes] = time.split(':').map(Number); + const dayOfWeek = orangeCityTime.toLocaleString('en-US', { timeZone, weekday: 'long' }); + const hours = orangeCityTime.getHours(); const isOpeningHours = ( (dayOfWeek === 'Sunday' && hours >= 9 && hours < 17) || (dayOfWeek !== 'Sunday' && hours >= 8 && hours < 19) ); - return isOpeningHours ? 'Open' : 'Closed'; + return isOpeningHours ? 'Open come on down' : 'Closed see you in the morning'; } -document.getElementById("storestatus").innerHTML = checkStoreStatus(); - function detectDayToday() { const currentDate = new Date(); const options = { weekday: 'long' }; @@ -254,7 +250,13 @@ function detectDayToday() { return `${dayToday} ${formattedTime}`; } -document.getElementById("today").innerHTML = detectDayToday(); +function updateStatusRealtime() { + document.getElementById("storestatus").innerHTML = `${detectDayToday()}, We Are ${checkStoreStatus()}`; +} + +updateStatusRealtime(); +setInterval(updateStatusRealtime, 10000); + diff --git a/assets/js/main.min.js b/assets/js/main.min.js index 5a1eee9..9fb4bcf 100644 --- a/assets/js/main.min.js +++ b/assets/js/main.min.js @@ -1 +1 @@ -const menuButton=document.querySelector(".menu-toggle"),navigation=document.querySelector("nav.nav-primary");menuButton.addEventListener("click",(function(){navigation.classList.toggle("show"),menuButton.classList.toggle("activated"),"true"===menuButton.getAttribute("aria-expanded")?menuButton.setAttribute("aria-expanded","false"):menuButton.setAttribute("aria-expanded","true"),"true"===menuButton.getAttribute("aria-pressed")?menuButton.setAttribute("aria-pressed","false"):menuButton.setAttribute("aria-pressed","true")}));const menuLinks=document.querySelectorAll(".primary-menu .menu-item a, a.top-link, .site-title a");menuLinks.forEach((e=>{e.addEventListener("click",(function(){navigation.classList.remove("show"),menuButton.classList.remove("activated"),menuButton.setAttribute("aria-expanded","false"),menuButton.setAttribute("aria-pressed","false")}))})),window.addEventListener("scroll",(()=>{window.scrollY>=100?document.querySelector("body").classList.add("dark"):document.querySelector("body").classList.remove("dark")}));let menuSection=document.querySelectorAll(".nav-primary li.menu-item a");menuSection.forEach((e=>{e.onclick=()=>{setTimeout((()=>{menuSection.forEach((e=>e.classList.remove("active"))),e.classList.add("active")}),300)}})),window.onscroll=()=>{document.querySelectorAll("main.entry-content section.section").forEach(((e,t)=>{e.getBoundingClientRect().ye.classList.remove("active"))),menuSection[t].classList.add("active"))}))};const form=document.getElementById("homepage-contact-form");function countWhenVisible(e,t,n){let o=!1,a=null;new IntersectionObserver((r=>{if(r[0].isIntersecting&&!o){o=!0,a=performance.now();let r=0,i=n,u=setInterval((()=>{let n=(performance.now()-a)/i;n>=1?(clearInterval(u),e.innerHTML=t):(r=Math.floor(n*t),e.innerHTML=r)}),20)}})).observe(e)}function checkStoreStatus(){const e=(new Date).toLocaleString("en-US",{timeZone:"America/New_York"}),[t,n]=e.split(", "),[o,,a,r,i]=t.split(" "),[u,c]=n.split(" "),[s,l]=u.split(":").map(Number);return"Sunday"===o&&s>=9&&s<17||"Sunday"!==o&&s>=8&&s<19?'Open':'Closed'}function detectDayToday(){const e=new Date;return`${new Intl.DateTimeFormat("en-US",{weekday:"long"}).format(e)} ${e.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,timeZone:"America/New_York"})}`}form.addEventListener("submit",(function(e){const t=document.getElementById("contact-form-name"),n=document.getElementById("contact-form-email"),o=document.getElementById("contact-form-message");let a=!0;""===t.value?(a=!1,t.setCustomValidity("Please enter your name.")):t.setCustomValidity(""),""===n.value?(a=!1,n.setCustomValidity("Please enter your email address.")):n.checkValidity()?n.setCustomValidity(""):(a=!1,n.setCustomValidity("Please enter a valid email address.")),""===o.value?(a=!1,o.setCustomValidity("Please enter a message.")):o.setCustomValidity(""),a||e.preventDefault()})),form.addEventListener("submit",(function(e){const t=document.getElementById("contact-form-name"),n=document.getElementById("contact-form-email"),o=document.getElementById("contact-form-number"),a=document.getElementById("contact-form-vehicle"),r=document.getElementById("contact-form-message"),i=(document.querySelector("button.form-submit-button"),`[Contact-Form] ${t.value}`),u=`${r.value}\n\n${t.value}\n${o.value}\n${a.value}\n${n.value}`,c=`mailto:${encodeURIComponent("carclubtire@gmail.com")}?subject=${encodeURIComponent(i)}&body=${encodeURIComponent(u)}`;window.open(c),e.preventDefault()})),document.getElementById("year").innerHTML=(new Date).getFullYear(),countWhenVisible(document.querySelector(".business-counter .counter-number"),5,1e3),countWhenVisible(document.querySelector(".tires-counter .counter-number"),640,1e3),countWhenVisible(document.querySelector(".wheels-counter .counter-number"),2200,2e3),countWhenVisible(document.querySelector(".oil-counter .counter-number"),5e3,3e3),document.getElementById("storestatus").innerHTML=checkStoreStatus(),document.getElementById("today").innerHTML=detectDayToday();const preloader=document.getElementById("loader-wrapper");window.onload=setTimeout((function(){preloader&&(preloader.hidden=!0),preloader&&(preloader.style.display="none")}),2e3),window.onload=function(){preloader.classList.add("hide-preloader")}; \ No newline at end of file +const menuButton=document.querySelector(".menu-toggle"),navigation=document.querySelector("nav.nav-primary");menuButton.addEventListener("click",(function(){navigation.classList.toggle("show"),menuButton.classList.toggle("activated"),"true"===menuButton.getAttribute("aria-expanded")?menuButton.setAttribute("aria-expanded","false"):menuButton.setAttribute("aria-expanded","true"),"true"===menuButton.getAttribute("aria-pressed")?menuButton.setAttribute("aria-pressed","false"):menuButton.setAttribute("aria-pressed","true")}));const menuLinks=document.querySelectorAll(".primary-menu .menu-item a, a.top-link, .site-title a");menuLinks.forEach((e=>{e.addEventListener("click",(function(){navigation.classList.remove("show"),menuButton.classList.remove("activated"),menuButton.setAttribute("aria-expanded","false"),menuButton.setAttribute("aria-pressed","false")}))})),window.addEventListener("scroll",(()=>{window.scrollY>=100?document.querySelector("body").classList.add("dark"):document.querySelector("body").classList.remove("dark")}));let menuSection=document.querySelectorAll(".nav-primary li.menu-item a");menuSection.forEach((e=>{e.onclick=()=>{setTimeout((()=>{menuSection.forEach((e=>e.classList.remove("active"))),e.classList.add("active")}),300)}})),window.onscroll=()=>{document.querySelectorAll("main.entry-content section.section").forEach(((e,t)=>{e.getBoundingClientRect().ye.classList.remove("active"))),menuSection[t].classList.add("active"))}))};const form=document.getElementById("homepage-contact-form");function countWhenVisible(e,t,n){let o=!1,a=null;new IntersectionObserver((r=>{if(r[0].isIntersecting&&!o){o=!0,a=performance.now();let r=0,u=n,i=setInterval((()=>{let n=(performance.now()-a)/u;n>=1?(clearInterval(i),e.innerHTML=t):(r=Math.floor(n*t),e.innerHTML=r)}),20)}})).observe(e)}function checkStoreStatus(){const e="America/New_York",t=new Date,n=new Date(t.toLocaleString("en-US",{timeZone:e})),o=n.toLocaleString("en-US",{timeZone:e,weekday:"long"}),a=n.getHours();return"Sunday"===o&&a>=9&&a<17||"Sunday"!==o&&a>=8&&a<19?'Open come on down':'Closed see you in the morning'}function detectDayToday(){const e=new Date;return`${new Intl.DateTimeFormat("en-US",{weekday:"long"}).format(e)} ${e.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,timeZone:"America/New_York"})}`}function updateStatusRealtime(){document.getElementById("storestatus").innerHTML=`${detectDayToday()}, We Are ${checkStoreStatus()}`}form.addEventListener("submit",(function(e){const t=document.getElementById("contact-form-name"),n=document.getElementById("contact-form-email"),o=document.getElementById("contact-form-message");let a=!0;""===t.value?(a=!1,t.setCustomValidity("Please enter your name.")):t.setCustomValidity(""),""===n.value?(a=!1,n.setCustomValidity("Please enter your email address.")):n.checkValidity()?n.setCustomValidity(""):(a=!1,n.setCustomValidity("Please enter a valid email address.")),""===o.value?(a=!1,o.setCustomValidity("Please enter a message.")):o.setCustomValidity(""),a||e.preventDefault()})),form.addEventListener("submit",(function(e){const t=document.getElementById("contact-form-name"),n=document.getElementById("contact-form-email"),o=document.getElementById("contact-form-number"),a=document.getElementById("contact-form-vehicle"),r=document.getElementById("contact-form-message"),u=(document.querySelector("button.form-submit-button"),`[Contact-Form] ${t.value}`),i=`${r.value}\n\n${t.value}\n${o.value}\n${a.value}\n${n.value}`,c=`mailto:${encodeURIComponent("carclubtire@gmail.com")}?subject=${encodeURIComponent(u)}&body=${encodeURIComponent(i)}`;window.open(c),e.preventDefault()})),document.getElementById("year").innerHTML=(new Date).getFullYear(),countWhenVisible(document.querySelector(".business-counter .counter-number"),5,1e3),countWhenVisible(document.querySelector(".tires-counter .counter-number"),640,1e3),countWhenVisible(document.querySelector(".wheels-counter .counter-number"),2200,2e3),countWhenVisible(document.querySelector(".oil-counter .counter-number"),5e3,3e3),updateStatusRealtime(),setInterval(updateStatusRealtime,1e4);const preloader=document.getElementById("loader-wrapper");window.onload=setTimeout((function(){preloader&&(preloader.hidden=!0),preloader&&(preloader.style.display="none")}),2e3),window.onload=function(){preloader.classList.add("hide-preloader")}; \ No newline at end of file diff --git a/index.html b/index.html index 203a223..892cf7b 100644 --- a/index.html +++ b/index.html @@ -354,7 +354,7 @@

Contact Us

-

-

+

@@ -394,7 +394,7 @@

Contact Us

-
+