/**
 * Styles for our plugin.
 *
 * @package WordPress
 * @subpackage cnfaic-obs
 * @since CNFAIC Obs 0.1
 */

/**
 * Table of Contents
 * 
 * I.  Styles for both front and back end
 *     1. Helper classes
 *     2. Form inputs
 *     3. Modules
 *         i. Embeds
 *         ii. Toggles
 *     4. Icons
 *     
 * II.  Styles for just the front end
 *    1. Form inputs
 *    2. Form Validation
 *    3. Modules
 *        i. Terms list
 *        ii. Obs table
 *        iii. Obs Map
 *        iV. Obs Slideshow
 *    4. Single Post
 *    5. Satellite Avy Centers
 */

/**
 * I. Both front and back end.
 */

	/* 1. Helper classes */

		/* Hide text from the browser but still have it readable for screen-readers and bots. */
		.cnfaic_obs-hide {
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 0;
			height: 0;
			margin: 0;
			box-shadow: none;
			border: none;
			outline: none;
			z-index: -999;
		}

		/* Unicode chars, helps older IE. */
		.cnfaic_unicode {
			font-family: 'Lucida Sans Unicode', 'lucida-sans-unicode';
		}

	/*  2. Form inputs */

		/* top tabs & bar for obs form */
		#tabs .cnfaic_obs-content-fieldset .cnfaic_obs-headerbar { background-color: #eee;     border-bottom: 1px solid #c5c5c5; } 
		
		.cnfaic_obs-route-title { margin-bottom: 10px; }
		.cnfaic_obs-content-fields-display .cnfaic_obs-headerbar { 
			font-size: 1em; 
			padding: 5px 10px; 
			border-left: 4px solid #1d49ad; 
			background-color: #e9e9e9;  } 
			
		.cnfaic_obs-NearMissAccidentDetails { 
			font-size: 1em; 
			padding: 5px 10px 5px 10px !important; 
			border-left: 4px solid #1d49ad; 
			background-color: #e9e9e9;  } 

			
		.cnfaic_obs-headerbarwrap-avalanche_details, .cnfaic_obs-NearMissAccidentDetails {
			border-left: 4px solid #d22d35 !important; 	
		}
		.cnfaic_obs-headerbarwrap-red_flags {
			border-left: 4px solid #d22d35 !important; 	
		}
		.tab-pane .cnfaic_obs-headerbar {  background-color: #fff;  }
		.ui-tabs .cnfaic_obs-headerbarwrap-avalanche_details { background-color: #eee !important; }	
		.ui-tabs  .cnfaic_obs-headerbarwrap-avalanche_details {  border-top: none  !important;  border-right: none !important;  border-bottom: 1px solid #c5c5c5; }
		.ui-tabs  .cnfaic_obs-headerbarwrap-avalanche_details .cnfaic_obs-header { color: #000 !important; }
		
		/* small text at top of each form tab */
		.cnfaic_obs-header {         
			font-size: 1.2em;
			font-weight: bold;
	
			color: #000; }
	   
	    .cnfaic_obs-infotop {
			font-size: 90%;
		    padding:5px 10px 10px 0;
		    color: #000;
		    
		}
		
		/* The fieldsets. */
		.cnfaic_obs-content-fieldset {
			margin-bottom: 20px;
		}

		#poststuff h3.cnfaic_obs-content-fieldset-title,
		.cnfaic_obs-content-fieldset-title {
			margin: 0;
			padding: 10px;
			
		}

		/* Form labels. */
		.cnfaic_obs-opt-label,
		.cnfaic_obs-label {
			cursor: pointer;
			font-weight: bold;
		}

		/* Sub-labels for radio options. */
		.cnfaic_obs-opt-label {
			font-weight: 400;
		
		}

		/* Labels and form fields. */
		.cnfaic_obs-label,
		.cnfaic_obs-input  {
			display: block;
			width: 100%;
		
			margin-top: 0 0 3px 3px; 
		}
		.cnfaic_obs-input  {
		 border: 1px solid #dddddd;
		 padding: 5px 15px 5px 15px;
		
		}
		
	
		select {
		    padding: 5px 30px 5px 15px;
		    font-size: 16px;
		    border: 1px solid #dddddd;
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		    background: url(icon_dropdown.svg) 97%/11px no-repeat #fff;
		     margin-top:3px;
		}
		

		/* Radios & checkboxes. */
		.cnfaic_obs-input-radio,
		.cnfaic_obs-input-checkbox {
		    display: inline-block;
		    padding: 0;
		    text-align: left;
		    width: auto;
		    margin: 0 5px 0 10px !important;
		}

		/* Just checkboxes. */
		.cnfaic_obs-label-checkbox {
			display: inline;
		}

		/* The input/label/notes/wrapper group. */
		.cnfaic_obs-canvas,
		.cnfaic_obs-input-map,
		.cnfaic_obs-field {
			padding-bottom: 10px;
			width:100%;
		}

		.cnfaic_obs-input-map:last-child,
		.cnfaic_obs-field:last-child {
			padding-bottom: 0;
		}

		/* The empty option in a select dropdown. */
		.cnfaic_obs-empty-option {
			font-style: italic;
		}

		/* Notes to explain a field. */
		.cnfaic_obs-input-notes {
			font-style: italic;
			font-size: 80%;
		}

	/* 3. Modules */

		/* i. Embeds */

			/* Wraps a youtube embed or similar. */
			.cnfaic_obs-embed {
				padding: 10px 0px;
			}

			/* A youtube embed or similar.
			.cnfaic_obs-embed iframe {
				max-width: 80vw;	
				display: block;		
			} */

		/* ii. Toggles */
			
			/* The dashicon arrow inside a toggle handle looks crappy when it has text-decoration. */
			a:hover .cnfaic_obs-toggle-handle-dashicon,
			a .cnfaic_obs-toggle-handle-dashicon {
				text-decoration: none;
				vertical-align: middle;
			}

			/* We don't want an ugly margin transition when we slideIn and slideOut */
			.cnfaic_obs-toggle,
			.cnfaic_obs-toggle > *,
			.cnfaic_obs-toggle-hide .cnfaic_obs-content-field-title {
				margin-top: 0;
				margin-bottom: 0;
			}

/**
 * II. Front end only.
 */

	/* 1. Form inputs */

		/* Wrap all the fields. */
		.cnfaic_obs-content-fieldset-body {
			padding: 20px;
		}
		.cnfaic_obs-form .cnfaic_obs-fields {
			margin-bottom: 20px;
		}

		/* File inputs. */
		.cnfaic_obs-input-caption,
		.cnfaic_obs-input-file {
			margin-bottom: 5px;
		}

		.cnfaic_obs-input-file-caption-group {
			margin-bottom: 20px;
		}

		.cnfaic_obs-input-file-caption-group:last-child {
			margin-bottom: 0;
		}
		
		/* The trigger to add more file inputs. */
		.cnfaic_obs-add {
			font-weight: 600;
			display: block;
			cursor: pointer;
		}

		.cnfaic_obs-add .dashicons {
			vertical-align: text-bottom;
		}
		
		/* Captions for fike inputs */
		.cnfaic_obs-input-caption {
			font-style: italic;
		}

		/* A honeypot field to thwart spam. */
		.cnfaic_obs-hp {
			position: absolute;
			display: block;
			height: 1px;
			overflow: hidden;
			width: 1px;
			text-indent: 1px;
			white-space: nowrap;
		}

	/* 2. Form validation */

		/* The text that denotes a field as required. */
		.cnfaic_obs-label-required {
			
		}

		.cnfaic_obs-label-required:after {
			content: " \002A "; /* An asterisk */
			color: red;
		}

		/* Set the structre and default color pallette for feedback on form fields and the form itself. */
		label.cnfaic_obs-error,
		.cnfaic_obs-feedback {
			background: #FFFFD3;
			border: 3px solid yellow;
			padding: 20px;
			border-radius: 5px;
			box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
			margin: 0 0 20px 0;
			display: block;
		}

		/* Errors get colored red-ish */
		.cnfaic_obs-feedback-errors,
		label.cnfaic_obs-error,
		.cnfaic_obs-feedback-error {
			background: #FFAAAA;
			border-color: red;
			padding: 20px;
			border-radius: 5px;
		}
		
		#form-errors {
			margin: 10px; 
			padding: 5px;
			border: 3px solid red;
			background: #FFAAAA;
		}

		/* Success is green-ish */
		.cnfaic_obs-feedback-success {
			background: #AAFFAA;
			border-color: green;
			margin-top: 20px;
		}

		/* Feedback on one form item gets less padding than the form-level box. */
		label.cnfaic_obs-error {
			padding: 5px;
		}

		/* The contents of the feedback box. */
		.cnfaic_obs-feedback-header {
			margin: 0 0 10px 0;
		}
		
		h3.cnfaic_obs-feedback-success-header { border-left: none !important; background-color: none !important; padding: 0 !important;}

		.cnfaic_obs-feedback-note {
			margin: 0 0 10px 0;
		}

		.cnfaic_obs-feedback-note:last-child {
			margin-bottom: 0;
		}

	/* 3. Modules */

		/* i. Terms list */

		/* ii. Obs table */

			.cnfaic_nav-postform { margin-bottom: 10px;}
			
			.cnfaic_obs-table-th,
			.cnfaic_obs-table-td {
				padding: 5px;
			}

			.cnfaic_obs-table-td {
				vertical-align: top;
			}

			/* The nav links above the table. */
			.cnfaic_obs-table-nav {
				display: block;
			}

			.cnfaic_obs-table-nav .cnfaic_obs-terms-list-item {
				padding: 0 5px;
			}

			.cnfaic_obs-table-nav .cnfaic_obs-terms-list-item:first-child {
				padding-left: 0;
			}

			/* Zebra stripes. */
			.cnfaic_obs-table tr:nth-child( even ) {
				background: #efefef;
			}

			/* Byline text. */
			.cnfaic_obs-table-browse-observations-byline {
			 font-size: 90%;
			}

			/* Denote the observer as professional. */
			.cnfaic_obs-professional,  .cnfaic_obs-staff {
				font-style: italic;
				font-weight: 400;
				text-transform: uppercase;
				font-size: 80%;
				color: red;
			}

			/* Links to submit an obs. */
			.cnfaic_obs-submit-observation-link-table-top,
			.cnfaic_obs-submit-observation-link-table-bottom {
				display: block;
			}

			/* Yes/No values get shown as checkmarks. */
			.dashicons.cnfaic_obs-checkmark,
			.cnfaic_obs-checkmark {
				font-size: 300%;
				text-shadow: 1px 1px 1px rgba(0,0,0,.25);
			}
			
			.cnfaic_obs-table-td img  {
				width: 50px !important;
				height: 50px  !important;
				  border: 1px solid #eee;
			    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
				-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
				box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);

			}
			
			/* imge on table 
			th.cnfaic_obs-table-th-images   { width: 60px !important; }
			
			
			.cnfaic_obs-table-th-region_location { width: 18%; }
			.cnfaic_obs-table-th-byline { width: 13%; }
			.cnfaic_obs-table-browse-observations-byline   { font-size: .9em; line-height: 130%; }*/

		/* iii. Obs Map */
			
			/* The little box that open when you click a marker. */
			.cnfaic_obs-info-window {
				overflow: hidden;
			}

			.cnfaic_obs-info-window-title {
				font-size: 18px;
				font-weight: 400;
				margin: 0;
			}

			.cnfaic_obs-info-window .cnfaic_obs-table-browse-observations-byline {
				display: block;
			}

			.cnfaic_obs-info-window .cnfaic_obs-gallery-image {
				
				display: block;
				margin: 0 auto;
			}
			
			

			/* Map nav links. */
			.cnfaic_obs-month-nav,
			.cnfaic_obs-year-nav,
			.cnfaic_obs-map-legend {
				text-align: center;
				margin: 0 auto 10px;
			}

			.cnfaic_obs-map-legend-item {
				padding: 0 15px;
			}

			.cnfaic_obs-year-nav-item {
				padding: 0 7px;
			}

			.cnfaic_obs-month-nav-item {
				padding: 0 4px;	
			}

		/* iv. Obs Slideshow */

			/* The caption is overlayed at the bottom of the image. */
			.single-observations #cboxTitle {
				position: absolute;
				left: 0;
				color: #000;
				background: #fff;
				background: rgba( 255, 255, 255, .75 );
				top: auto;
				bottom: 0;
				float: none;
				padding: 10px;
			}

	/* 4. Single Post */

	.top_meta_title {
	    text-transform: uppercase;
	    font-size: .9em;
	    color: #8a8a8a;
	}
	.top_meta {
	    font-weight: bold;
	    font-size: 1.1em;
	    margin-bottom: 10px;
	}
	.cnfaic_obs-content-fieldset-title {
		padding: 10px;
	}

	.cnfaic_obs-content-field-title {
		padding-bottom: 0px;
	}



	/*  5. Satellite Avy Centers */
	html body.cnfaic_obs-is_satellite,
	html body.cnfaic_obs-is_satellite div#container,
	html body.cnfaic_obs-is_satellite #contentleft  {
		background-color: #fff !important;
		background-image: none !important; 
		bottom: 0 !important;
		clear: both !important;
		float: none !important;
		font-family: inherit !important;
		height:100% !important;
		left: 0 !important;
		margin:0 !important;
		max-width: 100% !important;
		padding:0 !important;
		position: relative !important;
		right: 0 !important;
		top: 0 !important;
		width: 99% !important;
		
	}

	.cnfaic_obs-is_satellite.cnfaic_obs-is_form form,
	.cnfaic_obs-is_satellite .cnfaic_obs-table-browse-observations {
		background: #fff;
		margin: 0;
	}

	.cnfaic_obs-is_satellite.cnfaic_obs-is_satellite-single_obs {}
	.cnfaic_obs-pagination-links {  margin: 10px 0; }
	.page-numbers { padding: 3px 7px; margin-right:3px;  margin-bottom:5px; border: 1px solid #ccc;  background-color: #eee; color: #000; display: inline-block; }
	
	.current { background-color: #000 !important; color: #fff !important;  } 
	

	.cnfaic_obs-sub-header,
	.cnfaic_obs-sub-header td,
	.cnfaic_obs-sub-header th,
	.cnfaic_obs-sub-header span {
	    font-size: 15px;
	    line-height: 17px;
	    font-weight: 600;
	    padding: 0;
	}
	
	.cnfaic_obs-sub-header {
	    margin-bottom: 15px;
	}
	
	.cnfaic_obs-sub-header .cnfaic_obs-professional, .cnfaic_obs-sub-header .cnfaic_obs-staff {
	    font-style: normal;
	    color: red;
	    text-transform: none;
	}
	
	.cnfaic_obs-sub-header .cnfaic_obs-professional:before, .cnfaic_obs-sub-header .cnfaic_obs-staff:before {  content: " ("; }
	.cnfaic_obs-sub-header .cnfaic_obs-professional:after, .cnfaic_obs-sub-header .cnfaic_obs-staff:after {  content: ")"; }
	
	.cnfaic_obs-content-fieldset_avalanche_details-body { /* background: #ffdbdb; */ color:#000; }
	
	.cnfaic_obs-sub-header td,
	.cnfaic_obs-sub-header th {
	    padding: 5px;
	}
	
	.cnfaic_obs-sub-header th {
	    text-align: right;
	    width: 122px;
	    color: #555;
	
	}
	
	.cnfaic_obs-content-field {
	    margin-bottom: 25px;
	}
	
	.cnfaic_obs-content-field:last-child {
	    margin-bottom: 0;
	}
	
	.cnfaic_obs-content-field-title {
	    font-size: 15px;
	}
	
	.cnfaic_obs-content-field-body p {
	    margin-top: 0;
	}
	
	.cnfaic_obs-content-field-body p.cnfaic_obs-gallery-caption {
	    margin-top: 5px;
	    font-size: 90%;
	}
	
	.cnfaic_obs-gallery-image {
	    box-sizing: border-box;
	}
	
	.cnfaic_obs-details_table {
	    font-size: 12px;
	    border-spacing: 1px;
	    width: 100%;
	    margin-top: 10px;
	}
	

	.cnfaic_obs-details_table-header {
	    text-align: right;
		width: 25%;
		font-weight: bold;
	}
	
	.cnfaic_obs-details_table-cell,
	.cnfaic_obs-details_table-header {
	    padding: 5px 4px 4px;
	    font-size: 12px;
	    min-width: 70px;
	} 
	
	.cnfaic_obs-details_table-cell {

	}
	
	.cnfaic_obs-details_table-header-empty,
	.cnfaic_obs-details_table-cell-empty {
	    
	}
	
	.cnfaic_obs-details_table-cell .dashicons {
	    vertical-align: middle;
	    line-height: inherit;
	}
	
	.cnfaic_obs-content-fieldset_photo_video-body iframe,
	.cnfaic_obs-content-fieldset_photo_video-body .cnfaic_obs-gallery-image {
	    display: block;
	    padding:0;
	    margin: 0 auto 1px; 
	    width: 75% !important; 
	    height: 450px; 
	     border: 1px solid #eee;
       -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.4);
	  -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.4);
	  box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.4);

	}
	

	
	.cnfaic_obs-static-map {
	    display: block;
	    padding:0;
	    margin: 5px auto; 
	    width: 75% !important; 
	    max-width: 640px;
	    height: auto; 
	     border: 1px solid #eee;
       -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.4);
	  -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.4);
	  box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.4);

	}
	

	
	.cnfaic_obs-headerbarwrap-region_location { margin-bottom: 10px; }
	.cnfaic_obs-content-fieldset_photo_video-body p.cnfaic_obs-gallery-caption {
	    text-align: center;
	    font-style: italic;
	    margin-bottom: 28px;
	}
	
	.cnfaic_obs-content-fieldset_photo_video-body p.cnfaic_obs-gallery-caption:last-child {
	    margin-bottom: 0;
	}
	
	/* individual tweaks per fieldset */
	
	.cnfaic_obs-content-fields h4 { font-size: 1.4em;
    /* border-bottom: 1px solid #333; */
    padding-bottom: 5px;
    color: #333;
    margin: 15px 0 10px 0; }
	.cnfaic_obs-content-fields .cnfaic_obs-infotop {display: none; }

	.cnfaic_obs-content-fields .cnfaic_obs-content-fieldset-body { padding: 10px 0 0 0; } 
	.cnfaic_obs-content-fields .cnfaic_obs-content-fieldset  { margin-bottom: 10px; } 
	
	.cnfaic_obs-content-fields .cnfaic_obs-content-fieldset_avalanche_details-body   { 
		/* border: 1px solid #c5c5c5 !important; 
		margin: 20px 0 20px 0; 
	    border-radius: 20px ; 
		padding: 15px 15px 0 15px; */  }
	


    .cnfaic_obs-content-fields .cnfaic_obs-content-fieldset .cnfaic_obs-header { padding: 0 !important;  }
	.cnfaic_obs-content-fields .cnfaic_obs-content-field-title { font-weight: bold; font-size: 1.1em;}
	

	
	/* edits to display page */
	.cnfaic_obs-content-fields-display .cnfaic_obs-headerbarwrap-contact_info { display: none; }
	.cnfaic_obs-gallery-image  { width: 75% !important; height: auto !important; }
	.cnfaic_obs-route-content { padding:0; }



/* individual styling to clean up the fom */
ui-tabs-nav li a:focus { outline: none; }
.cnfaic_obs-wrapper-100 { width: 100%;  margin: 0 10px 10px 0; clear:both;}
.cnfaic_obs-wrapper-50 { width: 47%; float: left;  margin: 0 15px 10px 0; }
.cnfaic_obs-wrapper-30 { width: 30%; float: left;  margin: 0 15px 10px 0; }
.cnfaic_obs-wrapper-25 { width: 23%; float: left;  margin: 0 15px 10px 0; }
.cnfaic_obs-opt-field { display: inline-block; padding-right: 10px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: none !important;  }
.ui-widget-header { border: none !important; }
.cnfaic_obs_clear {  clear: both;}

/* jquery & bootstrap override */
.ui-state-active {  color: #000;
    background-color: #F0F0F0 !important;
    border-bottom: 1px solid #F0F0F0 !important;
	background-color: #eee;  }
.ui-tabs {     border-top-left-radius: .25rem;
    border-top-right-radius: .25rem; }
.ui-tabs .ui-tabs-nav li {
    margin-right: 5px !important;
     text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 0 !important;
    font-weight: bold;
     color: #666 !important;
    }


.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em .8em !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #eee !important;   color: #000 !important;    }
    
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #fff !important;
    font-weight: normal;
    color: #454545;
}
.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
.ui-widget-content { border: 1px solid #c5c5c5 !important; }

/* ////////////// *************** \\\\\\\\\\\\\\\\ */
/* 				shared table styles					*/
/* ////////////// *************** \\\\\\\\\\\\\\\\ */

.cnfaic_obs-content-field-body table td { padding: 5px; }
.table td, .table th {
    /*border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;*/
    vertical-align: middle;
	padding: 12px;
	font-size: 10pt;
	line-height: 13pt;
	color: #212529;
}
.table th {
    color: #000;
    background-color: #eee;
    border-color: #eee;
}

.table-striped {  width: 100%; margin-bottom: 10px; }
.table-striped td {
	padding: 12px;
	font-size: 12pt;
	line-height: 14pt;
}
.table-striped th {
    padding: 12px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e9e9e9;
    background-color: #003366;
    color: #fff;
}
.table {
    border-bottom: 1px solid #dee2e6;
}
.cnfaic_obs-table-td a { color: #222222; text-decoration: underline; }
.cnfaic_obs-table-th-observation_datetime { width: 10% !important; }
.cnfaic_obs-table-th-region_location { width: 20%;   }
.cnfaic_obs-table-th-specific_location { width: 50%;     }
.cnfaic_obs-table-th-fatalities, .cnfaic_obs-table-td-fatalities  { width: 12%; text-align: right;     }
th.cnfaic_obs-table-th-images{ width: 5% !important; }
.cnfaic_obs-table-td-images { padding: 3px !important; text-align: center; }
.cnfaic_obs-headerbarwrap-region_location { display: none; }
@media screen and (max-width:380px)  {
	.cnfaic_obs-table-th-byline, .cnfaic_obs-table-td-byline, .cnfaic_obs-table-th-fatalities, .cnfaic_obs-table-td-fatalities { display: none; }
}


/* gallery styles */
.cnfaic_obs-gallery_lightbox {
	margin-bottom: 10px;
	margin-top: -10px;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    max-height: 100vh;
}
.cnfaic_obs-gallery_lightbox img {    
	margin: 10px;
    box-shadow: 1px 1px 3px 0 rgba( 0, 0, 0, .4 );
    padding: 5px;
    max-width: 8vw;
}

.descrip_short { display: none; }
.descrip_long { display: inline-block; }
@media screen and (max-width:1200px)  {
.cnfaic_obs-gallery_lightbox img {  max-width: 12vw; }	
}
@media screen and (max-width:650px)  {
.cnfaic_obs-gallery_lightbox img {  max-width: 18vw; }	
}
@media screen and (max-width:450px)  {
.cnfaic_obs-gallery_lightbox img {  max-width: 23vw; }	
}



@media screen and (max-width:811px)  {
	.descrip_short { display: inline-block; }
	.descrip_long { display: none ; }
	
}
@media screen and (max-width:568px)  {
	.cnfaic_obs-content-tab-red_flags { display: none; }
	.cnfaic_obs-content-tab-weather { display: none; }
}


@media screen and (max-width:570px)  {
	.ui-tabs .ui-tabs-nav li { font-size: .8em; }
	.cnfaic_obs-wrapper-50 { width: 100%;  margin: 0 10px 10px 0; clear:both; }
	.cnfaic_obs-wrapper-30 { width: 100%;  margin: 0 10px 10px 0; clear:both; }
	.cnfaic_obs-wrapper-25 { width: 100%;  margin: 0 10px 10px 0; clear:both; }
	.cnfaic_obs-table-th-images, .cnfaic_obs-table-td-images {display: none; }
	.table td, .table th { font-size: 10pt; }
	.cnfaic_obs-static-map, .cnfaic_obs-gallery-image { width:95% !important; height: auto !important; }
	.cnfaic_obs-content-fieldset_photo_video-body iframe, .cnfaic_obs-content-fieldset_region_location-body .cnfaic_obs-static-map, .cnfaic_obs-content-fieldset_photo_video-body .cnfaic_obs-gallery-image {
	   width: 95% !important; height: 250px; 
	}
}


@media screen and (max-width:400px)  {
	.ui-tabs .ui-tabs-nav li { font-size: .7em; }
	.cnfaic_obs-input-radio, .cnfaic_obs-input-checkbox { margin: 0 !important;
	}
}