/*camera-map hero all*/

.trafficpro_container { width:100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; color:#555;}




/*articles listings*/


.accident_article {padding:15px;color:#555; }
.accident_article_inner { background:#fff; display:flex; padding:15px;border:#ddd 1px solid;border-radius:5px;border-top:#fcc82f 5px solid;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); }
.aa_date { font-weight:600; text-align:right; width:100%; padding:3px; }	
.accident_article_image { flex:200px 0 1; text-align:center; }
.accident_article_text { flex:1; position:relative; }
.aa_button { position:absolute; bottom:3px;right:3px; background:#fcc82f; color:#000;border:none;padding:7px 12px;border-radius:3px;font-weight:500; }
.aa_button:hover { background:#555;color:#fff; }
.accident_article h2 { font-size:22px; font-weight:600; line-height:110%; padding:7px 0px; margin:0;}

@media (max-width: 768px) {
/*.aa_date { position:absolute; top:0;right:0; }*/
.accident_article { padding:0px;}
.accident_article_inner {flex-direction: column;}
.accident_article_text,.accident_article_image { flex:1;display: block; }
.accident_article_text { border-top:#ddd 1px solid; }
.accident_article_image { text-align:center; width:100%;}
}


/*   camera page/intersections   */
 .camera-page-content p { padding:7px 0; }
 .camera-page-content { color:#333; }
    .camera-page-content { min-height: 100vh; } 
    .flexparent { display: flex; align-items: stretch; min-height: 100%; }
    .tpimage { flex: 0 0 400px; } 
    .tpsad_image { flex: 0 0 400px; }
	.tpimage img { width: 100%; height: auto; border-radius: 9px; } 
	.tpsad_image img { width: 100%; height: auto; }
    .tptext { flex: 1; padding: 0 15px 15px 0px; } 
    .tptext_inner { border-radius: 5px; padding: 15px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); border-top: #4285f4 5px solid; }
    @media (max-width: 768px) {
		.tptext { padding:15px 0 0 0; }
      .flexparent, .flexparent > div { flex-direction: column; }
      .tpimage { flex: 1 1 100%; }
    }
	.tpstat_heading { flex:1;padding:15px;text-align:center; }
	.tpstat_boxframe { flex:1; }
	.tpstat_box { flex:1;padding:15px; }
	.tpstat_boxframeflex { display:flex; }
	

@media (min-width: 769px) {
  .tpstat_boxframeflex {
    display: flex;
    flex-wrap: wrap;
  }

  .tpstat_box {
    flex: 1 0 50%;
  }
}


@media (max-width: 768px) {
  .tpstat_boxframeflex {
    display: block; 
  }

  .tpstat_box {
    flex: 1; 
    margin-bottom: 15px; 
	text-align:center;
  }
}
.tpband_spacer { width:100%; height:55px; }
.tpstat_wrapper,.tfacts_wrapper { padding:55px 0;  background: linear-gradient(to right, #fff, #eee); border:#ddd 1px solid; border-radius:5px; border:radius:5px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); }
.tfacts_wrapper { padding:35px 0; }
.tpstat_wrappers_wrapper,.tfacts_wrappers_wrapper { padding:0 15px; }
.tpstat_top { font-weight:600; font-size:22px; color:#444; }
.tpstat_deaths { font-weight:800; font-size:44px; color:red; }
.tpstat_dates { font-weight:600; font-size:22px; color:#666; }
.tpstat_box { font-size:34px; font-weight:800; }
.greylabel { font-size:22px; font-weight:600; color:#444; }

.tpfacts_flex { display:flex; }
.tpfacts_image { text-align:center; padding:0px 15px; flex:200px 0 1;}
.tpfacts_text { flex:1;padding:0px 15px;}
.tptext a { color:#fff; text-decoration:none; }

@media (min-width: 769px) {
	.tpstat_wrappers_wrapper { padding:0px!important;}
  .tpstat_boxframeflex {
    display: flex;
    flex-wrap: wrap;
  }

  .tpstat_box {
    flex: 1 0 50%;
	text-align:center;
  }
}

/* Adjust for mobile */
@media (max-width: 768px) {
  .tpstat_boxframeflex {
    display: block; 
  }

  .tpstat_box {
    flex: 1; 
    margin-bottom: 15px; 
  }
}
@media (max-width: 768px) {
  .tfacts_wrapper {
    display: block; 
  }

  .tpfacts_flex {
    flex-direction: column; 
  }

  .tpfacts_image {
    max-width: 100%; 
    margin: 0 auto; 
  }

  .tpfacts_text {
    padding: 15px 15px;
  }
  .tpfacts_image { display:none; }
}
	.sadlinks { text-align:right;width:100% }
	@media (max-width: 768px) { .sadlinks { text-align:center;padding:15px 3px 3px 3px; font-size:12px; } }

.trafficpro_page_wrapper ul.interlinks { list-style:none; margin:0 auto; }
.trafficpro_page_wrapper ul.interlinks li { float:left;padding:0 3px; border-left:#888 1px solid;border-right:#888 1px solid; font-size:12px; }
.interlinksbox {    
	display: flex;
    justify-content: center;
    align-items: center;
	1height: 100vh; /* 100% of the viewport height */
}

/*article page*/


.traffic-article-page p { padding:7px 0; }
.traffic-article-page h3 { color:#fff; }
.traffic-article-page .trafficpro_container h3 { color:#fff; }

.traffic-article-page .tp_flexr input[type=submit] {
    background-color: #ef8c01;
    color: #fff;
}

.traffic-article-page .tp_flexr input[type=submit]:hover { background:#555; }

.traffic-article-page .gform_title { display:none; }

.traffic-article-page .tptext { padding:15px;} 

.traffic-article-page .disclaimers p { font-size:12px;font-style: italic;padding:7px;margin-bottom:7px; }

.traffic-article-page .tptext h2 { color:#fff; }

.traffic-article-page .tpsadbanner p { color:#ddd!important;}

.traffic-article-page .sidebar_pad label {display:none;}

.traffic-article-page .sidebar_pad input, 
.traffic-article-page .sidebar_pad textarea {
    max-width:100%;
    max-height:150px;
    padding:10px;
    width:100%;
    margin:5px;
    border:#ddd 1px solid;
    border-radius:5px;
}

.traffic-article-page .sidebar_pad input[type=submit] { 
    font-size:14px;
    margin-left:5px;
}

.traffic-article-page button.vlf { 
    background-color:#ef8c01; 
    border-radius:5px;
    padding:3px 12px;
    color:#fff;
    font-size:1.5rem;
    font-weight:400;
    border:none;
}

.traffic-article-page .tp_flex {
    display: flex;
    align-items: stretch;
}

.traffic-article-page .tp_flexl, 
.traffic-article-page .tp_flexr {
    min-height: 300px;
    padding: 15px;
}

.traffic-article-page .tp_flexr_inner {
    border-radius:5px;
    padding:15px;
    width: 100%;
    height: 100%;
}

.traffic-article-page button.vlf:hover {
    background-color:#ddd;
    color:#333;
    cursor:pointer;
    box-shadow:none;
}

.traffic-article-page .articlehero { max-height:360px; }

.traffic-article-page .vlflabel { font-size:2.8em; }

.traffic-article-page @media (max-width: 1150px) { 
    .articlehero {max-height:300px;} 
    .vlflabel { font-size:2.5em; }  
}

.traffic-article-page @media (max-width: 980px) { 
    .articlehero {max-height:240px;} 
    .vlftext {display:none;} 
    .vlflabel { font-size:2.1em; }  
}

.traffic-article-page @media (max-width: 580px) { 
    .articlehero {max-height:120px;} 
    .vlftext {display:none;} 
    .vlflabel { font-size:1.5em; }  
}

.traffic-article-page .trafficpro_container p { margin-bottom:10px; }

.traffic-article-page .flexparent { display: flex; align-items: stretch; }

.traffic-article-page .tpimage { flex: 0 0 400px; }

.traffic-article-page .tpsad_image { flex: 0 0 400px; }

.traffic-article-page .tpimage img { 
    width: 100%; 
    height: auto; 
    border-radius: 9px; 
}

.traffic-article-page .tpsad_image img { width: 100%; height: auto; }

.traffic-article-page .sadlinks { 
    text-align: right; 
    width: 100%; 
}

.traffic-article-page .sadlinks a {
    color:#fff;
    text-decoration:none; 
}

.traffic-article-page @media (max-width: 768px) {
    .tptext { padding:0px;}
    .flexparent { flex-direction: column; }
    .tpsad_image, .tptext { flex: 1; height:200px; }
    .tpsad_image { flex: 0 0 300px; }
    .sadlinks { 
        text-align: center; 
        padding: 15px 3px 3px 3px; 
        font-size: 12px; 
    }
    .tp_flex { flex-direction: column; }
    .tp_flexl, .tp_flexr { width: 100%; }
    .tp_flexr { margin-top: 15px; }
    .tp_flexr_inner { width: 100%; }
}

.traffic-article-page .tp_flex { display: flex; }

.traffic-article-page .tp_flexl { flex: 1; padding: 15px; }

.traffic-article-page .tp_flexr { 
    flex: 0 0 calc(33% - 30px); 
    width:400px;
    padding: 15px; 
}

.traffic-article-page .tp_flexr_inner { 
    background: #eee; 
    width: 100%; 
}