/*
Theme Name: mWod 2015 Child Theme
Theme URI: http://switchitupdesigns.com
Description: This is a child theme for mWod 2015
Author: Switch It Up Designs
Author URI: http: //www.switchitupdesigns.com/
Template: mwod2015
Version: 2.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.seminars { list-style: none !important; margin: 0 20px !important; padding:0; }
.seminars > li { margin: 0 0 40px; padding: 0 !important; }
.seminars > li > .date-signup { float: left; background:#2AA8E0; padding: 7px; width: 100px; text-align: center; }
.seminars > li > .date-signup .date { display: block; border: 3px solid #fff; padding: 10px 2px; font-size: 31px; line-height: 31px; color: #fff; text-transform: uppercase; white-space:nowrap; }
.seminars > li > .date-signup .date > b { display: block; font-size: 52px; line-height: 54px; font-weight: 700; padding-top: 3px; }
.seminars > li > .date-signup .txt { display: block; padding: 2px 2px 5px; font-size: 17px; line-height: 17px; font-weight: 700; color: #2AA8E0; background: #fff; text-transform: uppercase; }
.seminars > li > .cont { margin-left: 120px; }
.seminars > li > .cont h2 { margin: 0 !important; font-size: 25px; line-height: 30px; }
.seminars > li > .cont .location, .seminars > li > .cont .date-time, .seminars > li > .cont .price { color: #333; font-size: 15px; line-height: 15px; padding-bottom: 5px; font-weight: 700; }
.seminars > li > .cont .date-time { font-weight: 400; font-style: italic; }
.seminars > li > .cont .seminar-cont, .seminars > li > .cont .seminar-cont p { font-size: 17px; line-height: 22px; }

.webinars > li > .date-signup { width: auto; }
.webinars > li > .date-signup img { display: block; width: 100%; height: auto; line-height:0; max-width: 180px; }
.webinars > li > .date-signup .txt { padding-top: 5px; }
.webinars > li > .cont { margin-left: 210px; }
.webinars > li > .cont .price span { color: #2C99DB; }
.webinars > li > .cont .seminar-cont .more { color: #2C99DB; font-style: italic; font-weight: 700; }
.isocontent.isotope li .description { display: none; }
.isocontent.isotope li .description + h3 { font-size: 16px; }
.pagination-small + .pagination-small2 { display: none !important; }
.pagination-small { margin-bottom: 30px; padding-top: 20px; text-align: center; }
.pagination-small ul { list-style: none !important; }
.pagination-small ul li { display: inline-block; float: none; }

.media-items { list-style: none !important; margin: 0 20px !important; padding:0; }
.media-items > li { float: left; width: 25%; padding: 0 10px; display: block; margin-bottom: 50px; }
.media-items > li > a img { display: block; line-height:0; width: 100%; height: auto; border: 4px solid #2C99DB; padding: 0px; max-height: 290px; }
.media-items > li > hr { display: block; width: 100%; max-width: 70px; margin: 15px auto 10px; background: #DAD9DB; height: 5px; line-height: 0; }
.media-items > li > h2 { font-size: 19px; line-height: 21px; text-align: center; margin: 0 0 5px; height: 45px; overflow: hidden; }
.media-items > li > .media-cont, .media-items > li > .media-cont p { text-align: center; font-size: 15px; line-height: 17px; color: #000; }
.media-items > li > .media-cont p { margin-bottom: 0; }
.media-items > li > .media-cont { height: 65px; overflow: hidden; }
.media-items > li > .button-cont { margin: 10px 0 0; text-align: center; }
.media-items > li > .button-cont > a { display: inline-block; background: #2C99DB; padding: 10px 20px; color: #fff; text-transform: uppercase; border-radius: 3px; }

@media (max-width: 768px){
  .media-items > li { width: 33.33333%; }
}
@media (max-width: 479px){
  .row .row { margin-left: 0; margin-right: 0; }
  .seminars > li { margin-bottom: 50px; }
  .webinars > li > .date-signup, .webinars > li > .cont { float: none; width: auto; margin-left: 0; }
  .webinars > li > .date-signup { margin-bottom: 20px; }
  .webinars > li > .date-signup img { max-width: 100%; }
  .webinars > li > .cont .price { margin-bottom: 10px; }
  
  .media-items > li { width: 50%; }
  .media-items > li > a img { max-height: 100%; min-height: 225px; }
	.media-items > li > .media-cont { height: 100px; }
  
	.isocontent.isotope li .description + h3 { font-size: 13px; }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}