/******************************************************************************************************************* 

  Theme Name: Child Seed
Template: organic_seed
  Theme URI: http://www.organicthemes.com/theme/seed-theme/
  Description: The Organic Themes framework. A starter theme, built for ease of customization.
  Author: Organic Themes
  Author URI: http://www.organicthemes.com
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Version: 2.2.2
  Text Domain: organicthemes
  Tags: art, artwork, blog, design, photoblogging, photography, portfolio, clean, contemporary, elegant, light, minimal, modern, professional, simple, gray, white, one-column, two-columns, three-columns, right-sidebar, fluid-layout, responsive-width, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, theme-options, translation-ready, infinite-scroll, post-slider, sticky-post, post-formats, featured-images
  
  The CSS, XHTML and Design are released under the GPL:
  http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

  Table of Contents:

   0. Global
   1. Hyperlinks    
   2. Headings
   3. Header
   4. Navigation
   5. Slideshow
   6. Homepage
   7. Content
   8. Post Formats
   9. Social Media
  10. Pagination
  11. Images
  12. Portfolio
  13. Wordpress Gallery
  14. Sidebar
  15. Widgets
  16. RSS Widget
  17. Calendar Widget
  18. Custom Menu Widget
  19. Search Form
  20. Footer
  21. Comments
  22. Buttons
  23. Tables
  24. Forms
  25. CSS3 Styles
  26. WooCommerce
  27. Grid
    
*******************************************************************************************************************/









body {
  color: #333333;
  margin-top: 0;
}

blockquote {
  color: #999999;
}

code, pre {
  color:#333333;
}

a, a:link {
  color: #161616;
}




/* to give a little space at top*/
#header{
  margin-top:10px;
}

/*To make body fit to top and bottom*/
.container{
  margin-top:0;
  margin-bottom:0;
  padding-top:10px;
  padding-bottom:20px;
}




/*To make drop down nav menus touch main nav - TEMP
*/ul.sub-menu {
  margin-top:-4px;
}


/* Background Gradient */
body:before{
   content: " ";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
background: rgba(249,251,234,0.5); /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fbea+39,dee8bf+100&0.75+0,0.75+100 */
background: -moz-linear-gradient(top,  rgba(249,251,234,0.5) 0%, rgba(249,251,234,0.5) 39%, rgba(222,232,191,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,251,234,0.5) 0%,rgba(249,251,234,0.5) 39%,rgba(222,232,191,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,251,234,0.5) 0%,rgba(249,251,234,0.5) 39%,rgba(222,232,191,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff9fbea', endColorstr='#bfdee8bf',GradientType=0 ); /* IE6-9 */
}


/* Background image */
body{
  background: url("http://lamontanita.coop/wp-content/uploads/2016/01/ppr-1.png") repeat fixed !important;
  background-size: 200px 200px !important;
}




/*Heading Custom Styles*/
h5{
  color:#000;
  font-weight:100;
}


/* Custom <p> spacing class */
.lessgap ul li{
  list-style-type:none;
  margin: 10px 0;
}








#wrap .menu a:focus, 
#wrap .menu a:hover, 
#wrap .menu a:active {
  background: #fff;
  outline: 0;
  /* set in style-options.php to nav_color */
  }

/* Reset from base CSS leaving weird colors */

#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a,
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover,
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a,
#navigation .menu li.current-menu-ancestor a,
#navigation .menu li.current_page_ancestor a,
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
  background: none;
  }




#wrap .menu a,
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current-cat ul li a {
  display:block;
  color: #ffffff;
  text-shadow: none;
  padding: 8px 16px;
}
 #navigation .menu .menu-item-home a:hover{
  background:#fff !important;
 }




/* Make nav items distribute */
#navigation .column {
  width:100%;
}
#navigation ul.menu{
  display: flex;
  width:100%;
  justify-content:space-between;
}
#navigation .menu li {
  border:none;
}


/* make nav bar full content width */
#navigation{
  margin-top:.5em;
  padding-left: 48px;
  padding-right: 48px;
  margin-left:-48px;
  margin-right:-48px;
}

#navigation a{
  font-family: "Helvetica",Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size: 1.3em;
}






/* spacing issues between home page slider, page photo, and post photo */

.home-slider {
  margin-top:16px;
}

.feature-img {
  margin: 0 auto;
}

/*padding in drop downs*/
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
 /* color: #9927C5;*/
 padding: 3px 18px 3px 18px;
  } 


.menu ul ul, ul.menu ul {
    width: 230px;
}








/*Tweaks to gravity forms specific forms*/

/*gform 24/header scoop signup*/
#gform_24{
  height:50px;
}

#gform_wrapper_24{
  margin:0;
  margin-top:1em;
  height: 1.5em;
}

#gforms_confirmation_message_24{
  margin-top:1.5em;
  height: 1em;
  font-size: .8em;
  line-height: 2.9em;
}

.JoinEmailCls input#input_24_1 {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #777777;
    display: inline;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 0.75em;
    height: 20px;
    line-height: 1;
    padding: 0 0 0 10px;
    width: 100%;
    right: 20px;
}
.JoinEmailCls #gform_submit_button_24, #gform_ajax_spinner_24 {
    height: 20px;
    padding: 2px 4px;
    position: absolute;
    top: 14px;
    right:0;
}

.navJoin{
  display:block;
  top:-1.4em;
  width:31%;
}

/*gform 67/scoop page signup*/
#gform_67 .gform_body {
  margin:0 !important;
}

#gform_67 .gform_footer{
  margin:0 !important;
  padding:0 !important;
}










/*slider title hover*/

.slideshow .information .title a {
    color: #869829; /*4c4c4c*/
    padding: 6px 0;
    font-size: 1em;
}


.slideshow .information .title a:hover {
    color: #acbf29; /*777*/
}

.slideshow .information{
  padding-top: 8px;
}

.slideshow .information p{
  padding: 6px 0 0 0;
}

.slideshow .information .excerpt h5{
    font-size: 1.1em;
    line-height: 1.5em;
    color:#4c4c4c !important;
    } 



/*Menu background colors*/

li, ul {
  transition: background .25s, color .25s;
  -moz-transition: background .25s, color .25s;
  -webkit-transition: background .25s, color .25s;
  -o-transition: background .25s, color .25s;
  }

#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {                                                    /*--*/
    color: #fff;
}

#navigation .menu .current_page_item a:hover,
#navigation .menu .current_page_ancestor a:hover,
#navigation .menu .current-menu-item a:hover{
  background: #fff;
}

/*#navigation .menu .current_page_item .sub-menu a,
#navigation .menu .current_page_ancestor .sub-menu a,
#navigation .menu .current-menu-item .sub-menu a,
#navigation .menu .current-cat .sub-menu a {
    background: #fff;
}*/

/*#navigation .menu .current_page_item .sub-menu a:hover,
#navigation .menu .current_page_ancestor .sub-menu a:hover,
#navigation .menu .current-menu-item .sub-menu a:hover,
#navigation .menu .current-cat .sub-menu a:hover {
    background: #fff;
}*/


/*#navigation .menu ul li a:hover,
#navigation .menu ul li a:hover,
#navigation .menu ul li a:hover,
#navigation .menu ul li a:hover {
  background: #fff;
}*/




/*  Currently selected page parent nav and dropdown - REQUIRED to override master style conflict  */
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-cat ul li a:hover {
    background: #fff
}
/* Current exact page and parent, bgcolored in style options php */
#navigation .menu li.current-menu-ancestor a,
#navigation .menu li.current_page_ancestor a,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a {
color: #fff;
}

/*get nested drop down lined up*/
#navigation ul.menu li li:hover ul, ul.menu li li.sfHover ul{
  top:4px;
}



table td {
  padding: 4px;
}




/*Removing Drop-down triangles!*/


.sf-arrows .sf-with-ul:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: none;
    border-image: none;
    border-right: none;
    border-style: none;
}


/*
Footer colors
*/

.footer-information{
  color: #777; 
}

.footer-information a {
  color: #444; 
}








/*
Tweaks to front page - slider, triple column, etc
*/


.flexslider{
  padding:0;
}




.homepage .featured-pages .information {
  padding:18px;
}





.title {
  font-weight:400;
  line-height: 1.3;
}


.slideshow{
  margin-top:0;
}



#header {
  line-height: inherit;
}

/* Bunch of header diffs */

div .SocialImgDiv{
  text-align: right;

}

div .SocialImgDiv img{
  width: 22px;
  float: left;
}


#navigation {
  position:inherit;
  color: #333333;
 /* font-size: 1.1em;*/
}

/* some ul lefts slightly different */

.menu ul.sub-menu, .menu ul.children {
  border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  -khtml-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
}

.menu a {
  line-height: 30px;
}

.menu li li a {
  line-height:30px;
}

/* sf-arrows big changes - color edits here? */

.slideshow .feature-img,
.slideshow .feature-vid {
  border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  -khtml-border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px 0px 0px 2px;
}

.slideshow .loading {
  background: #F9F9F9;
}

.flexslider {
  background: #F9F9F9;
  width: 100%;
}

.flex-direction-nav li a {
  background: #cccccc;
}

.flex-direction-nav .flex-next {
  border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  -khtml-border-radius: 0px 2px 2px 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
}

.flex-direction-nav .flex-next span,
.flex-direction-nav .flex-prev span {
  color: #242424;
}

.flex-control-nav li a {
  background: #CCCCCC;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.flex-control-nav li a:hover {
  background: #666666;
}

.flex-control-nav li a.flex-active {
  background: #333333;
}

.home-news .category-title {
  background: #EEEEEE;
  color: #9FA617;
}





/*  disable glossy drop downs in Safari  */
.noGlossySafari select, .noGlossySafari input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*  inline asterisk for required field  */
.hideRequiredAsterisk label .gfield_required{
  display: inline !important;
  padding-left:10px;
}






/* Tab Style Radio Button Gform */
.radioIntoTabs > .gfield_label {
    display: none !important;
}

.radioIntoTabs li {
    float: left;
    margin-bottom:0 !important;
}

.radioIntoTabs [type=radio] {
    display: none !important;
}

.radioIntoTabs [type=checkbox] {
    display: none !important;
}


.radioIntoTabs li label {
    margin: 0 2px 0 0 !important;
    padding: 10px !important;
    border: 1px solid #AAA;
    border-bottom: 0;
    background: #999;
    color: white;
    font-weight:bold !important;
    max-width: 100% !important;
}

.radioIntoTabs div {
  margin-bottom:0 !important;
}

.tabSectionHead {
    border-top: none !important;
    margin-top:0 !important;
    padding-top:45px !important;
    padding-bottom:0 !important;
    margin-bottom:30px !important;
    text-align:center !important;
    border-bottom:none !important;
    font-size:26px !important;
}

.radioIntoTabs [type=checkbox] ~ label{
  transition: background .25s, color .25s;
  -moz-transition: background .25s, color .25s;
  -webkit-transition: background .25s, color .25s;
  -o-transition: background .25s, color .25s;
}


.radioIntoTabs [type=radio]:checked ~ label {
    background: white;
    color: black;
}

.radioIntoTabs [type=checkbox]:checked ~ label {
    background: white;
    color: black;
}

.radioIntoTabs [type=checkbox] ~ label:hover {
    background: #777;
}

.radioIntoTabs [type=checkbox]:checked ~ label:hover {
    background: #EEE;
}

.signageReq{
  border:none;
  margin-top:24px !important;
  text-align:center;
}

.signageReq label{
  font-size: 16px;
}

.signageReq img{
  padding-left:5px;
}
















/* MDL Button Mods*/

.mdl-button--custom {
  text-transform:none;
  font-weight:bold;
  margin-left:20px;
  color:#505050;
  transition: all 0.3s ease 0s;
}

.buttonRedOrangeGradient {
  background: rgb(218,26,50); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(232,131,32,1) 0%, rgba(218,26,50,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(232,131,32,1) 0%,rgba(218,26,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(232,131,32,1) 0%,rgba(218,26,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88320', endColorstr='#da1a32',GradientType=0 ); /* IE6-9 */
  color:#ffffff;
}

.buttonRedOrangeGradient:hover{
  background: rgb(230,50,40); /* Old browsers */
background: -moz-linear-gradient(top, rgba(232,131,32,1) 25%, rgba(230,50,40,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,131,32,1) 25%,rgba(230,50,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,131,32,1) 25%,rgba(230,50,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88320', endColorstr='#e63228',GradientType=0 ); /* IE6-9 */
}


.buttonGreenTurqGradient {
  background: rgb(0,184,176); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0,184,176,1) 0%, rgba(46,149,62,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,184,176,1) 0%,rgba(46,149,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,184,176,1) 0%,rgba(46,149,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b0', endColorstr='#2e953e',GradientType=0 ); /* IE6-9 */
  color:#ffffff;
}

.buttonGreen{
  background: #96ca4f;
  color:#ffffff;
  }

.buttonGreen:hover{
  background: #2cb34a;
  color:#ffffff;
  }

.twoLineButton {
  height:70px;
  line-height:20px;
}

.buttonSideOfFeatureImg{
  position: absolute;
  right: 20px;
  top: -210px;
}

.jobListingButton{
  float:right;
  margin-right:20px;
  margin-top: 20px;
  margin-bottom:10px;
}

.jobListingText{
  margin-left:10px;
  margin-right:10px;
}













/*  Owner Deals / Dyn-o-Mite Deals layouts  */
.dealsContainer{
  width:100%;
  margin:0;
  padding:0;
}

.dealsColumn {
  flex-flow: column wrap;
  height:432px;
  max-height: 432px;
}

.dealsRow{
  flex-flow: row wrap;
}
.regularBlockWidth{ /*  Make these 100% at tablet and phone  */
  width:50%;
}
.thirdsBlockWidth{
  width:33%;
}

.xlDeal{
  height: 416px;
}

.l3Deal{
  height: 416px;
}

.deal a{
  color:#505050 !important;
  font-weight:600;
  text-decoration: none;
}


.deal .mdl-card__supporting-text{
  width:100%;
  position:absolute;
  bottom:0;
  height:60px;
  padding:5px;
  box-sizing:border-box;
  margin:0;
  background:rgba(0,0,0,0.3);
  color: #ffffff;
}

.dealImage{
  width:100%;
  height:100%;
  object-fit:cover;
}

.dealItem{
  height:100%;
  width:70%;
  box-sizing:border-box;
  float:left;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  transform-style:preserve-3d;
  font-size:14px;
  font-weight:600;
  line-height:15px;
}


.dealPrice{
  height:100%;
  width:30%;
  box-sizing:border-box;
  float:right;
  text-align:right;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  transform-style:preserve-3d;
  font-size: 16px;
  font-weight: bold;
  white-space:nowrap;
}

.sDeal .dealPrice{
  width:45%;
}

.sDeal .dealItem{
  width:55%;
}

/* Custom styling for ownerDeal */
.deal .ownerDeal .mdl-card__supporting-text{
  height:65px;
  background:rgba(255,255,255,0.8);
}
.ownerDeal .dealItem {
  color:#505050;
}
.sDeal .ownerDeal .dealItem{
  font-size:12px;
  line-height:13px;
  width:65%;
}
.sDeal .ownerDeal .dealPrice{
  width:35%;
  font-size:14px;
}

/* even more custom for ownerDeal threeRow for printing */
.sDeal .threeRow .dealItem{
  font-size:16px;
  line-height:17px;
  width:65%;
}
.sDeal .threeRow .dealPrice{
  width:35%;
  font-size:20px;
}

.departmentH4{
  padding-top:30px;
  text-align:center;
}





/* long title styling*/
  .deal .longTitle .mdl-card__supporting-text{
    height:60px;
  }
  .deal .ownerDeal.longTitle .mdl-card__supporting-text{
    height:65px;
  }


/* custom styling for short and no price */
.shortHeight{
  height:100px;
  min-height:100px;
}

.shortHeight .mdl-card__supporting-text{
  height:30px !important;
}
.noPrice .dealItem {
  width: 100% !important;
  text-align: center;
}
.noPrice .mdl-card__supporting-text{
  background:rgba(255,255,255,0.9) !important;
}






.dealItem>div{ /* vertical center text */
  position: relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dealPrice>div{ /* vertical center text */
  position: relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

.dealPrice span {
  background:rgba(233,44,46,0.8);
  padding:10px;
  border-radius:3px;
}

.lDeal .dealItem, .m3Deal .dealItem, .mDeal .dealItem, .l3Deal .dealItem, .xlDeal .dealItem{
  font-size:16px;
  line-height:20px;
}

.lDeal .dealPrice, .m3Deal .dealPrice, .mDeal .dealPrice, .l3Deal .dealPrice, .xlDeal .dealPrice{
  font-size:20px;
}

.lDeal .dealPrice span, .m3Deal .dealPrice span, .mDeal .dealPrice span, .l3Deal .dealPrice span, .xlDeal .dealPrice span{
  padding:8px;
}





















.ecs-event{
  margin-bottom:20px;
  list-style: none;
}

.ecs-event h4{
  padding-bottom:0;
  margin-bottom:0;
}

.ecs-event p{
  padding:0;
}














@media (max-width:960px) {
  .sDeal .dealPrice {
    width:52%;
  }
  .sDeal .dealItem {
    width:48%;
    font-size:13px;
    line-height:14px;
  }
  .deal .longTitle .mdl-card__supporting-text{
    height:70px;
  }
  .deal .ownerDeal.longTitle .mdl-card__supporting-text{
    height:75px;
  }


  .buttonSideOfFeatureImg{
    position:relative;
    top:0;
    right:0;
  }
}

@media (max-width:840px){
  .regularBlockWidth, .thirdsBlockWidth{
    width:100%;
  }
  .xlDeal, .l3Deal{
    height:200px;
  }
  .sDeal .dealPrice {
    width:40%;
  }
  .sDeal .dealItem {
    width:60%;
    font-size:14px;
    line-height:15px;
  }
  .deal .longTitle .mdl-card__supporting-text{
    height:60px;
  }
  .deal .ownerDeal.longTitle .mdl-card__supporting-text{
    height:65px;
  }
}

@media (max-width:600px){
  .sDeal .dealPrice, .s3Deal .dealPrice {
    width:50%;
  }
  .sDeal .dealItem, .s3Deal .dealItem {
    width:50%;
    font-size:14px;
    line-height:15px;
  }

  .lDeal .dealItem, .m3Deal .dealItem, .mDeal .dealItem, .l3Deal .dealItem, .xlDeal .dealItem{
  font-size:14px;
  }

  .lDeal .dealPrice, .m3Deal .dealPrice, .mDeal .dealPrice, .l3Deal .dealPrice, .xlDeal .dealPrice{
  font-size:16px;
  }

  .lDeal .dealPrice span, .m3Deal .dealPrice span, .mDeal .dealPrice span, .l3Deal .dealPrice span, .xlDeal .dealPrice span{
  padding:10px;
  }
}

@media (max-width:480px){
  .sDeal .dealPrice, .s3Deal .dealPrice {
    font-size:14px;
  }
  .sDeal .dealPrice span, .s3Deal .dealPrice span{
    padding:5px;
  }
  .sDeal .dealItem, .s3Deal .dealItem {
    font-size:12px;
    line-height:13px;
  }

  .lDeal .dealPrice span, .m3Deal .dealPrice span, .mDeal .dealPrice span, .l3Deal .dealPrice span, .xlDeal .dealPrice span{
    padding:5px;
  }

  .deal .longTitle .mdl-card__supporting-text{
    height:70px;
  }
  .deal .ownerDeal.longTitle .mdl-card__supporting-text{
    height:75px;
  }

}

