/*
Theme Name: Brock University Convocation Theme
Author: Sebastien Marchal / BrockU
Theme URI: 
Description: Custom theme for Convocation.
Version: 1.0
Template: brocku-mu-base
Tags: none
*/

/* ----------------------------------------------
   ----------------------------------------------
   Large Screen desktops (Default)
   ----------------------------------------------
   ---------------------------------------------- */

body.page-template-page-convocation { background: #000 !important; }

.convocation-theme #content { margin-bottom: 0 !important; }

/* Header */

.convocation-theme #header {
	
	position: absolute;
	top: 0;
	background: transparent;
	z-index: 1000;
}

.convocation-theme #container {
	padding-top: 0;
}

.convocation-theme #header .omni-menu { display: none !important; }


/* Hero section */

#hero-container {
	background: url('images/ribbon.png') no-repeat top right;
	background-size: 200px auto;
}

#hero-container .wpb_column {
	background: url('images/confetti1.png') no-repeat 0 0;
	background-size: cover;
	animation: animatedBackground 5s linear 2;
}

@keyframes animatedBackground {
    0% {
            background-position: 0 0;
  }
  
  	50% {
            background-position: 0 20px;
  }
  
  100% {
           background-position: 0 0;
  }
}

.hero-congrats { 
	color: #fff;
	text-align: center;
	font-size: 3em !important;
	margin-bottom: 0 !important;
	text-transform: uppercase;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, .6);
	line-height: 90% !important;
}

.hero-name {
	margin-top: 8px !important;
	color: #fff;
	text-align: center;
	font-size: 7em !important;
	text-transform: uppercase;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, .6);
	line-height: 90% !important;
}

/* Text styling */

.white { color: #fff !important; }
.black { color: #000 !important; }
.red { color: #cc0000 !important; }


#content .header-smallcaps {
	font-size: 1.5em;
	line-height: 115%;
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	font-weight: bold;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-top: 10px; margin-bottom: 10px;
	color: #cc0000;
}
#content .header-regular {
	font-size: 3.5em;
	line-height: 110%;
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-top: 10px; margin-bottom: 10px;
	color: #000;
}

/* adjustments */
#content .hon-docs-row .header-smallcaps { font-size: 1.1em; }
#content .hon-docs-row .header-regular { font-size: 2.5em; margin-bottom: 20px; }

#content .button.small.white { background: #fff !important; color: #000 !important; }
#content .button.small.white:hover,
#content .button.small.white:focus,
#content .button.small.white:active { background: #cc0000 !important; color: #fff !important; }

.fullwidth * { width: 100%; }



/* Section tweaks  ---------------------------------------------- */



/* TOC */

#content .button.program:after { content: "" !important; }

#toc .number { 
	display: inline-block;
	margin: 0 0 15px 0; padding: 5px 11px 3px 11px;
	color: #fff;
	width: 30px; height: 30px;
	font-size: .7em;
	background: #000;
	border-radius: 20px;
	text-align: center;
}
#toc .toc-celebrate .number { color: #fff !important; background: #cc0000; }
#toc .toc-celebrate p { color: #cc0000; }

#toc .smallcaps-red { line-height: 110%; }
#toc .smallcaps-red a { border: none !important; }
#toc .smallcaps-red a:hover,
#toc .smallcaps-red a:focus,
#toc .smallcaps-red a:active { border-bottom: 1px solid !important; }


#toc .toc-celebrate {
	padding-bottom: 10px;
	background: url('images/confetti-small-bottom.png') no-repeat -10px bottom;
/* 	background: url('images/confetti-small.png') no-repeat 0 0; */
	background-size: contain;
	}


.arrow-start .vc_icon_element-inner {
/* 	animation: slide-bottom 3s infinite; */
}

@keyframes slide-bottom {
  0% {
	  opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  
  70% {
	  opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  
  100% {
	  opacity: 0;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}



/* DEAR GRADUANDS */

#dear-graduands {
	background-color: #000;
	background-image: url('images/pipe-and-drape.jpg'),
		url('images/pipe-and-drape-bottom.jpg');
	background-repeat: no-repeat,
      no-repeat;
    background-position: top left,
      bottom left;
	background-size: contain, contain;
}



/* HON DOCS */

#hon-docs .paul-martin .header-regular br { display: none; }



/* CELEBRATION */

#celebration {
	position: relative;
	background: #fff url('images/confetti-fade-alpha.png') no-repeat left -200px;
	background-size: 100% auto;
}

#celebration .above-video { position: relative; z-index: 10000; }


#celebration .large-button a { 
	z-index: 10000; 
	animation: pulse 1.5s infinite;
	}
#celebration .large-button button,
#celebration .large-button a {
	padding: 30px 50px !important;
	font-size: 1.8em !important;
}

@keyframes pulse {
	0%, 100% {
		opacity: 1;
	}
	30% {
		opacity: 0;
	}
}

#confetti-video,
#confetti-video-2,
#confetti-video-vertical,
#confetti-video-vertical-2 {
	z-index: 1;
	position: absolute;
	width: 100%;
	top: 0; left: 0; right: 0;
	}


#content #celebration a.level-2:after { content: "" !important;}


/* THANK YOU */

#thank-you {
/* 	background: #585858 url('images/background-jubilee-grey.jpg') no-repeat bottom left; */
	background: #5c86c2 url('images/background-jubilee-colour.jpg') no-repeat bottom left;
	
	background-size: 100% auto;
}

/* ----------------------------------------------
   ----------------------------------------------
   Tablets
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 951px) and (max-width: 1114px) {
	


}



/* ----------------------------------------------
   ----------------------------------------------
   Small Tablet
   ----------------------------------------------
   ---------------------------------------------- */
   
@media only screen 
and (min-width : 841px) and (max-width: 950px) {
	

}



/* ----------------------------------------------
   ----------------------------------------------
   Mobile intermediate
   ----------------------------------------------
   ---------------------------------------------- */

@media only screen 
and (min-width : 481px) and (max-width: 840px) {


}



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

@media only screen 
and (max-width: 840px) {
	
	/* Header */
	#mobilesearch.drawer .drawer-subcontainer { background: #cc0000; }
	
	/* Hero section */
	
	#hero { margin-top: 40px; }
	#hero-container {
		background: url('images/ribbon.png') no-repeat top right;
		background-size: 120px auto;
	}
	
	.hero-congrats { 
		font-size: 1.5em !important;
		line-height: 90% !important;
	}
	
	.hero-name {
		font-size: 3em !important;
		line-height: 90% !important;
	}


	/* global */
	
	#toc .vc_empty_space,
	#land-acknowledgement .vc_empty_space,
	#dear-graduands .vc_empty_space,
	#hon-docs .vc_empty_space,
	#awards .vc_empty_space,
	#celebration .vc_empty_space,
	#social-cta .vc_empty_space,
	#alumni .vc_empty_space,
	#campus-store .vc_empty_space,
	#thank-you .vc_empty_space,
	.deanswelcome .vc_empty_space { display: none !important; }
	
	.vc_separator { display: none; }
	.vc_row { margin-bottom: 0; }
	
	.mobile-padding { padding-left: 25px !important; padding-right: 25px !important; margin-top: 0; }
	.mobile-padding-right-col { margin-top: -5px !important; padding: 0 0 0 15px !important; }
	
	
	/* TOC */
	
	#toc .header-regular { font-size: 2em; }
	#toc .header-smallcaps { padding: 0 30px; }
	
	.toc-columns { padding-left: 15px !important; padding-right: 15px !important; }
	.toc-columns .wpb_column { margin-top: 0 !important; margin-bottom: -20px !important; }
	#toc .toc-celebrate { background: none; }
	
	#toc .button.program { margin: 10px auto 10px auto; }
	
	
	/* Land A. */
	
	#land-acknowledgement .landa-main p.page-intro { margin-top: -30px; font-size: 1.2em; }
	#land-acknowledgement .landa-main p.smallcaps-red { margin-left: 60px; margin-bottom: 50px; }
	
	#land-acknowledgement .mobile-padding-right-col { font-size: .8em !important; margin-bottom: 20px; }
	#land-acknowledgement .mobile-padding-right-col .video-greg { margin-top: -20px; }
	
	
	/* Deans welcome */
	
	.deanswelcome { padding-top: 40px; }
	.deanswelcome .vc_single_image-wrapper { text-align: center; }
	.deanswelcome .vc_single_image-wrapper img { width: 40%; margin: 0 auto; }
	.deanswelcome .deansprofile { text-align: center; }
	.deanswelcome .deansprofile p.header-regular { font-size: 2.3em !important; }
	.deanswelcome .deansprofile p.header-smallcaps { font-size: 1.2em !important; }
	.deanswelcome .deansprofile p { margin-right: 0 !important; }
	
	
	/* Dear Graduands */
	
	#dear-graduands { padding-top: 40px !important; padding-bottom: 40px !important; }
	
	#dear-graduands .section-gervan .header-smallcaps { font-size: 1.2em; }
	#dear-graduands .section-gervan .header-regular { font-size: 2.3em; }
	
	#dear-graduands .mobile-padding { text-align: center; }
	#dear-graduands .mobile-padding .vc_btn3-container { text-align: center; }
	#dear-graduands .mobile-padding .wpb_single_image { margin-top: 40px !important; margin-bottom: 0 !important; text-align: center; }
	#dear-graduands .mobile-padding .wpb_single_image img { width: 60%; }
	#dear-graduands .mobile-padding .header-smallcaps { font-size: 1.2em; }
	#dear-graduands .mobile-padding .header-regular { font-size: 2.3em; }
	

	/* Hon Docs */
	
	#hon-docs { padding-top: 40px; }
	#hon-docs .paul-martin .header-regular { font-size: 2.5em !important; }
	#hon-docs .paul-martin .header-regular br { display: inline-block; }
	#hon-docs .paul-martin .paul-martin-bio .vc_col-sm-6 { margin: 0 0 -2em 0 !important; }
	#hon-docs .paul-martin .paul-martin-bio { text-align: center; }

	#hon-docs .hon-docs-row { text-align: center; }
	#hon-docs .hon-docs-row .vc_column_container { margin-top: 0 !important; }
	#hon-docs .hon-docs-row .wpb_single_image { margin-bottom: 15px !important; text-align: center; }
	#hon-docs .hon-docs-row .vc_single_image-wrapper img { width: 50%; text-align: center; }
	#hon-docs .hon-docs-row p {  margin-left: 20px !important; margin-right: 20px !important; }
	#hon-docs .hon-docs-row .vc_btn3-container { text-align: center; }
	#hon-docs .hon-docs-row .header-regular br { display: none; }
	#hon-docs .hon-docs-row .bio { font-size: 1.1em !important; margin-bottom: -15px !important; }
	
	
	/* Awards */
	
	#awards { padding-bottom: 20px !important; }
	#awards .award-intro { padding-left: 15px !important; padding-right: 15px !important; }
	#awards .award-intro .header-regular { font-size: 2.5em; margin-top: -30px !important; }
	#awards .award-intro p.page-intro { font-size: 1.4em !important; text-align: center; }
	
	#awards .desktop { display: none !important; }
	
	#awards .gov-gen .vc_column-inner { margin: 0; padding-top: 0 !important; }
	#awards .gov-gen .wpb_single_image { margin-top: 40px !important; margin-bottom: 20px !important; text-align: center; }
	#awards .gov-gen .wpb_single_image img { width: 60%; }
	#awards .gov-gen .header-smallcaps { font-size: 1.2em; text-align: center !important; }
	#awards .gov-gen .header-regular { font-size: 2.3em; text-align: center !important; }
	
	#awards .mobile-padding .wpb_column { margin-top: 0 !important; padding: 0 !important; }
	
	
	/* Celebration */
	
	#celebration { padding-bottom: 120px; }
	#celebration #confetti-video-container { display: none; }
	#celebration p.header-smallcaps { font-size: 1.5em !important; }
	#celebration p.alfaslab { font-size: 3em !important; margin: 100px 0 100px 0 !important; }
	#celebration p.alfaslab.span { font-size: 2.5em !important; }
	
	#celebration .large-button button,
	#celebration .large-button a { padding: 20px 20px !important; font-size: 1em !important; text-align: center; }
	
	
	/* More ways to celebrate */
	
/* 	#social-cta p { text-align: center !important; } */
	#social-cta .alfaslab { font-size: 1.8em !important; }
	#social-cta figure { display: none; }
	
	
	/* Alumni */
	
	#alumni { padding-top: 40px; }
	#alumni .header-regular { margin-top: -20px; font-size: 2.3em; text-align: left; }
	
	#alumni .wpb_single_image { margin-top: 0 !important; margin-bottom: 0 !important; text-align: center; }
	#alumni .wpb_single_image img { width: 40%; }
	
	#alumni .mobile-padding p.page-intro { margin: -30px 0 0 0 !important; text-align: center; }
	#alumni .mobile-padding .vc_btn3-container { text-align: center; }

	#alumni .mobile-padding p.stay-connected { text-align: left; margin-right: 0 !important; }
	#alumni .vc_col-sm-4 { display: none; }
	
	
	/* Campus store */
	
	#campus-store { padding-bottom: 40px; }
	
	#campus-store .mobile-padding { padding-left: 10px !important; padding-right: 10px !important; }
	
	#campus-store img { margin-left: -25px !important; margin-bottom: -40px; width: 100%; }
	
	#campus-store p.header-smallcaps { font-size: 1.4em; }
	#campus-store .alfaslab { font-size: 3em !important; }
	
	#campus-store .price-column { padding: 0 !important; margin-top: 0 !important; width: 50%; float: left; }
	#campus-store .price-column .vc_column-inner { padding: 0 !important; }
	#campus-store .price-column .smallcaps-black { font-size: 1em !important; }
	
	
	/* Thank you */
	
	#thank-you { padding-top: 40px; }
	
	#thank-you .mobile-padding { padding-left: 10px !important; padding-right: 10px !important; }
	
	#thank-you .mobile-padding .smallcaps-black { padding: 0 40px; }
	
	#thank-you .centered .vc_column-inner { margin: 0; padding-top: 0 !important; }
	#thank-you .centered .wpb_single_image { margin-top: 00px !important; margin-bottom: 0 !important; text-align: center; }
	#thank-you .centered .wpb_single_image img { width: 40%; }
	#thank-you .centered p { text-align: center; padding: 0 20px; }
	#thank-you .centered .vc_btn3-container { text-align: center; }
	
	
	
}