/* This file was generated with Grunt using Compass - Last modification: Thu May 12th 2016, 11:24:34 AM *//** MAZDA @author Hugo Quesada @email Hugo.quesada@possible.com @created 2015-01-23 @updated 2015-02-10 @description This SCSS file that generates CSS file with SASS and compass */ /* Mazda Project Global common used mixins The following file contains several mixings that can be used across the site. @author luis.corrales@possible.com, hugo.alvarez@possible.com @version 0.1 @created June 12th, 2013 @updated September 12th, 2014 @ToDo - Specify the places where each mixin is being used. */ /** Placeholder text in inputs has (in the browsers implementing it so far) a light gray color. To style it, you'll need vendor prefix CSS properties. */ /* line 18, ../../../scss/garage/responsive/specs.scss */ body { font-size: 4.73vw; } /* line 20, ../../../scss/garage/responsive/specs.scss */ body main.responsive_main { width: 100%; } /* line 24, ../../../scss/garage/responsive/specs.scss */ body.responsive-template .content-container { background-color: transparent; } @media (max-width: 991px) and (min-width: 768px) { /* line 32, ../../../scss/garage/responsive/specs.scss */ footer .main-disclaimer .disclaimer-header p { font-size: 10px; } } /* line 38, ../../../scss/garage/responsive/specs.scss */ #specsMain { position: relative; background-color: white; padding-top: 3.3em; z-index: 0; } /* line 40, ../../../scss/garage/responsive/specs.scss */ #specsMain #roadside-assistance-logo { margin: 17px; } @media all and (orientation: landscape) { /* line 38, ../../../scss/garage/responsive/specs.scss */ #specsMain { padding-top: 3.2em; } } @media (min-width: 768px) { /* line 38, ../../../scss/garage/responsive/specs.scss */ #specsMain { padding-top: 54px; } } @media (min-width: 666px) and (max-width: 767px) { /* line 38, ../../../scss/garage/responsive/specs.scss */ #specsMain { padding-top: 2.7em; } } /* line 60, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .rotate45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* line 67, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content { text-align: left; font-size: 15px; margin-bottom: 2%; } /* line 71, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content .head-image { margin-left: -8%; } /* line 74, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content ul { padding: 3% 0px; line-height: 1.5em; min-height: 8.4em; } @media (min-width: 992px) { /* line 74, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content ul { min-height: 7em; } } /* line 82, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content .expand-specs { color: #848484; font-size: 80%; float: left; cursor: pointer; font-weight: bold; width: 50%; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { /* line 82, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content .expand-specs { width: 40%; } } @media (min-width: 1200px) { /* line 82, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content .expand-specs { width: 30%; } } /* line 96, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content .expand-specs .glyphicon { font-size: 150%; top: -4px; right: 0px; position: absolute; } /* line 104, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .content .list-plus { color: #CC0000; margin-right: 1.1%; padding-top: 1%; font-weight: 900; font-size: 118%; } /* line 112, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .tooltip-box-specs { background-color: #999999; display: none; position: absolute; min-width: 90%; min-height: 84%; padding: 1% 19% 1% 25px; z-index: 12; } /* line 120, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .tooltip-box-specs span.glyphicon-plus-sign { color: #CECECE; font-size: 125%; position: absolute; right: 4%; top: 6%; cursor: pointer; } /* line 128, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .tooltip-box-specs ul { list-style: disc; } /* line 131, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .tooltip-box-specs ul li { color: white; line-height: 1.8em; } /* line 135, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content .tooltip-box-specs.active { display: block; } /* line 139, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content h1.headline { font-size: 36%; color: #CC0000; margin: 1.5%; padding: 3% 1% 1% 1%; font-weight: bold; } /* line 146, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content h2 { font-size: 120%; color: #CC0000; font-weight: bold; } /* line 151, ../../../scss/garage/responsive/specs.scss */ #specsMain #trims-content h3 { font-size: 74%; font-weight: bold; padding-top: 1%; } /* line 158, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu { position: absolute; top: 0px; width: 100%; z-index: 31; } /* line 165, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item { text-transform: uppercase; } @media (min-width: 768px) { /* line 165, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item { padding: 2.6% 0px; font-size: 27.75%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 165, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item { font-size: 55.75%; } } /* line 176, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item i { text-transform: none; } @media (min-width: 1025px) { /* line 179, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item .trim-name { margin-top: -0.8%; } } /* line 184, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item .trim-price { display: block; text-transform: none; padding-top: 5px; font-size: 58.62069%; font-family: interstate, sans-serif, arial; color: #cccccc; } @media (min-width: 768px) { /* line 184, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item .trim-price { margin-left: 1%; color: white; } } @media (min-width: 1025px) { /* line 184, ../../../scss/garage/responsive/specs.scss */ #specsMain .trims-submenu .collapse-menu .collapse-menu-row .collapse-menu-item .trim-price { margin-top: -1%; } } /* line 205, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table { position: relative; } @media (min-width: 768px) { /* line 205, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table { margin-top: 2%; } /* line 210, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .collapse-menu-row { height: 62px; } /* line 212, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .collapse-menu-row .collapse-menu-icon { display: none; } /* line 215, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .collapse-menu-row .collapse-menu-item { color: #333333; cursor: default; font-size: 26.75%; padding: 27px; } } @media (min-width: 768px) and (min-width: 900px) and (max-width: 1399px) { /* line 215, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .collapse-menu-row .collapse-menu-item { padding: 23px; } } @media (min-width: 768px) and (min-width: 1400px) { /* line 215, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .collapse-menu-row .collapse-menu-item { padding: 18px; } } /* line 230, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-submenu { position: absolute; top: 0px; width: 100%; z-index: 11; } /* line 237, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper { padding-top: 14%; } @media all and (orientation: landscape) { /* line 237, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper { padding-top: 14%; } } @media (min-width: 768px) { /* line 237, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper { padding-top: 62px; } } /* line 248, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .category-wrapper:first-child h2 { display: none; } /* line 253, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper h2 { font-size: 62.06897%; font-family: interstate-bold, sans-serif, arial; color: #000000; background-color: #cccccc; padding: 2.6% 0; /* total 62px */ } @media (min-width: 768px) { /* line 253, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper h2 { font-size: 26.75%; padding: 1.6% 0px; } } /* line 265, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper ul.list-data { text-align: left; margin-left: 35%; font-size: 100%; line-height: 110%; } @media (min-width: 768px) { /* line 265, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper ul.list-data { margin-left: 41%; } } /* line 275, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table { font-size: 100%; width: 100%; } /* line 279, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr { font-size: inherit; padding: 0.2% 0; } /* line 282, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr:nth-child(even) { background-color: #eeeeee; } /* line 285, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr th { text-align: center; font-size: 34.48276%; font-family: interstate-bold, sans-serif, arial; color: #CC0000; padding: 5px 0; text-transform: uppercase; } @media (min-width: 768px) { /* line 285, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr th { font-size: 20.483%; padding: 11px 0; height: 35px; } } /* line 298, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td { float: none; width: 50%; padding: 0.6% 2%; } /* line 303, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.left-column { font-size: 34.48276%; font-family: interstate, sans-serif, arial; color: #CC0000; text-align: right; padding-right: 5px; float: left; width: 50%; text-transform: uppercase; } @media (min-width: 768px) { /* line 303, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.left-column { font-size: 20.483%; line-height: 22px; padding-right: 15px; } } /* line 317, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.right-column { font-size: 34.48276%; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; color: #333333; text-align: left; padding-left: 5px; float: left; width: 50%; border-left: 1px solid #cccccc; } @media (min-width: 768px) { /* line 317, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.right-column { font-size: 20.483%; line-height: 22px; padding-left: 15px; } } /* line 332, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.center-column { font-size: 34.48276%; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; color: #333333; text-align: center; } @media (min-width: 768px) { /* line 332, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.center-column { font-size: 20.483%; } } /* line 340, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.center-column.img-cell { padding: 0; } /* line 344, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr td.center-column.img-cell img { width: 100%; } /* line 353, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table tr.img-row { background-color: #eeeeee; } /* line 360, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td { font-size: 100%; text-align: center; } /* line 364, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td h3 { font-size: 34.48276%; font-family: interstate-bold, sans-serif, arial; color: #CC0000; padding-top: 2.91%; padding-bottom: 1.66%; } @media (min-width: 768px) { /* line 364, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td h3 { font-size: 20.483%; } } /* line 372, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td h3.warranty-empty { padding-top: 0; } /* line 376, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td p { font-size: 34.48276%; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; color: #333333; padding-bottom: 3.19%; line-height: 1.2em; } @media (min-width: 768px) { /* line 376, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td p { font-size: 20.483%; } } /* line 384, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr td p a { font-size: inherit; color: #CC0000; } /* line 393, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr.warranty-double-col td p { padding-bottom: 0; } /* line 397, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr.warranty-double-col td.left-column p { font-size: 34.48276%; font-family: interstate, sans-serif, arial; color: #CC0000; text-align: right; padding-right: 5px; } @media (min-width: 768px) { /* line 397, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr.warranty-double-col td.left-column p { font-size: 20.483%; } } /* line 406, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr.warranty-double-col td.right-column p { font-size: 34.48276%; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; color: #333333; text-align: left; padding-left: 5px; } @media (min-width: 768px) { /* line 406, ../../../scss/garage/responsive/specs.scss */ #specsMain .specs-table .specs-wrapper .table-wrapper table.specs-warranty-table tr.warranty-double-col td.right-column p { font-size: 20.483%; } } /* line 425, ../../../scss/garage/responsive/specs.scss */ .CX9 #specsMain #trims-content .content ul { /* Portrait */ } @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* line 425, ../../../scss/garage/responsive/specs.scss */ .CX9 #specsMain #trims-content .content ul { min-height: 11.4em; } }