/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Logo footer */
.tm-footer .tm-logo-footer { margin-top: -10px; }

body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b0000+0,cc0000+100 */
background: #8b0000; /* Old browsers */
background: -moz-linear-gradient(top,  #8b0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8b0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8b0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */

}

.uk-block {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
.uk-panel-box {
    padding: 0;
    background: #f9f9f9;
    color: #636873;
}

div#wufoo-pctsy0d0jmvo2h {
    padding: 7px;
}

div#tm-top-b {
    padding: 0;
}

.tm-footer, .tm-padding-around {
    padding: 50px;
}

.uk-block-secondary {
    background: #000;
}

.uk-block-large{
padding-top:0;
padding-bottom:0;
}

.tm-container {
    background: #730202;
    box-shadow: 0px 0px 50px rgba(29, 37, 47, 0.8);
}

.uk-block-primary{
background: #ff0000 !important;
}




/* new timetable */
table.schedule { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */

.schedule th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.schedule td, .schedule th {
  padding: 6px;
  border: 1px solid #000;
  text-align: left;
  font-size: 11px;
  line-height: 14px;
}
.schedule td p {
  margin:0px 0 8px 0;
}

.schedule thead td {
  background-color: #333;
  color:#fff;
}


    /* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/


tr.classdkblue{
background:#d0dff1;
color:#000;
}

td.classdkblue{
background:#172e72;
color:#fff;
}

tr.classblue {
  background: #c5e3ee;
  color: #000;
}

td.classblue {
  background: #1498c9;
  color: #fff;
}

tr.classyellow{
background:#f9f6cc;
color:#000;
}

td.classyellow{
background:#ecde02;
color:#000000;
}

tr.classred{
background:#fed1be;
color:#000;
}

td.classred{
background:#ee1c25;
color:#fff;
}


tr.classpink{
background:#feddf5;
color:#000;
}

td.classpink{
background:#e000a3;
color:#fff;
}

tr.classorange{
background:#fcecd9;
color:#000;
}

td.classorange{
background:#e7820c;
color:#fff;
}

tr.classblack{
background:#333333;
color:#ffffff;
}

td.classblack{
background:#000000;
color:#fff;
}



tr.classgreen{
background:#e6ffde;
color:#000;
}

td.classgreen{
background:#167618;
color:#fff;
}


tr.classtan{
background:#fdebc7;
color:#000;
}

td.classtan{
background:#edbf66;
color:#000;
}

tr.classpurple{
background:#efd5ff;
color:#000;
}

td.classpurple{
background:#6e0bad;
color:#fff;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.schedule table, .schedule thead, .schedule tbody, .schedule th, .schedule td, .schedule tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.schedule thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.schedule tr { border: 1px solid #ccc;   margin-top: 5px;}
	
	.schedule td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	
	
	.schedule td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		font-size: 14px;
  line-height: 16px;

	}
	
	.schedule td.classtitle{ 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 0%; 
	}
	
	.schedule 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
	*/
	
	.schedule td:nth-of-type(1):before { content: "Class";font-weight:bold; }
	.schedule td:nth-of-type(2):before { content: "Mon"; }
	.schedule td:nth-of-type(3):before { content: "Tues"; }
	.schedule td:nth-of-type(4):before { content: "Wed"; }
	.schedule td:nth-of-type(5):before { content: "Thurs"; }
	.schedule td:nth-of-type(6):before { content: "Fri"; }
	.schedule td:nth-of-type(7):before { content: "Sat"; }
	
}

}