/* =================================================================================== */ div[class*='wrap-'] { background-color: #f6f6f6; clear: both; margin-bottom: 20px; padding-left: 0; padding-right: 0; } div[class*='wrap-'] h2 { padding-left: 10px; } div[class*='wrap-'] .bx-viewport { background-color: #f6f6f6; left: 0 !important; } div[class*='wrap-'] .bx-clone { display: none !important; } /* hide pager in small screens */ @media screen and (max-width: 670px) { .bx-pager { display: none; } div[class*='wrap-'] h2 { margin-bottom: 0; padding: 15px 15px 15px 10px; } } /* keep bx-slider controls underneath contact buttons bar */ div[class*='wrap-'] .bx-wrapper .bx-prev { z-index: 100 !important; } div[class*='wrap-'] .bx-wrapper .bx-next { z-index: 100 !important; } /* =================================================================================== */ div.course-owl-carousel { clear: right; padding: 0; background-color: #f6f6f6; } .item-video, .item-image { margin-left: 1px; } .item-image .slide-caption { position: absolute; top: 0; left: 0; margin: 0 0 0 1px; padding: 0 30px; height: 87px; width: 260px; background: rgba(44,44,44,0.9); } .item-image .slide-caption h2.med { margin-bottom: 0; padding: 0; color: #ffffff; width: auto; font-size: 15px; line-height: 20px; margin-top: 15px; } .item-image .slide-caption p { margin: 0 0 19px 0; color: #ffffff; font-size: 15px; width: auto; } .owl-prev { position: absolute; top: 45%; left: 1px; margin-top: -16px; outline: 0; width: 32px; height: 32px; background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px; } .owl-next { position: absolute; top: 45%; right: 0; margin-top: -16px; outline: 0; width: 32px; height: 32px; background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px; } .owl-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } .owl-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } /* fix for video display in mac firefox - nov 19 2014 */ owl-carousel .owl-wrapper, .owl-carousel .owl-item { -moz-backface-visibility: hidden; -moz-transform: translate3d(0,0,0); /* -webkit-backface-visibility: hidden; */ /* -webkit-transform: translate3d(0,0,0); */ /* -ms-backface-visibility: hidden; */ /* -ms-transform: translate3d(0,0,0); */ } /* remove black borders round video preview image - Jan 2014 */ /* overrides 'background-size: contain;' in owl.carousel.css (background-size: width height) */ .owl-carousel .owl-video-tn { background-size: 100% auto; } @media screen and (max-width:768px) { .item-image .slide-caption { margin-left: 0px; } .owl-nav { left: 0px; margin: 0; height: auto; } .owl-next, .owl-prev { margin-left: 1px; } } /* =================================================================================== */ div.wrap-eventbrite .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-eventbrite .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; } div.wrap-eventbrite .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; top: 150px; left: 0; } div.wrap-eventbrite .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-eventbrite .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; top: 150px; right: 0; } div.wrap-eventbrite .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-eventbrite .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-eventbrite h2 { padding-top: 10px; } ul.met2020-eventbrite { font-size: 14px; } div.inner { padding: 0 10px; } table.info-table { margin-bottom: 10px; width: 100%; border-top: 1px solid #bebebe; border-collapse: collapse; } table.info-table { -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; } table.info-table tr { vertical-align: top; border-bottom: 1px solid #bebebe; } table.info-table td { padding: 1px 5px; } table.info-table td.bold { font-weight: bold; } @media screen and (max-width:430px){ ul.met2020-eventbrite { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */} } div.wrap-course-news .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-course-news .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; } div.wrap-course-news .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; top: 156px; left: 0; } div.wrap-course-news .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-course-news .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; top: 156px; right: 0; } div.wrap-course-news .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-course-news .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-course-news h2 { padding-top: 10px; } ul.met2020-newslist { } ul.met2020-newslist div.inner { font-size:14px; padding: 0 10px; } a.newsanchor { display: block; min-height: 174px; background-color: white; } p.newstitle { font-weight: bold; margin-top: 5px; } p.newstitle a { color: #333; } p.newstitle a:hover { color: #333; text-decoration: none; } p.newstagline { } p.newsoverview { } @media screen and (max-width:430px){ ul.met2020-newslist { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */} } div.wrap-promocompact .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-promocompact .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; } div.wrap-promocompact .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; left: 0; } div.wrap-promocompact .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-promocompact .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; right: 0; } div.wrap-promocompact .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-promocompact .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-promocompact h2 { padding-top: 10px; } ul.met2020-promocompact { padding: 0; width: auto; } ul.met2020-promocompact li { text-align: left; } ul.met2020-promocompact li h2 { position: absolute; left: 0; top:0; z-index: 30; width: 100%; background-color: rgba(0,0,0,0.4); padding: 5px 8px; margin: 0 !important; } ul.met2020-promocompact.bottom_align li h2 { position: absolute; left: 0; top: auto; bottom:0; z-index: 30; width: 100%; background-color: rgba(0,0,0,0.4); padding: 5px 8px; margin: 0 !important; } ul.met2020-promocompact a { color: white; } ul.met2020-promocompact li img { z-index: 10; } @media screen and (max-width:430px){ ul.met2020-promocompact { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */ } } div.wrap-promostandard .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-promostandard .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; } div.wrap-promostandard .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; top: 55%; left: 0; } div.wrap-promostandard .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-promostandard .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; top: 55%; right: 0; } div.wrap-promostandard .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-promostandard .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-promostandard h2 { padding-top: 10px; } ul.met2020-promostandard { padding: 0; width: auto; } ul.met2020-promostandard li { text-align: left; } ul.met2020-promostandard a.cps-title { background: url('/css/images/btn-down-dark.png') 10px 10px no-repeat transparent; } ul.met2020-promostandard a.cps-title { display: block; min-height: 168px; margin: 0; padding: 35px 10px 10px 10px !important; color: #333; background-color: #f6f6f6; /* border-right: 1px solid #c0c0c0; */ } ul.met2020-promostandard a.cps-title:hover { color: #fff; background-color: #333; text-decoration: none; } ul.met2020-promostandard a.cps-title h2 { padding: 0 !important; margin: 0; } @media screen and (max-width:768px){ div.wrap-promostandard .bx-wrapper .bx-prev { top: 52%; } div.wrap-promostandard .bx-wrapper .bx-next { top: 52%; } ul.met2020-promostandard a.cps-title { background-image: none; } ul.met2020-promostandard a.cps-title { min-height: 143px; margin: 0; padding: 10px 10px 10px 10px !important; } } @media screen and (max-width:430px){ ul.met2020-promostandard { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */ } } /* this duplicates ul.met2020-newslist */ div.wrap-promolarge .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-promolarge .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; } div.wrap-promolarge .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; top: 156px; left: 0; } div.wrap-promolarge .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-promolarge .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; top: 156px; right: 0; } div.wrap-promolarge .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-promolarge .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-promolarge h2 { padding-top: 10px; } ul.met2020-promolarge { } ul.met2020-promolarge div.inner { padding: 0 10px; } a.newsanchor { display: block; min-height: 174px; background-color: white; } p.newstitle { font-weight: bold; margin-top: 5px; } p.newstagline { } p.newsoverview { } @media screen and (max-width:430px){ ul.met2020-promolarge { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */ } } div.wrap-promoslideshow .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-promoslideshow .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; height: auto; } div.wrap-promoslideshow .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; left: 0; } div.wrap-promoslideshow .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-promoslideshow .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; right: 0; } div.wrap-promoslideshow .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-promoslideshow .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-promoslideshow h2 { padding-top: 10px; } ul.met2020-promoslideshow { padding: 0; width: auto; } ul.met2020-promoslideshow li { text-align: left; } ul.met2020-promoslideshow li h2 { position: absolute; left: 0; top:0; z-index: 30; width: 100%; background-color: rgba(0,0,0,0.4); padding: 5px 8px; margin: 0 !important; } ul.met2020-promoslideshow a { color: white; } ul.met2020-promoslideshow li img { z-index: 10; height: auto; } @media screen and (max-width:430px){ ul.met2020-promoslideshow { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */ } } div.wrap-coursequotes .bx-wrapper { float: left; max-width: 100% !important; } div.wrap-coursequotes .bx-wrapper .bx-viewport { border: 0; box-shadow: 0 0 0 0 !important; } div.wrap-coursequotes .bx-wrapper .bx-prev { background: url(/css/met2020/controls-bw.png) no-repeat 0 -32px !important; left: 0; } div.wrap-coursequotes .bx-wrapper .bx-prev:hover { background: url(/css/met2020/controls-bw.png) no-repeat 0 0 !important; } div.wrap-coursequotes .bx-wrapper .bx-next { background: url(/css/met2020/controls-bw.png) no-repeat -43px -32px !important; right: 0; } div.wrap-coursequotes .bx-wrapper .bx-next:hover { background: url(/css/met2020/controls-bw.png) no-repeat -43px 0 !important; } div.wrap-coursequotes .bx-pager.bx-default-pager { bottom: auto !important; } /* stop pager overlapping slides */ div.wrap-coursequotes h2 { padding-top: 10px; } ul.met2020-quoteslist li { text-align: left; } ul.met2020-quoteslist li h2.coursequote { width: 90%; color: #333; font-size: 22px; line-height: 24px; margin: 0; padding: 0 0 12px 0; } ul.met2020-quoteslist a { color: #333; } ul.met2020-quoteslist a:hover { color: #337ab7; text-decoration: none; } ul.met2020-quoteslist p.citation { } @media screen and (max-width:430px){ ul.met2020-quoteslist { width: 9000px; min-width: 9000px !important; /* room for 15 x 300px visible and 15 x 300px clones */ } }