/* Theme Name: the7dtchild Author: Dream-Theme Author URI: http://dream-theme.com/ Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project! Version: 1.0.0 License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended Template: dt-the7 */ /* theme */ div#main { padding: 0; } .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding: 0; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin: 0; } a { text-decoration: none !important; } h2 { margin-bottom: 32px;} .row2 .vc_row {justify-content: center;} .whow .owl-stage {display: flex; align-items: center;} .top-bar .mini-login a:hover, .top-bar .mini-search .submit:hover, .top-bar a:hover { opacity: 1; } .top-bar a { margin-left: 32px; } .top-bar i { padding: 0 6px; color: #d35536; } .top-bar a:hover { color: #d35536 !important; } .top-bar a:hover i.fa.fa-facebook { color: #212121 !important; } .top-bar.top-bar-line-hide, header.header-bar { padding-left: 50px !important; padding-right: 50px !important; } .menu-item-49 > a > span { border: 2px solid #D35536; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 9px 16px; } .menu-item-49 > a > span { display: flex; transition: all ease .1s; align-items: center;} .menu-item-49 > a > span:after { content: '>'; display: inline; font-size: 25px; padding-left: 3px; line-height: 25px; } .menu-item-49 > a > span > span { font-weight: bold !important; } .main-nav > li:not(.wpml-ls-item):hover > a .menu-text { text-shadow:0px 0px 1px currentColor; } .menu-item-49 > a > span:hover { background: #d15436; } .blog-media.wf-td img {border: 2px solid #D35536;border-radius: 5px;} a.post-thumbnail-rollover {border: 2px solid #D35536;border-radius: 5px;} .mini-nav .mini-sub-nav .mini-sub-nav { min-width: 357px; } .hidden { display: none !important; } .blog-content.wf-td h3 { background: #181717 !important; border-radius: 45px !important; border: 2px solid #D35536 !important; font-family: Montserrat !important; font-style: normal !important; font-weight: bold !important; font-size: 18px !important; line-height: 110% !important; color: #fff !important; } .post-entry-content h3.entry-title { background: #181717 !important; border-radius: 45px !important; border: 2px solid #D35536 !important; font-family: Montserrat !important; font-style: normal !important; font-weight: bold !important; font-size: 19px !important; line-height: 110% !important; color: #fff !important; padding: 4px; } div#payment_method_9_1_stripe_inline { padding: 12px; background: #fff; background-clip: padding-box; background-image: none; border: 1px solid var(--fluentform-border-color); border-radius: var(--fluentform-border-radius); color: var(--fluentform-secondary); font-family: -apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; line-height: 1; margin-bottom: 0; max-width: 100%; padding: 11px 15px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } h3.entry-title a {color: #fff !important;padding: 8px;} .home .post-thumbnail {margin-left: 5px !important;margin-right: 5px !important;} h3.entry-title a:hover {color: #d35536 !important;} .post-entry-content h3.entry-title a {color: color: #212121 !important;padding: 8px;} .dt-owl-item .post.bg-on:before {background-color: transparent !important;} .blog-content.wf-td h3 {padding: 12px;} .current-menu-item > a .menu-text { text-shadow: 0px 0px 1px currentColor; } .current-menu-item > a > span > span { color: #000 !important; opacity: 1 !important; text-shadow: 0px 0px 1px currentColor;} .menu-item-49:hover a .menu-text { text-shadow: none !important; } .h1row .vc_col-sm-4:first-child { background: rgba(0,0,0,.8); } .h1row h2 { color: #fff; font-size: 64px; line-height: 100%; text-transform: uppercase; } h2 em { font-style: normal !important; color: #d35536; } .h1row { background-size: cover; background-position: center; } .h1row .vc_col-sm-4:last-child .wpb_text_column { background: #221e1f; text-align: center; padding: 30px; } .h1row .vc_col-sm-4:last-child .wpb_text_column:first-child { background: #221E1F; } .h1row a { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; line-height: 110%; color: #fff; border: 1px solid #D35536; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 12px 24px; transition: all ease .1s; display: inline-block; } .h1row a:hover { background: #D35536; transition: all ease .1s; color: #fff !important;} .h1row a { margin-top: 12px; } .top-header .main-nav.level-arrows-on > li.has-children > a .menu-text:after { color: #d35536 !important; } .classic-header.bg-behind-menu .navigation:before { background-color: #d35536; background: linear-gradient(270deg, #D35536 0%, #838387 101.09%); } .mini-nav.show-on-desktop.near-logo-first-switch.hide-on-second-switch.list-type-menu.last li { margin-left: 12px;} .text-area.show-on-desktop.near-logo-first-switch.in-menu-second-switch.first, .mini-nav.show-on-desktop.near-logo-first-switch.hide-on-second-switch.list-type-menu.last { display: block !important; width: 100% !important; text-align: right !important; } header.header-bar { margin-top: -82px !important; height: 205px !important; } .branding { margin-bottom: -25px; z-index: 1; } .masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space { max-height: 205px; } .mini-nav.show-on-desktop.near-logo-first-switch.hide-on-second-switch.list-type-menu.last, .text-area.show-on-desktop.in-top-bar-right.in-menu-second-switch.first { z-index: 3;} .mini-nav.show-on-desktop.near-logo-first-switch.hide-on-second-switch.list-type-menu.last { margin-top: 30px; margin-bottom: -30px; } .top-bar li.menu-item a:hover { color: #000 !important; opacity: 1 !important; text-shadow:0px 0px 1px currentColor; } .top-bar li.menu-item a { margin: auto !important; } .pad1 { padding: 32px 0; } h1 { font-size: 62px; line-height: 100%; text-transform: uppercase; } h1 em { font-style: normal; color: #d35536; } .wpb_text_column a { font-weight: 700; } .wpb_text_column a:hover { color: #212121; } .menu-item-49 > a > span > span { text-shadow: none !important; } .row1 .vc_col-sm-4 > .vc_column-inner { background: #d35536; text-align: center; box-shadow: 0px 10px 15px rgb(0 0 0 / 15%); border-radius: 30px; background-image: url(/wp-content/uploads/2021/05/Vector-1.svg); background-repeat: no-repeat; background-position: 32px 224px; padding: 0; } .row1 h2 em { color: #fff; } .row1 h2 { font-size: 48px; text-transform: uppercase; } .whitetxt p, .whitetxt a { color: #fff; } .whitetxt a:hover { color: #212121; } .row1 .wpb_text_column.wpb_content_element.btn1 { background: #181717; border-radius: 30px; padding: 32px; } .row1 .vc_col-sm-4 .wpb_text_column:first-child p { padding-left: 135px; } .row1 .vc_col-sm-4 .wpb_text_column:first-child { padding: 32px 26px 26px; } .row1 .btn1 p:first-child { margin-bottom: 17px !important; } .row1 .btn1 a { display: block; max-width: 390px; margin: auto; } .row5.btn1 a { min-width: 100% !important; } .h1row a { display: block; max-width: 426px; margin: auto; } .btn1 a { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; line-height: 110%; color: #fff; border: 1px solid #D35536; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 12px 24px; transition: all ease .1s; display: inline-block; } .btn1 a:hover { background: #D35536; transition: all ease .1s; color: #fff !important;} .gradientbg { background-color: #d35536; background: linear-gradient(270deg, #D35536 0%, #838387 101.09%); } .pad2 { padding: 150px 0; } .services1 h2 em { color: #fff; } h2 { text-transform: uppercase; font-size: 56px; line-height: 100%; } .services1:before { content: ''; display: block; width: 217px; height: 426px; position: absolute; left: 0; top: 38%; background: url(/wp-content/uploads/2021/05/Group-168.svg); background-repeat: no-repeat; } .services2 .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper { display: flex !important; align-items: flex-end; min-height: 382px; } .services2 .wpb_text_column { width: calc( 100% - 64px); margin: 0 32px 16px; background: #181717; padding: 20px 79px; text-align: center; position: relative; display: flex; align-items: center; transition: all ease .2s; justify-content: center; } .services2 .vc_col-sm-4:hover .wpb_text_column { height: calc( 100% - 64px); margin: 32px; box-sizing: border-box; background: #fff; transition: all ease .2s; } .services2 .vc_col-sm-4:hover .wpb_text_column p:last-child { display: block; } .services2 .vc_col-sm-4:hover .wpb_text_column p, .services2 .vc_col-sm-4:hover .wpb_text_column a { color: #212121; } .services2 .vc_col-sm-4:hover p:first-child a:after { content: ''; display: block; width: 230px; height: 1px; background: #d35536; margin: 12px auto 24px; } .services2 .vc_col-sm-4:hover a:hover { color: #d35536 !important; } .services2 .vc_col-sm-4 > .vc_column-inner { background-size: cover; background-position: center; } .services2 .wpb_text_column:before { content: ''; width: 64px; height: 66px; background: url(/wp-content/uploads/2021/05/Group-151.svg); position: absolute; left: -15px; top: -15px; } .services2 .wpb_text_column:after { content: ''; width: 64px; height: 66px; background: url(/wp-content/uploads/2021/05/Group-152.svg); position: absolute; right: -15px; bottom: -15px; } .services2 .vc_col-sm-4:nth-child(4), .services2 .vc_col-sm-4:nth-child(5) { padding-right: 1px; } .services2 .vc_col-sm-4:nth-child(3) { padding-bottom: 1px; } .services2 .vc_col-sm-4:nth-child(1), .services2 .vc_col-sm-4:nth-child(2) { padding-right: 1px; padding-bottom: 1px; } .services2 p:first-child a { font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 100%; } .services2 p:last-child a:after { content: ' >'; } .services2 p:last-child a:hover:after { transform: translate(4px 0); } .services2 p:last-child a { font-weight: 300; } .services2 p:last-child { display: none; } .cta1 .vc_row.wpb_row.vc_inner.vc_row-fluid { background: #181717; box-shadow: 0px 10px 15px rgb(0 0 0 / 15%); border-radius: 30px; padding: 0; } .cta1 .vc_col-sm-6:last-child { background: #d35536; border-radius: 29px; } .cta1 .vc_col-sm-6 > .vc_column-inner { padding: 70px; } .cta1 .vc_col-sm-6:last-child > .vc_column-inner { padding: 70px 32px; } h3 em { font-style: normal; color: #d35536; } .cta1 h3 { font-size: 48px; line-height: 100%; color: #fff; text-transform: uppercase; margin-bottom: 26px; } .cta1 a:hover { color: #d35536; } .cta1 input, .cta1 textarea { min-height: 50px; border-radius: 30px !important; padding-left: 32px !important; padding-right: 32px !important; margin-bottom: 10px !important; padding-top: 12px !important; padding-bottom: 12px !important; } button.ff-btn.ff-btn-submit.ff-btn-md { font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; width: 100%; border-radius: 30px; background: #181717; padding: 6px; min-height: 50px; } button.ff-btn.ff-btn-submit.ff-btn-md:hover { opacity: 1; background: #fff; color: #181717; } .frm-fluent-form .ff-t-cell { padding: 0 5px !important; } .frm-fluent-form select { border-radius: 30px !important; } .greybg { background: #DDDDDD; } .pad3 { padding: 60px 0; } .row2 h2 { margin-bottom: 64px !important; } .row2 .vc_col-sm-4 > .vc_column-inner { background: #FFFFFF; box-shadow: 0px 4px 20px rgb(0 0 0 / 10%); border-radius: 30px; padding: 42px 22px; } .row2 strong { font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 36px; line-height: 100%; text-align: left !important; display: block; padding-left: 113px; position: relative; min-height: 90px; } .row2 img { display: block; text-align: left !important; left: 0 !important; margin: 0; position: absolute; top: 0; max-height: 80px; } .row2 p:first-child strong { position: absolute; } .blogcta .btn1 a { min-width: 270px; text-align: center; background: #181717; transition: all ease .1s;} .blogcta .btn1 a:hover { background: #fff; transition: all ease .1s; color: #181717 !important; } .whitetxt h3 { color: #fff;} h3 { text-transform: uppercase; font-size: 48px; line-height: 48px; margin-bottom: 22px !important;} .row_mot h3 { text-transform: none; } .gradientoverlay:before { content: '' !important; display: block !important; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(270deg, #D35536 0%, #838387 101.09%); mix-blend-mode: multiply; } .gradientoverlay { position: relative; } .cover { background-size: cover; background-position: center; } .btn1.v2 a { background: #181717; } .btn1.v2 a:hover { background: #d35536; color: #181717 !important; } .cta2 .btn1.v2 a:hover { background: #fff; } .btn1 a { min-width: 270px; text-align: center; } .pmrg p { margin: 27px 0 !important; display: block; } .maprow1 iframe { margin-bottom: -9px; } .maprow1 { overflow: visible !important; z-index: 2; } .maprow1 iframe { margin-bottom: -9px; border: 12px solid #232323 !important; border-radius: 30px; margin: -13px auto -21px !important; } .orangebg { background: #d35536; } .whitetxt h3 em { color: #231f20; } .cta2 .vc_col-sm-6 { padding: 32px 120px 32px 57px; } .cta2 .vc_column-inner { background-size: cover; background-position: center; } section#text-2 img { transform: translateX(-12px); } .wf-container-bottom { border: 0; } .footer .menu li { padding: 0; border: 0; margin: 0; } #footer.solid-bg { background: url(/wp-content/uploads/2021/05/rkh-footer-1.jpg); background-size: cover; background-position: center; } .widget-title { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; text-transform: capitalize; color: #D35536 !important; min-height: 60px; margin-bottom: 71px; } footer p, footer a, footer div { color: #fff; line-height: 180%; } section#custom_html-2 i { position: absolute; left: -26px; top: 6px; color: #d15436; } section#custom_html-2 a, section#custom_html-2 div { position: relative; } section#custom_html-2 .textwidget.custom-html-widget { padding-left: 28px; } section#custom_html-2 a { display: block; margin-bottom: -12px; } section#custom_html-2 a.social { font-size: 32px; margin-bottom: 28px; display: inline-block; position: relative; left: 28px; } section#custom_html-2 a.social i:before { background: white; border-radius: 50%; padding: 12px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: black; } section#custom_html-2 a.social:hover i:before { background: #d15436; } div#bottom-bar strong, div#bottom-bar a { color: #d15436; } div#bottom-bar { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; text-align: center; letter-spacing: 0.05em; color: #FFFFFF; } div#toplinks i { padding-right: 5px; } div#toplinks a { color: #fff; width: 100%; text-align: center; } div#toplinks { border-top: 5px solid #181717;background: #d35536; justify-content: space-around; height: 40px !important; align-items: center; display: none; background: linear-gradient(270deg, #D35536 0%, #838387 101.09%);} .top-bar.top-bar-line-hide { z-index: 2 !important; } .mini-nav.show-on-desktop.in-top-bar-right.hide-on-second-switch.list-type-menu.last { margin-top: 25px !important; margin-bottom: -25px !important; } .cta1 h3 em { color: #d35536;} .h1row.inner { min-height: 500px; } .h1row.inner h1 { color: #fff; padding: 45px; } .page-id-8 .h1row.inner h1 { padding: 0px; } .h1row.inner .h1cont { padding: 45px; } .h1row.inner .vc_col-sm-5 { background: rgba(0,0,0,.8); } .imgleft img { border-radius: 30px; } .imgleft .vc_col-sm-6 { text-align: center; } .whitetxt h2 { color: #fff; } .reviews .vc_row.wpb_row.vc_inner.vc_row-fluid { padding: 44px 0; } .reviews .vc_col-sm-4 > .vc_column-inner { background: #F2F2F2; border-radius: 30px; padding: 32px; } .reviews h3 { margin: auto !important; } .reviews i { color: #d35536; } .reviews strong { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; line-height: 100%; letter-spacing: 0.05em; color: #000000; } .cta3 img { margin-bottom: -9px !important;} .cta3 .vc_col-sm-8 p { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 28px; line-height: 100%; text-transform: uppercase; color: #221E1F; } .cta3 .vc_col-sm-8 a, .cta3 .vc_col-sm-8 strong { font-weight: normal; color: #fff; } .cta3 .vc_col-sm-8 a:hover { color: #000; } .cta3 .btn1 a { min-width: 160px; } .cta3 .vc_col-sm-2 { text-align: center; } .v2.row1 .btn1 p:first-child { margin-bottom: 0 !important; } .row1.v2 h3 { margin-bottom: 45px !important; } .v2.row1 .wpb_text_column.wpb_content_element.btn1 { margin-top: 12px !important; } .row1.pad1.v2 .vc_row.wpb_row.vc_inner.vc_row-fluid > .wpb_column.vc_column_container { width: 50%; } .v2.row1 h2 { margin-bottom: 60px; } .v2.row1 .vc_col-sm-4 > .vc_column-inner { background-image: url(/wp-content/uploads/2021/05/Vector-1-2.svg); } .taright p, .taright h2, .taright h3 { text-align: right; } .imgleft.v2 .vc_col-sm-10 { width: 100%; } .sunright:before { content: ''; display: block; width: 387px; height: 760px; position: absolute; left: auto; top: 4%; background: url(/wp-content/uploads/2021/05/Group-240.svg); background-repeat: no-repeat; right: 0; } .h1row.inner { background-size: cover; background-position: center; } .btn1.v3 a { background: #d35536;} .row5 .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper { background: #221E1F; box-shadow: 0px 4px 20px rgb(0 0 0 / 10%); text-align: center; padding: 32px; border-radius: 30px; } .whitetxt h1 { color: #fff; } /*---Homepage---*/ .opacity-100{ opacity: 1!important; } .h1row.hero-section .vc_col-sm-4:last-child .wpb_text_column:nth-child(2) { background-color: #4F4F4F !important; } .h1row.hero-section .vc_col-sm-4:last-child .wpb_text_column:nth-child(3) { background-color: rgb(129, 130, 133) !important; } .h1row.hero-section .vc_col-sm-4:last-child .wpb_text_column { display: flex; justify-content: center; align-items:center; padding: 20px; } .h1row.hero-section .vc_col-sm-4:last-child .wpb_text_column img{ width: 132px; } /*---END Homepage--- */ .fluentform .ff-el-form-control { padding-top: 12px !important; padding-bottom: 12px !important; } /*.contactrow .fluentform .ff-el-group { margin: auto; }*/ .contactrow input, .contactrow textarea { min-height: 50px; border-radius: 30px !important; padding-left: 32px !important; padding-right: 32px !important; margin-bottom: 10px !important; } .contactrow strong { font-size: 24px; line-height: 100%; font-weight: 600; } .contactrow p:first-child strong { margin-top: 0; } .contactrow br { display: none; } .contact-facebook span { margin-left: -30%; } .contactrow strong { font-size: 24px; line-height: 100%; font-weight: 600; display: block; margin-top: 30px; } .maprow2 iframe { margin-bottom: -7px; } .thecapcha { border-radius: 30px; overflow: hidden; text-align: center; margin-bottom: 12px; background: #f9f9f9; } .thecapcha div { margin: auto; margin-bottom: -3px; margin-top: -1px; } .cta1 .error.text-danger { color: #fff; } .services3 .vc_col-sm-3 { margin-bottom: 52px; } .centerthispls { text-align: center; } .centerthispls .wpb_column.vc_column_container { display: inline-flex; float: none; } .teamrow .vc_row.wpb_row { margin-bottom: 44px; } .teamrow .vc_col-sm-4 img { display: inline-block; position: relative; overflow: hidden; box-shadow: 0px 10px 15px rgb(0 0 0 / 15%);} .teamrow h2 em { display: block; font-size: 32px;} h1.entry-title, .page-title h1 { color: #fff !important; text-transform: uppercase !important; font-size: 64px !important; line-height: 111% !important; } .page-title.title-center.solid-bg.breadcrumbs-off.page-title-responsive-enabled { margin-bottom: 44px; } .single div#main { padding-bottom: 44px;} .post-thumbnail { max-width: 450px; margin-left: 32px; float: right;} .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { color: #fff; background-color: #d35536; border-radius: 30px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; line-height: 110%; color: #fff; border: 1px solid #D35536; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 12px 24px; transition: all ease .1s; display: inline-block; } .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover { background-color: #221E1F; } .centerthispls2 { justify-content: center;} /*.fluentform .ff-el-group { margin: auto !important;}*/ .thecapcha > div { transform: scale(0.8) translateY(-12px); margin: auto !important; display: block !important; } .thecapcha { max-height: 50px !important; display: block !important; text-align: center !important; } .row7 strong { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 30px; line-height: 100%; text-transform: capitalize; color: #221E1F; position: relative; padding-left: 37px; display: block; margin-bottom: 16px !important; min-height: 60px; } .row7 strong:before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 10px; color: #d35536; position: absolute; left: 0; } .row7 .vc_inner .wpb_column > .vc_column-inner { background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 32px; } .row8 strong { color: #212211; }.row8 p { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 30px; line-height: 100%; text-align: center; text-transform: capitalize; color: #FFFFFF; } .sunright:before { content: ''; display: block; width: 387px; height: 760px; position: absolute; left: auto; top: tu; background: url(/wp-content/uploads/2021/05/Group-240.svg); background-repeat: no-repeat; right: 0; top: auto; bottom: -372px; } .row8 .wpb_column.vc_column_container.vc_col-sm-1\/5 { display: flex; justify-content: center; align-items: center; width: auto; } .row8 { display: flex; } ul#top-menu span { text-transform: capitalize; margin: 0 6px; } .row1 h1 { margin-bottom: 39px; } .services1 h2 { color: #181717; } .btn1 a { min-height: 55px; display: inline-flex; justify-content: center; align-items: center; } .thecapcha .ff-t-cell > div > div > div > div >div { position: relative; } .thecapcha .ff-t-cell > div > div > div > div >div:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; background: #f9f9f9; right: -97%; top: 0; } .thecapcha .ff-t-cell > div > div > div > div >div:before { content: ''; display: block; width: 100%; height: 100%; background: #f9f9f9; position: absolute; right: 99%; } .row1 h2 { font-size: 56px;} .services1 h3 { color: #231f20; } .services1 h3 em { color: #fff; } .row7 h2 { font-size: 64px;} body:not(.home) .maprow1 .vc_col-sm-6 .vc_col-sm-6 h3 { float: left; } body:not(.home) .maprow1 .vc_col-sm-6 .vc_col-sm-6 { width: 80%; margin: auto; float: none; text-align: left; } h2 { clear: both !important; } .single h2 { font-size: 36px; margin: 32px 0 12px; } .single .entry-content a:hover { color: #000; } .single .entry-content a { font-weight: 700; } .row7 strong { min-height: 1px; } .has-children span.menu-text { position: relative; } .has-children > a > span > span.menu-text:after { content: ' >'; color: #d35536; } .h1v2 h1 { text-align: center; } .row1 p { text-align: left; } .problem1 h2 { color: #181717 !important; } .row1 .btn1 a { display: flex; } .single h2 { display: contents; } .row1 .vc_col-sm-4 > .vc_column-inner h2 { font-size: 48px; } .row2 h2 { font-size: 64px; } .maprow1 { z-index: 4; } .imgleft img { z-index: 4;} .current-menu-item > a > span > span { font-weight: 600;} /*work for us*/ .workforuspopup a { border: 2px solid #D35536 ; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 9px 16px; color: #fff; font-weight: bold; background: #000; } .workforuspopup { padding: 12px 0px 20px 0px; } .workforuspopup a:hover { background: #fff; color: #000; transition: all ease .1s; } .current_vacancies { padding: 20px;} /* booking */ form#fluentform_9 label { margin-top: 15px;} form#fluentform_9 .coupon_here .ff-t-column-2 .ff-el-input--content .ff_input-group { display: flex;} form#fluentform_9 .coupon_here .ff-t-column-2 .ff-el-input--content .ff_input-group span.ff_input-group-text { cursor: pointer; background: #d35536 !important; display: block; text-align: center; color: #fff; font-weight: 600; border-radius: 3px 30px 30px 3px; font-size: 12px; line-height: 110%; height: 100%; align-items: center; justify-content: center; display: inline-flex; min-width: 75px;} form#fluentform_9 .coupon_here .ff-t-column-2 .ff-el-input--content .ff_input-group span.ff_input-group-text:hover { background: #181717 !important;} form#fluentform_9 button.ff-btn.ff-btn-submit:hover { background: #181717 !important;} form#fluentform_9 input#ff_9_payment-coupon { margin: auto !important; border-radius: 30px 3px 3px 30px !important;} form#fluentform_9 li.ff_success span.error-clear { display: none !important;} div#payment_method_9_1_stripe_inline { margin-bottom: 12px;} form#fluentform_9 .coupon_here span.error-clear { color: red !important; cursor: pointer;} form#fluentform_9 .coupon_here ul.ff_coupon_responses ::marker { display: none !important;} form#fluentform_9 .coupon_here li { overflow: hidden;} @keyframes horizontal-shaking { 0% { transform: translateX(0) } 25% { transform: translateX(5px) } 50% { transform: translateX(-5px) } 75% { transform: translateX(5px) } 100% { transform: translateX(0) }} form#fluentform_9 span.ff_product_price { display: inline-block;} span.new-price { display: inline-block;} .horizontal-shaking { animation: horizontal-shaking 0.3s;} form#fluentform_9 label.ff-el-form-check-label.ff_tc_label { display: flex !important; align-items: center;} form#fluentform_9 span.ff_tc_checkbox input { margin: 0 !important;} form#fluentform_9 span.ff_tc_checkbox { display: flex; margin-right: 5px;} form#fluentform_9 .error.text-danger { color: red; font-size: 14px; margin-top: -9px;} form#fluentform_9 .ff-el-form-check.ff-el-tc, form#fluentform_9 .ff-el-form-check.ff-el-tc + .error.text-danger { margin-bottom: 10px !important; } .booking-button, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active, #wizard .content button, .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #d35536 !important; } .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #e69480 !important;} .booking-button, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active, #wizard .content button, .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { border-radius: 30px !important; font-weight: 700 !important; font-family: 'Montserrat', sans-serif !important; } .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { border-radius: 30px !important; } a#wizard-t-2, a#wizard-t-1 { border-radius: 30px !important; } .wizard #respond { padding: 12px !important; } div#respond input { width: 100%; border-radius: 30px; } button#finish { width: 100%; } .wizard > .actions .disabled a { background: #e69480 !important; color: #fff !important; } .wizard > .content { width: 100% !important; margin-top: 89px !important; } div#respond { max-width: 600px; margin: auto; } section#wizard-p-2 p { text-align: center; } .responseText { text-align: center; margin-top: 30px; border: 2px solid #18ad27; padding: 10px; } .wizard > .actions > ul > li:nth-child(2), .wizard > .actions > ul > li:nth-child(3) { display: none !important; } .gas_type .ff-el-input--content { display: flex; gap: 10px; } .dont_know_gas_type_text p { text-align: left !important; font-size: 12px; line-height: 15px; margin: 10px 0; } .page-template-page-tyre-import div#content, .page-template-page-tyre-listing div#content { margin-bottom: 40px; } .page-template-page-tyre-listing .wf-wrap, .page-template-page-tyre-listing div#content { width: 100% !important; } .page-template-page-tyre-listing .wf-container-main { display: block !important; } .page-template-page-tyre-listing table { width: 100% !important; } form#fluentform_14 .ff_submit_btn_wrapper { margin-top: 25px; } .promo_status { visibility: hidden; } /* custom-popup.css */ .tyre_selection .ui-dialog-titlebar { display: none !important; } .tyre_selection .ui-dialog-buttonset { float: right; } #tyre-popup { padding: 20px; font-family: Arial, sans-serif; background-color: white; border: 1px solid #999; } #tyre-popup p { margin: 10px 0; font-size: 16px; } #tyre-popup #tyre-quantity { width: 50px; padding: 5px; margin: 10px 0; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; } #tyre-popup #total-cost { font-weight: bold; font-size: 16px; } { padding: 10px 20px; font-size: 16px; background-color: #0073aa; color: white; border: none; border-radius: 4px; cursor: pointer; } #tyre-popup #submit-tyre-selection:disabled { background-color: #ccc; cursor: not-allowed; } #tyre-popup .ui-dialog-titlebar-close { display: none; } #tyre-popup #submit-tyre-selection, button.select-tyre, #tyre-popup #cancel-tyre-selection { background-color: #fff; border: 2px solid #D35536; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 8px 16px; } #tyre-popup #submit-tyre-selection:hover, button.select-tyre:hover, #tyre-popup #cancel-tyre-selection:hover { background: #d15436; color: #fff; } section#custom_html-2 a.social i:before { padding: 2px; font-size: 21px;} ul#mobile-menu .has-children > a > span > span.menu-text:after { display: none !important; } .cta3 .btn1 a:hover { background: #fff; } .contactrow button.ff-btn.ff-btn-submit.ff-btn-md:hover { background: #d35536 !important; color: #fff !important; } .services3.pad1.btn1.v2.v3.centerthispls a:hover { background: #181717 !important; color: #fff !important;} .win img { position: absolute; height: 160%; top: -30%; width: auto; right: 5%; } .win { border-radius: 30px; position: relative; padding: 32px; margin-top: 32px !important; } .win p { padding-right: 30%; text-align: center; } .btn2 a { margin-top: 12px !important; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; line-height: 110%; color: #fff; border: 1px solid #D35536; box-sizing: border-box; filter: drop-shadow(0px 4px 10px rgba(76, 78, 83, 0.2)); border-radius: 50px; padding: 12px 24px; transition: all ease .1s; display: inline-block; background: #171717; } .btn2 a:hover { background: #D35536; transition: all ease .1s; color: #fff !important;} .sunright { position: relative; } .faq-section strong { font-size: 25px; color: #fff; } .faq-section h3 { text-transform: none !important; } .single-post h3 { font-size: 26px; line-height: 26px; } .single-post h2 { margin: 10px 0 20px; display: inline-block; } /* animations */ .w3-animate-top {z-index: 2;position:relative;animation:animatetop 0.8s} @keyframes animatetop {from{top:-300px; opacity:0} to {top:0;opacity:1}} .w3-animate-left {z-index: 2;position:relative;animation:animateleft 0.8s} @keyframes animateleft {from{left:-300px; opacity:0} to {left:0;opacity:1}} .w3-animate-right {z-index: 2;position:relative;animation:animateright 0.8s} @keyframes animateright {from{right:-300px; opacity:0} to {right:0;opacity:1}} .w3-animate-bottom {z-index: 2;position:relative;animation:animatebottom 0.8s} @keyframes animatebottom {from{bottom:-300px; opacity:0} to {bottom:0;opacity:1}} .w3-animate-right2 {z-index: 2;position:relative;animation:animateright2 0.8s} @keyframes animateright2 {from{right:-300px; } to {right:0; }} .nhsrv > .vc_column-inner > .wpb_wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;} .nhsrv .wpb_text_column { opacity: 1; } /* Blogs last design */ .blog_row > div {max-width: 1420px;margin: auto !important;} .blog_row {justify-content: center;} .blog_row {margin-bottom: 0 !important;} .blog_grid .post_title div {color: #FFF;font-family: 'Mulish', sans-serif;font-size: 24px;font-style: normal;font-weight: 400;line-height: 157.5%; letter-spacing: 0.48px;} .blog_grid .post_title {margin-bottom: 0 !important;} .blog_grid .post_head {padding: 48px 60px;background: #D45535 url(/wp-content/uploads/2023/12/rkhsr.svg) no-repeat right center / cover !important;} .blog_grid :where(.vc_gitem_row){position: relative !important;transform: none !important;} .blog_grid .vc-gitem-zone-height-mode-auto:before {padding: 0 !important;visibility: hidden !important;display: none !important;} .blog_grid .vc_grid-item > div { box-shadow: 0px 4px 57px rgba(0, 0, 0, 0.16);font-family: 'Poppins', sans-serif !important;} .blog_grid .post_body {padding: 36px 57px 0;} .blog_grid .post_body .vc_gitem-post-data-source-post_date {color: #D45535;font-family: 'Mulish', sans-serif;font-size: 20px;font-style: normal;font-weight: 700;line-height: 157.5%; letter-spacing: 0.4px;} .blog_grid .post_body .vc_gitem-post-data-source-post_excerpt {color: #000;text-align: center;font-family: 'Poppins', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 192.9%; letter-spacing: 0.4px;} .blog_grid .vc_btn3 {color: #FFF;text-align: center;font-family: 'Poppins', sans-serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;background: #000;display: inline-flex;justify-content: center; align-items: center;padding: 7px 28px;border-radius: 25px;} .single-post .page-title.solid-bg, .page-id-23 .page-title.solid-bg {background: #D45535 url(/wp-content/uploads/2023/12/rkhsr-header.svg) no-repeat center right / auto !important;} /* .single-post.postid-1617 .page-title.solid-bg {background: #000000 url(/wp-content/uploads/2023/12/rkhsr-header.svg) no-repeat center right / auto !important;min-height: 377px;} */ /* .single-post.postid-1617 .page-title h1 {font-size: 44px !important;font-style: normal !important;font-weight: 400 !important;line-height: 110% !important;text-transform: uppercase !important;text-align: left !important;} */ /* Review Widget */ .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] { display: flex !important; margin: -15px 45px 45px 45px !important; } .homepage-review-widget .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] { margin: 30px 0 0 0!important; } /* AC Promo Graphic */ body .pum-theme-1159 .pum-container, .pum-theme-default-theme .pum-container{ padding: 0; } body .pum-theme-1159 .pum-content, .pum-theme-default-theme .pum-content img{ margin-bottom: 0; } body .pum-theme-1159 .pum-content, .pum-theme-default-theme .pum-content p{ margin-bottom: -7px; } button.pum-close.popmake-close { background: transparent !important; border: solid 1px #D35536 !important; height: 24px !important; border-radius: 100% !important; width: 24px !important; display: flex; align-items: center; justify-content: center; margin: 4px; } button.pum-close.popmake-close:hover { background: linear-gradient(270deg, #D35536 0%, #838387 101.09%)!important; } @media (max-width: 1600px) { .services1:before { left: -42px;} .services2 .wpb_text_column { padding: 20px;} .row2 .vc_col-sm-10 { width: 100%; padding: 0 32px;} .row3 .vc_col-sm-8 { width: 90%; float: none; margin: auto; } .sunright:before { width: 243px; } } @media (max-width: 1500px) { .branding a img, .branding img { max-height: 125px; width: auto;} .masthead, header.header-bar, .masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space { min-height: 186px !important; max-height: 186px !important;} nav.navigation { top: 2px;} .h1row img { max-height: 168px;} .maprow1 .vc_col-sm-6 .vc_col-sm-1, .maprow1 .vc_col-sm-6 .vc_col-sm-4 { display: none; } .maprow1 .vc_col-sm-6 .vc_col-sm-6 { width: 100%; padding: 0 32px; } .vc_column-inner.vc_custom_1621841256769 { background-position: right;} /*cta2 second bg*/ section.widget { width: 33.333% !important; } section#text-2 { width: 100% !important; text-align: center; } .footer .widget-title { margin-bottom: 30px; } footer i { padding-right: 5px; } section#custom_html-2 a { word-break: break-word; } .footer .widget { padding: 0 8px; } footer { padding: 0 18px !important; } .row1 .vc_col-sm-4 { order: 2; } .row1 .vc_col-sm-4, .row1 .vc_col-sm-8 { width: 100%; } .row1 .vc_col-sm-4 > .vc_column-inner { background-position: 32px; } .row1 .vc_col-sm-4 > .vc_column-inner {background-position: bottom -3px left 32px !important;} } @media (max-width: 1440px) { .cp-slidein.slidein-bottom-right {margin-bottom: 4%;} header.header-bar { padding: 0 22px !important; } .main-nav > li > a span, span.menu-text, .top-bar a { font-size: 16px !important; } .main-nav > li > a { margin: 18px 9px; } .branding a img, .branding img { max-height: 94px; } .top-bar.top-bar-line-hide { padding: 0 32px !important; } .mini-nav:not(.select-type-menu) > ul > li:not(:last-child) { margin: 0 15px 0 0 !important; } nav.navigation { top: 8px; } .h1row h2, h1 { font-size: 45px;} .row1 .vc_col-sm-4 > .vc_column-inner { background-position: 32px 172px; } h2 { font-size: 46px; top: 45%;} .services1:before { left: -73px;} .services2 p:first-child a { font-size: 23px;} .row2 strong { font-size: 30px;} .row2 .vc_col-sm-4 { width: 50%;} .cta3 .vc_col-sm-10 { width: 100%; padding: 0 12px; } .cta3 a { min-width: 1px !important; } .cta3 .vc_col-sm-8 p { font-size: 23px; } .imgleft .vc_col-sm-10 { width: 100%; } .imgleft .vc_col-sm-5 { width: 50%; } .sunright:before { width: 325px; height: 654px; background-size: contain; } .teamrow .vc_row.wpb_row img { filter: none !important; } .teamrow .vc_row.wpb_row p:after { opacity: 1; transition: all ease .1s; transform: translate(100%, 0px); } .footer .widget-title { min-height: 1px !important; margin-bottom: 12px;} h1.entry-title, .page-title h1, h1 { font-size: 45px !important; } h2 { font-size: 40px !important; } h3 { font-size: 36px !important; } h1, h2, h3 { line-height: 100% !important; } body:not(.home) .maprow1 .vc_col-sm-6 .vc_col-sm-6 { width: 100%; } .row1 .vc_col-sm-4 > .vc_column-inner { background-position: bottom -40px left 32px !important; } .maprow1 iframe { max-width: 94%; margin: auto; display: block; } body.page-template-default.page.page-id-20 .imgleft .vc_col-sm-10 .vc_col-sm-5 > .vc_column-inner { max-width: 95%; } .sunright:before { background: url(/wp-content/uploads/2021/05/Group-168-2.svg); width: 350px; left: 0; background-repeat: no-repeat; left: calc( 50% - 175px); bottom: -476px; top: auto; } .sunright { padding-bottom: 192px !important; } .services3 a { min-width: 1px; } .row8 p { font-size: 20px; } .cta2 .vc_col-sm-6 { padding: 32px; } .row8 .wpb_column.vc_column_container.vc_col-sm-1\/5 { width: 20%; } .row3 .vc_col-sm-9 { width: 100%;} .maprow1 .vc_col-sm-10 { width: 100%; } .v2.imgleft .vc_col-sm-6 { order: 2; margin-bottom: 32px !important; } .v2.imgleft .vc_col-sm-5 { order: 1 !important; } .imgleft.v2 img { margin-bottom: 0px !important; margin-top: 32px !important; } .imgleft .vc_column_container>.vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .win { margin: 90px 0 60px !important;} } @media (min-width: 768px) and (max-width: 1199px) { .mots .btn1 a { min-width: auto; font-size: 16px; padding: 12px; } } @media (max-width: 1099px) { .masthead:not(.side-header).full-width .mobile-header-bar, .mobile-header-bar .masthead.side-header-menu-icon { padding: 0 12px; } .mobile-branding img { max-height: 120px; width: auto; } .mobile-branding { margin-top: -6px; } .h1row .vc_col-sm-4 { width: 100%; min-height: 250px; } .h1row h2, h1 { font-size: 36px; } .vc_custom_1621421485842 { padding: 17px 32px !important; } .h1row .vc_col-sm-4 { width: 100%; min-height: 228px; } .top-bar.top-bar-line-hide, .text-area.show-on-desktop.near-logo-first-switch.in-menu-second-switch.show-on-first-switch.first.last, .mini-nav.in-top-bar-right.hide-on-second-switch.list-type-menu-first-switch.hide-on-desktop.show-on-first-switch.display-none { display: none !important;} .masthead.classic-header.center.bg-behind-menu.widgets.full-width.dividers.shadow-mobile-header-decoration.small-mobile-menu-icon.dt-parent-menu-clickable.show-sub-menu-on-hover.masthead-mobile-header.masthead-mobile { max-height: 110px !important; min-height: 110px !important;} .text-area.show-on-desktop.near-logo-first-switch.in-menu-second-switch.first, .mini-nav.show-on-desktop.near-logo-first-switch.hide-on-second-switch.list-type-menu.last { text-align: left !important;} .text-area.show-on-desktop.near-logo-first-switch.in-menu-second-switch.first.last.hide-on-desktop.hide-on-first-switch.show-on-second-switch a { display: block; margin-bottom: 8px;} .text-area.show-on-desktop.near-logo-first-switch.in-menu-second-switch.first.last.hide-on-desktop.hide-on-first-switch.show-on-second-switch i { padding-right: 4px;} .mobile-mini-widgets-in-menu .text-area>p { display: flex;flex-direction: column; gap: 10px; font-size: 16px !important;} } .frm-fluent-form select { margin-bottom: 10px !important; } @media (max-width: 1023px) { body .vc_custom_1621421485842 { padding: 32px !important; } .h1row .vc_col-sm-4:last-child .wpb_text_column { display: inline-block; width: 50%; float: left; box-sizing: border-box; min-height: 311px !important;background: #221e1f; } .h1row { background-size: 150%; background-position: top; background-repeat: no-repeat; background-color: #221e1f; } .row1 .vc_col-sm-4 > .vc_column-inner { background-position: 32px 172px; } .services1 h2 { margin-bottom: 32px !important; } .services1 .vc_col-sm-6 { width: 100%; } .services1 { padding: 60px 0 150px !important; } .services1:before { background: url(/wp-content/uploads/2021/05/Group-168-2.svg); width: 350px; left: 0; background-repeat: no-repeat; left: calc( 50% - 175px); bottom: -292px; top: auto; } .services2 .vc_col-sm-4 { width: 50%; padding: 0 !important;} .row2 strong { font-size: 22px;} .blogcta { padding: 42px !important;} .blogcta .btn1 a { min-width: 186px;} .maprow1 iframe { max-width: calc( 100% - 24px); } .maprow1 { padding: 32px !important; } .cta2 .vc_col-sm-3 { width: 100%; min-height: 276px; } .cta2 .vc_col-sm-6 { width: 100%; padding: 32px;} .cta2 .btn1 a { display: table; margin: 22px auto; } .reviews .vc_col-sm-4 { width: 100%;} .reviews { padding: 44px 32px !important; } .row3 .vc_col-sm-9 { width: 100%; text-align: center; } h3 { font-size: 32px; line-height: 100%;} .row1.v2 h3 { margin-bottom: 19px !important;} .v2.row1 .wpb_text_column.wpb_content_element.btn1 { margin-top: 0px !important;} .row4 { padding: 50px 32px !important;} h2 { font-size: 38px;} .post-thumbnail { float: none; margin: 0 auto 32px !important;} .pad2 { padding: 80px 0; } .row1.pad1.v2 .vc_row.wpb_row.vc_inner.vc_row-fluid > .wpb_column.vc_column_container { width: 100%; } .row1 .vc_col-sm-4 > .vc_column-inner { background-position: bottom -70px left 32px !important; } h1 br, h2 br, h3 br { display: none; } h1 em, h2 em, h3 em { display: block; } .maprow1 .wpb_column.vc_column_container.vc_col-sm-6 { width: 100%; } .maprow1 .vc_col-sm-10 { width: 100%; } .imgleft.v2 .vc_col-sm-6, .imgleft.v2 .vc_col-sm-5 { width: 100%; } .imgleft.v2 img { margin-bottom: 32px !important; } h1.entry-title, .page-title h1, h1 { font-size: 31px !important; } h2 { font-size: 28px !important; } h3 { font-size: 25px !important; } .page-id-8 .vc_row.wpb_row.vc_row-fluid.imgleft.pad2.v2 { padding-bottom: 0 !important;} .row1 .vc_col-sm-4 > .vc_column-inner { background-image: none !important; } .row1 .vc_col-sm-4 .wpb_text_column:first-child p { padding: 0; text-align: center;} .steps.clearfix > ul li { display: inline-flex; flex-grow: 1; } .steps.clearfix > ul { display: flex; } .wizard > .content { margin-top: 16px !important; } .steps.clearfix > ul li a { width: 100%; text-align: center; box-sizing: border-box;} .h1row .vc_col-sm-4:last-child .wpb_text_column:first-child:after { content: ''; display: block; width: 1px; height: 80%; background: #fff; right: 0; top: 10%; position: absolute; } .h1row .vc_col-sm-4:last-child .wpb_text_column:first-child { position: relative; } .win p { padding-right: 50%; } /* Homepage */ .vc_custom_1717136930346{ background-size: cover; } .h1row.hero-section .vc_col-sm-4:last-child .wpb_text_column { height: auto!important; padding: 20px 10px; } .h1row.hero-section .vc_col-sm-4:last-child .vc_column-inner > .wpb_wrapper{ display: flex; } .h1row .vc_col-sm-4:last-child .wpb_text_column:first-child:after { display: none; } .h1row.hero-section a { font-size: 16px; padding: 8px; text-align: center !important; min-height: 70px; display:flex; justify-content: center; align-items: center; } /* Review Widget */ .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] .ti-header { padding: 10px !important; } .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] .ti-name { font-size: 12px !important; margin-bottom: 2px !important; } .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] .ti-header .ti-star { width: 15px !important; height: 15px !important; } .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] .ti-header .ti-stars { margin-bottom: 0px !important; } .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] span.underline { font-size: 12px !important; } .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] .ti-header .ti-profile-img img { height: 50px !important; } } @media (max-width: 767px) { .cp-slidein-inline, .slidein-overlay.si-open, .slidein-overlay.si-open .cp-slidein {z-index: 10 !important;} .cp-slidein.slidein-bottom-right {left: 0 !important;right: 0 !important;} .mots .wpb_column:not(:last-child) { margin-bottom: 25px; } .cp-slidein.slidein-bottom-right {margin-bottom: 15%;} div#toplinks { display: flex !important; position: fixed; bottom: 0; z-index: 999999; width: 100%;} div#toplinks a { color: #fff !important; } .moove-gdpr-info-bar-content {margin-bottom: 40px;} .h1row h2, h1 { font-size: 36px;} body .vc_custom_1621421485842 { padding: 22px !important; } .h1row .vc_col-sm-4:first-child { min-height: 1px;} .row1 { padding: 32px; } .services2 .vc_col-sm-4 { width: 100%; } .row2 .vc_col-sm-4 { width: 100%;} .services2 .wpb_text_column .wpb_wrapper { width: 100%; } .blogcta .btn1 a { min-width: 270px; margin: 28px auto 0; display: table; } section.widget { width: 100% !important; text-align: center; } section#custom_html-2 .textwidget.custom-html-widget { padding-left: 0; } section#custom_html-2 i { display: block !important; position: initial; } section#custom_html-2 a.social { left: 0; margin: auto !important; } .footer .widget-title { min-height: 1px; margin-top: 22px; font-size: 24px;} div#bottom-bar { padding-bottom: 44px; } div#toplinks { left: 0; } .h1row .vc_col-sm-4:nth-child(2) { background-image: url(/wp-content/uploads/2021/05/rkh-service-and-repair.jpg) !important; background-size: cover; background-position: center; } .h1row { background-size: cover; } .h1row.inner h1, .h1row.inner p { text-align: center; } .h1row.inner { min-height: 300px; } .cta3 .vc_col-sm-8 { margin: 22px 0; text-align: center; padding: 0 12px; } .imgleft .vc_col-sm-5 { width: 100%; } .pad2 { padding: 60px 0; } .imgleft .vc_col-sm-6 { margin-bottom: 22px; } .row1.pad1.v2 .vc_row.wpb_row.vc_inner.vc_row-fluid > .wpb_column.vc_column_container { width: 100%; } .v2.row1 h2 { margin-bottom: 22px; } .row1 .vc_col-sm-4 > .vc_column-inner { background-position: bottom -87px left 32px !important;} .row1 h2 { font-size: 42px;} .contactrow form { margin-top: 32px;} img.preload-me { max-height: 70px; } .mobile-branding { margin-top: 0px; } .masthead.classic-header.center.bg-behind-menu.widgets.full-width.dividers.shadow-mobile-header-decoration.small-mobile-menu-icon.dt-parent-menu-clickable.show-sub-menu-on-hover.masthead-mobile-header.masthead-mobile { max-height: 52px !important; min-height: 71px !important; } .h1row a { background: #d35536; min-height: 85px; display: flex; vertical-align: middle; align-items: center; } .cta1 .vc_col-sm-6 > .vc_column-inner { padding: 32px; } .cta1 .vc_col-sm-6:last-child > .vc_column-inner { padding: 32px; } .row2 h2 { margin-bottom: 13px !important; } .row1 .vc_col-sm-4 > .vc_column-inner { background-image: none !important; } .row1 .vc_col-sm-4 .wpb_text_column:first-child p { padding: 0 !important; text-align: center; } .frm-fluent-form .ff-t-cell { padding: 0 !important; } .row8 .wpb_column.vc_column_container.vc_col-sm-1\/5 { width: 100% !important; display: block !important; text-align: center !important; } .vc_custom_1622193452556 { display: block; } .vc_custom_1622036265325 { background-position: center; } .single .post:not(.type-event) .post-thumbnail img { max-height: 999px; } body.page-template-default.page.page-id-22 .vc_row.wpb_row.vc_row-fluid.imgleft.pad2.v2 { padding-bottom: 0; } .h1row .vc_col-sm-4:last-child .wpb_text_column { padding: 12px;} .h1row a { padding: 12px 8px; font-size: 14px; min-height: 1px;} .h1row .vc_col-sm-4:last-child .wpb_text_column { min-height: 1px !important;} .h1row .vc_col-sm-4:last-child .wpb_text_column { padding: 12px 7px;} .maprow1 .wpb_column.vc_column_container.vc_col-sm-6 > .vc_column-inner { padding: 0 15px;} .maprow1 .vc_col-sm-6 .vc_col-sm-6 { padding: 0 !important;} body .maprow1 { padding-bottom: 32px !important;} .steps.clearfix > ul li { display: block !important; width: 100% !important; margin-bottom: 12px !important; } .steps.clearfix > ul { display: block;} .steps.clearfix > ul li a {margin: auto;} .row2 p:first-child strong, .row2 p:first-child img { position: initial; display: block; text-align: center; } .row2 strong { padding: 0; text-align: center !important; } .row2 img { margin: auto; } .row2 strong { min-height: 1px; margin-bottom: 19px !important;} .h1row h2 br { display: none; } .h1row h2 { font-size: 22px !important; } .h1row h2 em { display: inline !important; } .vc_column-inner.vc_custom_1621421485842 { padding: 12px !important; } .h1row img { max-height: 117px; } .h1row .vc_col-sm-4 { width: 100%; min-height: 211px; } ul#menu-footer-menu a { min-height: 44px; min-width: 44px; } .win p { padding: 0; } .win img { position: initial; width: auto; height: auto; } .wizard>.content { margin: 0 !important; } .fc-scroller.fc-day-grid-container { min-height: 385px !important; } .actions.clearfix { margin-top: 10px; } .win { margin: 37px 0 14px !important; } .win img { display: block; } img.preload-me.owl-lazy-load.owl-thumb-lazy-load-show.is-loaded { min-height: 175px !important; } h3.entry-title { margin-top: -15px; } h3.entry-title a { font-size: 13px; } .post-entry-content h3.entry-title { padding: 4px; } /* Homepage */ .h1row.hero-section a { font-size: 14px; padding: 8px; } /* Review Widget */ .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] { justify-content: center; margin: -25px 0 45px 0 !important; } .homepage-review-widget .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] { justify-content: left; margin: 5px 0 0 0 !important; } /* AC Promo Graphic */ body .pum-theme-1159 .pum-container, .pum-theme-default-theme .pum-container { max-width: 300px; width: 100% !important; } form#fluentform_9 span.ff_tc_checkbox input { width: 25px !important; min-width: 25px !important; } form#fluentform_9 label.ff-el-form-check-label.ff_tc_label p { text-align: left; padding-left: 8px; } } @media (max-width: 600px) { .row1 .vc_col-sm-4 > .vc_column-inner { background-position: 32px 212px; } /* Homepage */ .h1row.hero-section a { font-size: 12px; font-weight: 400; } } @media (max-width: 450px) { .row1 .vc_col-sm-4 > .vc_column-inner { background-image: none; } .row1 .vc_col-sm-4 .wpb_text_column:first-child p { padding: 0; } /* Homepage */ .h1row.hero-section a { font-size: 10px; } } /* min */ @media (min-width: 768px) and (max-width: 1024px) { .cp-slidein.slidein-bottom-right {margin-bottom: 0%;} .cp-slidein-inline, .slidein-overlay.si-open, .slidein-overlay.si-open .cp-slidein {z-index: 10 !important;} } @media (min-width: 768px) { .frm-fluent-form .ff-t-cell:last-of-type { padding-right: 0 !important; } .frm-fluent-form .ff-t-cell:first-of-type { padding-left: 0 !important; } } @media (min-width: 1025px) { .h1row .vc_col-sm-4:last-child .wpb_text_column, .row7 .vc_col-sm-6, .services3 .vc_col-sm-3, .imgleft .vc_col-sm-5, .h1row .vc_col-sm-5:first-child, .cta2 .vc_col-sm-3, .maprow1 .vc_col-sm-6:last-child, .row2 .vc_col-sm-4, .cta1 .vc_col-sm-6:last-child, .services2 .vc_col-sm-4, .row1 .vc_col-sm-8, .h1row .vc_col-sm-4:first-child { opacity: 0; } } @media (min-width: 1500px) { .home .row1 > .vc_col-sm-1 { display: none; } .home .row1 > .vc_col-sm-10 { width: 90%; float: none; margin: auto; } .home .row1 > .vc_col-sm-10 .vc_col-sm-8 { width: 60%; } .home .row1 > .vc_col-sm-10 .vc_col-sm-4 { width: 40%; } } @media (min-width: 1800px) { .v2.row1 .vc_col-sm-4 > .vc_column-inner { background-position: 32px 200px; } .row3 { padding: 100px 0;} .page-id-22 .maprow1 .vc_col-sm-6 .vc_col-sm-6 { width: 46% !important;} } /* Blog Posts Sidebar */ :root { --sidebar-primary: #d45535; --sidebar-secondary: #8b8d94; } .single-post * { overflow: visible !important; } .sidebar { align-self: flex-start; position: sticky; top: 205px } .sidebar .wpb_content_element { margin-bottom: 0 !important; } .sidebar .sidebar_hello_title, .sidebar .sidebar_posts h2, .sidebar .sidebar_search_row h2 { font: var(--the7-widget-title-font); font-size: 24px; line-height: 30px; font-weight: 400; color: var(--sidebar-secondary); margin-bottom: 15px; margin-top: 0; } .sidebar .vc_column_container > .vc_column-inner { padding-right: 0; padding-left: 0; } .sidebar p a { color: var(--sidebar-secondary) !important; } .sidebar span { color: var(--sidebar-secondary); } .sidebar p a i, .sidebar p i { color: var(--sidebar-primary); position: absolute; left: -23px; top: 6px; } .sidebar .vc_row { margin: 0; } /* sidebar hello row */ .sidebar_hello_row p { margin-bottom: 5px; position: relative; margin-left: 23px; color: var(--sidebar-secondary); } .sidebar_hello_row span, .sidebar_hello_row p a { font-weight: 400; } .sidebar_hello_row p, .sidebar_hello_row p a { color: var(--sidebar-secondary); } .sidebar .sidebar_hello_row span:hover { color: var(--the7-accent-color) !important; } /* sidebar posts row */ .sidebar .sidebar_posts_row.vc_row-fluid { margin-bottom: 20px; padding-top: 60px; } .sidebar_posts_row { background: var(--sidebar-primary); padding: 10px; } .sidebar_posts span { color: #fff !important; } .sidebar .sidebar_posts h2 { color: #fff !important; } .sidebar_hello_row { padding: 10px; border: 1px solid #000; padding-bottom: 60px; } .sidebar_posts_row ul li { display: flex; flex-direction: column; } .sidebar_posts_row a { color: #fff !important; text-transform: capitalize; font-weight: 700; } .sidebar .sidebar_posts_row ul li:not(:last-child):after { content: ""; display: block; border-bottom: 1px solid #000; margin: 15px 0; } .sidebar_posts_row .widget.widget_recent_entries { padding-bottom: 10px; } /* Sidebar search */ .sidebar_search_row input#the7-search { background: #fff; border: 1px solid var(--sidebar-secondary); } .sidebar_search_row input#the7-search::placeholder { color: #000 !important; } .sidebar_search_row svg { fill: var(--sidebar-secondary) !important; } /* Sidebar menu */ .sidebar_menu_row a { color: var(--sidebar-secondary) !important; } .sidebar .sidebar_menu_row ul li { padding: 0; margin: 10px 0; border: none !important; display: list-item; position: relative; } .sidebar .sidebar_menu_row ul li::before { content: "•"; position: absolute; left: -0.8em; /* top: -0.1em; */ font-size: 1.8em; } .sidebar_menu_row ul { list-style: none; margin-left: 20px; color: var(--sidebar-primary); } .sidebar .sidebar_posts_row a:hover { color: #000 !important; } .sidebar a:hover { color: var(--the7-accent-color) !important; } .sidebar a { /* font-family: Muli, Helvetica, Arial, Verdana, sans-serif !important; */ font-size: 16px; line-height: 24px; } .sidebar_menu_row ul li::marker { font-size: 16px; } .sidebar_menu_title { font: var(--the7-widget-title-font); font-size: 24px; line-height: 30px; font-weight: 400; color: var(--sidebar-secondary); margin-bottom: 15px; } /* Image separator*/ .image_holder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .circle_holder { aspect-ratio: 1 / 1; width: 70px; background: #fff; border-radius: 80%; border: 3px solid var(--sidebar-primary); position: absolute; top: -28px; text-align: center; overflow: hidden; padding: 5px; } .sidebar_separator_row { /* margin-top: -20px !important; */ } .sidebar_separator { display: flex; justify-content: center; background: #000; position: absolute; top: -15px; width: 100%; height: 30px; } /* Blog posts quote block */ .quote-block { text-align: center; padding: 10px 0; margin: 15px 0; position: relative; } .quote-block::before { content: "\201C"; position: absolute; top: 40px; left: 0px; bottom: 0px; font-size: 95px; color: var(--sidebar-primary); } .quote-block::after { content: "\201D"; position: absolute; right: 0px; bottom: 0px; font-size: 95px; color: var(--sidebar-primary); } .quote-block p { text-transform: uppercase; font-size: 22px; line-height: 26px; margin: 0px 40px; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px 0; font-weight: bold; color: var(--sidebar-primary); } /* Blog posts cta block */ .single-post .cta_block { background: var(--sidebar-primary); padding: 15px; margin: 20px 0; border-radius: 15px; } .single-post .intro_text { text-align: center; margin-bottom: 20px; } .single-post .intro_text p { font-size: 22px; line-height: 26px; font-weight: bold; color: var(--sidebar-primary); padding-bottom: 10px; } .single-post .cta_block button.ff-btn.ff-btn-submit.ff-btn-md.wpf_has_custom_css { /* border-color: var(--sidebar-primary) !important; */ margin-bottom: 0; } .single-post .cta_block .ff_submit_btn_wrapper_custom { margin-bottom: 0 !important; } .cta_block .ff-btn.ff-btn-submit { background-color: #9e736b !important; color: #fff !important; } .cta_block .ff-btn.ff-btn-submit:hover { background-color: var(--sidebar-primary) !important; color: #fff !important; border: 1px solid white !important; } .cta_block .error.text-danger { color: #fff !important; } .cta_block .frm-fluent-form .ff-t-container { margin-bottom: 16px; } /* sticky button */ .social_links.sticky_button { position: fixed; right: 0; bottom: calc(35% - 50px); display: flex; z-index: 999; padding: 5px; opacity: 1; transition: opacity 1s; } .share_icons { display: flex; flex-direction: column; } .share_icons svg.bi.bi-facebook, .share_icons svg.bi.bi-instagram, .share_icons svg.bi.bi-whatsapp { width: 25px; height: 25px; } .share_icons svg.bi.bi-facebook { fill: #fff; } .share_icons svg.bi.bi-instagram { fill: #fff; } .share_icons svg.bi.bi-twitter-x { fill: #fff; } .share_icons svg.bi.bi-whatsapp { fill: #fff; } .share_icons a.facebook, .share_icons a.twitter, .share_icons a.instagram { padding: 20px; height: 25px; margin-bottom: 5px; } .share_icons a.facebook:hover, .share_icons a.twitter:hover, .share_icons a.instagram:hover { opacity: 0.8; } .share_icons a.facebook { background: #4c69c7; } .share_icons a.twitter { background: #000; } .share_icons a.whatsapp { background: #36b74d; } .share_icons a.instagram { background: #f46f65; } .single-post .sticky-btn { z-index: 9; } .single-share-box .share-buttons a { width: 50px; height: 40px; } .single-share-box .share-buttons a svg { width: 25px; height: 25px; } /* Sidebar Responsive */ @media screen and (min-width: 992px) { .single-post .wf-container-main { grid-template-columns: calc(100% - 350px - 25px) calc(362px - 25px); } } @media (max-width: 768px) { .single-post .sidebar section.widget { width: initial !important; text-align: left !important; } } @media (min-width: 1024px) { .single-post .sidebar section.widget { width: initial !important; } .single-post .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content { padding-left: 1rem; } #main:not(.sidebar-none) .wf-container-main { display: grid; grid-column-gap: 50px; } } /* Search Results */ .search .no-results.not-found { padding-bottom: 2.5rem; } .search h1 span { font-size: 45px !important; } .search .blog-content.wf-td h3 { padding: 1rem !important; text-align: center; } /* CTA Hero */ .cta-service .cta-review { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-left: 45px; } .cta-service .ti-widget[data-layout-id='22'][data-set-id='drop-shadow'] { margin: 0 !important; /* margin-left: 45px !important; */ width: auto; } .cta-service .cta-contact { max-width: 200px !important; /* margin-left: 45px !important; */ margin: 0 !important; text-align: center; padding-block: 15px !important; /* margin-bottom: 2rem !important; */ } @media (max-width: 767px) { .cta-service .cta-review { flex-direction: column; margin-left: 0; } .h1row .cta-service a { justify-content: center; /* margin-inline: auto !important; */ margin-bottom: 1rem !important; background: transparent !important; width: 145px; } .cta-service .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] { justify-content: center; /* margin: -25px 0 15px 0 !important; */ margin: 0 !important; } .cta-service .ti-widget[data-layout-id="22"][data-pid="7887e7b27b9f09423c9661de727"] a { width: 250px; } } .pad2-custom { padding-bottom: 0 !important; } .testimonial-row { padding-block: 4rem; } .testimonial-row h2{ margin-bottom: 2rem !important; } .testimonial-row .slide-testimonial-content { padding: 1rem 2rem; border: 2px solid #9d746d; } .testimonial-row .slide-testimonial-content img{ margin-inline: auto; } .testimonial-row .slide-testimonial-content .testimonial-author{ font-size: 20px; font-style: italic; font-weight: 700; color: #494949; } .testimonial-row .slick-prev.slick-arrow i::before, .testimonial-row .slick-next.slick-arrow i::before { content: ""; all: unset; } .testimonial-row .slick-prev.slick-arrow { background: url(https://rkhserviceandrepair.com/wp-content/uploads/2025/01/testimonial-prev-btn.svg); width: 56px; height: 55px; background-size: contain; background-repeat: no-repeat; background-position: center; } .testimonial-row .slick-next.slick-arrow { background: url(https://rkhserviceandrepair.com/wp-content/uploads/2025/01/testimonial-next-btn.svg); width: 56px; height: 55px; background-size: contain; background-repeat: no-repeat; background-position: center; } @media(max-width: 1024px) { .testimonial-row .slide-testimonial-content { max-width: 750px; margin-inline: auto; } } @media(max-width: 768px) { .testimonial-row { padding-block: 2rem; } .testimonial-row .slick-prev.slick-arrow { margin-left: 1rem; } .testimonial-row .slick-next.slick-arrow { margin-right: 1rem; } .testimonial-row .slide-testimonial-content { max-width: 500px; margin-inline: auto; } } @media(max-width: 767px) { .testimonial-row h2{ margin-inline: 1rem !important; } .testimonial-row .slide-testimonial-content { padding: 1rem 0.5rem; max-width: 300px; margin-inline: auto; } .testimonial-row .slick-prev.slick-arrow, .testimonial-row .slick-next.slick-arrow { width: 40px; height: 40px; } } @media(max-width: 400px) { .testimonial-row .slide-testimonial-content { padding: 1rem 0.5rem; max-width: 250px; margin-inline: auto; } } /* Overlay Background */ .mml-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Semi-transparent */ display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 999; } /* Popup Content */ .popup-content { /* background: #000; */ padding: 0; /* border: 3px solid black; */ position: relative; text-align: center; max-width: 515px; width: 90%; line-height: 0; border } .popup-content .vc_col-sm-4 { width: 100%; } .popup-content h3 { max-width: 14ch; margin-inline: auto; } .popup-content.row1 .btn1 p { max-width: 100%; } .popup-content.row1 .btn1 p a { max-width: 20ch; } .popup-content .btn1 a { background: #D35536; } .popup-content .btn1 a:hover { background: #181717 !important; } /* Show Popup */ .mml-overlay.active { visibility: visible; opacity: 1; } /* Close Button */ #close-popup { position: absolute; top: 21px; right: 13px; color: #fff; font-size: 35px; cursor: pointer; } .popup-content.row1 p { padding-left: 0 !important } .popup-content.row1 p { text-align: center !important; max-width: 20ch; margin-inline: auto !important; } /* data sheet */ .data-sheet-container-inner { background: url(/wp-content/uploads/2025/05/data-sheet-bg-1.jpg) !important; width: 458px; height: 438px; background-size: contain !important; background-position: center !important; } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; display: none; } .popup-content { background: white; padding: 0px; border-radius: 30px; max-width: 458px; margin: 100px auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .data.sheet button.open-popup { background: #e64a19; color: white; border: none; border-radius: 32px; font-size: 20px; line-height: 1; cursor: pointer; transition: background-color 0.3s; padding: 6px 24px; display: block; margin: auto; font-size: 16px; } .data.sheet button.open-popup:hover { background-color: #a93612; } .datasheet-data.noise { position: absolute; bottom: 68px; left: calc( 50% - 28px); } .datasheet-data.noise_rating { position: absolute; bottom: 28px; left: calc( 50% - 16px); font-size: 19px; font-weight: 600; } .datasheet-data.noise_rating.b:before { content: 'A'; font-weight: 100; font-size: 12px; } .datasheet-data.noise_rating.b:after { content: 'C'; font-weight: 100; font-size: 12px; } .datasheet-data.noise_rating.a:after { content: 'BC'; font-weight: 100; font-size: 12px; } .datasheet-data.noise_rating.c:before { content: 'AB'; font-weight: 100; font-size: 12px; } .datasheet-data.title { position: absolute; top: 46px; left: 55px; } /* .datasheet-data.logo img { position: absolute; top: 0; left: calc( 50% - 125px); width: 250px; } */ .datasheet-data.rolling_res { position: absolute; left: 168px; color: #fff; background: #000; display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; font-size: 25px; font-weight: 600; padding: 0 0 0 9px; clip-path: polygon(0 50%, 20% 0, 100% 0, 100% 100%, 20% 100%); } .datasheet-data.rolling_res.A { top: 137px; } .datasheet-data.rolling_res.B { top: 171px; } .datasheet-data.rolling_res.C { top: 208px; } .datasheet-data.rolling_res.D { top: 245px; } .datasheet-data.rolling_res.E { top: 280px; } .datasheet-data.wet_grip { position: absolute; left: 361px; color: #fff; background: #000; display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; font-size: 25px; font-weight: 600; padding: 0 0 0 9px; clip-path: polygon(0 50%, 20% 0, 100% 0, 100% 100%, 20% 100%); } .datasheet-data.wet_grip.C { top: 208px; } .datasheet-data.wet_grip.B { top: 171px; } .datasheet-data.wet_grip.A { top: 137px; } .datasheet-data.wet_grip.D { top: 245px; } .datasheet-data.wet_grip.E { top: 280px; } .tyre-spec.img { display: flex; align-items: center; margin-right: 7px; } .tyre-spec img { max-height: 60px; } @media(max-width: 490px) { .popup-content.data-sheet-container-inner {width: 350px; height: 335px !important; background-repeat: no-repeat !important; background-position: top !important; } .datasheet-data.title {position: absolute; top: 36px; left: 42px; font-size: 13px; } .datasheet-data.noise {position: absolute; bottom: 51px; left: calc( 50% - 26px); font-size: 14px; } .datasheet-data.noise_rating {bottom: 20px; left: calc( 50% - 15px); } .datasheet-data.rolling_res {left: 125px; width: 25px; height: 25px; font-size: 17px; } .datasheet-data.wet_grip {left: 265px; width: 25px; height: 25px; font-size: 17px; } .datasheet-data.wet_grip.A { top: 103px; } .datasheet-data.wet_grip.B { top: 130px; } .datasheet-data.wet_grip.C { top: 156px; } .datasheet-data.wet_grip.D { top: 185px; } .datasheet-data.wet_grip.E { top: 213px; } .datasheet-data.rolling_res.A { top: 103px; } .datasheet-data.rolling_res.B { top: 130px; } .datasheet-data.rolling_res.C { top: 156px; } .datasheet-data.rolling_res.D { top: 185px; } .datasheet-data.rolling_res.E { top: 213px; } } /* Book section tyre page */ .book-row h2 { color: #000 !important; } .book-row h2 em{ color: #fff !important; } .book-row::before{ content: ""; display: block; position: absolute; width: 250px; height: 250px; bottom: -50px; left: 0; background: url('https://rkhserviceandrepair.com/wp-content/uploads/2021/05/Group-168.svg') no-repeat; background-size: contain; } .book-row::after{ content: ""; display: block; position: absolute; width: 250px; height: 250px; top: -50px; right: 0; background: url('https://rkhserviceandrepair.com/wp-content/uploads/2021/05/Group-168.svg') no-repeat; background-size: contain; transform: rotate(180deg); } .book-row .btn1 a:hover { background: #fff !important; } @media(min-width: 1600px) { .book-row::before,.book-row::after{ width: 300px; height: 300px; } } @media(max-width: 1270px) { .cta-btns { flex-direction: row !important; } } @media(max-width: 1650px) { .cta-btns { flex-direction: column; } } @media(min-width: 1651px) { .cta-btns { flex-direction: row; } } @media(max-width: 767px) { .book-row::before,.book-row::after{ width: 135px; height: 135px; } } .top-header .level-arrows-on .menu-text:after { right: -3px; width: 11px; height: 11px; mask-size: 9px; } .btn-book-tyre { font-family: 'Montserrat', sans-serif; font-weight: 700 !important; display: flex !important; justify-content: center; align-items: center; width: 100%; border-radius: 30px !important; background-color: #409EFF; color: #ffffff; padding: 6px; min-height: 50px; margin-top: 20px; } .btn-book-tyre:hover { background-color: #fff !important; color: #181717 !important; opacity: 1 !important; } /* storage table*/ .storage-container h2{ margin-bottom: 2rem !important; } .storage-table-container { display: flex; gap: 1.5rem; overflow-x: auto; margin-inline: auto; /* cursor: grab; */ -webkit-overflow-scrolling: touch; } .storage-table-container.dragging { /* cursor: grabbing; */ } .storage-inner { max-width: 1700px; margin-inline: auto !important; padding-inline: 2rem; } .storage-inner img { max-width: 1100px; width: 100%; } .storage-row-container { /* padding-inline: 1rem; */ } .storage-table { background: #fff; border-radius: 20px; /* border-bottom: 1px solid #ddd; */ margin-top: 2rem; width: 100%; /* max-width: 780px; */ } /* Optional scroll hint */ .storage-table::after { content: ""; display: block; height: 10px; /* background: linear-gradient(to right, #ffffff, #f0f0f0); */ } .storage-header { display: grid; /* margin-bottom: 10px; */ background: #181717; color: #fff; gap: 16px; padding-block: 1rem; padding-inline: 1rem; border-top-left-radius: 20px; border-top-right-radius: 20px; } .storage-col { font-size: 18px; font-weight: 700; } .row-bay-title { padding: 5px; padding-left: 1rem; background: #efefef; /* border-radius: 20px; */ /* margin-bottom: 16px; */ } .storage-row { display: grid; padding-block: 1rem; align-items: center; gap: 16px; padding-inline: 1rem; } .storage-header, .storage-row { grid-template-columns: repeat(4, 175px); place-items: center; } .bay-col { /* padding-left: 1rem; */ } .bay-cell-size > div { } .bay-cell-size-title, .bay-cell .cell-size-value { display: inline-block; width: 55px; } .cell-size-separator { display: inline-block; border-bottom: 1px solid #C7C7C7; width: 50px; } .bay-cell .cell-size-value { font-weight: 600; } .bay-cell span { font-weight: 500; /* margin-left: 10px; */ } .availability-cell { background: #d35536; border-radius: 20px; max-width: 170px; display: flex; justify-content: space-between; font-weight: 500; padding-block: 2px; gap: 5px; } .availability-cell .vacant { color: #fff; margin-left: 8px; } .availability-cell .in-use { color: #000; background: #fff; margin-right: 7px; border-radius: 20px; width: 90px; text-align: center; } .availability-cell.vacant .vacant { color: #000; background: #fff; margin-right: 7px; border-radius: 20px; width: 90px; text-align: center; } .availability-cell.vacant .in-use { background: #d35536; border-radius: 0; color: #fff; } .bay-col-3 .line { display: inline-block; border-bottom: 2px solid #000; width: 100px; } .bay-col-3 { display: flex; /* justify-content: center; */ } .bay-col-3 span { font-weight: 600; } .cta-enquire { background: #d35536; color: #fff; padding-block: 7px; padding-inline: 1rem; border-radius: 20px; font-weight: 600; } .cta-enquire:hover { color: #fff !important; background: #000; } .scroll-hint { position: sticky; top: 0; z-index: 10; /* background: #fff; */ margin-top: 2rem; text-align: center; font-size: 12px; color: #d35536; padding: 5px 0; } /* Storage Accordion */ /* .storage-v3 .row-bay-title { cursor: pointer; position: relative; } .storage-v3 .row-bay-title::after { content: "Click to see more"; position: absolute; left: 90px; font-weight: bold; transition: transform 0.3s ease; } .storage-v3 .row-bay-title.open::after { content: "Click to collapse"; } .storage-v3 .bay-col-4 { position: relative; top: 5px; } */ /* Header Banner in Services */ .header-banner { background: #231f20; padding-block: 12px; padding-inline: 1rem; color: #fff; } .header-banner-content { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-weight: 700; gap: 10px; } .header-banner-content p { margin-bottom: 0; text-align: center; line-height: 1.5; } .header-banner-content a { line-height: 1.5; } .header-banner-content a:hover { color: #fff !important; } @media(max-width: 1540px) { .storage-table-container { flex-direction: column; gap: 0; } .storage-table-2 .storage-header { display: none; } .storage-table { border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 780px; margin-inline: auto; } .storage-table.storage-table-2 { margin-top: 0 !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } } @media(max-width: 1560px) { /* .storage-row-container { min-width: 750px; } */ } @media(min-width: 768px) { .scroll-hint { display: none; /* Hide on desktop */ } } @media(max-width: 768px) { .storage-inner .vc_col-sm-6 { width: 100%; } .column-reverse { flex-direction: column-reverse; } } @media(max-width: 767px) { .storage-inner { padding-inline: 0; } .header-banner { padding-block: 5px; } .header-banner-content { gap: 3px; } /* .banner.vc_custom_1752252361864 { padding-top: 10px !important; padding-bottom: 10px !important; } .banner.vc_custom_1752252361864 p{ line-height: 1.5; } .banner.vc_custom_1752252361864 p:first-of-type{ margin-bottom: 5px; } */ } .check-vehicle-popup { max-width: 600px; margin-inline: auto; padding-inline: 1.5rem; background-color: #c43e19; padding-block: 2rem; border-radius: 20px; color: #fff; } .btn-popup-check-vehicle { font-size: 14px; margin-top: 15px; } .btn-popup-check-vehicle:hover { background: #181717;; } .check-vehicle-popup ul{ margin-bottom: 1rem; } .btn-popup-check-vehicle:hover { color: #fff; } #popmake-1805 .pum-close:hover { background: unset !important; color: #fff; } @media(max-width: 768px) { .btn-popup-check-vehicle { display: flex; margin-top: 1rem; } }