/***************** 
ferry svs site 
******************/
.weather{display: none;} /*01-23-19 remove weatehr info API deprecation*/

.alertbox {background: #c95d5d;padding: 8px;text-align:center;}
.alertbox h2, .alertbox p, .alertbox ul {color: #ffffff;}
.alertbox p, .alertbox ul {font-size: 24px}

#winter, #summer {display:none}


.imgheaders {width:100%;height:250px;overflow:hidden;margin-top:-6px}
.imgheaders img {width: 100%;height:auto}


.hmlinks a.toggletitle {display:block;background: #fff;color: #fff;padding: 8px; -webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0 ; font-size: 1.35em;}
.hmlinks a.toggletitle:active {border-bottom: 1px solid #fff}
.hmlinks {text-align:center;margin:0 auto}
.hmlinks ul {margin-left:auto;margin-right:auto;padding-left:0;}
.hmlinks ul li {list-style:none;float:left;margin-right:4px;padding:4px;margin-bottom:-5px;width:32%}

.panel {clear:both;text-align:left;}
.panel ul li {float:none;}
.accordionpanel  {display:none;}


.panel h3, .accordionpanel div h3 {color: #efefef;font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:1.1em}

.hmlinks .panel div {padding:2%;font-size:1em; width: 94%;margin-top:-10px;margin-left:4px;min-height:250px;
height:auto !important;height:250px;}
.hmlinks ul li div.panel {background:none;margin-top:-10px}
a#rockland, #rocklandbox, #rocklandboxli {background: #505d73}
a#bassharbor, #bassharborbox, #bassharborboxli {background: #c85c5c}
a#lincolnville, #lincolnvillebox, #lincolnvilleboxli {background: #487FA8}

#rocklandboxli {background: #5d6e8c}
#bassharborboxli {background: #ea6e6e}
#lincolnvilleboxli {background: #599ccd}

a#rockland:hover, a#rockland:active {background: #5d6e8c}
a#bassharbor:hover, a#bassharbor:active{background: #ea6e6e}
a#lincolnville:hover, a#lincolnville:active {background: #599ccd}

.pcol {width: 20%;}
.panel div a:hover {color: #CCC}

.bar {display: block;width: 95%;margin:6px auto;color: #fff;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;padding:6px;}

.width30percent {width:30% !important}

.bar i {font-size: 160%}
.bar b {font-size: 155%;}

.inner {padding: 3%; height: 220px;}

.hmbxcontent {-webkit-border-radius: 0 0 12px 12px;-moz-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px;color: #fff;margin-top: 0;width:100%;}

.hmbxcontent h3 img {padding-top: 20px}
.hmbxtitle {text-align:center;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;color:#fff;margin-bottom:-1px;width:96%;padding:2%}
.hmbx {display: block;width: 26%;float:left;margin: 10px 1%; min-height:310px;}

.hmbx ul {margin-left:0;text-indent: 70px; height: 170px;}
.hmbx li {padding-top:2px;padding-bottom:2px;margin-bottom: 3px;;font-size:1.3em;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;list-style:none;}
 .hmbx li:hover {background: #dfdfdc}

.hmbx li a {background: url(../../../ferry/assets/img/icons/boat-icon.png) left center no-repeat;display:block;height:45px;line-height:45px }
.hmbx li a:hover {color: #C00}


/*-- FERRY SCHEDULE-TABLE--*/	
.table {
width: 100%;
margin-bottom: 20px;
}

.schedule-table { 
background: #FFF;
border: 8px solid white;
}

.schedule-table tr {
background: #FFF;	

}
.schedule-table tr td {

text-align: center;
background:#efeeee;
color: #063F62;
border: 2px solid white;
padding:10px 10px;
font-size: 16px;
vertical-align:middle;
}
.schedule-table tr td.tblsmallpadding {padding: 5px 3px !important;}

.schedule-table tr th {
text-align: center;
background:#063F62;
border: 2px solid white;
color:#FFF;
padding: 10px;
font-size: 1em;
}

.schedule-table tr th.head, .head {background:  url(../../../_siteassets/assets/img/bg/ltbluepaper.png) repeat top left}

.schedule-table .gray-row td {
background: #CCC;
padding: 25px;
}
.schedule-table .white-row td {
background: #FFF;
height: 10px;
color: #1c76ae;
padding: 8px;
}

.days {padding: 0 5px; width: 60px;height:auto}


.smalltoggle {font-size: 1em !important;}


@media screen and (max-width:50em) {
	.imgheaders {height:auto;overflow: visible;margin-top: 3px}
	.hmbx  {float:none; width:100%}
}

/* mobile 400px*/
@media screen and (max-width:25em) {
	
	.imgheaders, slider_container{display:none}	
	.width30percent {width: 95% !important}
	.schedule-table tr td {padding: 1px}
	.marginrt10px {margin-right:0}
	
}