File manager - Edit - /var/www/html/wp-content/themes/jiffy/style.css-11-09-24
Back
/* Theme Name:Jiffy Lube Theme URI: Author:SEOTA Author URI: Description: Version:2024.01 */ @charset "utf-8"; /* CSS Document */ ::selection { color:var(--bs-white); background:var(--bs-primary); } .aligncenter,.gallery-item a{display:block} .alignleft{float:left; margin-right:15px; margin-bottom:10px} .alignright{float:right; margin-left:15px; margin-bottom:10px} .aligncenter{margin-left:auto; margin-right:auto} .wp-caption{max-width:100%;padding:4px} .entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;} .full-img { position:relative;} .full-img img{ width:100%; height:auto; position:relative; z-index:2;} #page{ overflow:hidden;} .ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;} .ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;} .image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;} .content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;} .content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;} .content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;} .content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;} .color-fff{ color:var(--bs-white);} .color-000{ color:var(--bs-black);} .title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;} .title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-black);} .title-600 h1, .title-600 h2, .title-600 h3, .title-600 h4, .title-600 h5, .title-600 h6, .fw-600{ font-weight:600;} .title-500 h1, .title-500 h2, .title-500 h3, .title-500 h4, .title-500 h5, .title-500 h6, .fw-500{ font-weight:500;} .title-120 h1, .title-120 h2, .title-120 h3, .title-120 h4, .title-120 h5, .title-120 h6{ line-height:120%;} .img-rounded img{ border-radius:10px;} .header{ position:fixed; top:0; left:0; right:0; z-index:1000;} .header .pre-header{-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .header .pre-header .container{ height:50px; font-size:16px;} .header .pre-header .container .location-link{ font-weight:500; color:var(--bs-white);} .header .pre-header .container .location-link i{ border-radius:var(--bs-radius); background:var(--bs-white); height:16px; width:16px; font-size:8px; color:#63666A; flex-direction:column; justify-content:center; align-items:center; display:flex; margin:0 4px;} .header .pre-header .container .menu{ margin-left:auto; display:flex; margin-bottom:0; padding:0; list-style:none;} .header .pre-header .container .menu li + li{ margin-left:48px;} .header .pre-header .container .menu li a{ position:relative; color:var(--bs-white); line-height:50px; font-weight:600; align-items:center; display:flex; font-size:16px;} .header .pre-header .container .menu li a:hover, .header .pre-header .container .menu li.current-menu-item a{ color:var(--bs-white);} .header .pre-header .container .menu li a:before, .header .pre-header .container .menu li.current-menu-item a:before {content:""; display:block;position:absolute; top:0; left:0; right:0; height:3px; background:var(--bs-secondary); border-radius:0px 0px 10px 10px; opacity:0; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .header .pre-header .container .menu li a:hover:before, .header .pre-header .container .menu li.current-menu-item a:before {opacity:1; top:0;} .header .post-header .nav-block{ background:var(--bs-white); height:80px; padding:0 32px; border-radius:var(--bs-radius); border-bottom:2px solid #EAEAEA; background:var(--bs-white); box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.10); -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .header .post-header .nav-block .logo img{ width:169.5px; height:auto;} .header .post-header .nav-block .search-btn{ background:url(images/theme-img/search-icon.svg) no-repeat center; background-size:18px; height:36px; width:36px; border:none; cursor:pointer; margin-left:16px; padding:0;} .header.fixed-header .pre-header{ background:#2d2e30} .header.fixed-header .post-header .nav-block{ border-radius:0 0 16px 16px;} .header .post-header .nav-block.active{ border-radius:16px 16px 0 0;} .header.fixed-header .post-header .nav-block.active{ border-radius:0;} .header-sm{ background:var(--bs-white); padding:0 16px; height:60px; position:fixed; top:0; left:0; right:0; z-index:1000;} .header-sm .logo{ margin-left:auto;} .header-sm .logo img{ width:169.5px; height:auto;} .header-sm .menu-btn{ background:url(images/theme-img/Menu_Icon.svg) no-repeat center; height:27px; width:27px; padding:0; border:none; cursor:pointer;} .header-sm .search-btn{ background:url(images/theme-img/search-icon.svg) no-repeat center; background-size:18px; height:27px; width:27px; border:none; cursor:pointer; margin-left:auto; padding:0;} .offcanvas-title img{ width:103px; height:auto;} .header-search-sm, .header-search-lg{ position:absolute; left:0; right:0; top:100%;} .header-search-sm .card-body, .header-search-lg .card-body{ padding:16px; border:none; border-radius:0; border:1px solid #d8d8d8;} .search-form{ position:relative;} .search-form label{ display:block; position:relative;} .search-form .search-submit{ position:absolute; right:0; top:0; height:54px; width:54px; background:url(images/theme-img/search-icon.svg) no-repeat center; background-size:20px; text-indent:-9999px; border-radius:0; border:none; outline:0; margin:0;} .search-form .search-field{ height:54px; display:block; width:100%; outline:0; border:1px solid #d8d8d8; font-size:18px; padding:0 54px 0 24px;} .header-search-sm .is-form-style input.is-search-input, .header-search-lg .is-form-style input.is-search-input{ height:50px;} .header-search-sm .is-form-style button.is-search-submit, .header-search-lg .is-form-style button.is-search-submit{ height:50px; width:50px;} .header-search-sm .is-form-style.is-form-style-3 label, .header-search-lg .is-form-style.is-form-style-3 label{ width:calc(100% - 50px)!important} .header-search-sm .is-form-style input.is-search-submit, .is-search-icon, .header-search-lg .is-form-style input.is-search-submit, .is-search-icon{ display:flex !important; align-items:center; justify-content:center; height:50px; width:50px; padding:0;} .page-banner{ background:#6a1e29; color:var(--bs-white); overflow:hidden; position:relative; z-index:1;} .page-banner .banner-image{ display:flex; justify-content:flex-end; position:relative;} .page-banner .image-fit{ margin-right:7%; width:40.3125%; height:505px;} .page-banner .image-fit .overlay{ z-index:9; background:linear-gradient(180deg, #161616 0%, rgba(22, 22, 22, 0.00) 100%); position:absolute; top:0; left:0; right:0; height:273px;} .page-banner .image-fit:after, .page-banner .image-fit:before{ position:absolute; width:112px; top:0; bottom:0; content:''; z-index:10;} .page-banner .image-fit:before{ background-image:url(images/shapes/page-banner-left-shape.png); left:0;} .page-banner .image-fit:after{ background-image:url(images/shapes/page-banner-right-shape.png); right:0;} .page-banner .container{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translateX(-50%, -50%); transform:translateX(-50%, -50%); z-index:100; bottom:10.693069306930694%;} .page-banner .container h1{ margin-bottom:12px; font-style:italic; text-transform:uppercase; font-weight:800; line-height:120%; font-family:"Barlow", sans-serif;} .page-banner .container .content{ margin-bottom:24px; line-height:130%;} .page-banner .banner-image .mpc-separator{ position:absolute; top:0; left:0; right:0; z-index:30; transform:rotateY(180deg);} .page-banner .banner-image .mpc-separator-2{ z-index:29; top:0;} .page-banner .btn{ border-width:2px;} .page-banner .btn + .btn{ margin-left:16px;} .loc-search-form{ padding:10px 24px; border-radius:10px; background:#F5F5F5;} .loc-search-form .title{ background:url(images/theme-img/search-icon.svg) no-repeat left; color:#252525; font-size:18px; padding-left:28px; font-weight:400; line-height:20px;} .loc-search-form .form-control{ height:44px; max-height:44px; min-height:44px; background-image:url(images/theme-img/search-near-me-icon.svg); background-repeat:no-repeat; background-position:20px center; padding:0 20px 0 40px; font-size:18px; border:none; height:44px;} .loc-search-form input[type=submit], .loc-search-form .button{ background:var(--bs-secondary); color:var(--bs-dark); width:100%; border:none; cursor:pointer; text-align:center; text-transform:uppercase; font-weight:600; border-radius:10px; font-size:18px; height:54px; font-size:18px; display:flex; align-items:center; justify-content:center;} .loc-search-form input[type=submit]:hover, .loc-search-form .button:hover{ background:var(--bs-primary); color:var(--bs-white)} .loc-search-form .loc-btn{ height:44px; width:100%; background:var(--bs-white); border-radius:5px; font-size:18px; color:#252525; font-weight:400; text-transform:capitalize;} .loc-search-form .loc-btn i{ font-size:15px;} .loc-search-form .loc-btn:hover{ background:var(--bs-primary); color:var(--bs-white);} .section{ position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:2;} .section-48-100{ padding-top:48px; padding-bottom:100px;} .section-100{ padding-top:100px; padding-bottom:100px;} .section-grad{background:linear-gradient(0deg, #F6F7F7 0%, #F6F7F7 100%), var(--bs-white);} .location-cat .d-block{ color:var(--bs-white); border-radius:10px; border:2px solid rgba(189, 189, 189, 0.20); background:linear-gradient(275deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 101.31%), #63666A;} .location-cat .d-block .full-img img{ mix-blend-mode:multiply;} .location-cat .d-block .content{ position:absolute; padding:24px; text-align:center; color:var(--bs-white); z-index:20; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; font-family:"Barlow Condensed", sans-serif; font-weight:600; line-height:100%; /* 44px */ text-transform:capitalize; margin-bottom:16px;} .location-cat .d-block .content h4{ font-size:30px; font-weight:600;} .location-cat .d-block .content span{ border-radius:10px; background:#63666A; color:var(--bs-white); font-weight:400; font-family:"Barlow Condensed", sans-serif; height:50px; padding:0 16px; text-transform:capitalize; font-size:17px; } .location-cat .d-block .content span i{ margin-right:6px;} /*.location-cat .d-block .full-img:before{background:linear-gradient(275deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 101.31%), #63666A; position:absolute; top:0; left:0; right:0; z-index:10; opacity:0.8; content:'';}*/ .footer-cta{ background:var(--bs-secondary); position:relative; font-weight:500;} .footer-cta .image-fit{ height:340px;} .footer-cta .image-fit:after, .footer-cta .image-fit:before{ position:absolute; width:72px; top:0; bottom:0; content:''; z-index:10;} .footer-cta .image-fit:before{ background-image:url(images/shapes/cta-left-shape.png); left:0;} .footer-cta .image-fit:after{ background-image:url(images/shapes/cta-right-shape.png); right:0;} .footer-cta .button{border-radius:10px; background:linear-gradient(0deg, #862633 0%, #862633 100%), linear-gradient(0deg, #555962 0%, #555962 100%), var(--bs-secondary); color:var(--bs-white); font-size:18px; font-style:normal; font-weight:600; line-height:normal; text-transform:uppercase; margin-bottom:16px; height:62px;} .footer-cta .button:hover{background:linear-gradient(275deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 101.31%), #63666A;} .footer-cta form{ display:block; position:relative;} .footer-cta .form-control{ font-weight:500; height:62px; border:none; padding:0 50px 0 16px; border-radius:10px;} .footer-cta button{ position:absolute; color:var(--bs-white); border-radius:0px 10px 10px 0px; background:#862633; width:50px; height:62px; border:none; padding:0; position:absolute; top:0; right:0; z-index:10;} .footer-cta h3{ font-weight:600;} .footer{background:linear-gradient(96deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(0deg, #2D2E30 0%, #2D2E30 100%), #3B3D40; color:var(--bs-white);} .footer a{ color:var(--bs-white);} .footer-top{ padding:80px 0;} .footer-logo{ margin-bottom:60px;} .footer-logo img{width:169.5px; height:auto;} .footer-top h3{ font-size:18px; text-transform:uppercase; font-weight:500; margin-bottom:16px;} .footer-top .main-nav .widget{ position:relative;} .footer-top .main-nav .widget .menu{ margin:0; padding:0; list-style:none;} .footer-top .main-nav .widget .menu li + li{ margin-top:20px;} .footer-top .main-nav .widget li a{ display:block; color:var(--bs-white); font-size:18px; font-style:normal;font-weight:500; line-height:normal;text-transform:uppercase;} .footer-top .main-nav .widget li a:hover{ color:var(--bs-white); text-decoration:underline;} .footer-top .main-nav .widget + .widget{ margin-top:32px; padding-top:32px;} .footer-top .main-nav .widget + .widget:before{ position:absolute; top:0; left:0; opacity:0.2; background:var(--bs-white); height:1px; width:73px; content:'';} .footer-top .service-menu .menu{ margin:0; padding:0; display:flex; flex-wrap:wrap; margin:0 -8px; list-style:none;} .footer-top .service-menu .menu li{ padding:0 8px; flex:0 0 auto; width:50%; margin-top:16px;} .footer-top .service-menu .menu li a{opacity:0.7; color:var(--bs-white); font-size:16px;} .footer-top .service-menu .menu li a:hover{opacity:1; text-decoration:underline;} .footer-top .service-menu h3{ margin:0;} .footer-top .contact-info{ margin-bottom:60px;} .footer-top .links{ margin:0; padding:0; list-style:none;} .footer-top .links li + li{ margin-top:16px;} .footer-top .links li a span{ color:#98012E; font-size:11px; display:flex; width:30px; height:30px; padding:5px; flex-direction:column; justify-content:center; align-items:center; margin-right:8px; border-radius:60px; background:var(--bs-secondary); box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.10);} .footer-top .links li a{ color:var(--bs-white);} .footer-top .links li a:hover{ color:var(--bs-white); text-decoration:underline;} .footer-top .links li a:hover span i{ text-decoration:none;} .footer-bottom{background:rgba(255, 255, 255, 0.10); padding:24px 0; font-size:14px;} .footer-bottom a{ color:var(--bs-white);} .footer-bottom a:hover{ color:var(--bs-white); text-decoration:underline;} .footer-bottom .footer-menu{ margin-left:auto; padding:0; list-style:none;} .footer-bottom .footer-menu ul{display:flex; justify-content:center; align-items:center; margin:0; padding:0; list-style:none;} .footer-bottom .footer-menu ul li + li{ margin-left:32px;} .footer .newsletter .tnp-subscription input[type=text], .footer .newsletter .tnp-subscription input[type=email], .footer .newsletter .tnp-profile input[type=text], .footer .newsletter .tnp-profile input[type=email]{border-radius:10px; background:rgba(255, 255, 255, 0.10); border:none; color:var(--bs-white); font-size:16px; font-style:normal; font-weight:400; height:54px; padding-left:16px; padding-right:16px; outline:0;} .footer .newsletter .tnp-email::-moz-placeholder { color:var(--bs-white); opacity:1;} .footer .newsletter .tnp-email::placeholder { color:var(--bs-white); opacity:1;} .footer .newsletter .tnp-field input[type="submit"]{ color:#000; font-size:18px; text-transform:uppercase; text-align:center; width:100%; display:block; border-radius:8px; background-color:var(--bs-secondary); height:50px; padding-left:16px; padding-right:16px; outline:0; font-weight:600;} .location-list{ padding-top:8px;} .location-list h4{ margin:0; color:var(--bs-black); font-weight:600;} .location-list a{ display:flex; height:50px; padding:0 45px 0 16px; border-radius:10px; background:url(images/theme-img/link-arrow.svg) no-repeat right 16px center var(--bs-white); font-weight:500; line-height:100%; text-transform:capitalize; color:#862633; font-size:16px; margin-top:10px;} .location-list a:hover{ color:var(--bs-white); background:url(images/theme-img/link-arrow-white.svg) no-repeat right 16px center #862633;} .location-list a i{font-size:17px; margin-right:6px;} .location-list [class*=col-]{ margin-top:32px;} .contact-form h4{ margin-bottom:10px;} /*.contact-form input[type="radio"] { display:none;} .contact-form input[type="radio"] + label { line-height:28px; display:flex; align-items:center; margin:0 32px 0 0; cursor:pointer; color:#252525; font-size:18px;} .contact-form input[type="radio"] + label span {display:inline-block; width:28px; height:28px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; background:url(images/theme-img/radio-uncheck.svg)} .contact-form input[type="radio"]:checked + label span { background:url(images/theme-img/radio-check.svg);} .contact-form input[type="checkbox"] { display:none;} .contact-form input[type="checkbox"] + label { line-height:24px; display:flex; align-items:center; margin:0 32px 0 0; cursor:pointer; color:#252525; font-size:18px;} .contact-form input[type="checkbox"] + label span {display:inline-block; width:24px; height:24px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; border-radius:4px; border:1px solid #C3C3C3; background:var(--bs-white);} .contact-form input[type="checkbox"]:checked + label span { background:url(images/theme-img/check.svg) no-repeat center var(--bs-white);}*/ .contact-form input[type="checkbox"] + label a, .term-text a{ color:var(--bs-primary); font-weight:700; margin-left:6px;} .term-text{font-size:14px; color:var(--bs-dark);} .contact-info-box{ padding:24px; border-radius:var(--bs-radius); border:1px solid #EFEFEF; background:var(--bs-white); box-shadow:var(--bs-shadow);} .contact-info-box h3{ margin:0;} .contact-info-box ul{ margin:0; padding:0; list-style:none;} .contact-info-box ul li{ margin-top:24px; font-weight:600; line-height:100%;} .contact-info-box ul li .d-flex i{ color:#98012E; font-size:11px; display:flex; width:40px; height:40px; flex-direction:column; justify-content:center; align-items:center; margin-right:16px; border-radius:60px; background:var(--bs-secondary); text-decoration:none;} .contact-info-box ul li .d-flex{ color:var(--bs-black);} .contact-info-box ul li a.d-flex:hover{ color:var(--bs-primary); text-decoration:none;} .contact-info-box ul li a.d-flex:hover i{ text-decoration:none;} .contact-info-box ul.social {display:flex; flex-wrap:wrap; margin:0 -12px} .contact-info-box ul.social li{ flex:0 0 auto; width:50%; padding:0 12px;} .search-form-cta{ padding:40px 0; background-size:cover; background-position:center; background-repeat:no-repeat;} .search-form-cta .content{border-radius:var(--bs-radius); background:var(--bs-white); padding:24px; font-weight:500;} .search-form-cta .content .loc-search-form{ padding-right:10px;} .service-list [class*=col-], .include-items [class*=col-]{ margin-top:35px;} .service-item { color:var(--bs-body-color); padding-top:40px;} .service-item h4{ color:var(--bs-black); font-weight:600; line-height:100%;} .service-item .image-fit{ height:180px; border-radius:10px;} .service-item .content{padding:56px 24px 24px 24px; border-radius:var(--bs-radius); border:1px solid #EFEFEF; background:var(--bs-white); box-shadow:var(--bs-shadow); -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .service-item:hover .content{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.20); } .service-item .icon{ position:absolute; top:0; left:24px; z-index:2; background:var(--bs-secondary); border-radius:50%; width:80px; height:80px;} .how-much-save-section{ padding:0 0 20px} .how-much-save{border-radius:var(--bs-radius); border:1px solid #EFEFEF; background:var(--bs-white); box-shadow:var(--bs-shadow); padding:24px 32px 32px; position:relative; z-index:10; top:-32px;} .how-much-save .d-block{border-radius:10px; border:2px solid rgba(189, 189, 189, 0.20); background:linear-gradient(275deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 101.31%), #757575;} .how-much-save .d-block img{mix-blend-mode:multiply;} .how-much-save .d-block:hover img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(1deg); transform:scale(1.1) rotate(1deg);} .how-much-save .d-block:before{ background:url(images/theme-img/glow-bg.svg) no-repeat center; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; content:''; opacity:1; mix-blend-mode:overlay;} .how-much-save .d-block .content{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; z-index:200; color:var(--bs-white); text-align:center;} .how-much-save .d-block .content h3{ font-size:30px; font-weight:600; margin-bottom:16px; color:var(--bs-white); text-align:center;} .how-much-save .d-block .content .btn{ font-size:14px; height:45px; border-radius:5px;} .slider-items{ margin-left:-12px; margin-right:-12px;} .slider-items .item{ padding-left:12px; padding-right:12px;} .service-mid-content{border-radius:var(--bs-radius); background:var(--bs-white); padding:24px;} .service-mid-content h4, .service-mid-content p{border-left:4px solid #FFCD00; padding-left:24px;} .service-mid-content h4{ margin:0; padding-bottom:10px;} .service-mid-content p{ margin-bottom:32px;} .include-img{ border-radius:var(--bs-radius);} .include-img h3{ position:absolute; padding:32px 20px 0; color:var(--bs-white); text-align:center; margin:0; left:0; right:0; z-index:20;} .include-img:before{background:linear-gradient(2deg, rgba(0, 0, 0, 0.00) 65.48%, #000 99.19%); position:absolute; z-index:10; top:0; left:0; right:0; height:70%; content:'';} .include-item { color:var(--bs-body-color); padding-top:40px; position:relative;} .include-item .content{padding:56px 24px 24px 24px; border-radius:var(--bs-radius); border:1px solid #EFEFEF; background:var(--bs-white); box-shadow:var(--bs-shadow); -moz-transition:all 0.3s;-o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .include-item:hover .content{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.20); } .include-item .icon{ position:absolute; top:0; left:24px; z-index:2; background:var(--bs-secondary); border-radius:50%; width:80px; height:80px;} .include-item ul{ padding:0; list-style:none;} .include-item ul li + li{ margin-top:10px;} .include-item ul li{padding-left:10px; border-left:3px solid #FFCD00;} .include-items [class*=col-]:nth-child(1){ margin-top:0;} .related-location:before{opacity:0.6; background:#1B1B1B; z-index:2; position:absolute; top:0; left:0; right:0; bottom:0; content:'';} .loc-item{ position:relative; border-radius:var(--bs-radius); background:var(--bs-white); padding:24px;} .loc-item h4{ padding-right:100px;} .loc-item ul{ margin:0; padding:0; list-style:none;} .loc-item ul li{font-size:18px; color:var(--bs-primary); font-weight:500; text-transform:capitalize;} .loc-item ul li address{ margin:0;} .loc-item ul li + li{ margin-top:16px;} .loc-item ul li i{font-size:17px; margin-right:10px;} .loc-item ul li a{color:var(--bs-primary);} .loc-item [class*=col-] + [class*=col-]{ margin-top:26px;} .loc-item .btn{ padding:0; font-size:14px; height:45px; border:1px solid transparent; border-radius:5px;} .loc-item .btn-outline-dark{ border:1px solid var(--bs-dark);} .loc-item .ratio{border-radius:10px; border:1px solid #E1E1E1; overflow:hidden;} .loc-item .tag{ top:24px; right:24px; padding:6px 16px; border-radius:30px; background:#F5F5F5; color:#252525; text-align:center; font-size:14px; font-style:normal; font-weight:600; line-height:normal; text-transform:uppercase; position:absolute;} .coupon-list{ padding-bottom:100px;} .coupon-list .coupon-listing{ padding:20px; border-radius:var(--bs-radius); border:1px solid #EFEFEF; background:var(--bs-white); box-shadow:var(--bs-shadow); position:relative; margin-top:-100px;} .coupon-list .coupon-listing > .row [class*=col-]{ margin-bottom:16px; padding-left:8px; padding-right:8px;} .coupon-list .coupon-listing > .row{ margin-left:-8px; margin-left:-8px;} .coupon-item {border-radius:10px; border:2px solid rgba(189, 189, 189, 0.20);} .coupon-item .full-img { z-index:2; background:linear-gradient(275deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 101.31%), #818181;} .coupon-item .full-img img{mix-blend-mode:multiply;} .coupon-item .full-img:after{ background:url(images/theme-img/glow-bg.svg) no-repeat center; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; content:''; opacity:1; mix-blend-mode:overlay;} .coupon-item .ratio-4x3 {--bs-aspect-ratio:81%;} .coupon-item h2{ font-size:24px; font-weight:600; text-transform:capitalize; padding:24px 24px 0; margin:0; z-index:10; color:var(--bs-white); position:absolute; top:0; right:0; left:0; z-index:20;} .coupon-item .off-text{ width:112px; color:var(--bs-white); font-weight:600; line-height:100%; font-size:30px; position:absolute; bottom:24px; left:24px; z-index:20;} .coupon-item time{border-radius:10px; background:#63666A; padding:10px 16px; z-index:20; position:absolute; bottom:24px; right:24px; font-weight:600; font-size:18px; text-transform:uppercase; text-align:center; color:var(--bs-white); line-height:100%;} .coupon-item time strong{ font-weight:700; text-transform:capitalize; font-size:13px; display:block;} .coupon-item .overlay{ background:linear-gradient(275deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 101.31%), #63666A; position:absolute; height:100%; width:100%; color:var(--bs-white); z-index:30; top:0; left:0; text-align:center; padding:24px; -moz-transition:all 0.3s;-o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; opacity:0; overflow:auto; overflow-x:hidden;} .coupon-item:hover .overlay{ opacity:1;} .coupon-item .overlay h5{ font-size:18px; font-weight:600; line-height:100%; margin-bottom:10px;} .coupon-item .coupon-code {border-radius:10px; border:1px dashed #999; padding:15px; font-size:32px; font-style:normal; font-weight:600; line-height:100%; /* 32px */ text-transform:uppercase;} .coupon-item .coupon-code .icon{ border-radius:50%; background:linear-gradient(180deg, #F5A628 0%, #D88B10 100%); height:40px; width:40px; display:block; position:relative;} .coupon-item .coupon-code .icon:after{ background:url(images/theme-img/tag-img.svg) no-repeat center; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; content:'';} .coupon-item .coupon-code .text{ margin:0 15px;} .coupon-item .content{font-size:12px; padding:14px 0; line-height:130%;} .coupon-item .btn{ padding:0; font-size:14px; height:45px; border:1px solid transparent; border-radius:5px;} .coupon-item .btn-outline-light{ border:1px solid var(--bs-white)} .coupon-item .overlay .qr-img img{ width:62px; height:auto;} .related-service{margin-top:40px;} .ServSlider .item{ padding-bottom:12px;} .ServSlider .item .service-item .content{ box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} .home-banner{ background:#6a1e29; color:var(--bs-white); overflow:hidden; position:relative; z-index:1;} .home-banner .banner-image{ display:flex; justify-content:flex-end; position:relative;} .home-banner .image-fit{ margin-right:7%; width:40.3125%; height:590px;} .home-banner .image-fit .overlay{ z-index:9; background:linear-gradient(180deg, #161616 0%, rgba(22, 22, 22, 0.00) 100%); position:absolute; top:0; left:0; right:0; height:273px;} .home-banner .image-fit:after, .home-banner .image-fit:before{ position:absolute; width:125px; top:0; bottom:0; content:''; z-index:10;} .home-banner .image-fit:before{ background-image:url(images/shapes/banner-left-shape.png); left:0;} .home-banner .image-fit:after{ background-image:url(images/shapes/banner-right-shape.png); right:0;} .home-banner .container{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:100;} .home-banner .container h1, .home-banner .container h2{ margin-bottom:12px; font-style:italic; text-transform:uppercase; font-weight:800; line-height:120%; font-family:"Barlow", sans-serif;} .home-banner .container .content{ margin-bottom:24px; line-height:130%;} .home-banner .banner-image .mpc-separator{ position:absolute; top:0; left:0; right:0; z-index:30; transform:rotateY(180deg);} .home-banner .banner-image .mpc-separator-2{ z-index:29; top:0;} .home-banner .carousel-indicators{ margin:0; padding:0 12px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:100%; bottom:130px; justify-content:flex-start; align-items:center;} .home-banner .carousel-indicators [data-bs-target]{ height:8px; width:8px; border:none; border-radius:20px; margin:0;} .home-banner .carousel-indicators .active{ height:12px; width:12px;} .home-banner .carousel-indicators button + button{ margin-left:32px !important;} .home-banner .carousel-control-prev, .home-banner .carousel-control-next{ width:60px; z-index:100; opacity:1;} .home-banner .carousel-control-prev-icon{ background-image:url(images/theme-img/prev-arrow.svg); background-repeat:no-repeat; background-position:center;} .home-banner .carousel-control-next-icon{ background-image:url(images/theme-img/next-arrow.svg); background-repeat:no-repeat; background-position:center;} .home-w1{ padding-bottom:40px;} .coupon-home{ padding:24px; border-radius:var(--bs-radius); border:1px solid #EFEFEF; background:var(--bs-white); box-shadow:var(--bs-shadow); position:relative; margin-top:-80px;} .coupon-home .title h2{ margin-bottom:8px;} .coupon-home .col-lg-6{ margin-bottom:24px;} .home-video-section .container{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:10; color:var(--bs-white); text-align:center; line-height:140%;} .home-video-section .container img{ display:block; margin:0 auto 20px; height:50px; width:auto;} .home-video-section .video{ position:relative; height:700px;} .home-video-section .video .ratio{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .home-video-section .video:before{opacity:0.5; background:#000; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; content:'';} .story-section{background:#F6F7F7;} .quote-item{ box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius:var(--bs-radius); background:var(--bs-white); padding:24px; font-weight:500;} .quote-item cite{ margin-bottom:24px; display:block; font-style:normal} .quote-item cite .ratio{background:#FFCD00; height:40px; width:40px; overflow:hidden; border-radius:50%; color:var(--bs-black); font-size:20px; font-weight:600; font-size:20px; margin-right:10px;} .quote-item cite strong{ display:block; font-size:20px; color:var(--bs-black); font-weight:600;} .quote-item blockquote{ margin:0;} .quote-item blockquote .title{ background:url(images/theme-img/quote.svg) no-repeat left; color:#862633; padding-left:34px; margin-bottom:10px; font-size:20px;} .quote-item .link{color:#862633; font-size:16px; font-style:normal; font-weight:700; line-height:100%; text-transform:capitalize;} .quote-item .link i{ margin-left:6px;} .location-list{ padding-top:2.5rem} .location-list{column-count:1; column-gap:24px;} .location-list .item{break-inside:avoid;} .wysiwyg > :not(:first-child){margin-top:2rem} .do-more-w1 .content{ padding:20px; background:var(--bs-white); border-radius:var(--bs-radius);} .do-more-w1 .content ol{ padding-left:16px;} .do-more-w1 .content ol li + li{ margin-top:10px;} .do-more-w1 .care-logo{ background:var(--bs-white); border-radius:var(--bs-radius); box-shadow:0px 30px 30px 0px rgba(150, 150, 150, 0.10); height:150px; padding:10px;} .do-more-w1 .image-fit{ width:50%; z-index:-1; right:12px; top:0; bottom:0; border-radius:var(--bs-radius); position:absolute;} .do-more-w2{background:linear-gradient(275deg, #50171F 0%, #862633 101.31%), #D9D9D9; color:var(--bs-white);} .do-more-w2 h3{ line-height:120%;} .do-more-w3 .content{ padding:20px; background:var(--bs-white); border-radius:var(--bs-radius);} .do-more-w4{background:var(--bs-secondary);} .do-more-w4 .content{ background:var(--bs-white); border-radius:var(--bs-radius); padding:20px;} .do-more-w4 .image-fit{height:440px; border-radius:var(--bs-radius);} .do-more-w4 .logo-img{width:200px; background:var(--bs-white); border-radius:var(--bs-radius); position:absolute; bottom:24px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:10; padding:12px;} .map-wrapper{ padding:24px 15px; background:var(--bs-white); border-radius:var(--bs-radius);} .section .section-block + .section-block{ margin-top:35px;} .section .section-block .include-items [class*="col-"] {margin-top:24px;} .service-form .form-content{box-shadow:var(--bs-shadow); background:var(--bs-white); border-radius:var(--bs-radius); padding:20px; text-align:center;} .service-form .form-content form label{ color:var(--bs-black); font-weight:600; font-size:18px; margin-bottom:10px; display:block; text-align:left;} .section-block.do-more-w3 .content{ padding:20px;} .fleet-cta p{ line-height:140%;} .fleet-cta:after{ content:''; position:absolute; background:rgba(0,0,0,0.5); top:0; right:0; bottom:0; left:0; z-index:1;} .fleet-w1 ul{ padding:0; list-style:none;} .fleet-w1 ul li{ background:url(images/theme-img/Checkmark.svg) no-repeat left 16px center var(--bs-white); box-shadow:0px 20px 10px 0px rgba(0, 0, 0, 0.05); padding:18px 16px 18px 52px; font-size:18px; color:var(--bs-black); border-radius:10px;} .fleet-w1 ul li + li{ margin-top:20px;} .fleet-w2 .content{ padding:20px; background:var(--bs-white); border-radius:var(--bs-radius);} .fleet-w2 .content .item{ margin-top:24px; padding-left:24px; border-left:4px solid var(--bs-secondary);} .fleet-w2 .content .item h4{ margin-bottom:6px; line-height:100%;} .post-block{box-shadow:var(--bs-shadow); border:var(--bs-border); overflow:hidden; border-radius:var(--bs-radius); background:var(--bs-white); color:#000} .post-block .content{padding:24px; } .post-block .content a{ color:var(--bs-black);} .post-block .post-meta { margin:0 0 14px; padding:0; list-style:none;} .post-block .post-meta li {font-weight:400; float:left; font-size:18px;} .post-block .post-meta li.author-links:before { margin:0 5px; content:"|";} .post-block .post-meta li.author-links { margin-right:5px;} .post-block .post-meta li.cat-links { display:block; width:100%;} .post-block .post-meta li.cat-links a{ font-weight:700; color:var(--bs-primary)} .post-block .post-meta li.cat-links a + a:before { margin:0 5px 0 0; content:","; color:var(--bs-black); font-weight:500;} .blog-deatils .meta{ margin:10px 0; font-size:14px; font-weight:500; } .blog-deatils .meta .initial{ /*background:#00ACFE;*/ height:50px; width:50px; border-radius:60px; margin-right:16px; color:var(--bs-white); font-weight:700;} .blog-deatils .meta .initial img{height:50px; width:50px; border-radius:60px;} .blog-deatils .meta time:before{ content:"|"; margin:0 5px 0 3px; float:left;} .blog-deatils .meta time, .blog-deatils .meta span{ display:inline-block;} .blog-deatils .meta ul{ margin:0 0 14px; padding:0; list-style:none;} .blog-deatils .meta ul li {font-weight:400; float:left; font-size:18px;} .blog-deatils .meta ul li.author-links:before { margin:0 5px; content:"|";} .blog-deatils .meta ul li.author-links { margin-right:5px;} .blog-deatils .meta ul li.cat-links { display:block; width:100%;} .blog-deatils .meta ul li.cat-links a{ font-weight:700; color:var(--bs-primary)} .blog-deatils .meta ul li.cat-links a + a:before { margin:0 5px 0 0; content:","; color:var(--bs-black); font-weight:500;} .content-style ul, .content-style ol{ padding-left:16px;} .content-style ul li + li, .content-style ol li + li{ margin-top:10px;} .BlogSlider .item{ padding-bottom:20px;} .BlogSlider .item .post-block{box-shadow:0px 10px 15px 0px rgba(158, 158, 158, 0.15);} .location-details-content{ padding:20px; box-shadow:var(--bs-shadow); border:var(--bs-border); overflow:hidden; border-radius:var(--bs-radius); background:var(--bs-white);} .location-details-content .item + .item{ margin-top:32px;} .location-details-content .item ul{ margin:0; padding:0; list-style:none;} .location-details-content .item ul li{font-size:18px; color:var(--bs-primary); font-weight:500; text-transform:capitalize;} .location-details-content .item ul li address{ margin:0;} .location-details-content .item ul li + li{ margin-top:16px;} .location-details-content .item ul li i{font-size:17px; margin-right:10px;} .location-details-content .item ul li a{color:var(--bs-primary);} .location-details-content .item ul li span.label{ min-width:80px;} .location-details-content .item ul li span.label + span.label{ margin-left:10px;} .location-details-content .item ul li .flex-grow-1{ display:flex; align-items:center;} .location-details-content .btn{ font-size:14px; border-radius:5px; height:45px; border-width:1px;} .location-map {min-height:389px; position:relative; width:100%; overflow:hidden; border-radius:10px;} .location-map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%;} .location-map .map-inner iframe { height:100%; width:100%;} .related-services a{ color:#000; padding:20px; box-shadow:var(--bs-shadow); border:var(--bs-border); overflow:hidden; border-radius:var(--bs-radius); background:var(--bs-white); font-weight:600; line-height:100%;} .related-services a:hover{ background:var(--bs-primary); border-color:var(--bs-primary); color:var(--bs-white);} .related-services a .icon{ height:60px; width:60px; display:flex; align-items:center; justify-content:center; background:var(--bs-secondary); margin-right:10px; border-radius:50%;} .related-services a .icon img{ width:30px; height:auto;} .service-coupons{padding:20px; box-shadow:var(--bs-shadow); border:var(--bs-border); overflow:hidden; border-radius:var(--bs-radius); background:var(--bs-white); margin-top:35px;} .BlogSlider{ margin-left:-12px; margin-right:-12px;} .BlogSlider .item{ padding-left:12px; padding-right:12px;} .service-coupons.how-much-save{ margin-top:35px; top:0} .print-coupon-modal .modal-content{border:none; color:#000;} .print-coupon-modal .modal-header{ border:none; padding-bottom:0;} .print-coupon-modal .offer-value{ font-size:40px; font-weight:800; font-family:"Barlow", sans-serif;} .print-coupon-modal .promo-code{ font-size:40px; font-weight:700;} /*.print-coupon-modal .modal-header .btn-close{ --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); }*/ .about-w2{ color:#fff; background:linear-gradient(275deg, #50171F 0%, #862633 101.31%), #D9D9D9;} .about-w2 .content{ padding:20px; border-radius:var(--bs-radius); background:rgba(0, 0, 0, 0.20);} .about-w3 .content{ padding:24px; border-radius:var(--bs-radius); background:#FFF; box-shadow:var(--bs-shadow);} .mt-32{ margin-top:32px !important} .about-w4 .content{ padding:20px; color:#fff; background: linear-gradient(275deg, #50171F 0%, #862633 101.31%), #F6F7F7; border-radius:var(--bs-radius);} .about-w4 .content + .content{ margin-top:24px;} @media (min-width:320px) { h1, .home-banner .container h2, .home-video-section .container h3{ font-size:calc(2.25rem + ((1vw - 3.2px) * 0.75)); min-height:0vw;} h2{font-size:calc(2rem + ((1vw - 3.2px) * 0.5)); min-height:0vw;} h3, .h2-32 h2{font-size:calc(1.625rem + ((1vw - 3.2px) * 0.375)); min-height:0vw;} h4{font-size:calc(1.25rem + ((1vw - 3.2px) * 0.25)); min-height:0vw;} h5{font-size:calc(1.125rem + ((1vw - 3.2px) * 0.125)); min-height:0vw;} h6{ font-size:1rem;} .font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125)); min-height:0vw;} .font-20 {font-size:calc(1rem + ((1vw - 3.2px) * 0.25)); min-height:0vw;} .font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5)); min-height:0vw;} } @media (min-width:1920px) { h1, .home-banner .container h2, .home-video-section .container h3{font-size:48px;} h2{font-size:40px;} h3, .h2-32 h2{font-size:32px;} h4{font-size:24px;} h2{font-size:36px;} h6{ font-size:1rem;} .font-18 {font-size:18px;} .font-20{ font-size:20px;} .font-24{ font-size:24px;} } @media (min-width:576px) { .location-cat .d-block .content h4{ font-size:44px;} .service-mid-content{ padding:32px;} .location-list{column-count:2;} .do-more-w1 .content, .service-form .form-content{ padding:24px;} .do-more-w4 .logo-img{width:350px;} .section-block.do-more-w3 .content{ padding:36px 24px;} .fleet-w2 .content{ padding:32px;} .location-details-content, .related-services a, .service-coupons{ padding:24px;} .related-services a .icon{ height:80px; width:80px; margin-right:16px;} .related-services a .icon img{ width:50px;} .about-w2 .content, .about-w4 .content{ padding:32px;} } @media (min-width:768px) { .img-rounded img{ border-radius:var(--bs-radius);} .contact-info-box{ padding:30px;} .search-form-cta{ padding:70px 0;} .how-much-save-section{ padding:0 0 64px} .include-items [class*=col-]:nth-child(1), .include-items [class*=col-]:nth-child(2){ margin-top:0;} .coupon-item h2{ font-size:30px;} .coupon-item .off-text{ font-size:40px;} .related-service{margin-top:70px;} .home-w1{ padding-bottom:60px;} .location-list{column-count:2;} .do-more-w1 .content .btn{ padding-left:3rem; padding-right:3rem;} .do-more-w3 .content{ padding:30px 24px;} .map-wrapper{ padding:48px 15px;} .section .section-block + .section-block, .service-coupons, .service-coupons.how-much-save{ margin-top:60px;} } @media (min-width:992px) { .contact-info-box{ padding:48px;} .search-form-cta{ padding:100px 0;} .how-much-save .d-block .content h3{ font-size:30px;} /*.coupon-page-banner .container{bottom:132px;}*/ .coupon-list .coupon-listing{ padding:32px;} .coupon-item h2{ font-size:30px;} .coupon-item .off-text{ font-size:48px;} .related-service{margin-top:100px;} .home-w1{ padding-bottom:100px;} .coupon-home .loc-search-form{ padding-right:10px;} .coupon-home .col-lg-6{ margin-bottom:32px;} .location-list{column-count:3;} .do-more-w4 .content{ padding:26px 24px;} .section .section-block + .section-block, .service-coupons, .service-coupons.how-much-save{ margin-top:100px;} .service-form{ padding-top:236px;} .service-form .full-img{min-width:initial; position:absolute; top:0; left:0; right:0; height:715px; z-index:-1; overflow:hidden; flex:0 0 auto; display:flex; border-radius:var(--bs-radius);} .service-form .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;} .fleet-cta h2{ font-size:48px;} .section .section-block .include-items [class*="col-"]:nth-child(1), .section .section-block .include-items [class*="col-"]:nth-child(2){ margin-top:0;} .h2-48 h2, .h3-48 h3{ font-size:48px;} } @media (min-width:1200px) { .footer-cta{ background-image:url(images/theme-img/Logo-Mark.svg); background-repeat:no-repeat; background-position:100px center;} .story-section{ background-image:url(images/theme-img/Logo-Mark_light.svg); background-repeat:no-repeat; background-position:100px center;} .how-much-save .d-block .content h3, .coupon-item h2{ font-size:36px;} .coupon-home{ padding:24px 32px 32px;} /*.coupon-item .overlay{ overflow:hidden;}*/ .do-more-w3 .content{ padding:48px 24px;} .do-more-w3 .about-content{ padding-top:40px; padding-bottom:40px;} } @media (min-width:1400px) { } .form-style .nf-form-content label{font-size:var(--bs-body-font-size);} .form-style .nf-form-content input.ninja-forms-field, .form-style .nf-form-content select.ninja-forms-field:not([multiple]), .form-style .nf-form-content .list-select-wrap > div div, .form-style .nf-form-content input[type="submit"]{ height:62px;} .form-style .nf-form-content input.ninja-forms-field, .form-style .nf-form-content input.ninja-forms-field:focus, .section .ninja-forms-field:focus {border-radius:10px; border:1px solid #B3B3B3; background:var(--bs-white); font-size:18px; padding:0 16px; color:#252525;} .form-style .nf-form-content .list-select-wrap > div select{border-radius:10px; border:1px solid #B3B3B3; background-color:var(--bs-white) !important; color:#252525; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-size:12px 10px; background-repeat:no-repeat; background-position:right 0.75rem center; font-size:18px;} .form-style .nf-form-content .list-select-wrap > div div{ height:62px; border:none; border-radius:10px; } .form-style .nf-form-content .list-select-wrap > div div::after {height:62px; line-height:62px;} .form-style .nf-form-content input[type="submit"]{border:none; text-align:center; padding:0 30px; height:54px; margin-left:auto; margin-right:auto; border-radius:10px; color:var(--bs-black); background:var(--bs-secondary); font-size:18px; font-weight:700; text-transform:uppercase; font-weight:600} .form-style .nf-form-content input[type="submit"]:hover, .form-style .nf-form-content input[type="submit"]:focus, .form-style .nf-form-content input[type="submit"]:active{background:var(--bs-primary); color:var(--bs-white); padding:0 30px;} .form-style .nf-error.field-wrap .nf-field-element::after { height:30px; width:30px; padding:0; border-radius:50%; display:flex; align-items:center; justify-content:center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px;} .form-style .nf-form-content textarea.ninja-forms-field{border:1px solid #B3B3B3; background:var(--bs-white); font-size:18px; height:120px; padding:10px 16px; color:var(--bs-dark); resize:none; border-radius:10px;} .form-style .nf-form-fields-required{ display:none;} .form-style .ninja-forms-field::-moz-placeholder { color:#252525; opacity:1; } .form-style .ninja-forms-field::placeholder { color:#252525; opacity:1; } .form-style .listradio-wrap .nf-field-element label::after {display:inline-block; width:28px; height:28px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; background:url(images/theme-img/radio-uncheck.svg); border:none; top:0; left:-40px;} .form-style .listradio-wrap .nf-field-element label.nf-checked-label::before{ background:url(images/theme-img/radio-check.svg); width:28px; height:28px; top:0; left:-40px;} .form-style .list-checkbox-wrap .nf-field-element li label, .form-style .list-image-wrap .nf-field-element li label, .form-style .list-radio-wrap .nf-field-element li label{ display:flex; align-items:center; min-height:28px; font-size:18px; margin-left:40px !important; color:#252525;} .form-style .checkbox-container.label-right label { line-height:28px; display:flex; align-items:center; margin:0 0 0 40px; cursor:pointer; color:#252525; font-size:18px;} .form-style .checkbox-container.label-right label a{ color:var(--bs-primary); margin-left:5px;} .form-style .checkbox-wrap .nf-field-element label::after, .form-style .checkbox-wrap .nf-field-label label::after, .form-style .listcheckbox-wrap .nf-field-element label::after, .form-style .listcheckbox-wrap .nf-field-label label::after {display:inline-block; width:28px; height:28px; margin:0; vertical-align:middle; cursor:pointer; border-radius:4px; border:1px solid #C3C3C3; background:var(--bs-white); left:-40px;} .form-style .checkbox-wrap .nf-field-element label::before, .form-style .checkbox-wrap .nf-field-label label::before, .form-style .listcheckbox-wrap .nf-field-element label::before, .form-style .listcheckbox-wrap .nf-field-label label::before { content:"\f00c"; font-family:'Font Awesome 6 Free'; font-weight:900; color:var(--bs-primary) !important; width:28px; height:28px; display:flex; align-items:center; justify-content:center; font-size:14px; left:-40px;} .contact-form .list-radio-wrap .nf-field-element ul{ display:flex;} .contact-form .list-radio-wrap .nf-field-element ul li + li{ margin-left:16px !important;} /* .form-style button.nf-fu-fileinput-button, .form-style button.nf-fu-fileinput-button:hover, .form-style button.nf-fu-fileinput-button:focus, .form-style button.nf-fu-button-cancel, .form-style button.nf-fu-button-cancel:focus{padding:8px 8px; font-size:10px; font-style:normal; font-weight:700; background:var(--bs-primary); height:auto; color:var(--bs-white); border-radius:4px; border:none;} .form-style button.nf-fu-button-cancel, .form-style button.nf-fu-button-cancel:focus{ background:var(-bs-red)} */
| ver. 1.4 |
.
| PHP 8.3.10 | Generation time: 0 |
proxy
|
phpinfo
|
Settings