@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Amatic+SC:400,700);


#intro, .intro {
  font-size: 1.2em;
  line-height: 2;
  margin: 0 -4%;
  padding: 0 5% 50px;}
  
#subbanner {background: #486d60;}
  
#uvmmaincontent p a, #sidebar-2 p a, #sidebar-2 ol li a {  color: #6ab048;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted;} 
  
#uvmmaincontent p a:hover {color:#486d60;}
  
#uvmmaincontent #rightcolumn_float {margin-left:0; 
  					  border:0;
					  padding: 0 2.5%;
					  background:none;}
					  
  
#rightcolumn_float img {padding-top:0;} 
h2 {color:#486d60;
	font-family: 'Amatic SC', cursive;
  font-size: 45px;
  margin: 0 0 50px;
  font-weight:700;
  letter-spacing:-2px;
}
h3 {color:#486d60; 
	font-family: 'Amatic SC', cursive;
    font-size: 4em;
    margin: 40px 0 0;
    font-weight: 700;}

h4 {color:#486d60;
	text-transform:uppercase;
	line-height: 20px;}
.schedule h4 {font-size:20px;}	
	
h3 span {  font-family: 'Lato', sans-serif;
  font-size: 19px;
  font-weight: 200;
  text-transform: uppercase;
  color:#484748;}	  
  
  #pagebanner {
  margin:0;
  }
  #uvmmaincontent ol {
  padding-left: 20px;
}
#uvmmaincontent ol li {padding-bottom:8px;}
    
  #pagebanner img, #uvmcustombanner img{
  display:block;
  }
  
  #topbanner 
  {background: #486d60;}
 
   #pagebanner+#uvmmaincontent, #uvmcustomnav+#uvmmaincontent {
  margin-top: 0;
  position: relative;
  margin-bottom: -130px;
  padding-bottom: 130px;
}

section.maincontent {
  clear: none;
  margin-left: 22.5%;
  padding: 0 0 130px;
  margin-top:0;
  background-image:url(images/mt-texture.png);
  background-position:bottom;
  background-repeat:no-repeat;
}
  
#container{
  width: 100%;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  padding-bottom:70px;
}

#content{
  float: left;
  width: 74.8%;
}
p.btn {text-align: right;  padding-right: 20px;  margin: 40px 0 0;}
p.btn a {
  display: inline-block;
  background-color: #486d60;
  padding: 5px 20px;
  color: #fff!important;
  text-decoration: none;
  border-radius: 3px;
  font-size: 14px;
  border-bottom:0!important;
  font-weight:100!important;
}

p.btn a:hover{background-color:#3B9E5E;}  
  
div.clear {clear:both;}  
  
  /*SIDEBAR */
  #sidebar{
  line-height: 1.4;
  margin-right: -5.555555%;
  margin-left: -5.555555%;
  float: right;
  width: 22.7%;
  padding: 35px 2.5%;
  background-color:#E6F4F0;
  background-image: url(images/texture_bg.png);
  background-position: top left;
  background-repeat:no-repeat;
  
}

  #sidebar-2{
  line-height: 1.4;
  width: 19.9%;
  padding: 35px 2.5%;    
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background-color:#f3f3f4;
  background-image: url(images/texture_bg.png);
  background-position: top left;
  background-repeat:no-repeat;
  border-left:1px solid #c2d8df
  
}


#sidebar p, #sidebar-2 p{
    line-height:1.6em;
    }
#sidebar a, #sidebar-2 a{
	text-decoration:none;
}

#sidebar-2 .social a {border:0;}
#sidebar p.btn, #sidebar-2 p.btn {
	padding-right:0;
	margin-top:0;
	margin-bottom:50px;}

#sidebar p.btn a, #sidebar-2 p.btn a{
	font-size:10px; padding:2px 10px; color:#fff;}
	
#uvmmaincontent #sidebar h3, #uvmmaincontent #sidebar-2 h3{
    color:eb983c;
    }

#sidebar ul, #sidebar-2 ul {
  margin: 0 0 30px 0;
  padding-left: 0;
}

#sidebar ul li, #sidebar-2 ul li {
  list-style: none;
  margin-bottom:5px;
}

#sidebar h4.events, #sidebar-2 h4.events {  margin-bottom: -10px; margin-top:40px;}

#sidebar .basic ul, #sidebar-2 .basic ul {margin-left:10px; overflow:visible;}
#sidebar .basic ul li .aggregate_release_date, #sidebar-2 .basic ul li .aggregate_release_date {margin-left:-10px;}

.aggregate_release_date {
  color: #486d60;
  margin-bottom: 0;
  margin-top:20px;
  display: block;
  font-size: .75em;
}

.aggregate_basic a {font-size: 12px;}

#multi_column_wrapper {
  float: left;
  width: 100%;
  border-top: 2px dashed #f4e3aa;
  padding-top: 50px;
}

#multi_column_wrapper div.multi_column {
  float: left;
  width: 29.33%;
  padding-right: 3%;
  margin-right: 3%;
   font-size: 15px;
  line-height: 25px;
}

#multi_column_wrapper div.last_column {
  margin-right: 0;
  padding-right: 0;
}

#multi_column_wrapper div.multi_column img {
  display: block;
  margin: 0 auto 20px;
  width:40%;
  
}

#multi_column_wrapper div.multi_column h4 {
	text-align:center;
	  font-size: 11px;
  margin-bottom: .3125em;
  color: #486d60;
  letter-spacing: 3px;
  line-height: 17px;
	}
	
#multi_column_wrapper p.btn {text-align:center; padding:0;}
#multi_column_wrapper p.btn a {width:100%; float:none; text-align:center; padding: 3px 0; background-color:#959595;}	
#multi_column_wrapper p.btn a:hover {background-color:#6a6a6a;}
	
	
	
.sched-img, .schedule img.attachment-post-thumbnail.wp-post-image, .sched-prof-img {width: 90px!important;
  float: left;
  margin: 0px 40px 0 0;}	
  
  
  .schedule img.attachment-post-thumbnail.wp-post-image, .sched-prof-img {  
  height: 90px;
  border-radius: 90px;
  }

.schedule div {  margin-left: 130px;  padding-bottom: 40px;  border-bottom: 1px dashed #959595; }
.schedule.last {padding-bottom:0; margin-bottom:0;}
.schedule.last div {border-bottom:0; padding-bottom:0;}
.schedule {margin-bottom:50px;}	

.schedule h4 span {font-size:12px;}
	
#crumbs {
	/*background-color:#f4cb28;*/
	background-color:#b8db3d;
}

	#crumbs ul {
		list-style: none;
		padding:0;
		margin:0;
		overflow:hidden;
	}
		#crumbs ul li {display: inline;}
	
		#crumbs ul li a {
			display: block;
			float: left;
			height: 25px;
			background: #b8db3d;
			text-align: center;
			padding: 6px 2.5% 2px 5%;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 15px;
			text-decoration: none;
			color: #fff;
		}
			#crumbs ul li a:after {
				content: "";  
				border-top: 25px solid transparent;
	 			border-bottom: 25px solid transparent;
	  			border-left: 25px solid #b8db3d;
				position: absolute; right: -25px; top: -8px;
				z-index: 1;
			}
				#crumbs ul li:first-child a {
					border-top-left-radius: 0; border-bottom-left-radius: 0;
					background-color:#a4bd4e;
				}
				#crumbs ul li:first-child a:before {
					display: none; 
				}
				#crumbs ul li:first-child a:after{
	  				border-left-color: #a4bd4e;
				}
				#crumbs ul li:nth-child(2) a{
	  				background-color: #b0cf45;
				}
				#crumbs ul li:nth-child(2) a:after{
	  				border-left-color: #b0cf45;
				}				
				#crumbs ul li:last-child a {
					border-top-right-radius: 0; border-bottom-right-radius: 0;
				}	
			#crumbs ul li a:hover {
				background: #fa5ba5;
			}
				#crumbs ul li a:hover:after {
					border-left-color: #fa5ba5;
				}
				
				
				
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}


 .services.animationBegin > * {
            opacity:0;
            top:25px;
            -webkit-transition:all 0 linear 0 !important;   /* rewind instantly */
            -moz-transition:all 0 linear 0 !important;
            -o-transition:all 0 linear 0 !important;
            -ms-transition:all 0 linear 0 !important;
            transition:all 0 linear 0 !important;
    }
     
    .featured > * {
            position:relative;
            opacity:1;
            top:0;
            -webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
            -moz-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
            -o-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
            -ms-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
            transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transition: rotate(0deg);
    }
     
    .featured.animationBegin > * {
            opacity:0;
            top:25px;
            -webkit-transition:all 0 linear 0 !important;   /* rewind instantly */
            -moz-transition:all 0 linear 0 !important;
            -o-transition:all 0 linear 0 !important;
            -ms-transition:all 0 linear 0 !important;
            transition:all 0 linear 0 !important;   
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transition: rotate(0deg);
    }

				
	
  /* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: #fdfdfd;
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: hidden;

}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

/* circle preloader */
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(images/preload-circle.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}


/* IOS preloader */

/*.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-ios.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/


/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-dots.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/


/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-quads.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url(images/close.gif) no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    box-sizing: content-box;
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 170px;
    margin-top: -85px;
    text-indent: -100px;
    border: solid transparent; /* Using border instead of padding to keep bg image in place */
    overflow: hidden;
}
.vbox-prev{
    left: 0;
    border-width: 0 30px 0 10px;
    background: url(images/prev.gif) center center no-repeat;
}
.vbox-next{
    right: 0;
    border-width: 0 10px 0 30px;
    background: url(images/next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open{
    overflow: hidden;
}
.vbox-container{
    position: relative;
    background: #000;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}



/*	BigVideo Styles 
	You may need to adjust these styles to get this working right in your design. 
*/
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:20px;padding: 0 20px;width:100%;
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}



/* THESE ARE FOR MOBILE DEVICES */




@media only screen and (max-width : 779px) {
	section.maincontent {margin-left:0;}
}

@media only screen and (max-width : 600px) {
#multi_column_wrapper div.multi_column {
	float:none;
	margin-right:0px;
	margin:0 auto 80px;
	width:80%;
}

#content {width:65%;}
#sidebar, #sidebar-2 { width:28%;}
#intro p.btn {text-align:center; padding-left:0; padding-right:0;}
#intro p.btn a {padding-left:0; padding-right:0; width:100%;}
}

@media only screen and (max-width : 400px) {
#sidebar-2 {
	top:0;
	bottom:inherit;
	left:0;
	right:0;
	padding:40px 0;
	position:relative;
	width: 111%;
	margin-left: -5.5%;
	border-top: 5px solid #c2d8df;
	border-bottom: 5px solid #c2d8df;
}

#uvmmaincontent ol {padding: 0 0 0 20px; margin:0 10%;}

#sidebar-2 img {  
  width: 80%;
  display: block;
  margin:0 auto;
  }
#sidebar-2 .social {padding:0 10%; text-align:center;}
#sidebar-2 .social img {display:inline-block; padding:0 3%;}  
#sidebar-2 .social h4 {padding:0; text-align:left;}  

#sidebar-2 p {padding:5px 10%;}
#sidebar-2 p.btn {padding-right:10%;}
#sidebar-2 p.btn a{display:block; margin: 0 auto; padding:5px 20px; text-align:center;}
#sidebar-2 h4 {padding: 0 10%;}

#sidebar-2 h4.events{ margin-top:10px;}
#sidebar-2 .basic ul {padding: 0 10%;}
  
#container, #content, #multi_column_wrapper {width:100%; float:none;}

#uvmcustombanner {
  min-height: 150px;
  overflow:hidden;
}

#multi_column_wrapper {border-top:0;}

.sched-img, .sched-prof-img {float:none; margin:0 auto; display: block; margin-bottom:40px;}
.schedule div {margin-left:0;}

.schedule p.btn {padding-right:0;  margin-bottom: 50px;}
.schedule p.btn a {width:100%; padding: 5px 0; text-align:center;}
}