/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */

    .legal-service-directory-table tr, .legal-service-directory-table td, .legal-service-directory-table table { 
		 display:block;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
    .legal-service-directory-table thead th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
	
	.view-clone-of-recurring .view-display-id-page_2 .table-striped tbody tr, .legal-service-directory-table tbody tr { 
        
            padding: 10px !important;
            border: 1px solid !important;
            border-radius: 10px !important;
            margin : 10px !important;
            display: block;
            
        
    }
    /*row mobile disaply*/
        .legal-service-directory-table tbody tr {
    
    }
    .legal-service-directory-table .table-responsive {
        padding: 15px;
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* border: 1px solid #ddd; */
        background: #efefef;
    }
    .legal-service-directory-table .table-striped > tbody > tr {
        background-color: #f9f9f9;
    }

    .legal-service-directory-table .table-responsive > .table > thead > tr > th, 
    .legal-service-directory-table .table-responsive > .table > tbody > tr > th,
    .legal-service-directory-table .table-responsive > .table > tfoot > tr > th, 
    .legal-service-directory-table .table-responsive > .table > thead > tr > td, 
    .legal-service-directory-table .table-responsive > .table > tbody > tr > td, 
    .legal-service-directory-table .table-responsive > .table > tfoot > tr > td {

        white-space: normal;
        width:100%;
        overflow: auto;
    }
    .legal-service-directory-table td.views-field.views-field-date__value.is-active.views-align-left {
        white-space: normal;
    }

    .view-clone-of-recurring .view-display-id-page_2 .table-striped > tbody > tr {
        background-color: #f9f9f9;
        padding: 10px;
        border: 1px solid;
        border-radius: 10px;
        margin: 10px;
    }
	
	.view-clone-of-recurring .view-display-id-page_2 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.view-clone-of-recurring .view-display-id-page_2 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.legal-service-directory-table td:nth-of-type(1):before { 
        /* content: "Organization Name";  */
        display: inherit;
        font-weight: 500;
        }
	.legal-service-directory-table td:nth-of-type(2):before { 
        /* content: "Phone"; */
        display: inherit;
        font-weight: 500; 
        }
	.legal-service-directory-table td:nth-of-type(3):before { 
        /* content: "Website"; */
        display: inherit;
        font-weight: 500; 
        }
	.legal-service-directory-table td:nth-of-type(4):before { 
        content: "Service County";
        display: inherit;
        font-weight: 500; 
        }

    
	
}

@media only screen and (max-width: 759px){
    .legal-service-directory-table tbody tr { 
        display:grid !important;
   }

   
}


@media only screen and (max-width: 479px){
    form#views-exposed-form-legal-service-directory-page-1{
        text-align: left;
    }
    .field.field--name-field-map-location.field--type-string.field--label-hidden.field--item iframe {
        max-width: 100%;
    }

    .org-description-innerpage-details .organization-description-wrapper .field--label-inline .field--label{
        max-width:100% !important;
    }
   
}

.page-node-type-legal-directory-organization .region.region-content .field {
    margin-left: 0 !important;
}


/*   Program details in inner pages of Legal service Display */
section#block-views-block-program-details-innerpage-block-block-1 h2 {
    font-size: 16px;
    /* font-family: 'Roboto'; */
    font-weight: 500;
    line-height: 18px;
}

.organization-program-details-lsd .views-row span.views-label {
    font-weight: bold;
}

/* Program details active heading in organization detail page */
.organization-program-details-lsd .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: #434343 !important;
}

/* map location field */
.view-address-format-legal-service-display .views-field.views-field-field-map-location .field-content iframe{
    max-width: 100%;
}

.org-program-details-page .views-field-field-map-location span.views-label.views-label-field-map-location {
    font-weight: 600;
}

.org-description-innerpage-details .organization-description-wrapper .organization-details-item.field--label-inline .field--label{
    width:100% !important;
}

.page-node-type-legal-directory-organization .field--label{
    font-weight: bold;
}