/*____________________________________________*/
/*BASIC SETUP                                */
/*____________________________________________*/
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;      
}

html,
body{
    background-color: #fff;
    color: #555;
    font-family: 'Loto', 'Ariel', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
	word-wrap:break-word !important;
	line-height: 32px;
}

.clearfix {zoom: 1}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pr	    { text-align: Justify; 
         margin: 5px 10px 5px 10px;}

/*____________________________________________*/
/*REUSABLE COMPONETS                          */
/*____________________________________________*/
.row {
    max-width:auto;
    margin: 0 auto;
}

.row1 {
    max-width:auto;
    margin: 0 auto;
	text-align:center;
}

img { 
	max-width:100%;
	height: auto;
	
}

section {
    padding: 0 0;  
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px 0px 0px 100px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  */

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.13%;
}
.span_1_of_3 {
	width: 32.26%;
}

/*  GRID OF Four  */

.span_4_of_4 {
	width: 100.0%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_1_of_2, .span_2_of_2 { width: 100%; }
}


@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

.box {
    padding: 1%;
}

 .long-copy-nimg {
	font-family: helvetica;
	padding: 3px 3px 3px 20px;
	font-size: 1.0em;
	color: Black;
	text-align: Center;
	margin: 0px 0px 5px 20px;
	background-color: transparent;
} 

.nwsnight-image {
	background-image: url("images/IMG_1925.JPG");
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: relative;
	color: #fff;
	z-index: 5;
}


.wh {color: #fff;
}

.table-cell-center {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.table-cell-center-s {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	color:black;
}


.table-center {
	margin-left: auto;
	margin-right: auto;
}
/*____________________________________________*/
/*HEADINGS                         */
/*____________________________________________*/

h1,
h2,
h3 {
    
    font-weight: 300;
    text-transform: uppercase;
    
}

h1 {
    margin-top: 0;
    margin-bottom: 20px;
    /*color: #fff;*/
    font-size: 240%;
    word-spacing: 4px;
    letter-spacing:  1px;
}

h2 { 
    font-size: 180%;
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing:  1px;
}

h3 {
    font-size: 110%;
    margin-bottom: 15px;
}

h4 { 
    /*font-size: 180%;*/
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing:  1px;
	color: white;
}

h5 { font-family: helvetica;
     font-size: 1.4em; 
     font-weight: bolder; 
     font-style: italic;
     /*color: Black; */
	 color: white;
     text-transform: uppercase;     
     text-align: Left;
     margin-top: 0px; 
     letter-spacing: 0.3em;
     padding: 10px 0px 0px 10px;
	 text-decoration: underline;
}

h6 { font-family: helvetica;
     font-size: 1.2em; 
     color: Black; 
     text-transform: capitalize;     
     border: 1px Gray Dotted; 
     border-width: 0px 0px 0px 0px; 
     text-align: left;
     margin-top: 5px; 
     padding: 3px 0px 0px 10px;
     line-height: 1.0em;
	text-decoration: underline;
}  

h8 { font-family: helvetica;
     font-size: 1.2em; 
     color: Black; 
     text-transform: capitalize;
	font-weight: bold;
     border: 1px Gray Dotted; 
     border-width: 0px 0px 0px 0px; 
     text-align: left;
     margin-top: 5px; 
     padding: 3px 0px 0px 5px;
     line-height: 1.0em; }  



h2:after {
    display: block;
    height: 2px;
    background-color: #e67e22;
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: 30px;
    
}


/*_________ PARAGRAPHS -----------*/

.long-copy {
    line-height: 145%;
    width: 70%;
    margin-left: 15%;   
}

.long-copy-n {
    line-height: 145%;
    width: 70%;
    margin-left: 15%;
	filter:brightness(150%);
}


.long-copy-n a{
	color:3c00ff;
	text-decoration: none;
}

.long-copy-n a:hover { 
	/*background-color: #000000; */
	/*background-color: #747474;*/
	color: #e67e22;
}

.long-copy-l {
    line-height: 145%;
    width: 80%;
    margin-left: 15%;
	color: black;
	
}

.long-copy-l1 {
    line-height: 145%;
    width: 70%;
    margin-left: 15%;
	color: black;
}

.long-copy-cs {
    line-height: 145%;
    width: 80%;
    margin-left: 38%;
	color: black;
	
}


.long-copy-s {
    */line-height: 145%;*/
    width: 80%
   margin-left: 10%; 
	text-align: center;
}

.long-copy-sg {
    */line-height: 145%;*/
    width: 80%;
    /*margin-left: 10%; */
	text-align: center;
	color: green;
	text-decoration: underline;
	text-decoration-color: black;
	text-transform: uppercase; 
}

.long-copy-sb {
    */line-height: 145%;*/
    width: 80%;
    /*margin-left: 10%; */
	text-align: center;
	color: blue;
	text-decoration-color: black;
	 
}

.long-copy-sc {
    */line-height: 145%;*/
    width: 80%;
    /*margin-left: 10%; */
	text-align: center;
	
	 
}

.long-copy-sr {
    */line-height: 145%;*/
    width: 80%;
    /*margin-left: 10%; */
	text-align: center;
	color:red;
	text-decoration-color: black;
	
}


.long-copy-sl {
    /*line-height: 145%;*/
    width: 80%;
    margin-left: 10%; 
	text-align: left;
	font-size: 16px;
	
}

.long-copy-slr {
    /*line-height: 145%;*/
    /*width: 80%;*/
    /*margin-left: 10%;*/ 
	text-align: left;
	/*font-size: 16px;*/
	color: red;
	
}

.long-copy-slb {
    /*line-height: 145%;*/
    /*width: 80%;*/
    /*margin-left: 10%;*/ 
	text-align: left;
	/*font-size: 16px;*/
	color:blue;
	
}

.long-copy-box {
	background-color: aqua;
}

/*.long-copy-n h3 {
	color: blue;
}*/

.long-copy-urgent {
    line-height: 145%;
    width: 70%;
    margin-left: 15%;   
}

.long-copy-urgent h3 { 
	color: red;
}

.long-copy-center {
    line-height: 145%;
    width: 70%;
    margin-left: 15%; 
	text-align: center;
}

.long-copy-left {
    line-height: 145%;
    width: 70%;
    margin-left: 42%; 
	text-align: left;
}

.box p {
   font-size: 90%;
    line-height: 145%;
 
    
}


/* --------ICONS ------------------------*/

.icon-big {
    font-size: 350%;
    display: block;
    color: #e67e22;
    margin-bottom: 10px;
    
}

.icon-small {
    display: inline-block;
    width: 30px;
    text-align: center;
    color: #e67e22;
    font-size: 120%;
    margin-right: 10px;
    
    /* secrets to align text and icons */
    
    line-height: 120%;
    vertical-align: middle;
    margin-top: -5px;
}
/*__________LINKS__________________________*/

/*a:link,
a:visited {
    color: #e67e22;
    text-decoration: none;
    padding: 1px;
    border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
}

a:hover,
a:active {
   color: #555;
border-bottom:  1px solid transparent;
}
*/





    
/*____________________________________________*/
/*BUTTONS                         */
/*____________________________________________*/

.btn:link,
.btn:visited,
input[type=submit] {
    display: inline-block;
    padding: 10px 30px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 200px;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full:link,
.btn-full:visited,
input[type=submit] {
    background-color: #e67e22;
    border: 1px solid #e67e22;
    color: #fff; 
    margin-right: 15px;
}

.btn-ghost:link,
.btn-ghost:visited {
    border: 1px solid #e67e22;
    color: #e67e22;
}

.btn:hover,
.btn:active,
input[type=submit]:hover,
input[type=submit]:active {
    background-color: #cf6d17;
}

.btn-full:hover,
.btn-full:active {
    border: 1px solid #cf6d17;
}

.btn-ghost:hover,
.btn-ghost:active {
    border: 1px solid #cf6d17;
    color: #fff;
} 



/*____________________________________________*/
/*HEADER                          */
/*____________________________________________*/

header {
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0.7))),url(images/cwhaheader.jpg);*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.7))),url(images/cwhaheader.jpg);*/
	/*background-color: rgba(0,0,0,0.7);*/
	background-color: rgba(0,0,255,1.0);
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.7))),url(images/IMG-5285.JPG);
    background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.7)),url(images/IMG-5285.JPG);*/
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1.0)), to(rgba(0,0,0,1.0))),url("images/IMG-5285.JPG");
    background-image: linear-gradient(rgba(0,0,0,1.0), rgba(0,0,0,1.0)),url("images/IMG-5285.JPG");*/
    background-size: cover;
    background-position: center;
    /*height: 70vh;*/
	/*height: auto;*/
	height: 110px;
    background-attachment:  fixed;
}

.masthead1 {
	position:absolute;
	/*height: 220px;*/
	height: 110px;
	width:auto;
	margin-top: 10px;
	font-size: 180%;
	color: white;
	padding-top: 0px;
	/*padding-left: 100px;*/
	padding-left: 20px;
	font-weight: 600; 
	padding-top: 20px;
	position:fixed;
    top: 0;
    margin:auto;
    left: 0;
    right: 0;
    width: 100%;
	/*background-color: rgba(0,0,0,0.7);*/
	background-color: rgba(0,0,255,1.0);
	z-index: 1;
	
	
}


.masthead2 {
	display: none;
	text-align: center;
	
}

.masthead3 {
	position:absolute;
	height: 110px;
	width:auto;
	margin-top: 10px;
	font-size: 180%;
	color: white;
	padding-top: 0px;
	padding-left: 20px;
	font-weight: 600; 
	padding-top: 10px;
	position:fixed;
    top: 0;
    margin:auto;
    left: 0;
    right: 0;
    width: 100%;
	/*background-color: rgba(0,0,0,0.7);*/
	background-color: rgba(0,0,0,1.0);
	z-index: 1;
	
	
}
.swimage {
	position:absolute;
	/*position: fixed;*/
	height: auto;
	width: auto;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 10px;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	background-color:rgba(0,0,255,0.1);
	z-index: 5;
	}




/*.hero-text-box {
    position: absolute;
    width: 1140px;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}*/
.logo{
    height: 350px;
    /*width:auto;*/
	/*max-height: 50%;
	max-width: 75%;
	height:auto;
	width: auto;*/
	width:75%;
	float:none;
    margin-top: 110px;
	margin-left:5px;
	
	
}

.logo-black {
	display: none;
	height: 50px;
    width: auto;
    float: left;
    margin: 5px 0;
}


/*----------Main Nav---------*/

.navigation {
	padding-top: 130px;
	position:fixed;
    top: 0;
    margin: auto;
	/*margin-left: 100px;*/
	padding-left: 100px;
    left: 0;
    right: 0;
    width: 100%;
	/*background-color:  rgba(0,0,0,0.1);*/
	z-index: 5;
}

.navigation1 {
	padding-top: 60px;
	position:fixed;
    top: 0;
    margin: auto;
	/*margin-left: 100px;*/
	padding-left: 100px;
    left: 0;
    right: 0;
    width: 100%;
	/*background-color:  rgba(0,0,0,0.7);*/
	z-index: 5;
}


.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	/*background-color: #254441;*/
	/*background-color: black;*/
	/*background-color: rgba(0,0,0,0.7);*/
	background-color: rgba(0,0,255,1.0);
	
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/*#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:180%;
	line-height: 60px;
	color: white
}*/


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */


nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	margin-right: 40px;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: rgba(0,0,0,0.6);
	/*background-color: black;*/
	/*background-color: #254441;*/
	/*background-color: rgba(0,0,0,0.4);*/
	background-color: rgba(0,0,255,1.0);

	}

/* Styling the links */
nav a {
	/*display:block;*/
	/*padding:14px 20px;*/
	padding: 5px 20px;
	color:#FFF;
	font-size:20px;
	text-decoration:none;
	/*background-color: rgba(0,0,0,0.8);*/
}


nav ul li ul li:hover { /*background: #000000;*/ }

/* Background color change on Hover */
nav a:hover { 
	/*background-color: #000000; */
	background-color: #747474;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	/*top: 60px; */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
	
}
	
/* First Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
	
}

	
/* Change ' +' in order to change the Dropdown symbol */
/*li > a:after { content:  ' +'; }*/
li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1646px){
	}


@media all and (max-width : 1165px){
	
.masthead1 {
	position:absolute;
	/*height: 220px;*/
	height: 110px;
	width:auto;
	margin-top: 10px;
	font-size: 180%;
	color: white;
	padding-top: 0px;
	/*padding-left: 110px;*/
	font-weight: 600; 
	padding-top: 20px;
	position:fixed;
    top: 0;
    margin:auto;
    left: 0;
    right: 0;
    width: 100%;
	background-color: rgba(0,0,255,1.0); 
	z-index: 1;
	}
	
	.swimage {
	position:absolute;
	height: auto;
	width:auto;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 10px;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	background-color:rgba(0,0,0,0.1);
	z-index: 5;
	}
	
}
	
	
@media all and (max-width : 1089px) {

	.masthead1 {
	display: none;
	
}
	
	.masthead2 {
		display: block;
		position:inherit;
		/*height: 60px;*/
		height: 110px;
		width: auto;
		font-size: 180%;
		margin-top: 0px;
		padding-left: 0px;
		padding-top: 20px;
		font-weight: 600;
		color: white;
		position:fixed;
    	top: 0;
    	margin:auto;
    	left: 0;
    	right: 0;
    	width: 100%;
		background-color: rgba(0,0,255,1.0);
		z-index: 1;
}
	
	.swimage {
	position:absolute;
	height: auto;
	width:auto;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 10px;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	background-color:rgba(0,0,255,0.1);
	z-index: 5;
	
}
	
	.news-s {
		font-size: 80%;
	}
	
	.navigation {
		padding-left: 0px;
	}
	
	
	header {
		height:auto;
	}

	
	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}
	
	nav {
		margin: 0;
		/*padding-top: 26px;*/
		z-index: 999;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		/*background-color: #254441;*/
		background-color: rgba(0,0,255,1.0);
		padding:14px 20px;	
		color:#FFF;
		font-size:20px;
		text-decoration:none;
		border:none;
		}

	.toggle:hover {
		background-color: #0099ff;
		}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		float: left;
		}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		/*background-color: #000000;*/
		background-color: #0099ff;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
    nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:18px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
		  background-color: #0000ff;
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* First Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding-left: 50px;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	
	.pr {text-align:left;
		margin: 10px;
		
	}
	.long-copy-cs {
    line-height: 145%;
    width: 80%;
    margin-left: 34%;
	color: black;
	font-size:80%;
	
}

}


@media all and (max-width : 471px){
	
	.masthead2 {
		display: block;
		position:inherit;
		/*height: 60px;*/
		height: 110px;
		width: auto;
		font-size: 180%;
		margin-top: 0px;
		padding-top: 20px;
		font-weight: 600;
		color: white;
		position:fixed;
    	top: 0;
    	margin:auto;
    	left: 0;
    	right: 0;
    	width: 100%;
		background-color: rgba(0,0,255,1.0); 
		z-index:1;
	}
	
	.swimage {
	position:absolute;
	height: auto;
	width:auto;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 10px;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	background-color:rgba(0,0,0,0.1);
	z-index: 5;
	
}
	
	.navigation {
		padding-left: 0px;
	}
	
	h2 { 
    font-size: 120%;
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing:  1px;
}
	
	h3 {
    font-size: 100%;
    margin-bottom: 15px;
}

	
	.long-copy {
    line-height: 125%;
    width: 70%;
    margin-left: 15%;
	font-size: 90%;
}
	.long-copy-cs {
    line-height: 145%;
    width: 80%;
    margin-left: 25%;
	color: black;
	font-size:55%;
	
}

	
	.news-s {
		font-size: 65%;
	}
	
	.w3-table {
		width: 60%;
		font-size: 80%;
	}
	
	.pr {text-align:left;
		margin: 10px;	
	}
	
}

@media all and (max-width : 330px) {

	
	nav ul li {
		display:block;
		width: 94%;
	}

}



/*------------Mobile Navi----------------*/

/*
.mobile-nav-icon {
	float: right;
	margin-top: 30px;
	cursor: pointer;
	display: none;
}

.mobile-nav-icon i {
	font-size: 200%;
	color: #fff;
}

*/
/*------------Sticky Navi----------------*/


/*.sticky{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color:  rgba(255,255,255, 0.98);
	-webkit-box-shadow: 0 2px 2px #efefef;
	box-shadow: 0 2px 2px #efefef;
	z-index: 9999;
}*/

sticky.nav {margin-top: 18px;}

.sticky .nav li a:link,
.sticky .nav li a:visited{
    padding: 16px 0;
    color: #555;
   
}

.sticky .masthead1 { display: none; }
.sticky .masthead1 { display: block; }





/* ___________FEATURES _________________*/

.section-features .long-copy {
    margin-bottom: 30px;
}

.section-features .long-copy-n {
    margin-bottom: 30px;
}

/*.main-nav {
    margin-top: 15px;
}
*/

/*____________MEALS___________________*/

.section-meals {
    padding: 0;
}

.meals-showcase {
    list-style: none;
    width: 100%;
    
}

.meals-showcase li {
    display: block;
    float:  left;
    width: 25%;
}

.meal-photo {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: #000;
    
}

.meal-photo img {
    opacity: 0.7;
    width: 100%;
    height: auto;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    
}

.meal-photo img:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}


/*____________HOW IT WORKS___________________*/

.section-steps {
    background-color: #f4f4f4;
}

.steps-box:first-child {
   text-align: right;
   padding-right: 3%;
    margin-top: 30px;
}

.steps-box:last-child {
    padding-left: 3%;
    margin-top: 70px;
}

.app-screen {
    margin-left: 50%;
    width: 40%;
}

.works-step{
    margin-bottom: 50px;
}

.works-step:last-of-type {
    margin-bottom: 80px;
}

.works-step div {
   color:  #e67e22;
    border: 2px solid #e67e22;
    display: inline-block;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    text-align: center;
    padding: 5px;
    float: left;
    font-size: 150%;
    margin-right: 25px;
}

.btn-app:link,
.btn-app:visited{
    border: 0;  
}

.btn-app img {
    height: 50px;
    width: auto;
    margin-right: 10px;
}


/*____________Cities_______________*/


.box img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.city-feature {
    margin-bottom: 5px;
}

/*______________Customer Testimonial___________*/


.section-testimonials {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(images/back-customers-min.jpg) ;
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(images/back-customers-min.jpg) ;
    background-size: cover;
    color: #fff;
    background-attachment:  fixed;
    
}

blockquote {
    padding: 2%;
    font-style: italic;
    line-height: 145%;
    position: relative;
    margin-top: 40px;
}

blockquote:before {
    content: "\201C";
    font-size: 500%;
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
}

cite {
    font-size: 90%;
    margin-top: 25px;
    display: block;  
    
}

cite img {
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}


/*______________Sign Up___________*/

.section-plans {
    background-color: #f4f4f4;  
}

.plan-box {
    background-color: #fff;
    border-radius: 5px;
    width: 90%;
    margin-left: 5%;
    -webkit-box-shadow: 0 2px 2px #efefef;
    box-shadow: 0 2px 2px #efefef;
} 


.plan-box div {
    padding: 15px;
    border-bottom: 1 px solid #e8e8e8; 
}

.plan-box div:first-child {
    background-color: #fcfcfc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.plan-box div:last-child {
    text-align: center;
    border: 0;
}

.plan-price {
    font-size: 300%;
    margin-bottom: 10px;
    font-weight: 100;
    color: #e67e22; 
}

.plan-price span {
    font-size: 30%;
    font-weight: 300;
}

.plan-price-meal {
   font-size: 80%; 
}

.plan-box ul {
    list-style: none;
}

.plan-box ul li {
   padding: 5px 0; 
}


/*______________Contact Form___________*/

.contact-form {
    width: 90%;
    margin: 0 auto;
}

input[type=text],
input[type=email],
select,
textarea {
    width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

textarea {
    height: 100px;
}

input[type=checkbox] {
    margin: 10px 5px 10px 0;
}

*:focus {outline: none;
}


.map-box {
	width: 100%;
	height: 650px;
	position: relative;
}

.map {
	width: 100%;
	height: 650px;
	position: relative;
	z-index: 0;
}

.form-box {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 10;
	height: 630px;
	padding-top: 40px;
	
}

.form-messages {
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 30px;
	color: #333;
}

.success {background-color: rgba(38, 191, 68, 0.8); }

.error { background-color: rgba(209, 46, 46, 0.84); }

/*______________Footer___________*/


footer {
    /*background-color: #898686;*/
	background-color: #3e3e3e;
    padding: 50px;
    font-size: 80%;
}

.footer-nav {
    list-style: none;
    float: left;
}

.social-links {
    list-style: none;
    float: right;
    
}

.footer-nav li,
.social-links li {
    display: inline-block;
    margin-right: 20px;
}

.footer-nav li:last-child,
.social-links:last-child li{
    margin-right: 0;
}

.footer-nav li a:link,
.footer-nav li a:visited,
.social-links li a:link,
.socail-links li a:visited {
    text-decoration: none;
    border: 0;
    color: #fffcfc;
}

.footer-nav li a:hover,
.footer-nav li a:active {
    color: #ddd;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.social-links li a:link,
.social-links li a:visited {
    font-size: 160%;
}

.ion-social-facebook,
.ion-social-twitter,
.ion-social-googleplus,
.ion-social-instagram {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.ion-social-facebook:hover {
    color: #3b5998;
}
.ion-social-twitter:hover {
    color: #00aced;
}
.ion-social-googleplus:hover {
    color: #dd4b39;
}
.ion-social-instagram:hover {
    color: #517fa4;
}
    
footer p {
    color: #fffcfc;
    text-align: center;
    font-size: 90%;
    margin-top: 20px;
}

/*-------Animations----------------*/

.js--wp-1,
.js--wp-2,
.js--wp-3 {
	opacity: 0;
	-webkit-animation-duration:  1s;
	animation-duration:  1s;
}

.js--wp-4 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.js--wp-1.animated,
.js--wp-2.animated,
.js--wp-3.animated {
	opacity: 1;
}



/*--------Responsive Nav----------*/


/*---------Weather----------------*/
#horizon {
	padding-top: 20px;
	text-align:center;
}

/*___________Community News--------*/

.news-c {
	padding-top: 40px;
	filter:brightness(100%)
}

.news-c h3 { 
	color: blue;
}

.news-nav-c {
    list-style: none;
    float: left;
}

.news-nav-c li,
.social-links-c li {
    display: inline-block;
    margin-right: 20px;
}

.news-nav-c li:last-child
 li{
    margin-right: 0;
}

.news-nav-c li a:link,
.news-nav-c li a:visited
 {
    text-decoration: none;
    border: 0;
    color: #fffcfc;
}

.news-nav-c li a:hover,
.news-nav-c li a:active {
    color: #ddd;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.news-c a:link,
.news-c a:visited {
    color: #e67e22;
    text-decoration: none;
    padding: 1px;
    border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
}

.news-c a:hover,
a:active {
   color: #555;
border-bottom:  1px solid transparent;
}

.news-l {
	padding-top: 40px;
	/*background-color: rgba(135,206,250,0.8);*/
	/*background-image: URL(images/Sky.jpeg);*/
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: relative;
	/*color: #fff;*/
	color:black;
}

.news-l a:link,
.news-l a:visited {
    /*color: #000000;*/
	color:#3c00ff;
    text-decoration: none;
    padding: 1px;
    /*border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;*/
}

.news-l a:hover,
a:active {
   color: #e67e22;
border-bottom:  1px solid transparent;
}

.news-link {
	padding-top: 40px;
	/*background-color: rgba(135,206,250,0.8);*/
	/*background-image: URL(images/Sky.jpeg);*/
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: relative;
	/*color: #fff;*/
	color:black;
	font-size: 20px;
	line-height: 1.15;
	
}

.news-link a:link,
.news-link a:visited {
    /*color: #000000;*/
	color:#3c00ff;
    text-decoration: none;
    padding: 1px;
    /*border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;*/
}

.news-link a:hover,
a:active {
   color: #e67e22;
border-bottom:  1px solid transparent;
}


.news-s {
	padding-top: 40px;
	padding-left: 40px;
	/*background-color: rgba(135,206,250,0.8);*/
	background-image: URL(images/Sky.jpeg);
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: relative;
	color: #fff;
}


.news-s a:link,
.news-s a:visited {
    /*color: #e67e22;*/
	/*color: #314455;*/
	color: #3c3cff;
    text-decoration: none;
    padding: 1px;
    /*border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;*/
}

.news-s a:hover,
a:active {
   /*color: #555;*/
	color: #e67e22;
border-bottom:  1px solid transparent;
}


/*___________Other News--------*/

.news {
	padding-top: 40px;
}

.news-nav {
    list-style: none;
    float: left;
}

.news-nav li,
.social-links li {
    display: inline-block;
    margin-right: 20px;
}

.news-nav li:last-child
 li{
    margin-right: 0;
}

.news-nav li a:link,
.news-nav li a:visited
 {
    text-decoration: none;
    border: 0;
    color: #fffcfc;
}

.news-nav li a:hover,
.news-nav li a:active {
    color: #ddd;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.news a:link,
.news a:visited {
    color: #555;
    text-decoration: none;
    padding: 1px;
    border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;
}

.news a:hover,
a:active {
   color: #e67e22;
border-bottom:  1px solid transparent;
}


#news5 { 
    padding-top: 50px;
	/*padding-left: 225px;*/
	font-family: helvetica;
	color: black;
	background-image: URL(images/Sky.jpeg);
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: relative;
	}


.news4 { 
     padding: 0px 10px 0 px 10px;
	background-image: URL(images/Sky.jpeg);
	background-color: #cccccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: relative;
}
.news4 a {
	  /*color: #e67e22;*/
	color:#3c00ff;
	 font-size: 19px;
     text-transform: none;
	text-decoration: none;
     padding: 0px 8px 0px 8px; 
}

/*.news4 a:link,*/
.news4 a:visited {
    color: #000000;
	font-size: 18px;
    text-decoration: none;
	padding: 0px 8px 0px 8px
    /*padding: 1px;*/
    /*border-bottom:  1px solid #e67e22;
    -webkit-transition: border-bottom 0.2s, color 0.2s;
    transition: border-bottom 0.2s, color 0.2s;*/
}

.news4 a:hover,
a:active {
   color: #e67e22;
border-bottom:  1px solid transparent;
}


.news4 img {   
     float: center; 
     margin: 2px 10px 2px 2px;
     padding: 5px 5px 5px 5px;
} 

.news4 iframe { 
    width: 80%; 
    height: 300; 
    margin: 0 auto; 
    display:block;
    text-align:center
    left:25%
    background-color: #777; 
} 
	

/*-----slide menu------*/




/* =Top Bar
-------------------------------------------------------------- */
#top-bar {
	background-color:rgb(100,150,200);
}
#top-bar a {
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	display:inline-block;
	margin:0;
	padding:10px;
}
#top-bar a:hover{
	background-color:rgb(150,200,250);
}
span.all-labs,
span.back-to-tutorial {
	display:block;
	width:50%;
}
span.all-labs {
	float:left;
	text-align:left;
}
span.back-to-tutorial {
	float:right;
	text-align:right;
}

/* Repeater Table

_______________________________________________________________________*/

.repeater-table{border-collapse:collapse; border-spacing:0;width:80%;margin-left: auto;margin-right: auto;font-size: 15px;display:table}
.repeater-table-centered tr td{text-align:center}
.repeater-table td, repeater-table th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}

/* Radio Table

________________________________________________________________________*/

.radio-table{border-collapse:collapse; border-spacing:0;width:90%;margin-left: auto;margin-right: auto;font-size:15px;display:table;overflow-x: auto;overflow-y: hidden}
.radio-table-centered tr td{text-align:center}
.radio-table td, radio-table th{padding:8px 22px;display:table-cell;text-align:left;vertical-align:top}


/* W3-Table
_______________________________________________________________________*/

.w3-table,.w3-table-all{border-collapse:collapse; border-spacing:0;width:80%;margin-left: auto;margin-right: auto;display:table}
/*.w3-table-all{border:1px solid #ccc}*/
.w3-table-all{border:1px solid #000000}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #000000}
.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
/*.w3-table-all tr:nth-child(odd){background-color:#fff}
.w3-table-all tr:nth-child(even){background-color:#f1f1f1}*/
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}
.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}



/* Responsive Table
------------------------------------------------------------------------*/
			 
ol.collection-radio {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}

/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container>li:first-child {
        display: none;
    }

    .attribute::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container>li:first-child {
        display: none;
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 736px) {
    .collection-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container>li:first-child {
        display: none;
    }

    .attribute::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 1 Column Card Layout */
@media screen and (max-width:580px) {
    .collection-container {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}

/* Tabular Layout */
@media screen and (min-width:1200px) {
    /* The maximum column width, that can wrap */
    .item-container {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .attribute-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information {
        --column-width-min: 10em;
    }

    .part-id {
        --column-width-min: 10em;
    }

    .vendor-information {
        --column-width-min: 8em;
    }

    .quantity {
        --column-width-min: 5em;
    }

    .cost {
        --column-width-min: 5em;
    }

    .duty {
        --column-width-min: 5em;
    }

    .freight {
        --column-width-min: 5em;
    }

    .collection {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:15px;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }

    .collection-container>.item-container:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container>.item-container:first-child .attribute {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		/*margin-left: auto;
		margin-right: auto;*/
    }
}

/*_____________________________Antenna Table___________________________________________________________*/


ol.collection-antenna {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}


/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container-a {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-a {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-a>li:first-child {
        display: none;
    }

    .attribute-a::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-a {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
	
	/* Attribute name for first column, and attribute value for second column. */
    .attribute-a {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 737px) {
    .collection-container-a {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-a {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-a>li:first-child {
        display: none;
    }

    .attribute-a::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-a {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}



/* 1 Column Card Layout */
@media screen and (max-width:580px) {
    .collection-container-a {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}


/* Tabular Layout */
@media screen and (min-width: 1200px) {
    /* The maximum column width, that can wrap */
    .item-container-a {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		font-size:15px;
    }
	
    .attribute-container-a {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information-a {
        --column-width-min: 10em;
    }

    .part-id-a {
        --column-width-min: 10em;
    }

    .vendor-information-a {
        --column-width-min: 8em;
    }

    .quantity-a {
        --column-width-min: 5em;
    }

    .cost-a {
        --column-width-min: 5em;
    }

    .duty-a {
        --column-width-min: 5em;
    }

    .freight-a {
        --column-width-min: 5em;
    }

    .collection-a {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute-a {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:15px;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }

    .collection-container-a>.item-container-a:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container-a:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container-a>.item-container-a:first-child .attribute-a {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		margin-left: auto;
		margin-right: auto;
    }
}


/*_____________________________Repeater Table__________________________________________*/

ol.collection-repeater {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}


/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container-b {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-b {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-b>li:first-child {
        display: none;
    }

    .attribute-b::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-b {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
	
	/* Attribute name for first column, and attribute value for second column. */
    .attribute-b {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 737px) {
    .collection-container-b {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-b {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-b>li:first-child {
        display: none;
    }

    .attribute-b::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-b {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 1 Column Card Layout */
@media screen and (max-width:580px) {
    .collection-container-b {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}



/* Tabular Layout */
@media screen and (min-width: 1200px) {
    /* The maximum column width, that can wrap */
    .item-container-b {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr 1fr 1fr 1fr;
		font-size:15px;
    }
	
    .attribute-container-b {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information-b {
        --column-width-min: 10em;
    }

    .part-id-b {
        --column-width-min: 10em;
    }

    .vendor-information-b {
        --column-width-min: 8em;
    }

    .quantity-b {
        --column-width-min: 5em;
    }

    .cost-b {
        --column-width-min: 5em;
    }

    .duty-b {
        --column-width-min: 5em;
    }

    .freight-b {
        --column-width-min: 5em;
    }

    .collection-b {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute-b {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:15px;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }

    .collection-container-b>.item-container-b:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container-b:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container-b>.item-container-b:first-child .attribute-b {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		margin-left: auto;
		margin-right: auto;
    }
}



/*_____________________________Repeater Table__________________________________________*/

ol.collection-nets {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}


/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container-d {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-d {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-d>li:first-child {
        display: none;
    }

    .attribute-d::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-d {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
	
	/* Attribute name for first column, and attribute value for second column. */
    .attribute-d {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 737px) {
    .collection-container-d {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-d {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-d>li:first-child {
        display: none;
    }

    .attribute-d::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-d {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 1 Column Card Layout */
@media screen and (max-width:580px) {
    .collection-container-d {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}


@media screen and (min-width: 1200px) {
    /* The maximum column width, that can wrap */
    .item-container-d {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 2fr 1fr 1fr 1fr;
		font-size:15px;
    }
	
    .attribute-container-d {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information-d {
        --column-width-min: 10em;
    }

    .part-id-d {
        --column-width-min: 10em;
    }

    .vendor-information-d {
        --column-width-min: 8em;
    }

    .quantity-d {
        --column-width-min: 5em;
    }

    .cost-d {
        --column-width-min: 5em;
    }

    .duty-d {
        --column-width-min: 5em;
    }

    .freight-d {
        --column-width-min: 5em;
    }

    .collection-d {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute-d {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:15px;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }
	.attribute1-d {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:20px;
		font-weight:bold;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }


    .collection-container-d>.item-container-d:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container-d:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container-d>.item-container-d:first-child .attribute-d {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		margin-left: auto;
		margin-right: auto;
    }
}

/*_____________________________Repeater Table Dstar__________________________________________*/

ol.collection-repeater-dstar {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}


/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container-c {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-c {
        border: 1px solid gray;
        border-radius: 2px;
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-c>li:first-child {
        display: none;
    }

    .attribute-c::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-c {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
	
	/* Attribute name for first column, and attribute value for second column. */
    .attribute-c {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 981px) {
    .collection-container-c {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-c {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-c>li:first-child {
        display: none;
    }

    .attribute-c::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-c {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}



/* 1 Column Card Layout */
@media screen and (max-width:643px) {
    .collection-container-c {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}


/* Tabular Layout */
@media screen and (min-width: 1200px) {
    /* The maximum column width, that can wrap */
    .item-container-c {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 1fr 3fr 1fr 2fr 2fr 2fr 2fr;
		font-size:15px;
    }
	
    .attribute-container-c {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information-c {
        --column-width-min: 10em;
    }

    .part-id-c {
        --column-width-min: 10em;
    }

    .vendor-information-c {
        --column-width-min: 8em;
    }

    .quantity-c {
        --column-width-min: 5em;
    }

    .cost-c {
        --column-width-min: 5em;
    }

    .duty-c {
        --column-width-min: 5em;
    }

    .freight-c {
        --column-width-min: 5em;
    }

    .collection-c {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute-c {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:15px;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }

    .collection-container-c>.item-container-c:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container-c:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container-c>.item-container-c:first-child .attribute-c {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		margin-left: auto;
		margin-right: auto;
    }
}

/*_____________________________Antenna Mounts ________________________________________________*/

ol.collection-mounts {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}

/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container-m {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-m {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-m>li:first-child {
        display: none;
    }

    .attribute-m::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-m {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 736px) {
    .collection-container-m {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
		font-size:15px;
    }

    .item-m {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-m>li:first-child {
        display: none;
    }

    .attribute-m::before {
        content: attr(data-name);
    }

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-m {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* 1 Column Card Layout */
@media screen and (max-width:580px) {
    .collection-container-m {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}

/* Tabular Layout */
@media screen and (min-width:1200px) {
    /* The maximum column width, that can wrap */
    .item-container-m {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 1fr 1fr 3fr 1fr 1fr 1fr;
    }

    .attribute-container-m {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information-m {
        --column-width-min: 10em;
    }

    .part-id-m {
        --column-width-min: 10em;
    }

    .vendor-information-m {
        --column-width-min: 8em;
    }

    .quantity-m {
        --column-width-min: 5em;
    }

    .cost-m {
        --column-width-min: 5em;
    }

    .duty-m {
        --column-width-min: 5em;
    }

    .freight-m {
        --column-width-min: 5em;
    }

    .collection-m {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute-m {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        padding: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:15px;
		align-items: left;
        justify-content: left;
		margin-left: auto;
		margin-right: auto;
    }

    .collection-container-m>.item-container-m:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container-m:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container-m>.item-container-m:first-child .attribute {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		/*margin-left: auto;
		margin-right: auto;*/
    }
}



/*_____________________________Class Syllabus ________________________________________________*/



ol.collection-cs {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

* {
    box-sizing:border-box;
}

/* 3 Column Card Layout */
@media screen and (max-width: 1199px) {
    .collection-container-cs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0px;
		font-size:20px;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		
		
    }

    .item-cs {
        border: 1px solid gray;
        border-radius: 2px;
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-cs>li:first-child {
        display: none;
    }

    /*.attribute-cs::before {
        content: attr(data-name);
    }*/

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-cs {
        display: grid;
        grid-template-columns: minmax(9em, 10%);
		
    }
	.attribute-cs1 {
        display: grid;
        grid-template-columns: minmax(9em, 10%);
		
    }
}

/* 2 Column Card Layout */
@media screen and (max-width: 736px) {
    .collection-container-cs {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
		font-size:20px;
    }

    .item-cs {
        /*border: 1px solid gray;
        border-radius: 2px;*/
        padding: 10px;
    }

    /* Don't display the first item, since it is used to display the header for tabular layouts*/
    .collection-container-cs>li:first-child {
        display: none;
    }

    /*.attribute-cs::before {
        content: attr(data-name);
    }*/

    /* Attribute name for first column, and attribute value for second column. */
    .attribute-cs {
        display: grid;
        grid-template-columns: minmax(9em, 10%);
    }
}

/* 1 Column Card Layout */
@media screen and (max-width:580px) {
    .collection-container-cs {
        display: grid;
        grid-template-columns: 1fr;
		font-size:15px;
    }
}

/* Tabular Layout */
@media screen and (min-width:1200px) {
    /* The maximum column width, that can wrap */
    .item-container-cs {
        display: grid;
        /*grid-template-columns: 2em 2em 10fr 2fr 2fr 2fr 2fr 5em 5em;*/
		grid-template-columns: 1fr 1fr 1fr;
    }

    .attribute-container-cs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
		
    }

    /* Definition of wrapping column width for attribute groups. */
    .part-information-cs {
        --column-width-min: 10em;
    }

    .part-id-cs {
        --column-width-min: 10em;
    }

    .vendor-information-cs {
        --column-width-min: 8em;
    }

    .quantity-cs {
        --column-width-min: 5em;
    }

    .cost-cs {
        --column-width-min: 5em;
    }

    .duty-cs {
        --column-width-min: 5em;
    }

    .freight-cs {
        --column-width-min: 5em;
    }

    .collection-cs {
        /*border-top: 1px solid gray;*/
    }

    /* In order to maximize row lines, only display one line for a cell */
    .attribute-cs {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        display:grid;
		padding: 0px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:20px;
		align-items:flex-start;
        justify-content:left;
		/*margin-left: auto;*/
		margin-right: auto;
		
    }
	.attribute-cs1 {
        /*border-right: 1px solid gray;
        border-bottom: 1px solid gray;*/
        display:grid;
		padding: 0px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		font-size:20px;
		align-items:flex-start;
        justify-content:left;
		margin-left: auto;
		margin-right: auto;
		
    }


    .collection-container-cs>.item-container-cs:first-child {
        /*background-color: blanchedalmond;*/
    }

    .item-container-cs:hover {
        background-color: rgb(200, 227, 252);
    }

    /* Center header labels */
    .collection-container-cs>.item-container-cs:first-child .attribute-cs {
        display: flex;
        align-items: left;
        justify-content: left;
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
		/*margin-left: auto;
		margin-right: auto;*/
    }
}



/*------------------------------------------class syllabus grid only-------------------------*/

.grid-container-sy{
	display: grid;
	/*grid-template-columns: 300px 400px 250px;*/
	grid-template-columns: repeat(autofit, minmax(200px, 1fr));
	grid-gap: 5px;
	padding: 2px;
	align-items: center;
	justify-content: center;
}
.grid-container-sy > div {
	text-align: left;
	font-size: 20px;
}

.grid-container-sy >.week {
	font-size: 25px;
	text-align: center;
	color:darkred; 
}

.grid-container-sy >.tech {
	font-size: 25px;
	text-align: center;
	color:darkred; 
}