.title_mobail { color:#ef4230; }

#planAndDev { background-color: #ffffff;padding-top:120px; padding-bottom:30px;}
#planAndDev.imgHeader{ background-image:none;}

#planAndDev .bContainer{}
#planAndDev .breadcrumbs{display: none }
#planAndDev .topIcons{display: none }
#planAndDev .rContainer{display: none;}

#planAndDev .lContainer{}
#planAndDev .lContainer h1{font-family: 'BlenderBold', Arial, sans-serif; font-size: 23px; font-weight: normal; color: #ef4230;margin-bottom: 10px;}
#planAndDev .lContainer h2{font-family: 'BlenderBold', Arial, sans-serif; font-size: 24px; font-weight: normal; color: #3c3c3c;margin-bottom: 10px;}
#planAndDev .lContainer h3{font-family: 'BlenderBold', Arial, sans-serif; font-size: 24px; font-weight: normal; color: #0072C1;margin-bottom: 10px;}
#planAndDev .lContainer h4{font-family: 'BlenderBold', Arial, sans-serif; font-size: 21px; font-weight: normal; color: #3c3c3c;margin-bottom: 24px;}
#planAndDev .lContainer h5{font-family: 'BlenderBold', Arial, sans-serif; font-size: 19px; line-height:28px; font-weight: normal; color: #3c3c3c;}
#planAndDev .lContainer h6{font-family: 'BlenderBold', Arial, sans-serif; font-size: 19px; line-height:28px; font-weight: normal; color: #0a6aae;}

#planAndDev .lContainer .regText{font-family: 'blenderRegular', Arial, sans-serif; font-size: 19px; line-height:26px; color: #3c3c3c;margin-bottom: 24px;}
#planAndDev .lContainer .regText.bold{font-family: 'BlenderBold', Arial, sans-serif; font-size: 17px;}

#planAndDev .inThisPage{margin-bottom: 24px;margin-top: 0px;}
#planAndDev .inThisPage ul{list-style: none;margin-top: 0;margin-bottom: 0; padding: 0; max-height: 105px; overflow: hidden;}
#planAndDev .inThisPage li{ display:inline; margin-left:5px;}
#planAndDev .inThisPage a{font-family: 'blenderRegular', Arial, sans-serif; font-size: 19px; line-height:35px; color: #0072bc;text-decoration: underline;cursor: pointer;}
#planAndDev .inThisPage h6{font-size: 17px;}

#planAndDev .lContainer #linkAll{font-family: 'BlenderBold', Arial, sans-serif; font-size: 24px; font-weight: normal; color: #0072C1;margin-bottom: 10px;}


@media (min-width: 768px) {
    #planAndDev {padding-top:230px; margin-top:0;}
    #planAndDev.imgHeader{ background-image:url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/top-img.png); background-position:left top; background-size:auto 330px; background-repeat: repeat-x;}
    #planAndDev .bContainer{width: 700px; background-color:#ffffff;}

    #planAndDev .navHeader { margin:30px 30px 0; width:auto;}
    #planAndDev .navHeader .col-md-12{ margin:0; padding:0;}
    #planAndDev .breadcrumbs{ display:block; font-size: 17px; float: right; list-style: none; padding:0; margin:0;}
    #planAndDev .breadcrumbs li{display:inline-block;}
    #planAndDev .breadcrumbs li a { color:#3c3c3c;}
    #planAndDev .breadcrumbs li:after { content:">"; margin:0 2px;}
    #planAndDev .breadcrumbs li:last-child { font-family:'BlenderBold', Arial, sans-serif; font-size:15px;}
    #planAndDev .breadcrumbs li:last-child:after { content:""; margin:0px;}

    #planAndDev .topIcons{ display:block; float: left; list-style: none; padding:0;}
    #planAndDev .topIcons li{margin-right: 20px; display:inline-block;}
    #planAndDev .topIcons li a{ font-size:20px; color:#b3b3b3;}
    #planAndDev .topIcons li a:hover{ color:#646464;}
    #planAndDev .topIcons li a span{margin:0 ;}

    #planAndDev .lContainer{ width: 650px; margin:0 auto; padding:0; }
    #planAndDev .lContainer h1{ line-height: 0.5;}
    #planAndDev .lContainer h2{font-size: 37px;margin-bottom: 20px;}
    #planAndDev .lContainer h3{font-size: 24px;}
    #planAndDev .lContainer h4{font-size: 21px;}
    #planAndDev .lContainer h5{font-size: 19px; line-height:29px;}
    #planAndDev .lContainer h6{font-size: 19px; line-height:29px;}
    #planAndDev .lContainer .regText{font-size: 19px; line-height:27px;}

    #planAndDev .lContainer #linkAll{font-size: 24px;}
}

@media (min-width:992px) {
    /*menu more*/
    .menu-more { display:none;}

    /*planAndDev*/
    #planAndDev {padding-top:315px; margin-top:30px;}
    #planAndDev.imgHeader{ background-size:auto 457px;}
    #planAndDev .bContainer{width: 960px; }

    #planAndDev .navHeader { margin:20px 30px 30px; width:auto;}
    #planAndDev .breadcrumbs {}

    /*planAndDev side menu*/
    #planAndDev .rContainer{width: 204px; float: right; display:block; margin-right:30px; margin-top:3px;}

    /*planAndDev content*/
    #planAndDev .lContainer{ float: left; width: 650px; margin-left: 30px;}
    #planAndDev .lContainer h1{font-size: 40px; line-height:40px;}
}

@media (min-width: 1200px) {
    /*planAndDev*/
    #planAndDev { padding-top:360px; margin-top:0px;}
    #planAndDev.imgHeader{background-size:auto 525px;}
    #planAndDev .bContainer{width: 1198px;}

    #planAndDev .navHeader { margin:34px 40px 28px;}
    #planAndDev .breadcrumbs {}

    /*planAndDev side menu*/
    #planAndDev .rContainer{width: 244px; margin-right:40px;}

    /*planAndDev content*/
    #planAndDev .lContainer{ float: left; width: 798px; margin-left: 36px; }
    #planAndDev .lContainer h1{font-size: 50px; line-height:50px;}
    #planAndDev .lContainer h2{font-size: 37px;margin-bottom: 22px;}
    #planAndDev .lContainer h3{font-size: 28px;}
    #planAndDev .lContainer h4{font-size: 23px;}

    #planAndDev .lContainer #linkAll{font-size: 28px;}

}

@media (min-width: 1919px) {
    /*planAndDev*/
    #planAndDev { padding-top:430px; margin-top:20px;}
    #planAndDev.imgHeader{background-size:contain;}
    #planAndDev .bContainer{width: 1600px;}
    #planAndDev .navHeader { margin:34px 80px 28px 30px;}

    /* planAndDev side menu */
    #planAndDev .rContainer{margin-right:80px;}

    /*planAndDev content*/
    #planAndDev .lContainer{ margin-left: 135px; }
}


.digitafEv h3.link_all a {
    color: #0072C1;
}
.digitafEv #event_scroller li.item li.event_day:hover,
.digitafEv #event_scroller li.item li.event_day:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    top: -1px;
    border: 1px #0072C1 solid;
    background-color: #F0F2F5;
}
.digitafEv #event_scroller li.item li.event_day.active_day {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #0072C1;
    color: #ffffff;
    top: -1px;
    border: 0;
}
    .digitafEv #event_scroller li.item li.event_day.active_day:hover, .digitafEv #event_scroller li.item li.event_day.active_day:focus {
        border: 0;
    }
.digitafEv #map_area div.map_menu {
    background: #0072C1;
}

.digitafEv #event_scroller .back_event:hover img, 
.digitafEv #event_scroller .back_event:focus img, 
.digitafEv #event_scroller .next_event:hover img, 
.digitafEv #event_scroller .next_event:focus img{
    outline: 1px #0072C1 solid !important;
}

#event_scroller{
    padding-top:5px;
}