/*   
Theme Name: 	Scripps College Events
Theme URI: 		http://scrippscollege.edu/events
Description: 	Scripps College Events
Author: 		Scripps College
Author URI: 	http://scrippscollege.edu
Template:       scrippscollege
*/

.splash-image-container { width: 100%; position: relative; margin-top: -45px; overflow:hidden; }
.splash-image img { width: 100%; position:relative; top:12px; }

.splash-text { font-size: 15px; padding: 10px; position: relative; line-height:1.7em; float:right; width:79%; padding-right:9%;}

.slide{
     position: relative;
     z-index: 1;
	 width:825px;
}
.slider-content{
     position: absolute;
     top: 20px;
     left: 20px;
     z-index: 100;
}

.breadcrumb-sp { z-index:9; position: absolute; padding-top: 50px; color: #ffffff; }

.table-bordered td { padding: 15px !important; }
.table-nomargin { margin-bottom: 0px !important; }
.table-condensed td { border-top: none !important; }
.list-group-sidebar { margin-top: 15px; margin-bottom: 0px !important; }

.nopadding { padding: 0px !important ; }
.eventhead { background-color: #56a1d5 !important; color: #ffffff !important; padding: 5px; }
.eventhead a { color: #ffffff !important; }
.eventhead h2 { margin-top: 0px !important; }

.textwidget a { color: #ffffff; text-decoration:underline }
.textwidget a:hover { color: #d5e7f4; text-decoration:underline }

.btn { font-size: 12px !important; }
.btn:hover { background: #207a94 !important; }

#main-banner h1 { position: absolute; bottom: 0; color: #ffffff; padding: 15px; font-size: 60px; }
#main-banner { vertical-align: bottom; position: relative; height: 300px; width: 100%; }

/*==============================================*/
/* Scripps Presents */
/*==============================================*/

.sp-container h2 { text-align: center; font-weight: bold; }
.sp-container { position: relative; /*margin-top: -45px;*/ 
-webkit-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 4px rgba(0,0,0,0.1);
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
overflow: hidden;
}
.sp-container .tribe-mini-calendar-event { border-bottom: 0; } /* Remove default border */
.sp-sub-container { 
-webkit-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.3);
box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.3);
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 0px solid #000000;
overflow: hidden;
}

.sp-container .about-sp { margin-bottom: 15px; padding: 30px 0 30px 30px; font-family: lora; font-weight: bold; font-size: 32px; }
.sp-container .about-sp ul { padding: 0; }
.sp-container .about-sp ul li { list-style: none; }
.sp-container .about-sp ul li a { display: block; float: left; text-transform: uppercase; letter-spacing: .1em; border: 1px solid; padding: 5px 10px; font-size: 13px; margin: 30px 0; }
.sp-container .about-sp ul li a:hover { background: #337ab7; text-decoration: none; color: #ffffff; }
.splash-image-container  .event-text {
	-webkit-animation: blur 1s;
}
.sp-container .about-sp {
  -webkit-animation: blur 2s;
}
.sp-responsive{ color:#000;position: relative;}

@-webkit-keyframes blur {
  100%, 0%  { -webkit-filter: blur(0px); }
  50% { -webkit-filter: blur(10px); }
}

.sp-container .current-page-parent a { background: #f9f9f9 !important; } .current-page-parent a:hover { background: none !important; } /* important hack Scripps Presents menu */
.scripps-presents-logo { position: absolute; bottom: 55px;}
.scripps-presents-logo img { width: 450px; }
.scripps-presents-logo-sub { padding: 15px 0;}
.scripps-presents-logo-sub img { width: 450px; }

/*==============================================*/
/* Scripps Presents Splash */
/*==============================================*/
.need-top-space { height: 150px; } /* Add if no splash banner */
.event_rows { display: inline-block; margin-top: 10px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; }
.event_row { position: relative; float: left; width: 455px; overflow: hidden; margin-bottom: 30px; }
.event_row .the_date { position: absolute; margin: 15px; top: 0; }
.event_row .the_month { color: #ffffff; width: 70px; font-size: 15px; padding: 2px; text-transform: uppercase; background: #56a1d5; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; }
.event_row .the_day { color: #ffffff; width: 70px; font-weight: bold; font-size: 40px; line-height: 50px; padding: 0px; background: #254256; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; }
.event_rows a { transition: all 0.4s; }
.event_rows img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.4s; }
.event_1 a:hover { text-decoration: none; }
.event-gradient { color: #ffffff; position: absolute; bottom: 0; width: 100%; height: 50%; 
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 47%, rgba(248,248,248,0) 60%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(47%, rgba(246,246,246,0)), color-stop(60%, rgba(248,248,248,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 47%, rgba(248,248,248,0) 60%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 47%, rgba(248,248,248,0) 60%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 47%, rgba(248,248,248,0) 60%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 47%, rgba(248,248,248,0) 60%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );

}
.splash-image-container .event-text { font-size: 16px; position: absolute; margin: auto 10%; top: 0; bottom: 0; left: 0; right: 0; height: 200px; }
.splash-image-container .event-text h2 { font-size: 56px; font-weight: bold; margin: 0 !important; padding: 0 !important; }
.splash-image-container .event-text { color: #ffffff; }
.splash-image-container .event_1 img { width: 100%; }
.splash-image-container .event_row img { margin: 0; padding: 0 !important; width: 100%; }
.button_rows { display: inline-block; width: 100%; }
.button_rows .glyphicon, .button_rows .fa { font-size: 36px; top: 10px; }
.button_row a { height: 70px; padding: 15px 20px; float: left; text-align: center; margin: 8px 5px; color: #5a5a5a; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.button_row a:first-child { margin-left: 0px;}
.button_row a:last-child { margin-right: 0px;}
.button_row a:hover { color: #e1e1e1; text-decoration: none; }

.get-tickets { padding: 10px; }
.get-tickets a:visited, .get-tickets a:active, .get-tickets a { text-decoration: none; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; background: #2e4c41; padding: 10px; color: #ffffff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.get-tickets a:hover { color: #5a5a5a; background: #D5D5D5; text-decoration: none; }
.btn-get-tickets a:visited, .get-tickets a:active, .get-tickets a { text-decoration: none; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; background: #2e4c41; padding: 10px; color: #ffffff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.btn-get-tickets a:hover { color: #5a5a5a; background: #D5D5D5; text-decoration: none; }

.list-button { margin: 0; padding: 0; list-style: none; }
.list-button a { font-size: 10px; display: block; text-align: center; text-transform: uppercase; letter-spacing: 1px; padding: 5px; margin: 15px 0; color: #ffffff !important; background: #51836A !important; border: 1px solid #3d614f; 
}
.list-button a:hover { background: #e1e1e1 !important; border: 1px solid #d5d5d5; color: #5a5a5a !important; text-decoration: none; }

/*==============================================*/
/* Upcoming Events */
/*==============================================*/
.list-sp-upcoming-events { padding: 30px; background: #E6EBED; border: 0;overflow: hidden; 
position: relative;
  background-attachment: fixed;
  background-position: 0,0;
  background-repeat: no-repeat;
  background-size: cover !important;
  /*background: url('http://www.scrippscollege.edu/events/wp-content/uploads/sites/7/files/Venue-Elm-Tree-4.jpg'); */
}
.list-sp-upcoming-events .readmore { color: #ffffff !important; background: #337ab7; padding: 5px 15px; }


/*==============================================*/
/* Video */
/*==============================================*/
.videoWrapper { text-align: center; padding: 30px 0 60px 0; background: #222222; color: #ffffff; position: relative; }	
.videoWrapper a { color: #ffffff !important; }	
.videoWrapper h2 { margin-bottom: 30px;  }
.video-iframe { position: relative;
    /*padding-bottom: 30.25%;*/
    padding-top: 200px;
    height: 0;
	max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
}		
.video-iframe iframe { position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%; 
    border: 0;
}
.videoWrapper .readmore { padding: 15px; text-align: right; width: 100% !important; }

/*==============================================*/
/* Social Media */
/*==============================================*/
.social-media { text-transform: uppercase; font-size: 9px; color: #ffffff; background: #000; width: 100%; padding: 10px 15px; margin-bottom: 15px; text-align: right; }
.social-media .breadcrumb2 { max-width: 640px !important; text-align: left;}
.social-media img { width: 24px; height: 24px; margin-left: 5px; }
.social-media a { padding: 15px 0 15px 0; letter-spacing: 1px; color: #ffffff; }
.social-media a:hover { color: #ffffff; }

/*==============================================*/
/* Past events */
/*==============================================*/
.sp-past-events { padding: 30px 15px; }
.sp-past-events h2 { padding-bottom: 30px; }
.sp-past-events img { width: 100%; height: 150px; border: 0 !important; }



@media (max-width: 1200px) {
.scripps-presents-logo img { width: 350px; }
.button_row a { padding: 15px 10px;  }
.splash-image-container .event-text { font-size: 15px; }
.splash-image-container .event-text h2 { font-size: 46px; }
}

@media (max-width: 990px) {
.scripps-presents-logo img { width: 325px; }
.event_row img { width: 300px; }
.button_row a { padding: 15px 50px;  }
.social-media .breadcrumb2 { max-width: 490px !important; text-align: left; }
.splash-image-container .event-text { font-size: 14px; }
.splash-image-container .event-text h2 { font-size: 36px; }
}

@media (max-width: 767px) {
.scripps-presents-logo { position: relative !important; margin-top: 100px;}
.scripps-presents-logo img { width: 350px; }
.event_row img { width: 400px; }
.button_row .fa { width: 100%;  }
.button_row a { width: 33%; margin-bottom: 35px; }
.breadcrumb-sp { padding-top: 0px; }

}

@media (max-width: 500px) {
.button_row .fa { width: 100%;  }
.button_row a { width: 50%;  }
.splash-image-container .event-text { font-size: 13px; }
.splash-image-container .event-text h2 { font-size: 26px; }
	.sp-responsive{left: -20%; width:120%;}
}