/*************************************************

plustwelve.com (v6)

Initial Launch : May 2009
Revision : 6 (June 2022)
Design and Code : plustwelve.com
Author Contact : filter@plustwelve.com

*/

/***************************************************
	GENERIC

	*/

@font-face {
  font-family: 'optician_sans';
  src:url('fonts/optician-sans-webfont.woff2') format('woff2'),
      url('fonts/optician-sans-webfont.woff') format('woff'),
			url("fonts/optician-sans.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
	}

HTML {
	font: 62.5%/160% 'optician_sans', sans-serif;
	color: #fff;
	font-weight:normal;
  }

/* Make it fun colours! */
BODY { background:#fc574f;}
BODY.home { background: #fc574f url(../images/dank.svg) center center no-repeat; 	background-size: 120%;}
BODY.postid-1277 { background:#7bb7d6;} /* oak bay */
BODY.postid-1265 { background:#FC5A8C;} /* Edith Weins */
BODY.postid-1288 { background:#aa234e;} /* know tomorrow*/
BODY.postid-1360 { background:#70b674;} /* ENS */
BODY.postid-1379 { background:#9a82b9;} /* participaction */
BODY.postid-1367 { background:#c7beab;} /* boom */
BODY.postid-1250 { background:#fe2a1a;} /* ontario tourism */
BODY.postid-1198 { background:#9bc9c8;} /* monopoly */
BODY.postid-887 { background:#3b7ca0;} /* music milk */
BODY.postid-889 { background:#06e59e;} /* kevin arnold */
BODY.postid-698 { background:#3ca89f;} /* ice pilots */
BODY.postid-1394 { background:#333;} /* Canada 150 */
BODY.postid-1235 { background:#1c4c5f;} /* UBC */
BODY.postid-1433 { background:#171c17;} /* GLOBE */
BODY.postid-886 { background:#afa88c;} /* Milk Every  */
BODY.postid-1394 { background:#333;} /* Canada 150 */
BODY.postid-1033 { background:#333;} /* tourism Toolkit */


HTML, BODY, #wrapper {
	height:100%;
	margin:0 auto;
	padding:0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

/***************************************************
	PORTFOLIO MENU

	*/

#portfolio-menu {
	position:fixed;
  z-index: 10;
	top:20%;
	height:100%;
	width:500px;
	display:block;
	text-align:left;
	}

#portfolio-menu H3 {
	color:#FFF;
	margin: 25px 25px 50px;
	padding:2%;
	font-size:12px;
	}

#portfolio-menu UL {
	list-style:none;
	margin:25px;
	padding:0;
	}

#portfolio-menu LI A{
	color:#fff;
	font-size: 24px;
	letter-spacing: 5px;
	line-height: 28px;
	padding:2%;
	-webkit-transition:all ease-out .15s;
  -moz-transition: all ease-out .15s;
  -o-transition: all ease-out .15s;
  transition: all ease-out .15s;
	}

#portfolio-menu LI A:hover,
#portfolio-menu LI.current_page_item A{padding-left:6%;}

#portfolio-menu H3 A, #portfolio-menu #page-nav LI A {
	color:#f2cfa2;
	font-size:12px;
	letter-spacing: 3px;
  }

  .links {display:none;} /* .links is applied for mobile menu */

/***************************************************
	PREVIOUS/NEXT

	*/

.navigation {
	width:81px;
	height:40px;
	margin:0 auto;
	}

.navigation A {
	width:40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	display: block;
  font-size: 24px;
	}

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/web/20190117102305im_/http://plustwelve.com/wp-content/themes/plustwelve.com/images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/***************************************************

	PROJECT POSTS

	*/

#info {
	width:90%;
	margin:0 auto;
	}

#info H3 {
  color: #FFF;
  float:right;
  margin:150px 0;
  font-size: 30px;
  letter-spacing:5px;
  text-align: right;
  line-height: .9;
  }

.project-wrap{
	display:none;
	}

.project {
	display:block;
	text-align:center;
	margin:0 auto;
	max-width:1400px;
	}

.project IMG {
	width:90%;
	height:auto;
	margin:0 0 8% 0;
	}

.project IMG[src*="grey"] {
  height:1px;
  }


/***************************************************

	Bio

	*/

.page-wrap  {
	position:absolute;
	right:5%;
	width:50%;
	height:50%;
	text-align:left;
	}

.page-id-2 .page-wrap {
  top:13%;
  }

.page-id-2 .entry P {
  font-size: 36px;
  line-height: .9;
  width: 65%;
  letter-spacing: 5px;
  }


/***************************************************

	Mobile

	*/

@media all and (max-width: 959px) and (min-width: 0px) {
  #portfolio-menu {
  width:100%;
	position:relative;
	}

BODY.home { background-size: 360%;} /* oak bay */
  #info H3 { max-width:400px; margin-bottom:160px}

/* Mobile hamburger */

#portfolio-menu A.links {
	display:block;
	width:60px;
	height:60px;
	text-indent:-999em;
	position: relative;
	padding-left: 1.25em;
	float:right;
  background: url(../images/burger.svg) center center no-repeat;
	background-size: 20px;
  }

#portfolio-menu UL {
  display:none;
  width:100%;
  padding:0;
	margin:0;
  clear:both;
  float:right;
	}

#portfolio-menu  LI A,
#portfolio-menu LI.current_page_item A {
	font-size:24px;
	border-bottom:0;
	display:block;
	padding:12px 0 12px 30px;
	margin:0;
	-webkit-transition: background 0.25s linear;
    -moz-transition: background 0.25s linear;
    -ms-transition: background 0.25s linear;
    -o-transition: background 0.25s linear;
    transition: background 0.25s linear;
	}

#portfolio-menu  LI {
	display:block;
	color:#c7c7c7;
	clear:both;
	}

 #portfolio-menu H3 {
 	float:left;
	line-height:60px;
	padding:0;
	margin:0 0 0 30px;
	font-size:12px;
	}

 .page-wrap,
 .home .page-wrap  {
	position:static;
	top:auto;
	right:auto;
	text-align:left;
	height:auto;
	padding:30px;
	vertical-align:top;
	font-size:14px;
	width:80%;
	}

.home H1 {
	font-size:24px;
  }

.home .post {
	position:static;
	}

.project-wrap{
	margin-left:0px;
	}

.page-id-2 .entry P { font-size: 32px; width: 90%; max-width:400px;}

}