/*
Theme Name: SULA Professional Programs 2014
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


html {
 width: 100%;
  height: 100%;
}
  body {
  width: 100%;
  height: 100%;
 /* background-image: url('http://sulaprofessionalprograms.syr.edu/wp-content/uploads/2014/09/los-angeles.jpg');
	background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff4db;
  background-attachment: fixed;*/
  background-color: white;
  /*background-image: url('http://sulaprofessionalprograms.syr.edu/wp-content/uploads/2014/09/los-angeles-orange-2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;*/
}

h1, h2, h3, h4, h5, h6, p {
 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

    
    .fix {
    clear: both;
    }


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px
}

.bs-callout-info {
    border-left-color: orange;
}

      
  
.header-container {
 /*background-color:white; */
	  padding-top: 20px;
	  padding-bottom: 20px;
}
	
	.nav-container {
		 height: 50px;
		  background-color: #0c54a4;
		}
		
		nav ul li {
		 float: left;
		 line-height: 50px;
  position: relative;
  margin-right: 20px;
		}
		
		nav ul li a {
		font-family: 'Roboto', sans-serif;
		  font-size: 18px;
		  color: white;
		  
		  display: block;
		  text-decoration: none;
		}
		

nav ul ul {
 width: 200px;
  position: absolute;
  top: 50px;
  left: 0px;
  display: none;
  z-index: 100;
  background-color: #bbdbff;
}

nav ul ul li {
 float: none;
  width: 100%;
  border-bottom: 1px solid #0c54a4;
  line-height: 20px;
}


nav ul ul li a {
 color: #0c54a4; 
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

nav ul ul ul {
 display: none; 
}

nav ul li:hover ul {
 display: block; 
}

nav ul li:hover ul ul {
 display: none; 
}

.subnav-container {
height: 50px;
	  background-color: #ffe595;
	}
	
	.subnav ul li {
	float: left;
		line-height: 50px;
	  }
	  
	  .subnav ul li a {
	  font-family: Arial;
		  font-size: 16px;
		  color: #0c54a4;
		  margin-right: 20px;
		  display: block;
		  text-decoration: none;
		}
	


.showcase-container {
background-color:#fed36b;
 background-image: url('http://sulaprofessionalprograms.syr.edu/wp-content/uploads/2014/09/los-angeles-orange-2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
	}

.small-white-line {
  height: 2px;
	  width: 240px;
	  background-color: white;
	  margin-top: 20px;
	  margin-bottom: 20px;
	}

h2 {
 font-family: 'Roboto', sans-serif;
	  /*font-weight: 900;*/
  /*text-transform: uppercase;*/
}

.showcase-container h2 {
 font-family: 'Roboto', sans-serif;
	  font-weight: 900;
	  color: white;
	  font-size: 70px;
  line-height: 60px;
	  
  text-shadow: 1px 1px rgba(0,0,0,.25);
	}

p {
 font-family: 'Roboto', sans-serif; 
}

.showcase-container p {
  /* font-family: 'Roboto', sans-serif;*/
	  font-family: Georgia;
	  font-weight: 300;
	  font-size: 28px;
	  color: #333333;
  margin-bottom: 50px;
	}


.upcoming-event img {
  width: 100%;
	  height: auto;
	}
	
	p.cta {
	 margin-top: 40px; 
	}
	
	p.cta a {
	 font-family: 'Roboto', sans-serif; 
	  font-size: 18px;
	  font-weight: 500;
	  padding: 15px;
	  border: 1px solid #666;
	  color: #666;
	  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	}
	


	.upcoming-event h3 {
   font-family: 'Roboto', sans-serif; 
	  font-size: 24px;
		  font-weight: 900;
  padding: 0px;
		  margin: 0px;
		  margin-bottom: 10px;
		}

.upcoming-event h3 a {
  color: #e77100;
	}
		
		.upcoming-event p {
	  font-family: Georgia;
			  font-size: 18px;
			  line-height: 24px;
			}

section {
 background-color: rgba(255,255,255,.8); 
}

.section-padding {
  padding: 20px;
	}
	

.sidebar-group {
  background-color: #fff;
  margin-bottom: 10px;
	}
	
	.sidebar-group-padding {
  padding: 10px;
		}
		
		
.sidebar-group img {
	  width: 100%;
			}
		
.footer-container {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #bbb;
}

button a {
 color: white; 
}

.cost {
	font-size: 28px;
	color: #0c54a4;
	font-weight: bold;
  }

.block-month-box {
	 background-color: white;
	  border: 1px solid #0c54a4;
	  padding: 10px;
	  display: inline-block;
	  margin-bottom: 10px;
	  float: left;
	}
	
	.block-month-box-hyphen {
  margin-top: 40px;
		  width: 10px;
		  height: 1px;
		  background-color: #0c54a4;
		  float: left;
		}
	
.block-month {
  padding: 0px;
margin: 0px;
		 text-transform: uppercase; 
		  font-size: 18px;
		  line-height: 18px;
  color: #0c54a4;
		}
		
.block-date {
	   padding: 0px;
margin: 0px;
			 font-size: 48px; 
			  line-height: 48px;
	  font-weight: bold;
  color: #0c54a4;
			}
			



.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }


.alumni-bio-item {
  margin-bottom: 20px;
	}

.alumni-bio h3 {
    font-family: 'Roboto', sans-serif; 
	  font-size: 20px;
	  text-transform: uppercase;
	  font-weight: bold;
	  padding: 0px;
	  margin: 0px;
	  margin-top: 5px;
	  margin-bottom: 10px;
	}
	
	.alumni-bio h4 {
    font-family: Georgia;
	  font-size: 18px;
		  font-style: italic;
   padding: 0px;
	  margin: 0px;
	 
	}

.alumni-bio-photo {
	 width: 100%;
	  height: auto;
	  border: 1px solid #ccc;
	}

ul.testimonials li {
 padding-top: 10px;
  padding-bottom:10px;;
  border-bottom: 1px solid #eee;
 font-family: Georgia;
	  font-size: 18px;
		  font-style: italic;
}

.event-img img {
	 width: 100%;
	  height:" auto;
	}

.orange-text {
  color: black;
	  font-weight: bold;
	   font-family: 'Roboto', sans-serif; 
	  border-bottom: 3px solid #f26522;
	  padding-bottom: 4px;

	}

.orange-well {
	background-color: #ffe9df;  
	  border-color: #f26522;
	}

.btn-warning-custom {
  background-color: #f26522;
	  border-color: #f26522;
	}

.event-dates, .event-time {
	 font-family: Georgia;
	  font-style: italic;
  font-size: 18px;
	}
	
	





.course-intro h1 {
 font-family: 'Arvo', serif;
	  font-size: 36px;
	  font-weight: bold;
	  border-bottom: 1px solid black;
	  padding-bottom: 10px;
  color: #0c54a4;
	}

.course-intro p {
	 font-family: Georgia;
	  font-size: 24px;
	  line-height: 36px;
	  
	}

.course-content-group {
  padding-top: 20px;
	  padding-bottom: 20px;
	  border-top: 1px solid #aaa;
	}

.course-content-group h2 {
  font-family: 'Arvo', serif;
	 /*margin-top: 40px; */
  padding: 0px;
  margin: 0px;
  font-size: 24px;
		  text-transform: uppercase;
		  font-weight: bold;
  color: #0c54a4;
	}

.course-content-group  h3 {
	 /*margin-top: 40px; */
	   font-family: 'Arvo', serif;
  padding: 0px;
  margin: 0px;
  font-size: 24px;
	  margin-bottom: 10px;
  font-weight: bold;
	}
	
	.instructor-image img {
		 width: 100%;
		  height: auto;
		}
		
.instructor-row {
		 margin-bottom: 20px; 
		}
			
.instructor-row p {
			 font-family: 'Roboto', sans-serif;	  
				}

.event-group {
	 margin-top: 10px; 
	}

.single-courses  h4 {
	  font-family: 'Roboto', sans-serif; 
	  text-transform: uppercase;
	  font-size: 18px;
	  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
	}

.terms ul li {
	margin-bottom: 10px;
 list-style-type: square;
  }