/* ------------ GROUPS PAGE ONLY  --------- */

.groups h1 { margin-bottom: 20px; }



.groups-menu .group-outer           { float:none; width: 100%; }
.groups-menu h3                     { text-align:center; font-weight:bold; margin: 20px 0 10px 0px; font-size: 18px; text-transform:uppercase;}

.group-details                  { border: 1px #cacaca solid; padding: 8px; }
.group-details p.title                  { display:block; background-color:#666666; color:white; font-weight:900; padding: 12px; font-size: 24px; text-align:center; margin: 0px; }
.group-details p.dates                  { display:block; background-color:#e5e5e5; color:black; font-weight:normal; padding: 12px; font-size: 18px; text-align:center; margin: 0px; }
.group-details p.hosted { border-bottom: 1px #cacaca dotted; padding: 10px; font-size: 15px; text-align:center; font-style:italic; }

.group-details .group-content                  { padding: 0 30px;  }
.group-details .group-content img                  { float:right; max-width: 250px; margin: 20px;  }
.group-details .group-content .price                  { float:right; padding: 20px; font-size: 16px; text-align:center; background-color:#666666; color:white;  }
.group-details .group-content .price span                 { display:block; font-size: 30px; font-weight:900; }
.group-details .group-content .go                  { font-size: 16px; }
.group-details .group-content .go a                  { background-color:#585858; padding: 8px 16px; color:white; display:inline-block; }
.group-details .group-content .go a:hover                  { background-color:#666666; text-decoration:none;  }



/* ------------ GROUPS PAGE ONLY  --------- */



.group-outer                {  margin-bottom: 25px; padding: 7px; }
.group-outer a:hover                { text-decoration:none; }

.group-inner                { border: 1px #969696 solid; padding: 0px; min-height: 575px !important; position: relative; overflow:hidden; }
.group-inner:hover      {  box-shadow: 0 0 7px rgba(0, 0, 0, 0.59); }




.group-img                  { margin: 7px; background-repeat: no-repeat; background-position: center center; background-size:cover; }
.group-img img                  { width: 100%; }
.group                  { padding: 10px 30px; }


.group p { line-height: 115%; text-align:left;  }

.group p.title               { font-size: 18px; color:black; font-weight:800; margin: 0 0 12px 0;}
.group p.hosted               { font-size: 14px; font-style:italic; color:#373737;  margin: 0 0 18px 0;}
.group p.teaser { font-size: 15px;  font-weight:normal; }

.group p.dates               { font-size: 13px; text-transform:uppercase; font-weight:normal; color:#373737; margin: 6px 0 14px 0;}



.group-outer .more-info  { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 13px; text-align:right; border-top: 1px #969696 solid; font-weight:800; text-transform:uppercase; padding: 15px 25px; }































@media only screen and (max-width: 1000px) 

{

.group-outer                { width: 50%;  }

}


@media only screen and (max-width: 850px) 

{
.group-outer                { width: 100%;  }


}




@media only screen and (max-width: 650px) 

{



.group-details .group-content                  { padding: 0px;  }





}





@media only screen and (max-width: 500px) 

{



}










@media only screen and (max-width: 400px) 

{

.group-img          { float:none; width: 100%; position: relative; height: auto; width: 100%; margin-bottom: 10px; }



.group              { float:none; width: 100%; padding: 0 16px;}


}