/* Global CSS */ /** * CONTENTS * * BASE * Variables.............Custom CSS properties. * Document..............Box-sizing and document (e.g. , ) setup. * Media.................WP specific img aligns and iframe styling. * Typography............@fontfaces, base text and vertical rhythem setup. * * COMPONENTS * Wrappers..............Wrapping and constraining elements. * Grid System...........Bootstrap based grid. * Clearfix..............Properly clear floats. * * Objects * Icons.................Icon Elements. * Buttons...............Button elements. * Tables................Table Styles. * Forms.................Form Elements. * Pagination............Pagination. * Page Body.............Default Page General Styles */ /*------------------------------------*\ BASE \*------------------------------------*/ /** * Global Variables (Optional - Remove anything that's not being used) */ /** * Document */ * { box-sizing: border-box; } html { overflow-x: hidden; scroll-behavior: smooth; } body { color: #7b7770; display: flex; flex-direction: column; min-height: 100vh; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 15px; color: #1a1917; line-height: 1.86em; -webkit-font-smoothing: antialiased; overflow-x: hidden; } @media ( min-width: 768px ) { body { font-size: 16px; } } @media ( min-width: 1025px ) { body { line-height: 1.875em; } } /** * Media * * These selectors are hard cast because they are only used * by wordpress wyswyg when adding images to content */ .wp-caption.alignright, .wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.aligncenter { margin: 0; width: auto !important; } img.alignright, .wp-caption.alignright img, img.alignleft, .wp-caption.alignleft img { height: auto; max-width: 50%; } img.alignnone, .wp-caption.alignnone img, img.aligncenter, .wp-caption.aligncenter img { height: auto; max-width: 100%; } img.alignnone, .wp-caption.alignnone, img.aligncenter, .wp-caption.aligncenter { margin: 0 0 22px 0; } img.alignright, .wp-caption.alignright { float: right; margin: 0 0 22px 30px; } img.alignleft, .wp-caption.alignleft { float: left; margin: 0 30px 22px 0; } img.aligncenter, .wp-caption.aligncenter img { display: block; margin-left: auto; margin-right: auto; } iframe, img { max-width: 100%; } /* Fade-in for lazyloaded images */ .will-lazyload { opacity: 0; transition: opacity 0.25 linear; } .will-lazyload.lazyloaded { opacity: 1; } /* Object Fit */ .objectfit { font-family: 'object-fit: cover;'; -o-object-fit: cover; object-fit: cover; } /** * Typography */ /* - Please set up line-heights in ems - Set up typography styling based on styles found in .xd file under Assets > Character Styles */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: 'Oswald', sans-serif; margin: 0 0 15px; line-height: 1em; } h1, .h1 { font-weight: 700; font-size: 45px; color: #feba13; text-transform: uppercase; } h2, .h2 { font-weight: 500; font-size: 45px; color: #7b7770; } h3, .h3 { font-weight: 500; font-size: 30px; color: #7b7770; line-height: 1.32em; } h4, .h4 { font-weight: 700; font-size: 18px; color: #feba13; line-height: 1.1em; text-transform: uppercase; } blockquote { margin: 0 0 25px; padding: 35px 25px; font-size: 15px; line-height: 1.8em; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #1a1917; position: relative; border-left: 5px solid #feba13; background: #ffffff; } @media ( min-width: 768px ) { h1, .h1 { font-size: 65px; } h2, .h2 { font-size: 65px; } h3, .h3 { font-size: 35px; } blockquote { font-size: 16px; font-style: italic; } } @media ( min-width: 1025px ) { h1, .h1, h2, .h2, h2, .h3 { margin-bottom: 20px; } h1, .h1 { font-size: 85px; } h3, .h3 { font-size: 45px; } h4, .h4 { font-size: 22px; } } p, ul, ol { } .page-content ul, .page-content ol { /* fix for bulleted lists not wrapping around images correctly in Wordpress */ width: auto; overflow: hidden; } li { /* set up bullets as a :before or icon element, not as a background image */ padding-bottom: 10px; } li::marker { font-weight: 500; } ul li::marker { color: #feba13; font-size: 22px; } .yellow ul li::marker { color: #1e1c17; } hr { } a { word-break: break-word; /* force link text to overflow when too long for container */ color: #feba13; font-weight: 600; text-decoration: none; } a:hover { text-decoration: underline; } /*------------------------------------*\ COMPONENTS \*------------------------------------*/ /** * Wrappers */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 22px; padding-right: 22px; } .container { max-width: 1366px; } @media ( min-width: 1200px ) { .home .container { max-width: 1450px; } } /** * Grid System * * Bootstrap v3.3.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- * Base setup 20px gutters * * Phones - xxs - < 600px ** Default ** * Small Tablets - xs - >= 600px * Tablets - sm - >= 768px * Desktop - md - >= 1025px * Large Desktop - lg - >= 1200px * -------------------------------------------------------------------------- * Learn more here: http://getbootstrap.com/css/#grid * -------------------------------------------------------------------------- */ .row { margin-left: -16px; margin-right: -16px; } [class*='col-'] { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; } /* Extra Extra small devices (devices, less than 600px) */ [class*='col-xxs-'] { float: left; } .col-xxs-12 { width: 100%; } .col-xxs-11 { width: 91.66666667%; } .col-xxs-10 { width: 83.33333333%; } .col-xxs-9 { width: 75%; } .col-xxs-8 { width: 66.66666667%; } .col-xxs-7 { width: 58.33333333%; } .col-xxs-6 { width: 50%; } .col-xxs-5 { width: 41.66666667%; } .col-xxs-4 { width: 33.33333333%; } .col-xxs-3 { width: 25%; } .col-xxs-2 { width: 16.66666667%; } .col-xxs-1 { width: 8.33333333%; } .col-xxs-pull-12 { right: 100%; } .col-xxs-pull-11 { right: 91.66666667%; } .col-xxs-pull-10 { right: 83.33333333%; } .col-xxs-pull-9 { right: 75%; } .col-xxs-pull-8 { right: 66.66666667%; } .col-xxs-pull-7 { right: 58.33333333%; } .col-xxs-pull-6 { right: 50%; } .col-xxs-pull-5 { right: 41.66666667%; } .col-xxs-pull-4 { right: 33.33333333%; } .col-xxs-pull-3 { right: 25%; } .col-xxs-pull-2 { right: 16.66666667%; } .col-xxs-pull-1 { right: 8.33333333%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-12 { left: 100%; } .col-xxs-push-11 { left: 91.66666667%; } .col-xxs-push-10 { left: 83.33333333%; } .col-xxs-push-9 { left: 75%; } .col-xxs-push-8 { left: 66.66666667%; } .col-xxs-push-7 { left: 58.33333333%; } .col-xxs-push-6 { left: 50%; } .col-xxs-push-5 { left: 41.66666667%; } .col-xxs-push-4 { left: 33.33333333%; } .col-xxs-push-3 { left: 25%; } .col-xxs-push-2 { left: 16.66666667%; } .col-xxs-push-1 { left: 8.33333333%; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-12 { margin-left: 100%; } .col-xxs-offset-11 { margin-left: 91.66666667%; } .col-xxs-offset-10 { margin-left: 83.33333333%; } .col-xxs-offset-9 { margin-left: 75%; } .col-xxs-offset-8 { margin-left: 66.66666667%; } .col-xxs-offset-7 { margin-left: 58.33333333%; } .col-xxs-offset-6 { margin-left: 50%; } .col-xxs-offset-5 { margin-left: 41.66666667%; } .col-xxs-offset-4 { margin-left: 33.33333333%; } .col-xxs-offset-3 { margin-left: 25%; } .col-xxs-offset-2 { margin-left: 16.66666667%; } .col-xxs-offset-1 { margin-left: 8.33333333%; } .col-xxs-offset-0 { margin-left: 0; } /* Extra small devices (phones, 600px and up) */ @media ( min-width: 600px ) { [class*='col-xs-'] { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } } /* Small devices (tablets, 768px and up) */ @media ( min-width: 768px ) { [class*='col-sm-'] { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } /* Medium devices (desktops, 1025px and up) */ @media ( min-width: 1025px ) { [class*='col-md-'] { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } /* Large devices (large desktops, 1200px and up) */ @media ( min-width: 1200px ) { [class*='col-lg-'] { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } /** * Clearfix * Apply clearing without adding additional markup */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: ' '; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } /*--------------------------------------------------------------*\ OBJECTS Objects are independent generic stylibf classes or UI peices. All styles for objects should be self contained. e.g. an object shouldn't rely on trump helpers to apply padding etc. \*--------------------------------------------------------------*/ /** * Buttons */ .btn { color: #feba13; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 500; padding: 10px 18px; padding-left: 0; position: relative; text-decoration: none; text-transform: uppercase; transition: all ease-in-out 0.3s; z-index: 1; overflow: hidden; } .btn:hover { color: #eaaa0f; text-decoration: none; } .btn:after { content: '\e901'; font-family: 'icomoon'; font-size: 20px; margin-left: 8px; top: 2px; position: relative; } .btn:before { content: ''; width: 100%; height: 100%; position: absolute; background: transparent; left: 0; bottom: -95%; z-index: -1; transition: all ease-in-out 0.3s; } .btn:hover:before { bottom: 0; } .btn-primary, .btn-secondary, .btn-tertiary, .btn-quarternary { padding-left: 23px; } .btn-secondary, .btn-tertiary, .btn-quarternary { color: #fff; } .btn-secondary:hover, .btn-tertiary:hover, .btn-quarternary:hover { color: #fff; } .btn-primary { background-color: #feba13; border-color: #eaaa0f; color: #000; } button.facetwp-load-more { color: #feba13; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 500; padding: 8px 19px 12px; padding-left: 20px; text-decoration: none; text-transform: uppercase; transition: all ease-in-out 0.3s; z-index: 1; overflow: hidden; background-color: #feba13; border-color: #eaaa0f; color: #000; position: relative; } button.facetwp-load-more:before { content: ''; width: 100%; height: 100%; position: absolute; background: transparent; left: 0; bottom: -95%; z-index: -1; transition: all ease-in-out 0.3s; background-color: #cf9303; } button.facetwp-load-more:after { content: '\e901'; font-family: 'icomoon'; font-size: 20px; margin-left: 8px; top: 2px; position: relative; } button.facetwp-load-more:hover { background-color: #eaaa0f; color: #000; } .btn-primary:before { background-color: #cf9303; } .btn-primary:hover { background-color: #eaaa0f; color: #000; } .btn-secondary { background-color: #7b7770; } .btn-secondary:before { background-color: #58554f; } .btn-secondary:hover { background-color: #58554f; border-color: #46443e; } .btn-tertiary { background-color: #952618; } .btn-tertiary:before { background-color: #741f15; } .btn-tertiary:hover { background-color: #711b10; border-color: #70180d; } .btn-quarternary { background-color: #1a1917; } .btn-quarternary:before { background-color: #000; } .btn-quarternary:hover { background-color: #1d2327; border-color: #000; } .red-btn:before { background-color: #741f15; } .btn-block { display: block; width: 100%; } .btn + .btn { margin-top: 5px; /* Add margin-top when 2 buttons are next to each other */ } .tablet-nav-btn span { display: none; } .contact-form-section span.btn.btn-primary { margin-left: 9px; } .gm-style .gm-style-iw-c { border-radius: 0; } @media ( min-width: 600px ) { .btn + .btn { margin-top: 10px; margin-left: 5px; } } @media ( min-width: 768px ) { .btn { padding: 10px 40px 10px 45px; padding-left: 0; font-size: 16px; } .map-marker .btn { padding: 10px 10px 10px 0; } .btn:after { font-size: 20px; } .btn-primary, .btn-secondary, .btn-tertiary, .btn-quarternary { padding-left: 40px; } } /** * Icons */ @font-face { font-family: 'icomoon'; src: url( '/wp-content/themes/mustang/assets/icons/icomoon.eot?owqrgc' ); src: url( '/wp-content/themes/mustang/assets/icons/icomoon.eot?owqrgc#iefix' ) format( 'embedded-opentype' ), url( '/wp-content/themes/mustang/assets/icons/icomoon.ttf?owqrgc' ) format( 'truetype' ), url( '/wp-content/themes/mustang/assets/icons/icomoon.woff?owqrgc' ) format( 'woff' ), url( '/wp-content/themes/mustang/assets/icons/icomoon.svg?owqrgc#icomoon' ) format( 'svg' ); font-weight: normal; font-style: normal; font-display: block; } [class^='icon-'], [class*=' icon-'] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-location:before { content: '\e900'; } .icon-arrow:before { content: '\e901'; } .icon-share:before { content: '\e902'; } .icon-instagram:before { content: '\e903'; } .icon-twitter:before { content: '\e904'; } .icon-phone:before { content: '\e905'; } .icon-facebook:before { content: '\e906'; } .icon-youtube:before { content: '\e907'; } .icon-linkedin:before { content: '\e908'; } .icon-menu:before { content: '\e909'; } .icon-location-solid:before { content: '\e90a'; } .icon-play:before { content: '\e90b'; } .icon-download:before { content: '\e90c'; } .icon-search:before { content: '\e90d'; } .icon-print:before { content: '\e90e'; } .icon-close:before { content: '\e90f'; } /** * Forms */ label { color: #feba13; text-transform: uppercase; font-size: 18px; font-weight: 700; font-family: 'Oswald'; display: block; margin-bottom: 5px; } input { font-family: 'Montserrat'; font-size: 15px; color: #1a1917; } input.wpcf7-form-control.wpcf7-submit { font-family: 'Oswald'; text-transform: uppercase; background: #feba13; border: none; border-bottom: 0; position: relative; z-index: 0; } .location-search-area .input-field .wpcm-zip__reset.btn { margin-left: 0; margin-top: 10px; background: #ffc10e; color: #51534a; } .location-search-area .input-field .wpcm-zip__reset.btn:hover { background: #c79811; color: #fff; border: none; } .form-submit-wrapper { position: relative; display: inline-block; } .form-submit-wrapper span.icon-arrow { position: absolute; top: calc( 50% - 8px ); right: 19px; pointer-events: none; } .wpcf7-form [class*='col-']:last-child .form-col { margin-bottom: 15px; } .form-col { margin-bottom: 20px; } select { height: 47px; width: 100%; border: none; border-bottom: 4px solid #c9c7c3 !important; } select:focus { border-color: #96261a !important; } select.wpcf7-not-valid { border-bottom: 4px solid #96261a !important; } textarea { border: 0; border-bottom: 2px solid #c9c7c3; height: 109px; font-weight: 500; display: block; margin-bottom: 25px; padding: 14px 20px; width: 100%; } textarea.wpcf7-form-control.wpcf7-textarea { font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #1a1917; } /* Removes default webkit form styling */ input:not( [type='radio'] ):not( [type='checkbox'] ), button, textarea { -webkit-appearance: none; } input:focus, textarea:focus, select:focus { outline: none; border: 2px solid #feba13; border-bottom-width: 4px; } /* default text input style */ [type='text'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='week'], [type='date'] { border: 0; border-bottom: 2px solid #c9c7c3; height: 47px; font-weight: 500; display: block; margin-bottom: 0; padding: 14px 20px; width: 100%; } /* Removes inconsistent padding from Firefox buttons */ button::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border: none; padding: 0; } .sub-btn:after { font-family: 'icomoon'; font-size: 22px; content: '\e901'; position: absolute; left: 110px; top: 12px; } input.error { border: 2px solid #96261a; border-bottom-width: 4px; } @media ( min-width: 768px ) { label { font-size: 22px; } input.wpcf7-form-control.wpcf7-submit { font-weight: 500; background: transparent !important; } .form-submit-wrapper span.icon-arrow { top: calc( 50% - 11px ); right: 30px; font-size: 20px; } } /* Tables */ tr th { text-transform: uppercase !important; } .page-id-358 .section-margins { max-width: 872px; } .page-id-358 main.page-body { background: #f7f7f7; padding-bottom: 250px; } .page-id-358 footer.page-footer { margin-top: 60px; } @media screen and ( min-width: 768px ) { .page-id-358 main.page-body { padding-bottom: 200px; } .page-id-358 footer.page-footer { margin-top: 15px; } } @media screen and ( min-width: 1200px ) { .page-id-358 main.page-body { padding-bottom: 230px; } .page-id-358 footer.page-footer { margin-top: -70px; } } .contact-container a { text-decoration: underline; } .contact-container a:hover { text-decoration: none; } .page-id-358 .wysiwyg__content h2 { text-transform: uppercase; } .page-id-358 .white.remove-bgstyle { padding: 50px 0 30px; } .page-id-358 .section-margins { padding: 10px 20px 0; } .page-id-358 .contact-container { padding: 0 0 90px 0 !important; } .formtext, .submit_form { text-align: center; font-size: 14px; position: relative; z-index: 0 !important; } .formtext, .submit_form .btn { padding: 7px 18px; } .wpcf7-form { position: relative; } /* Hide reCaptcha badge */ .grecaptcha-badge { visibility: hidden; } /* validation */ .wpcf7-form-control-wrap { position: relative; display: block; } .wpcf7-not-valid { border-bottom-color: #96261a; border-top: 1px solid #96261a; border-left: 1px solid #96261a; border-right: 1px solid #96261a; } .wpcf7-not-valid-tip { color: #96261a; font-family: 'Montserrat'; font-size: 12px; font-weight: 500; display: inline-block; position: relative; right: 0; bottom: 0px; text-transform: capitalize; padding-left: 23px; } .page-id-358 .wpcf7-not-valid-tip { display: none; } .wpcf7-response-output { font-family: 'Montserrat'; bottom: 36px; width: 100%; text-align: center; color: #96261a; } span.notvalid { display: block; width: 100%; position: relative; } label.error { position: relative; width: 100%; color: #96261a; font-size: 13px; font-weight: 500; display: inline-block; position: relative; left: 0; bottom: 0; font-family: 'Montserrat'; text-transform: initial !important; padding-left: 23px; } .wpcf7-not-valid-tip::before, label.error::before { position: absolute; content: '!'; border: 2px solid #96261a; display: block; left: 0; top: 4px; text-align: center; padding-bottom: 1px; line-height: normal; border-radius: 50%; font-weight: bold; height: 16px; width: 17px; } .nopadding, .nopadding textarea { margin-bottom: 10px; } /** * Breadcrumbs */ .breadcrumbs li span { color: #feba13 !important; font-size: 16px; opacity: 0.8; } /** * Pagination */ .wp-pagenavi { margin-top: 50px; } .wp-pagenavi .pages { border: 0; margin-left: 0; padding-left: 0; } .wp-pagenavi span.current, .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { border: 1px solid #ddd; display: inline-block; padding: 6px 11px; } .wp-pagenavi span.current { background-color: #ddd; border-color: #ddd; } @media ( min-width: 1025px ) { .wp-pagenavi { margin-top: 70px; } } /** * Sticky Sidebar */ @media ( min-width: 1025px ) { .sticky-sidebar { position: -webkit-sticky; position: sticky; top: 125px; } } /** * Default Page */ .page-body, .search-section-container { position: relative; top: 80px; padding: 0; } .main-content { position: relative; } .contact-container { padding: 90px 0; margin-bottom: 90px; } .widget { background-color: #f7f7f7; border: 2px solid #feba13; margin-bottom: 50px; padding: 30px; } .widget h2 { text-transform: uppercase; } @media ( min-width: 768px ) { .page-body { top: 20px; } } @media ( min-width: 1025px ) { .page-body { top: -85px; } } .wsp-pages-list .page-item-358.page_item_has_children ul, .wsp-pages-list .page_item.page-item-7, .wsp-pages-list li.page-item-465, .wsp-pages-list li.page-item-360, .wsp-pages-list li.page-item-471 { display: none; } /* Testimonials Page */ .testimonial-template { position: relative; padding: 50px 0 200px; } .testi { padding-top: 30px; } .testi-item { position: relative; margin-bottom: 30px; } .testi-item article { box-shadow: 0px 0px 9px 1px rgba( 199, 191, 191, 0.75 ); -webkit-box-shadow: 0px 0px 9px 1px rgba( 199, 191, 191, 0.75 ); -moz-box-shadow: 0px 0px 9px 1px rgba( 199, 191, 191, 0.75 ); padding: 25px; font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; line-height: 1.54em; } .testi-item h4 { font-weight: 300; padding-top: 30px; } .testimonial-template .choices { width: 100% !important; border: none; border-bottom: 4px solid #ccc !important; position: relative; } .testimonial-template strong { text-transform: uppercase; } @media ( min-width: 768px ) { .testimonial-template .choices { width: 25% !important; } } @media ( min-width: 1024px ) { .testi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 30px; } .testi-item { width: 33%; padding-right: 30px; } .testimonial-template { padding: 160px 0 200px; } } @media ( min-width: 1200px ) { .testi-item article { padding: 30px; min-height: 302px; } .testi-item article h4 { padding-bottom: 0; } } /* Single Testimonials Archive Page */ .tax-testimonial_category .blog-container { padding-top: 80px; } /* Single Career Page */ .career-widget { font-weight: 500; } .career-widget h3 { text-transform: uppercase; color: #000; } .career-widget p span { color: #ffb500; } section.single-career { padding-top: 70px; } @media ( min-width: 1025px ) { section.single-career { padding-top: 25px; } } /* Single Product Page */ section.product-overview { padding: 120px 0 60px; } section#get-a-quote { background: #f7f7f7; padding: 60px 0 200px; } .tabs-nav li.tab-link { display: inline-block; padding-left: 0; } .media-browser__tabs.tabs ul.tabs__nav, .tab-item#photos, .tab-item#videos { display: none; } .product__thumbnails { display: flex; flex-wrap: wrap; } ul.product__thumbnails.clearfix { padding-left: 0; list-style: none; } .product__actions a { font-family: 'Oswald'; text-transform: uppercase; display: block; margin: 10px 0; color: #1a1917; } .col-md-6.desktop-product-images { display: none; } .product-specs p { font-weight: 600; color: #7b7770; margin: 0; } .spec-column-one { width: 65%; } .product-specs dd { color: #7b7770; text-align: right; } .product-specs-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .product-specs-wrapper { padding: 8px 0; border-top: 1px solid #e6e6e6; } .product-specs-wrapper:last-of-type { border-bottom: 1px solid #e6e6e6; } .product-overview .product-specs { margin-top: 30px; } .product__specs .product-specs-wrapper { flex-direction: column; align-items: flex-start; } .product__specs .product-specs { margin-bottom: 50px; } .product__specs .product-specs dd { text-align: left; margin-left: 0; } .product__specs .product-specs .spec-column-one { width: 100%; } button.specs-toggle, button.faq-toggle, div.yellowbox-title h3 { width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; padding: 30px 15px; background: none; border: none; font-size: 30px; font-family: 'Oswald'; text-transform: uppercase; font-weight: 600; color: #7b7770; border-top: 1px solid #e6e6e6; line-height: 1.1em; } section.featured-equipment { padding: 0 15px; } .items-category { padding: 0 16px; } .product-specs-wrapper { text-align: left; } @media ( min-width: 768px ) { .category-wrap { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } .items-category { width: calc( 100% / 1 - 34px ); margin: 16px; padding: 0; } .items-category-rental { width: calc( 100% / 2 - 34px ); } } div#specs, div#faq, div#standard { padding: 0 15px; } .product-specs-toggle-wrapper span.icon-arrow, .product-faq-toggle-wrapper span.icon-arrow { transform: rotate( 90deg ); color: #feba13; font-size: 36px; } .product-specs-toggle-wrapper.active button.specs-toggle, .product-faq-toggle-wrapper.active button.faq-toggle, .featured-equipment.active .yellowbox-title h3 { background: #e6e6e6; } .product-specs-toggle-wrapper.active button.specs-toggle span.icon-arrow, .product-faq-toggle-wrapper.active button.faq-toggle span.icon-arrow { transform: rotate( -90deg ); } .yellowbox-title { position: relative; } .featured-equipment.active .yellowbox-title { background: #e6e6e6; } .yellowbox-title:after { content: '\e901'; font-family: 'icomoon' !important; font-size: 36px; position: absolute; right: 18px; top: calc( 50% - 8px ); transform: rotate( 90deg ); color: #feba13; z-index: 99; cursor: pointer; } .featured-equipment.active .yellowbox-title:after { transform: rotate( -90deg ); } .product-specs-toggle-wrapper div#specs, .product-specs-toggle-wrapper div#standard, .product-faq-toggle-wrapper div.faq, .featured-equipment .container-product.container.clearfix { display: none; margin-top: 20px; } .product-specs-toggle-wrapper.active div#specs, .product-specs-toggle-wrapper.active div#standard, .product-faq-toggle-wrapper.active div.faq, .featured-equipment.active .container-product.container.clearfix { display: block; } #product-extra-content-container{ padding-top:25px; border-top: 3px solid black; } #standard dd { margin-left: 0; } .product-card-details-block button.button.button--secondary.button--block.text--left.btn.btn-secondary { background: transparent; color: #feba13; border: none; padding: 0; } .product-card-details-block.used-product-family { text-align: center; } h4.product-card__title.text--center { color: #7b7770; margin-bottom: 20px !important; } h4.product-card__title { font-weight: 500; } a.btn.btn-red { padding: 10px 18px; padding-left: 23px; background: #952618; border-bottom: 3px solid #711b10; display: inline-block; color: #fff; } .js-related-equipment .col-sm-4 { padding-left: 0; padding-right: 0; } .js-related-equipment .product-specs-wrapper { flex-direction: column; align-items: flex-start; text-align: left; } .js-related-equipment .spec-column-one { width: 100%; } .js-related-equipment .product-specs dd { margin-left: 0; } .js-related-equipment .product-specs { margin-bottom: 15px; } .product-specs-wrapper .spec-column-two dd { font-weight: 400; } .form-text-top { text-align: center; margin-bottom: 50px; } .form-text-top h2 { text-transform: uppercase; } .form-text-top h4 { margin-bottom: 5px; } .form-text-top p { color: #7b7770; font-size: 16px; line-height: 30px; } section.related-equipment { position: relative; padding-bottom: 50px; } section.related-equipment:after { content: ''; background-image: url( https://mustangcat.com/wp-content/uploads/2021/09/light-grey-nw-textured-bot.png ); width: 100%; height: 70px; bottom: -6px; background-size: 250%; position: absolute; background-repeat: no-repeat; transform: rotate( 180deg ); background-position: top; z-index: 1; } section.contact-form-bottom input.wpcf7-submit { padding: 10px 18px; background: #feba13 !important; } @media ( min-width: 768px ) { section.related-equipment:after { background-size: 150%; height: 90px; } .items-category { width: calc( 100% / 2 - 34px ); } .product__actions a { display: inline-block; margin-right: 20px; } section.related-equipment { padding-bottom: 115px; } form#cf7-form-3032 { display: flex; flex-wrap: wrap; justify-content: space-between; } .contact-form-bottom label { width: calc( 50% - 10px ); display: inline-block; } .contact-form-bottom label:last-of-type { width: 100%; display: block; } } @media ( min-width: 1025px ) { section.related-equipment:after { background-size: 100%; height: 130px; } .items-category { width: calc( 100% / 2 - 34px ); padding: 0 15px; border: 1px solid #f00; } .mobile-image-wrapper { display: none; } .col-md-6.desktop-product-images { display: block; } section.product-overview { padding: 175px 0 80px; } .js-related-equipment .product-specs { padding: 0 15px; } } @media ( min-width: 1200px ) { .items-category { width: calc( 100% / 3 - 34px ); } } @media ( min-width: 2000px ) { section.related-equipment:after { content: ''; height: 180px; } } @media ( min-width: 2500px ) { section.related-equipment:after { background-size: 100%; height: 200px; bottom: -26px; } } /* CAT Taxonomy */ .tax-cat_new_machine_family .page-body { padding: 20px 0 150px; } .new-family { position: relative; margin: 110px 0 120px; } .page-id-3209 .new-family { margin: 110px 0 10px; } .new-family:after { height: 135px; background: url( /wp-content/uploads/2021/10/white-trans-bg.png ) left top no-repeat; background-size: cover; content: ''; display: block; width: 100%; position: absolute; left: -3px; z-index: 2; } .page-id-149 .new-family:after, .page-id-3115 .new-family:after { background: transparent; } @media ( min-width: 768px ) { .tax-cat_new_machine_family .page-body { padding: 50px 0 200px; } } @media ( min-width: 1025px ) { .tax-cat_new_machine_family .page-body { padding: 100px 0 200px; } } /* CAT Family Filter */ .equipment-filter { display: block; position: relative; padding: 20px 0 0; margin: 50px 0 20px; } .equipment-filter-form { display: flex; align-items: center; flex-wrap: wrap; } .equipment-filter-form h5 { margin: 0; cursor: pointer; font-size: 13px !important; text-align: center; } .equipment-filter-form [class*='col-'] { padding: 15px; } .equipment-filter-form__field { display: block; } .equipment-filter-form__field.btn-field { text-align: center; width: 175px !important; margin-top: 25px; margin: 0 auto; } .equipment-filter-form__field .choices__inner { font-family: 'Montserrat', sans-serif; } .btn-reset { background-color: #fff; display: inline-block; border: 0; color: #000; text-transform: uppercase; text-align: center; height: 53px; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 500; padding: 10px 18px; transition: all ease-in-out 0.3s; } .equipment-filter-form .equipment-filter-form__field h3 { text-align: center; } @media ( min-width: 1025px ) { .equipment-filter-form__field.btn-field { display: flex; align-items: center; height: 100%; width: 100%; } .equipment-filter-form__field.btn-field .btn-primary { padding: 10px 15px; } .equipment-filter-form__field.btn-field .btn-reset { padding: 10px; } .equipment-filter-form__field.btn-field { width: auto !important; margin-top: 0; } .equipment-filter-form__field.btn-field .btn-primary { width: 100%; } .equipment-filter-form [class*='col-'] { padding: 0 5px; } .equipment-filter-form .equipment-filter-form__field h3 { text-align: left; } } @media ( min-width: 1200px ) { .equipment-filter { margin-top: 0px; } .equipment-filter-form__field.btn-field .btn-primary { padding: 10px 20px 10px 30px; } .equipment-filter-form__field.btn-field .btn-reset { padding: 10px 15px; } } @media ( min-width: 1366px ) { .equipment-filter-form__field.btn-field .btn-primary { padding: 10px 30px 10px 40px; width: auto; } .equipment-filter-form__field.btn-field .btn-reset { padding: 10px 30px; } } .service-form-iframe { margin: -90px auto 60px; display: block; height: 1200px; border: 0; } /* CAT Family */ .product-item-card__list { position: relative; padding: 100px 0 150px; } .product-item-block { margin-bottom: 15px; transition: all 0.4s ease 0s; border: 1px solid transparent; } .product-item-card { border: 1px solid #f4f4f4; display: flex; align-items: center; padding: 5px; } .product-item-card:hover { text-decoration: none; border: 1px solid #ffb500; } .product-item-card__thumb { height: 75px; width: 70px; } .product-item-card__thumb img { height: 100%; width: 100%; object-fit: contain; } .product-item-card__info { padding-left: 15px; width: 60%; } .product-item-card__title h3 { font-size: 18px; margin: 0; text-transform: uppercase; } .product-item-card .icon-arrow { color: #ffb500; font-size: 40px; margin-left: 10px; width: 40px; } @media ( min-width: 768px ) { .product-item-block { margin-bottom: 32px; } .product-item-card__thumb { width: 101px; } .product-item-block:hover { /* border-color: #feba13; */ } } @media ( min-width: 1025px ) { .product-item-card__list { padding: 20px 0 50px; } .product-item-block { min-height: 360px; margin-bottom: 15px; } .product-item-card { border: 0; display: block; padding: 5px; text-align: center; } .product-item-card:hover { border: 0; } .product-item-card__thumb { height: 270px; overflow: hidden; width: 100%; } .product-item-card__info { height: auto; width: 100%; } .product-item-card:hover h3 { color: #ffb500; } .product-item-card__title h3 { padding: 5px 0; font-size: 22px; display: flex; align-items: center; justify-content: center; } .product-item-card__title .icon-arrow { font-size: 38px; } } @media ( min-width: 1200px ) { .product-item-block { min-height: 380px; padding-top: 20px; } .product-item-card__title h3 { font-size: 25px; } .product-item-card__title .icon-arrow { font-size: 40px; } .product-item-card__thumb img { /*height: auto;*/ } } @media ( min-width: 1366px ) { } @media screen and ( max-width: 767px ) { .product-item-card__list .col-xs-6.col-md-3.product-item-block { width: 100%; } } /* Page Rental*/ .page-template-page-rental .product-item-block { margin-bottom: 0 !important; margin-top: 30px; height: auto; padding-top: 16px; border: 1px solid transparent; } .page-template-page-rental .equipment-filter-form h3 { color: #952618; } .page-template-page-rental .equipment-filter-form button.btn.btn-primary { background: #952618; border: transparent; color: #fff; } .page-template-page-rental .equipment-filter-form button.btn.btn-primary:before { background: #711b10; } .page-template-page-rental .equipment-filter-form button.btn.btn-primary:after { color: #fff; } .page-template-page-rental .product-item-block:hover { border: 1px solid #952618; } .page-template-page-rental .product-item-card:hover h3 { color: #952618; } .page-template-page-rental .family-feed .product-item-card__info .icon-arrow { color: #952618; } .page-template-page-rental .product-item-block .product-item-card__title { height: auto; } .page-template-page-rental .product-item-block .product-item-card { padding: 0 !important; } .page-template-page-rental .equipment-filter-form [class*='col-'] { padding-left: 10px !important; padding-right: 10px !important; } form.rental-cart-overview.js-rental-cart { padding: 30px; border: solid #cdcdcd; margin-bottom: 80px; } @media ( min-width: 1025px ) { .page-id-3563 main.page-body { padding: 100px 0 200px; top: 0; } } /* Used Single Page */ .tax-cat_used_machine_family .used-equipment-row .product-card-detail-info { min-height: auto !important; } .tax-cat_used_machine_family .product-card-details-block { margin-top: 40px; border: 1px solid #fff; } .tax-cat_used_machine_family .product-card-details-block:hover { border: 1px solid #feba13; } .tax-cat_used_machine_family .product-card { margin-bottom: 0; } .tax-cat_used_machine_family .after-content-bottom { margin-top: 40px; } @media ( min-width: 768px ) { .family-btn a.btn-primary { padding-left: 15px; padding-right: 15px; } } /* Used Single Page */ /* Rental Page taxonomy */ .product-card-rental, .product-card-rental a { margin-bottom: 0; } .product-card-rental, .product-card-rental a, .product-card-rental .product-card-detail-info { height: auto; } /* Rental Page Cart */ .rental-page-cart { position: relative; padding: 100px 0 50px; } @media ( min-width: 1025px ) { .rental-page-cart { padding: 0; } } /* Used Category ACF */ .categ.yellow-columned-content { position: relative; background-color: #feba13; color: #1a1917; padding: 30px 0 170px; } .categ .yellow-content-bg-top { background: url( '/wp-content/uploads/2021/10/flexible-cta-yellow-shape-desktop.png' ) left bottom no-repeat; background-size: cover; display: block; content: ''; position: absolute; left: 0; top: -50px; height: 110px; width: 100%; z-index: 1; } .categ .yellow-content-bg-bottom { background: url( '/wp-content/uploads/2021/09/yellow-bot-bg.png' ) left bottom no-repeat; background-size: cover; display: block; content: ''; position: absolute; left: 0; bottom: -60px; height: 100px; width: 100%; z-index: -1; } .categ .yellow-headings { position: relative; text-transform: uppercase; z-index: 2; } .categ .yellow-headings h4 { color: #1a1917; } .categ .yellow-headings h2 { color: #fff; } .categ .yellow-content { position: relative; z-index: 2; } @media ( min-width: 768px ) { .categ .yellow-content-bg-top { top: -100px; height: 150px; } .categ .yellow-headings { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; } .categ .yellow-headings article { width: 65%; } .categ .yellow-btns { width: 35%; } .categ .yellow-headings .btn { float: right; } } @media ( min-width: 1025px ) { .categ .yellow-columned-content { padding: 50px 0; } .categ .yellow-headings { display: block; } .categ .yellow-headings article, .categ .yellow-btns { width: 100%; } .categ .yellow-headings h2 { font-size: 50px; } .categ .yellow-headings .btn { float: none; } .categ .yellow-content-bg-bottom { bottom: -128px; height: 130px; } } @media ( min-width: 1200px ) { .categ .yellow-columned-content { padding: 50px 0 80px; } .categ .yellow-content-bg-top { height: 150px; top: -100px; } .categ .yellow-headings h2 { font-size: 65px; } .categ .yellow-content-bg-bottom { height: 120px; bottom: -120px; } } @media ( min-width: 1800px ) { .categ .yellow-content-bg-bottom { height: 120px; bottom: -120px; } } @media ( min-width: 2000px ) { .categ .yellow-content-bg-top { background-size: 100%; height: 150px; top: -140px; } } @media ( min-width: 2500px ) { .categ .yellow-content-bg-top { height: 200px; top: -160px; } } @media ( min-width: 3500px ) { .categ .yellow-content-bg-top { height: 250px; top: -200px; } } @media ( min-width: 4000px ) { .categ .yellow-content-bg-bottom { height: 280px; bottom: -199px; } } .product-item-card__list .row { display: flex; flex-wrap: wrap; } /** * Form Edit */ ul.rc-list { padding: 0 30px; } li.rc-item { list-style: none; border-bottom: 1px solid #d3d3d3; padding-top: 15px; } button.rc-remove.button { border: 1px solid #711b10; background: transparent; color: #000; font-size: 14px; line-height: 1em; padding: 5px 10px; transition: all 0.3s ease-in-out; } button.rc-remove.button:hover { background: #711b10; color: #fff; } .rc-list .item-top-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .rc-list h4.rc-item-title { margin-bottom: 0; max-width: 70%; } .wpcf7 .rc-list .item-details-block { display: flex; align-items: center; } .wpcf7 ul.rc-item-specs { padding-left: 30px; } .rc-item-specs li { font-size: 14px; list-style: none; line-height: 1.1em; } .rc-content .rc-checkout { text-align: center; padding-bottom: 15px; } .widget.widget_saved_items .rc-content.items-in-cart-0:before { content: 'There are currently no items in the cart'; padding: 30px; display: block; text-align: center; } .page-id-4916 .masthead h1, .page-id-4788 .masthead h1, .page-id-14067 .masthead h1, .page-id-4798 .masthead h1, .page-id-3563 .masthead h1 { color: #fff; } .page-id-4916 .breadcrumb_last, .page-id-4788 .breadcrumb_last, .page-id-14067 .breadcrumb_last, .page-id-4798 .breadcrumb_last, .page-id-3563 .breadcrumb_last { color: #000; } .page-id-3563 .contact-container a.btn.gray.small, .page-id-3563 .wpcf7 label { color: #952618; } .page-id-3563 .wpcf7 span.btn.btn-secondary { background: #952618; } .page-id-3563 .wpcf7 span.btn.btn-secondary:before { background: #711b10; } .page-id-3563 .wpcf7 span.btn input { background: transparent; color: #fff; } .page-id-3563 .contact-container a.btn.gray.small:after { color: #952618; } .widget.widget_saved_items button.rc-toggle:hover { border: 2px solid #b1820d; } .single-cat_new_machine section#get-a-quote { padding: 60px 0 0px; } .page-id-4788 .image-buttons-hover p, .page-id-4788 .image-buttons-hover h4, .page-id-4788 .image-buttons-hover span.btn { text-align: center; color: #fff; } .page-id-4916 .product-item-card__title span.icon-arrow, .page-id-4916 .product-item-card:hover h3 { color: #952618; } .page-id-4916 .product-item-block:hover { border-color: #952618; } .page-id-4788 .image-buttons-hover { background: rgba( 149, 38, 24, 0.75 ); } ul.rc-list { padding: 0 30px; } li.rc-item { list-style: none; border-bottom: 1px solid #d3d3d3; padding-top: 15px; } button.rc-remove.button { border: 1px solid #711b10; background: transparent; color: #000; font-size: 14px; line-height: 1em; padding: 5px 10px; transition: all 0.3s ease-in-out; } button.rc-remove.button:hover { background: #711b10; color: #fff; } .rc-list .item-top-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .rc-list h4.rc-item-title { margin-bottom: 0; max-width: 70%; color: #7b7770; } .rc-list .item-details-block { display: flex; align-items: flex-start; } ul.rc-item-specs { padding-left: 10px; } .rc-item-specs li { font-size: 14px; list-style: none; line-height: 1.1em; } .rc-content .rc-checkout { text-align: center; padding-bottom: 15px; } .widget.widget_saved_items button.rc-toggle { display: none; } .widget.widget_saved_items { display: block; background: #fff; padding: 0; border: none; margin-bottom: 50px; } .rc-checkout a.button { color: #952618; } .widget.widget_saved_items .rc-content { background: #fff; border: 2px solid #7b7770; } .sidebar-contact-form { background: #f7f7f7; padding: 30px; margin-bottom: 150px; } .sidebar-contact-form h4, .sidebar-contact-form label { color: #952618; } .sidebar-contact-form .btn.btn-primary { color: #fff; background: #952618; } .sidebar-contact-form .btn.btn-primary input { color: #fff; background: transparent !important; } .sidebar-contact-form .btn.btn-primary:before { background: #711b10; } .sidebar-contact-form .btn.btn-primary:after { color: #fff; } /* Inserted */ /* Taxonomy Page */ .flexbox__item.page-article { padding-top: 0; } .flexbox__item.page-article .equipment-filter { margin-top: 0; padding-top: 35px; } .flexbox__item.page-article .before_content { margin-bottom: 0; } .equipment-filter-form h5 { margin: 25px 0; } .page-id-4542 .new-family { padding: 110px 0 0; } .before-content-img-wrapper { width: 100%; height: 100%; display: block; min-height: 300px; } .before_content_article .before-content-img-wrapper img { height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; font-family: 'object-fit: cover;'; } @media ( min-width: 768px ) { .flexbox__item.page-article { padding-top: 70px; } } @media ( min-width: 1024px ) { .before_content_article .row { display: flex !important; align-items: center; } .before_content_article .before-content-right { padding-left: 25px; } } .flexbox__item .row { display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; display: block; } .flexbox__item .row.used-equipment-row { display: flex; } .row.used-equipment-row figure.product-card__thumb.text--center { height: 300px; } .row.used-equipment-row figure.product-card__thumb.text--center img { height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; font-family: 'object-fit: cover;'; } .product-item-card__list .row { display: flex; flex-wrap: wrap; } .after-content-bottom { background-color: #f4f4f4; padding-bottom: 200px; } .product-card { position: relative; cursor: pointer; display: block; margin-bottom: 30px; } .product-card a { display: block; } .product-card .product-card__thumb { margin: 0; height: 350px; } .product-card .product-card__thumb img { width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain; font-family: 'object-fit: contain;'; } .product-card__title.yellowbox-title:after { top: 3px; right: -8px !important; position: relative !important; } .product-card__title { padding: 15px 20px; text-transform: uppercase; /* font-size: x-large; */ font-size: 30px; font-weight: 600; } .product-card-detail-info { border: 1px solid transparent; } .items-category { border: 1px solid transparent; transition: all 0.4s ease 0s; } @media screen and ( min-width: 1200px ) { .rental-equipment .items-category { width: calc( 50% - 34px ); } .tax-cat_new_machine_family .container { padding-left: 0; padding-right: 0; } } .items-category:hover { border: 1px solid #feba13; text-decoration: none; } .product-card a { display: block; height: 350px; text-align: center; } .family-single .product-card a { height: initial; } .family-single .button { margin-top: 20px; } .archive-introductory-content { padding: 85px 0 30px; } .product-card a:hover { text-decoration: none; } .before_content { margin-bottom: 80px; } .before_content_article h2 { text-transform: uppercase; } .before_content_article { position: relative; padding-left: 0; } .before_content_article img { position: relative; width: 100%; float: none; } .after_content { margin-top: 80px; } .family-btn .btn { width: 100%; } .family-btn .btn-primary { padding-left: 15px; padding-right: 15px; } .family-btn .btn.text--left { padding-left: 0px; padding-right: 0px; } @media ( min-width: 768px ) { .product-card { padding: 10px; } } @media ( min-width: 568px ) { .family-btn.clearfix { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .family-btn .btn { width: 49%; } .tax-cat_new_machine_rental_family .family-btn .btn { width: initial; } .tax-cat_new_machine_rental_family .family-btn { justify-content: space-between; } .tax-cat_new_machine_rental_family .family-btn .button--block { margin-top: 0; } } @media ( min-width: 768px ) { .before_content_article { position: relative; /* padding-left: 50%; */ } .before_content_article img { margin: 0 30px 22px 0; position: absolute; width: 40%; height: 100%; object-fit: inherit; left: 0; float: none; object-position: center; top: 0; object-fit: unset; } } .family-single .product-specs-wrapper p { margin-top: 2px; margin-bottom: 0; color: #7b7770; } .family-single .product-specs-wrapper dd { color: #7b7770; text-align: right; margin-inline-start: 0; } @media ( max-width: 1024px ) { .product-card-details-block.family-single { max-width: 400px; margin: 20px auto; } .items-category-rental .product-card-details-block.family-single { margin: 0 auto; } } @media ( min-width: 1025px ) { .flexbox__item.page-article .col-xxs-12.col-sm-6.col-md-4:nth-of-type( 1 ) .product-card-details-block.family-single, .flexbox__item.page-article .col-xxs-12.col-sm-6.col-md-4:nth-of-type( 2 ) .product-card-details-block.family-single, .flexbox__item.page-article .col-xxs-12.col-sm-6.col-md-4:nth-of-type( 3 ) .product-card-details-block.family-single { margin-top: 0; } .family-single .spec-column-one { padding-left: 20px; text-align: left; } .family-single .spec-column-two { padding-right: 20px; } .product-card-detail-info { min-height: 700px; } .items-category-rental .product-card-detail-info { min-height: 400px; } } /* New - Single Page */ .product__media.media-browser { position: relative; } .product__media.media-browser button { position: absolute; top: 45%; z-index: 9; } .product__thumbnails button { top: 23% !important; } .product__label--used-pwr-inventory-count { position: absolute; left: 0; /* top: 2rem; */ background: #feba13; color: #fff; padding: 0.2rem 1.5rem; font-weight: bold; font-family: 'Oswald'; text-transform: uppercase; box-shadow: 1px 2px 3px 0px #00000036; } .product__label--is-sold-out { position: absolute; left: 0; top: 4rem; background: #952618; color: #fff; padding: 0.2rem 1.5rem; font-weight: bold; font-family: 'Oswald'; text-transform: uppercase; box-shadow: 1px 2px 3px 0px #00000036; z-index: 9999999999; } .product__label--coming-soon { position: absolute; left: 0; top: 4rem; background: #63e4f2; color: #fff; padding: 0.2rem 1.5rem; font-weight: bold; font-family: 'Oswald'; text-transform: uppercase; box-shadow: 1px 2px 3px 0px #00000036; z-index: 9999999999; } /*.product__label--is-sold-out {*/ /* position: absolute;*/ /* left: 0;*/ /* top: 2rem;*/ /* background: #952618;*/ /* color: #fff;*/ /* padding: 0.2rem 1.5rem;*/ /* font-weight: bold;*/ /* font-family: 'Oswald';*/ /* text-transform: uppercase;*/ /* box-shadow: 1px 2px 3px 0px #00000036;*/ /*}*/ .media-browser__preview .slick-slide > div { border: 1px solid #e8e8e8; } .media-browser__preview .slick-list { height: 100%; } .media-browser__preview .slick-list > div, .media-browser__preview .slick-list > div > div, .media-browser__preview .slick-list > div > div > div { height: 100%; } .product__thumbnails .slick-arrow, .media-browser__preview .slick-arrow { border: none; position: relative; background-color: transparent; color: transparent; } .media-browser__preview .slick-arrow { height: 50px; } .product__thumbnails .slick-track { display: flex; align-items: center; } .product__thumbnails .slick-arrow::before, .media-browser__preview .slick-arrow::before { content: '\e901'; font-family: 'icomoon'; left: 0; right: 0; font-size: 40px; position: absolute; color: #feba13; } .product__thumbnails .slick-arrow::before { color: #feba13; opacity: 0.3; } .product__thumbnails .slick-prev, .media-browser__preview .slick-prev { transform: rotate( 180deg ); left: -25px; top: 28%; } .product__thumbnails .slick-next, .media-browser__preview .slick-next { right: 0; } .product__thumbnails .slick-current.slick-active { border: 2px solid #feba13; } .product__thumbnails .slick-slide { margin: 0 10px; } .product__thumbnails .slick-slide li { padding: 0; margin: 0; width: 100%; height: 100%; display: block !important; } .product__thumbnails .slick-slide img { margin: 0; padding: 0; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; font-family: 'object-fit: cover;'; } .media-browser__preview img { margin: 0 auto; object-position: center; } .media-browser__preview .slick-slide > div { width: 86%; margin: 0 auto; } .product__thumbnails .slick-list.draggable { max-width: 85%; margin: 0 auto; } .frame.js-thumbnails-scroller { position: relative; height: 92px; margin-top: 20px; } /* .mejs-container.mejs-container-keyboard-inactive { height: 220px !important; } */ .js-thumbnails-scroller ul, .js-thumbnails-scroller ul > div, .js-thumbnails-scroller ul > div > div, .js-thumbnails-scroller ul > div > div > div, .js-thumbnails-scroller ul > div > div > div > div { height: 100%; } .mobile-image-wrapper { margin-bottom: 30px; } ul.product__thumbnails.clearfix { margin: 0; } section#get-a-quote { background: #f4f4f4; } section.related-equipment:after { bottom: 0; background-image: url( https://mustangcat.com/wp-content/uploads/2021/11/light-grey-bot.png ); transform: rotate( 0deg ); } .js-related-equipment .col-sm-4:last-of-type { display: none; } @media screen and ( min-width: 768px ) { .js-related-equipment .col-sm-4 { width: 50%; } } @media screen and ( min-width: 1024px ) { .js-related-equipment .col-sm-4 { width: 33.333%; } .js-related-equipment .col-sm-4:last-of-type { display: inline-block; } } .contact-form-bottom .container { max-width: 872px; } .contact-form-bottom .wpcf7-form.invalid .contact-container { margin-bottom: 0; padding-bottom: 45px; } .js-related-equipment .buttons-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; } .js-related-equipment a { display: block !important; padding: 12px 20px 14px; } .js-related-equipment .buttons-wrapper form a:first-of-type { padding: 0; } .js-related-equipment .product-card-detail-info:hover { border: none; } .js-related-equipment a:hover { display: block !important; border: 1px solid #feba13; } .featured-equipment.active .container-product { padding-bottom: 50px; } .js-related-equipment .product-card-details-block button.button.button--secondary.button--block.text--left.btn.btn-secondary::before:hover { background-color: transparent !important; } /* @media (min-width: 1025px){ .mejs-container.mejs-container-keyboard-inactive { height: 500px; } } */ .single-cat_new_machine .wp-block-latest-posts__list, .single-cat_new_machine .widget { display: none; } .widget.widget_saved_items { display: block; background: #fff; padding: 0; border: none; margin-bottom: 150px; } .single.single-cat_new_machine .widget.widget_saved_items { position: fixed; top: 205px; right: 20px; z-index: 999; } .widget.widget_saved_items.is-closed .rc-content { display: none; } .widget.widget_saved_items .rc-content.items-in-cart-0:before { content: 'There are currently no items in the cart'; padding: 30px; display: block; text-align: center; } .tax-cat_new_machine_rental_family .equipment-filter-form h3, .rental-item .media-browser__preview .slick-prev:before, .rental-item .media-browser__preview .slick-next:before, .rental-item .slick-prev:before, .rental-item .slick-next:before, .rental-item .product-overview h4, .rental-item .tabs__content .icon-arrow, .rc-checkout a.button, .rental-item .yellowbox-title:after, .rental-item .contact-form-bottom h4, .rental-item .contact-form-bottom .form-col label, .rental-item .contact-form-bottom .form-col a { color: #952618; } .tax-cat_new_machine_rental_family .rc-add.btn.btn-primary { background: #952618; color: #fff; border: none; } .tax-cat_new_machine_rental_family .rc-add.btn.btn-primary:before { background-color: #711b10; } .tax-cat_new_machine_rental_family .rc-add.btn.btn-primary:after { color: #fff; } .rental-item .rc-add.button--primary { background: #952618; color: #fff; border: none; } .rental-item .rc-add.button--primary:before { background: #711b10; } .rental-item .rc-add.button--primary:after { color: #fff; } .rental-item .product__thumbnails .slick-current.slick-active { border: 2px solid #952618; } .rental-item .contact-form-bottom .submit_form input { background: transparent !important; color: #fff; } .rental-item .contact-form-bottom .submit_form span.btn.btn-primary { background: #952618 !important; color: #fff; } .rental-item .contact-form-bottom .submit_form span.btn.btn-primary:before { background: #711b10; } .rental-item .contact-form-bottom .submit_form span.btn.btn-primary:after { color: #fff; } .rental-item .related-equipment:after { display: none; } .tax-cat_new_machine_rental_family .equipment-filter-form button.btn.btn-primary { background: #952618; border: transparent; color: #fff; } .tax-cat_new_machine_rental_family .equipment-filter-form button.btn.btn-primary:before { background: #711b10; } .tax-cat_new_machine_rental_family .equipment-filter-form button.btn.btn-primary:after { color: #fff; } .widget.widget_saved_items .rc-content { display: block; background: #fff; border: 2px solid #7b7770; } .category-wrap.rental-equipment { margin-bottom: 50px; } .rental-equipment-loop .rc-checkout a.button, .rental-equipment-loop .product-card__title.yellowbox-title:after { color: #952618; font-weight: 400; } .rental-equipment-loop .family-btn a.btn.button--secondary.text--left { color: #952618; } .rental-equipment-loop .items-category:hover { border: 1px solid #952618; } .single.single-cat_new_machine .rc-content { position: absolute; width: 400px; right: -2px; top: calc( 100% + 10px ); } .widget.widget_saved_items button.rc-toggle { display: none; } .single.single-cat_new_machine .widget.widget_saved_items button.rc-toggle { display: block; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; text-align: center; color: #fff; background-color: #952617; border: 2px solid #711b10; font-family: 'Oswald'; text-transform: uppercase; transition: all 0.3s ease-in-out; } .tax-cat_new_machine_rental_family .masthead h1, .masthead h1.rental-header { color: #fff; } .tax-cat_new_machine_rental_family .category-wrap { justify-content: left; } .tax-cat_new_machine_rental_family .masthead .breadcrumb_last, .masthead .container.rental .breadcrumb_last { color: #000; } .rental-equipment-loop .widget.widget_saved_items.is-closed .rc-content { display: block; } .rental-equipment-loop button.rc-remove.btn.btn-primary, .product__actions button.rc-remove.btn.btn-primary { padding: 15px 30px; font-size: 16px; line-height: 1.3em; } a.button.button--secondary.button--block.btn.btn-quarternary { color: #fff; } .rental-equipment-loop button.rc-remove.btn.btn-primary:before, .rental-equipment-loop button.rc-remove.btn.btn-primary:after, .product__actions button.rc-remove.btn.btn-primary:before, .product__actions button.rc-remove.btn.btn-primary:after { content: ''; display: none; } .widget.widget_saved_items button.rc-toggle:hover { border: 2px solid #b1820d; } /* .single-cat_new_machine section#get-a-quote { padding: 60px 0 120px; } */ ul.rc-list { padding: 0 30px; } li.rc-item { list-style: none; border-bottom: 1px solid #d3d3d3; padding-top: 15px; } button.rc-remove.button { border: 1px solid #711b10; background: transparent; color: #000; font-size: 14px; line-height: 1em; padding: 5px 10px; transition: all 0.3s ease-in-out; } button.rc-remove.button:hover { background: #711b10; color: #fff; } .rc-list .item-top-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .rc-list h4.rc-item-title { margin-bottom: 0; max-width: 70%; color: #7b7770; } .rc-list .item-details-block { display: flex; align-items: flex-start; } ul.rc-item-specs { padding-left: 10px; } .rc-item-specs li { font-size: 14px; list-style: none; line-height: 1.1em; } .rc-content .rc-checkout { text-align: center; padding-bottom: 15px; } section.contact-form-bottom .btn-primary { background: #feba13; } section.contact-form-bottom input.wpcf7-submit { background: transparent !important; } section.contact-form-bottom .btn-primary:hover, section.contact-form-bottom input.wpcf7-submit:hover { opacity: 0.9; } @media ( max-width: 600px ) { .media-browser__preview { height: 228px !important; } } @media ( min-width: 1025px ) { .media-browser__preview { /* height: 364px !important; padding-right: 30px; */ margin-bottom: 25px; } .product__overview { padding-right: 50px; } .product__thumbnails button { top: 30% !important; } .media-browser__preview .slick-arrow::before { content: '\e901'; font-family: 'icomoon'; font-size: 20px; left: 0; right: 0; position: absolute; color: #feba13; font-size: 40px; } .media-browser__preview .slick-prev { transform: rotate( 180deg ); left: -75px; top: 28%; } .media-browser__preview .slick-next { right: -24px; } .product__thumbnails .slick-next { right: -60px; } .product__thumbnails .slick-prev { left: -69px; } .frame.js-thumbnails-scroller { width: 80%; margin: 0 auto; } } .page-id-465 a, .page-id-465 li::marker { color: #161513; } .product__actions form .btn { width: 209px; padding-left: 20px; padding-right: 20px; text-align: center; } .tool-block { width: 100%; padding: 20px; text-align: center; } @media ( min-width: 768px ) { .customer-tools { display: flex; flex-direction: row; flex-wrap: wrap; } .tool-block { padding: 20px; text-align: center; width: 33.333%; } } #page-content { position: relative; margin-top: 120px; } @media ( min-width: 600px ) { #page-content { margin-top: 50px; } } @media ( min-width: 1025px ) { #page-content { margin-top: 0; } } /* Used Family Image Slider */ section#img-slider-section { padding: 60px 0; } .image-button-slider-info h3 { text-transform: uppercase; padding: 5px 0; display: flex; align-items: center; justify-content: center; text-align: center; } .image-button-slider-info .icon-arrow { color: #ffb500; font-size: 40px; margin-left: 10px; width: 40px; } .img-slide a:hover { text-decoration: none; } .img-slide a:hover h3 { color: #ffb500; } .image-button-slider-section ul.slick-dots { position: absolute; top: calc( 100% + 20px ); width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .image-button-slider-section .slick-dots li { display: block; width: 40px; height: 36px; position: relative; padding: 0 5px; } .image-button-slider-section .slick-dots li button { visibility: hidden; width: 100%; } .image-button-slider-section .slick-dots li button:before { content: ''; height: 2px; width: calc( 100% - 10px ); background: #7b7770; display: block; position: absolute; visibility: visible; left: 5px; top: calc( 50% - 1px ); } .image-button-slider-section .slick-dots li.slick-active button:before { content: ''; background: #feba13; } .image-button-slider-section .slick-track { display: flex; align-items: flex-start; } .image-button-slider-image { height: 200px; width: calc( 100% - 50px ); margin: auto; } .image-button-slider-image img { height: 100%; width: 100%; object-fit: contain; -o-object-fit: contain; font-family: 'object-fit: contain;'; } .image-button-slider-section button.slick-prev.slick-arrow { height: 40px; width: 42px; padding: 0; position: absolute; top: 65px; left: 0; z-index: 9; color: transparent; background: none; border: none; overflow: visible; } .image-button-slider-section button.slick-prev.slick-arrow:before { content: '\e901'; font-family: 'icomoon' !important; transform: rotate( 180deg ); display: inline-block; font-size: 36px; visibility: visible; color: #c3bfb7; line-height: 1em; } .image-button-slider-section button.slick-next.slick-arrow { height: 40px; width: 42px; padding: 0; position: absolute; top: 65px; right: 0; z-index: 9; color: transparent; background: none; border: none; overflow: visible; } .image-button-slider-section button.slick-next.slick-arrow:before { content: '\e901'; font-family: 'icomoon' !important; display: inline-block; font-size: 36px; visibility: visible; color: #c3bfb7; line-height: 1em; } @media ( min-width: 768px ) { .image-buttons-image { height: 380px; } .image-button-slider-section button.slick-next.slick-arrow { right: 15px; } .image-button-slider-section button.slick-prev.slick-arrow { left: 15px; } .image-button-slider-section button.slick-next.slick-arrow, .image-button-slider-section button.slick-prev.slick-arrow { top: 180px; } .image-button-slider-section button.slick-next.slick-arrow:before, .image-button-slider-section button.slick-prev.slick-arrow:before { font-size: 45px; color: #feba13; } .image-button-slider-section .slick-dots li { width: 60px; } .image-button-slider-section .slick-dots li button:before { height: 4px; } .image-button-slider-info h3 { font-size: 25px; padding: 5px 40px; } .image-button-slider-info .icon-arrow { font-size: 38px; } .image-button-slider-image { margin: 0 70px; width: calc( 100% - 140px ); } .image-button-slider-image { margin: 0 70px; width: calc( 100% - 140px ); } } @media ( min-width: 1025px ) { .image-button-slider-section ul.slick-dots { width: 100%; left: auto; padding-left: 10px; justify-content: center; } .image-button-slider-section .img-slide .row { display: flex; align-items: center; } .image-buttons-image { height: 460px; margin: 0 50px; width: calc( 100% - 100px ); } .image-button-slider-section button.slick-next.slick-arrow, .image-button-slider-section button.slick-prev.slick-arrow { top: calc( 50% - 15px ); } .image-button-slider-section button.slick-next.slick-arrow { right: 20px; left: auto; } .image-button-slider-section button.slick-prev.slick-arrow { left: 20px; } section#img-slider-section { padding: 100px 0; } } @media ( min-width: 1200px ) { .image-button-slider-info h3 { font-size: 25px; } .image-button-slider-info .icon-arrow { font-size: 40px; } } /*Multi-Step Filter*/ .multi-step-filters { margin: 15px 0 30px; } .multi-step-filters label { font-size: 16px; color: #000; } .multi-step-filters .noUi-handle:hover { background: #feba13; } .multi-step-filters .facetwp-slider-reset { font-family: 'Oswald', sans-serif; text-transform: uppercase; } .multi-step-filters .fs-wrap { width: 100%; } .multi-step-filters .fs-label-wrap { padding: 10px; } .multi-step-filters .fs-option { padding: 20px; } .multi-step-filters .fs-option:hover { background: #efefef; } .multi-step-filters .facetwp-facet { font-size: 12px; } .multi-step-filters .fs-arrow { border: none; position: relative; float: right; } .multi-step-filters .fs-arrow:before { content: '\e901'; font-family: 'icomoon' !important; border: none; position: absolute; right: 0; top: -20px; height: 18px; width: 18px; font-size: 18px; color: #c9c7c3; text-align: center; transform: rotate( 90deg ); } .multi-step-filters .fs-open .fs-arrow { transform: rotate( 0deg ); } .multi-step-filters .fs-open .fs-arrow:before { transform: rotate( -90deg ); } .multi-step-filters .fs-label-wrap { border: 1px solid transparent; border-bottom: 3px solid #e3e3e3; background: #f8f8f8; } .multi-step-filters .facetwp-facet { margin-bottom: 25px; } .multi-step-filters .facetwp-slider-label + div { display: inline; margin-left: 20px; } .multi-step-filters .btn-reset { border: 1px solid #e3e3e3; } .multi-step-filters { display: none; } .multi-step-filters.is-active { display: block; } .margin-top-small { margin-top: 20px; display: block; } /*End Multi-Step Filter*/ /* Product Filters - cat/used/taxonomy.php */ .product-filter__wrapper { display: flex; flex-flow: column; justify-content: center; align-items: center; } .product-filter__wrapper .btn { padding-left: 16px; } .product-filter .product-filter__sort { display: flex; justify-content: center; align-items: center; } .product-filter__sort .facetwp-sort { position: relative; background: #fff; } .product-filter__left { display: flex; flex-flow: column-reverse; justify-content: center; align-items: flex-end; } .product-filter__sort .facetwp-sort-select { -webkit-appearance: none; border-bottom: none !important; color: #feba13; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 500; padding: 10px 50px 10px 8px; position: relative; text-transform: uppercase; text-align: right; background: transparent; z-index: 1; cursor: pointer; transition: all ease-in-out 0.3s; } .product-filter__sort .facetwp-sort-select:focus { border-color: transparent !important; } .product-filter__sort .facetwp-sort:after { background: url( 'https://www.mustangcat.com/wp-content/themes/mustang/assets/img/icon-sort.svg' ) no-repeat center center; background-size: cover; content: ''; display: block; position: absolute; height: 30px; width: 30px; top: 9px; right: 12px; z-index: 0; pointer-events: none; } @media ( min-width: 768px ) { .product-filter__sort .facetwp-sort-select { font-size: 16px; text-align: right; } .product-filter__wrapper { display: flex; flex-flow: row; justify-content: flex-start; align-items: center; } .product-filter__right { flex: 1; } .product-filter__left { flex-flow: row; justify-content: flex-start; align-items: center; } /*.archive .product-filter__left { flex-direction: column; }*/ } @media ( min-width: 1200px ) { .product-filter .product-filter__sort { justify-content: flex-end; } } .find-size-style::before { background-color: unset; } /*Banner*/ .container { max-width: 1450px; } .row{ width: 100%; } .static-header h4 { margin: 0; } .static-header h1 { line-height: 1.2em; color: #fff; margin-top: 15px; margin-bottom: 15px; } header .static_header_layout { position: absolute; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; } header .static_header_layout:before { content: ""; height: 100%; width: 100%; background-image: linear-gradient(90deg,rgba(0,0,0,.6),transparent); position: absolute; left: 0; top: 0; } @media (min-width: 1025px){ header.static-header { margin-top: 0; padding: 230px 0; } } @media (min-width: 768px){ header.static-header { /*margin-top: 80px;*/ padding: 40px 0 130px; } } header.static-header { padding: 30px 0 130px; /*margin-top: 92px;*/ border-bottom: 2px solid #fff; } .static-header { position: relative; } @media(min-width: 768px){ .static-header h1 { font-size: 98px; margin-top: 5px; } } @media(min-width: 1025px){ .static-header h1 { line-height: 1.1em; } } header.static-header:after { content: ""; background-image: url(/wp-content/uploads/2021/09/torn-transition.png); width: 100%; display: block; position: absolute; bottom: -2px; height: 70px; background-size: 250%; background-position: top; background-repeat: no-repeat; -webkit-filter: drop-shadow(0 0 0 black); filter: drop-shadow(0 0 0 black); mix-blend-mode: hard-light; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; } @media (min-width: 768px){ header.static-header:after { background-size: 200%; height: 90px; } } @media (min-width: 1025px){ header.static-header:after { background-size: 100%; height: 115px; } } .also-viewed { background-color: #5e5b5b; width: 100%; } .also-viewed p, .also-viewed dd, .also-viewed h4, .also-viewed button.specs-toggle{ color:white!important; } .also-viewed button.specs-toggle { cursor: default; } /*Chat Pulse*/ .embedded-service #esw-fab { box-shadow: 0 0 0 0 rgba(254, 186, 18, 1); transform: scale(1) !important; animation: pulse 3s infinite !important; } .embedded-service .fab { width: auto !important; height: auto !important; border-radius: 20px !important; display: flex; align-items: center; } .embedded-service .fab div[class="icon_fab_container"]:first-of-type { display: flex !important; align-items: center; font-family: 'Oswald', sans-serif; text-transform: uppercase; padding: 6px 15px; font-weight: bold; line-height: 1em; color: #fff !important; } .embedded-service .fab:hover:before, .embedded-service .fab:focus:before { z-index: -1; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(254, 186, 18, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(254, 186, 18, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(254, 186, 18, 0); } } /* * Calculator Styles */ .calc-outer-wrap { max-width: 900px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; box-shadow: 0 0 10px rgba(0,0,0,.5); margin: 0 auto; background: #fff; } .calc-outer-wrap .text-content { width: 100%; background: #020202; padding: 34px 25px 30px; color: #fff; position: relative; } .calc-outer-wrap .text-content:before { content: ""; width: 100%; height: 4px; background: #feba14; position: absolute; left: 0; top: 0; } .calc-outer-wrap .text-content h3, .calc-outer-wrap .text-content p { color: #fff; } .calculator-wrap { width: 100%; padding: 25px 25px 35px; background: #fff; } .calculator-wrap #one-percent-result { padding-top: 0 !important; } @media (min-width: 768px) { .calc-outer-wrap { flex-wrap: nowrap; } .calc-outer-wrap .text-content { width: 55%; padding: 45px 15px 45px 39px; } .calculator-wrap { width: 45%; padding: 30px 35px 30px 15px; } .calc-outer-wrap .text-content:before { content: ""; height: 100%; width: 4px; background: #feba14; position: absolute; left: 0; top: 0; } } @media (min-width: 1200px) { .calc-outer-wrap .text-content { width: 65%; } .calculator-wrap { width: 35%; } }