@charset "utf-8";
/* CSS Document */

.NavVideo {text-align:center;}
.NavVideo ul {display:block;text-align:center;margin:10px 0;padding:0;}
.NavVideo li {color: #000;display:inline-block;}
.NavVideo li a{line-height:36px;height:36px;display:block;padding:0 10px;background: #ddd;}
.NavVideo li a:hover{background: #A00;color: #fff;}


.margoCard{ vertical-align:top;overflow: hidden; width:48%; max-width:400px; min-width: 300px; background: #fff; box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%); display: inline-block; padding: 0!important; margin: 7px 0.5%!important; float: none!important; border-bottom: 1px solid #ccc; height: 410px; position: relative;  }
.margoCard:hover{box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);}

.smallPICvideo {background-repeat: no-repeat;}

.margoCard h2, .LEFT .margoCard h2 { color: #0377af; line-height: 1.1em; letter-spacing: normal; font-size:24px!important;  text-align: center!important; padding: 5px 2%!important;width:100%;border:none;margin:0!important;}
.margoCard .smallPICvideo{overflow: hidden; display:block;height:auto!important;max-height:220px;float:none;width:100%;}
.margoCard a:hover {text-decoration: none!important;color: #000;}
.post-info{display:block;overflow:hidden;max-height:130px;margin-top:10px;}
.post-body{padding-top:2px;}
.margoCard p{line-height: 1.2em;font-size:14px;text-align: center!important;padding: 2px 2%;overflow: hidden; display:block;max-height:70px;}

.margoCard .learnmoreBTN, .cardAED .learnmoreBTN{
    font-size: 15px;
    line-height: 24px;
    display: block;
    margin: 2px auto;width:120px;}
			
			
.cityCard{ vertical-align:top;overflow: hidden; width:100%; max-width:320px; height: 350px;background: #fff; box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%); display: inline-block; padding: 0 10px!important; margin: 7px 0.3%!important; border-bottom: 1px solid #ccc;  position: relative;  }
.cityCard:hover{box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);}
.cityCard h2, .LEFT .cityCard h2 { color: #0377af; line-height: 1.1em; letter-spacing: normal; font-size:24px!important;  text-align: center!important; padding: 5px 2%!important;width:100%;border:none;margin:0!important;}
.cityCard a:hover {text-decoration: none!important;color: #000;}
.cityCard a h6{line-height: 1.2em;font-size:14px;text-align: center!important;padding: 2px 2%;overflow: hidden; display:block;max-height:300px;}
.cityCard a h6 img{padding-top:7px;}