/*PLUGIN OVERIDES ***********************************************************************/ /*SLIDE ANYTHING*************************/ .sa-bg { background: #ed8b00; } .sa-item { color: #fff!important; font-weight: 400!important; text-align:center!important; } .sa-item a { color:#fff!important; font-weight: 400!important; } /*THESE STYLES HAVE BEEN ADDED AS 8THEME ROYAL HAS SOME CLASSES THE SAME AND IS CAUSING CONFLICTS*/ /*THIS PLUGIN HAS HAD ITS VERSION CONTROL CHANGED SO IT WILL NOT BE UPDATED, UPDATES ARE CAUSING ALOT OF CHNAHGES WE DONT NEED AND NEED EXTRA CSS CHANGES*/ .owl-controls.clickable {width:100% !important; position:absolute !important; top:50%;} .owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev {border:0 !important;} .owl-theme .owl-controls .owl-buttons .owl-next:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before {display:none !important;} /*alert messages specific to under the header*/ .alert-messages {padding:10px 20px; border-top:1px solid #F0F0F0;} .alert-messages .owl-item p {margin-bottom:0 !important;} .homeslider { width: 90%; display: block; margin: 0 auto; height: auto; padding: 30px 0 50px 0; } .tp-caption { margin-top:150px !important; letter-spacing:0 !important; } .tp-parallax-wrap .tp-mask-wrap { opacity: 1!important; } .tp-caption h6 {font-weight:700 !important; color:#fff !important; text-align:center !important; font-size:60px !important; line-height:normal !important; margin:0 !important; padding:0 !important;} .tp-caption p {font-weight:300 !important; color:#fff !important; text-align:center !important; font-size:35px !important; line-height:normal !important; margin:-15px 0 0 0 !important; padding:0 0 20px 0!important;} .tp-caption a.home-slider-link {font-weight:400 !important; color:#5B6770 !important; font-size:15px !important; border:1px solid #fff !important; padding:10px 50px!important; letter-spacing:0 !important; background: #fff;} .tp-captiona a.home-slider-link:hover {background-color: rgba(255, 255, 255, 0.3); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -headertransition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} /*VISUAL COMPOSER IMAGE GALLERY ADD ON*/ .wpb_gallery_slides .owl-controls .owl-pagination {display:block !important; bottom:0px !important;} .wpb_gallery_slides .owl-controls .owl-buttons {top:100% !important; margin-top:20px !important;} .wpb_gallery_slides .owl-controls .owl-buttons .owl-prev, .wpb_gallery_slides .owl-controls .owl-buttons .owl-next, .wpb_gallery_slides .owl-controls .owl-buttons .owl-prev:hover, .wpb_gallery_slides .owl-controls .owl-buttons .owl-next:hover {background-color:none !important} /*THESE STYLES ARE ASLO ADDED EXACTLY THE SAME IN MEDIA QUERIES 992px TO OVERIDE THE VISUAL COMPOSER MEDIA QUERIES*/ /*VISUAL COMPOSER ACCORDION ON "CLASSIC" SETTING ONLY*/ .hugeit-contact-column-block {margin:0 !important;} .vc_tta-style-classic {border-top:none !important;} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {padding:20px 5px 20px 5px !important; font-size:14px !important; text-align:left !important; background:transparent !important;} .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {background-color:#F9F9F9 !important;} .vc_tta-panel-body {border:none !important;} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {margin:0 !important; border-bottom:1px solid #F0F0F0 !important;} .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text {color:#333 !important;} .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text, .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon-chevron {color:#ed8b00 !important;} .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {right:auto !important; margin-left:20px !important;} .vc_tta-panel-title a {margin-bottom:0 !important;} /*for available sizes accordion tab*/ .available-sizes ul {clear:both; margin:20px 0 20px 0; padding:0 20px; display:table;} .available-sizes ul li {float:left; padding:10px; background:#F7F7F7; border: 2px solid #FFF;} /*for available sizes accordion tab*/ /*VISUAL COMPOSER TABS ADD ON "FLAT" SETTING ONLY*/ .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab {width:18%; margin:0 1% 20px 1% !important; border:1px solid #333 !important;} .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active, .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:hover {border:1px solid #DDD !important;} .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a {background:#333 !important; text-align:center !important;} .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a, .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:hover a {background:#FFF !important; color:#333 !important;} .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a span {text-align:center; color: #FFF !important;} .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a span, .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab:hover a span {text-align:center !important; color:#333 !important;} /*TABLEPRESS***********************************************************************/ /*size table tablepress overides ***********************************************************************/ h2.tablepress-table-name {display:none !important;} span.tablepress-table-description {margin:10px 0 20px 0 !important; color:#333 !important;} .tablepress thead th {background:none !important;} .tablepress tr td {max-width:200px !important;} .tablepress th, .tablepress td {/*font-size:14px !important;*/ color:#333 !important;} .tablepress .odd td {background-color: #f9f9f9 !important;} .tablepress .even td {background-color: transparent !important;} /*change edit table link*/ .tablepress caption a {color:#333 !important;} /*this will alow the table to scroll across if it gets too wide*/ .woocommerce-Tabs-panel {width: 100%; overflow-y: scroll !important;} /*change edit table link ***********************************************************************/ .tablepress caption a {color:#333 !important;} /*ULTIMATE SOCIAL MEDIA ICONS***********************************************************************/ h2.social-media {text-align:center !important; margin-bottom:40px !important;} .norm_row.sfsi_wDiv {width:100% !important; display:flex !important; justify-content:space-between !important; text-align:center !important; position:relative !important;} .tool_tip {border-bottom:none !important; border:1px solid #e5e5e5 !important; box-shadow:none !important;} .sfsi_inside {width:100% !important; padding:5px !important; box-shadow:none !important;} .fb_tool_bdr, .gpls_tool_bdr, .linkedin_tool_bdr, .printst_tool_bdr, .twt_tool_bdr {left:35% !important;} #sfsi_holder {display:none !important;} /*SOCIAL PUG SOCIAL MEDIA PLUGIN **********************************************************************/ .social-media-wrapper {border-top: 1px solid #DDD; /*border-bottom:1px solid#DDD;*/ padding:40px 20px; margin:0 auto;} .share h2 i.fa.fa-share-alt {width:100%; text-align:center;} #dpsp-content-bottom {display:none !important;} #dpsp-content-bottom {display:block !important;} span.dpsp-network-label, span.dpsp-network-count {color:#FFF !important;} /*span.dpsp-network-icon {left:35% !important;}*/ /*WOOCOOMERCE CURRENCY SWITCHER OVERIDES***********************************************************************/ /*These styles are applicable to the setting Woocommerce > Currency > Options > Drop-down view > "Simple Drop-Down" ONLY, DO NOT CHNAGR THIS SETTING*/ select.woocommerce-currency-switcher {width:100% !important; height:20px !important; background-position: 85% 50%; font-size:12px !important; border:none !important; padding:0px 30px 0 10px !important; margin:0!important; background-color:transparent !important}/*font size matches royal template style for newsletter and sign in font size*/ select.woocommerce-currency-switcher:hover {cursor:pointer !important;} .widget.widget-woocommerce-currency-switcher, form.woocommerce-currency-switcher-form {margin:0 !important; border-right:1px solid #999 !important; border-left:1px solid #999 !important;} /*OTW - BUTTONS SHORTCODES AND WIDGETS OVERIDES***********************************************************************/ /*useful information buttons*/ .otw-button * {transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o transition: all 0.2s ease-in-out;} .otw-button {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; border:0 !important; color:#333 !important;} .otw-button img {position: absolute; top:3%; left:20%; width:60%; height: auto; margin: 0 auto !important; overflow:hidden; padding:5% 0;} .otw-button:hover img {width:70%; padding:0; left:15%;} .otw-button.large {padding-top:11%;} /*this is chnaged in media queries*/ .otw-button.large.dealer-button.otw-button, .otw-button.large.biomap-button.otw-button, .otw-button.large.j2-button.otw-button {padding-top:55%;} .useful-information-buttons {width:20%; float:left; margin:0 0 5px 0 !important; padding:0; cursor:pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}/*this is chnaged in media queries*/ .searchform { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; border:0!important; } /*useful information buttons*/ /*OTW - BUTTONS SHORTCODES AND WIDGETS OVERIDES***********************************************************************/ /*SAGEPAY***********************************************************************/ /*credit card images and forms*/ .wc_payment_method label {width:90% !important;} .wc_payment_method label img {display:none !important;} .payment_methods p {margin:0 0 10px 0 !important; display:block !important;} .form-row.form-row-first.woocommerce-validated {width:50% !important; max-width:280px !important;} #sagepaydirect-cc-form .wc-credit-card-form-card-type, #sagepaydirect-cc-form .wc-credit-card-form-card-number, #sagepaydirect-cc-form .wc-credit-card-form-card-expiry, #sagepaydirect-cc-form .wc-credit-card-form-card-cvc {color:#333 !important; font-size:11px !important; background-position:96% 50% !important;} /*credit card images and forms*/ /*SAGEPAY***********************************************************************/ /*MAILCHIMP FORM***********************************************************************/ #mc_embed_signup h2 {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:30px !important; line-height:140% !important; color:#333; margin-bottom:20px; text-transform:none; padding:0 20px 0 10px !important; font-weight:normal !important; margin: 5px 0 15px 0;} /*this matches the site h2 styles*/ .wrapper.mailchimp-sign-up-wrapper {border-top: 1px solid #DDD; padding: 20px; margin: 20px auto 0 auto;} #mc_embed_signup .asterisk {font-size:12px !important; top:0 !important;} /*opt in sign up input on checkout page*/ .form-row.form-row-wide.create-account {clear:both !important;} .form-row.form-row-wide.create-account input {margin:0;} .form-row.form-row-wide.create-account .checkbox {margin:-16px 0 10px 20px !important; padding:0 !important; float:left !important;} /*opt in sign up input on checkout page*/ /*woocommerec fixes... These are woocomerec overides that have been manipulated because the mailchimp form css above is causing changes*/ .woocommerce-account-fields .form-row.form-row-wide.create-account label.checkbox {margin:-16px 0 10px 0 !important; padding:0 !important; float:left !important;} .woocommerce-account-fields .form-row.form-row-wide.create-account label.checkbox input {margin: 3px 8px 0 0 !important;} input#createaccount.woocommerce-form__input__woocommerce-form__input-checkbox {margin:4px 10px 0 0 !important;} .create-account {clear:both !important;} /*woocommerec fixes... These are woocomerec overides that have been manipulated because the mailchimp form css above is causing changes*/ /*sign up form on all pages, placed in footer.php*/ #mc_embed_signup {background:transparent !important; clear:left; font:14px;} #mc_embed_signup h2 {text-align:center !important; width:100% !important;} #mc_embed_signup .mc-field-group {width:46% !important; margin: 0 5px 10px 5px !important; padding-bottom:0 !important; display:inline-block !important;} #mc_embed_signup .mc-field-group select {padding:5px 25px !important;} #mc_embed_signup .mc-field-group input, #mc_embed_signup .mc-field-group select {border:1px solid #DDD !important;} #mc_embed_signup .button {margin:10px 5px 10px 5px !important;} /*WP GOOGLE MAPS PRO OVERIDES***********************************************************************/ .gm-control-active { top: -10px!important; } .gm-svpc img { margin: 5px 0 0 10px!important; } .cluster img { top: -20px!important; } .dealers-text-top h2 {padding:0 !important;} .wpgmp_listing_container, .wpgmp_pagination {max-width: 1200px !important; margin: 0 auto !important; padding:20px; float: none !important; background:none !important;} div.categories_filter {margin: 0 !important;} div.categories_filter select {width:280px !important; height:40px !important; padding: 0px 10px !important; color: #333 !important; text-align:left !important; cursor:pointer !important; font-size:12px !important; line-height:14px !important; border-top:0 !important; border-left:0 !important; border-right:0 !important; border: 1px solid #DDD !important; border-bottom:2px solid #FF7700; border-radius:none !important; -webkit-appearance: none; -webkit-border:0; -webkit-border-radius:0 !important; -moz-appearance: none; -moz-border:0; -moz-border-radius:0 !important; background: #FFF !important; background-image: url(images/header/arrow-dark-down.png) !important; background-position:right !important; background-repeat:no-repeat !important;} div.wpgmp_categories { margin: 0px !important; } .wpgmp_location_title, .wpgmp_location_title a {font-family: 'Oxygen', Arial, Helvetica, sans-serif !important; font-style:normal !important;} .wpgmp_location_title h3 {font-size:18px !important; line-height:20px !important; color:#333; text-transform: uppercase;} .wpgmp_listing_list .wpgmp_locations {border:none !important; border-bottom:1px solid #DDD !important; border-radius:0 !important; width:100% !important;} /*overide styles for GOOGLE MAPS PRO / WP GOOGLE MAPS GOLD > assets >css > frontend.css*/ .wpgmp_map_container {box-shadow: none !important;} .wpgmp_locations_listing div.wpgmp_pagination span.current { /*these styles overide the not needed template styles*/ margin-right: 0 !important; border: 0 !important; font-weight: 0 !important; background-color: none !important; color: none !important; padding: 0 !important; /*new styles*/ padding: 8px 10px !important; border: 1px solid #FF7700 !important; font-weight:normal !important; } .wpgmp_pagination span, .wpgmp_pagination a { /*these styles overide the not needed template styles*/ display: block; padding: 0 !important; margin-right: 0 !important; border-radius: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font-size: 0 !important; font-weight: 0 !important; text-decoration: none !important; color: none !important; text-shadow: none !important; /*new styles*****************************************/ background: #fff !important; padding: 8px 10px !important; border: 1px solid #bbb !important; margin-right: 5px !important; text-decoration: none !important; text-shadow: none !important; float:none !important; font-size:12px !important; font-weight:normal !important; color:#333 !important; } .wpgmp_pagination a:hover { /*these styles overide the not needed template styles*/ background: none !important; /*new styles*****************************************/ border: 1px solid #FF7700 !important; color:#FF7700 !important; } .wpgmp_pagination span.current { /*these styles overide the not needed template styles*/ border: 0 !important; background: none !important; box-shadow: none !important; color: none !important; text-shadow: none !important; /*new styles*****************************************/ padding: 8px 10px !important; border: 1px solid #FF7700 !important; cursor:pointer; font-size: 16px !important; color:#FF7700 !important; } /*added styles for GOOGLE MAPS PRO*/ .wpgmp_pagination span.current.prev, .wpgmp_pagination span.current.next {padding: 8px 10px !important; border: 1px solid #bbb !important; cursor:pointer !important; font-size: 12px !important;} .wpgmp_pagination span.current.prev:hover, .wpgmp_pagination span.current.next:hover {padding: 8px 10px !important; border: 1px solid #FF7700 !important; cursor:pointer !important;font-size: 12px !important;} .gm-control-active img { margin: 12px 11px 8px 0!important; } .gm-svpc img { margin: 0px 11px 8px 0; position: relative!important; } .gmnoprint .gm-style img[aria-label="yes"] { left: -19px!important; top: -20px!important; } /*REMOVE LIST DISPLAY FOR DEALERS UNDER THE MAP AND PAGINATION, IF DISABLED IN THE PLUGIN MAP SETTINGS IT WILL REMOVE THE PAGE TEXT UNDER THE MAP AS WELL*/ .wpgmp_locations, .wpgmp_pagination {display:none !important;} /*huge IT form overides************************************************************************/ /*#huge_it_contact_form_8 is the dealer form specicic id*/ .hugeit-field-block {width:100% !important; clear:both !important; float:left !important; padding:10px 20px !important;} .field-block.selectbox-block, .field-block.ready-phone-block, .field-block.input-date-block, .field-block.textarea-block {width:100% !important;} .input-text-block input, .field-block.selectbox-block input.textholder, .ready-phone-block input.readyPhone, .ready-phone-block input.readyPhone:focus, .hasDatepicker {width:100% !important; height:45px !important;} #ui-datepicker-div {width:auto !important;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:45% !important; float:left !important; margin-left:3% !important;} input.hasDatepicker {float:left !important;} .ui-datepicker-trigger {max-width:50px !important; float:right !important;} .formsLeftAlign {width:100% !important; margin:0 0 10px 0 !important;} div.field-block.input-text-block {width:100% !important;} div.field-block.selectbox-block i.hugeicons-chevron-down {top:15px !important;} .field-block.selectbox-block, #hugeit-contact-wrapper_8 .selectbox-block select {height:45px !important;} div.field-block.textarea-block textarea#hugeit_preview_textbox_49 {padding:15px 0px 0px 10px !important;} div.hugeit-field-block.buttons-block {margin-top:20px;} .hugeit-field-block label.error {display:none !important;} span.hugeit-error-message {width:100%; text-align:left !important; clear:both !important; display:block !important;} .become-a-dealer .hugeit_form h2 {padding:0 !important;} .become-a-dealer .hugeit_form h3 {display:none !important;} #hugeit-contact-wrapper_8 .hugeit-contact-column-block { padding-top: 0!important; }