@import url("https://use.typekit.net/ibz3mrf.css");




body {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 18px;
	line-height: 135%;
	letter-spacing: 1px;
	margin: 0 auto;
	background-color: #FFF;
}

* { box-sizing: border-box; }

div {
	box-sizing: border-box;
	/*-webkit-transition: all .5s;  Safari 
    transition: all .5s;*/
}


h1 {
	font-family: neue-kabel, sans-serif;
	font-weight: 900;
	font-style: normal;
	line-height: 110%;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover{
	color:#f0f;
	text-decoration: underline;
}


a.ab-button{
	/*	display: block;*/
	font-weight: bold;
	color:#fff;
	padding:10px;
	background-image: linear-gradient(hotpink, deeppink);
	margin: 20px 0px 0px 0px;
/*background-color: #f0f;*/
}

ul {
  list-style-type: none;
  margin: 0px 20px;
  padding: 0;
  list-style: square;
  list-style-image: url('https://alexbraidwood.com/main_wp/wp-content/themes/AlexBraidwood-IS-2021-11/images/plus-grey.png');
}
li{
	margin-bottom: 6px;
}

#main_container {
	position: relative;
	top: 0px;
	width: 99vw;
	height: auto;
	min-height: 100vh;
	/*overflow: hidden;*/
}

#top_nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 99vw;
	height: 5vh;
	padding-top: 8px;
	background-color: #F0F;
	z-index: 999;
}

#top_nav a{
	color: #fff;
	text-decoration: none;
}
#top_nav a:hover{
	color: #0FF;
}

#header_name {

	float: left;
	text-align: left;
	/*background-color: #FF0;*/
	width: 48vw;
	padding: 4px 20px;
	
	font-size: 26px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .1vw;
	line-height: 100%;
	
}

#nav_social_icons {
	float: right;
	text-align: right;
	font-size: 28px;
	line-height: 100%;
	/*background-color: #0FF;*/
	width: 50vw;
	padding: 3px 20px 0px 0px;
	
}
#nav_social_icons a {
	margin-right: .3vw;
}



#hero {
	position: relative;
	margin-top: 8vh;
	padding:  0vw 2vw 0vw 2vw;
}

#name {
	position: relative;
	margin-top: 8vh;
	width: 99vw;
	height: auto;
	/*overflow: hidden;*/

	font-size: 9vw;
	font-weight: 900;
	line-height: 65%;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

#cols {
	position: relative;
	width: 99vw;
	height: auto;
	min-height: 70vh;
	/*background-color: #FF0;*/
}

.col {
	position: relative;
	float: left;
	width: 19vw;
	/*min-height: 60vh;*/
	margin-right: .5vw;
	padding:  1vw;
	text-align: center;
	/*background-color: #0FF;*/
	/*clear: both;*/
}


.col_header {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	font-size: 18px;
	font-weight: 900;
	font-style: italic;
	padding:  5px 0px 5px 0px;
	text-align: left;
	letter-spacing: 1px;
	background-color: #FFF;
	position: -webkit-sticky;
  position: sticky;
  top:  4.9vh;
}

.col_project_img {
	width: 95%;
	height: auto;
	padding: 10px;
}


.project {
	width: 90%;
	height: auto;
	/*overflow: hidden;*/
	margin: 0 auto;
	margin-bottom: 3vh;
}


.project_title {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 120%;
	width: 100%;
	text-align: center;
	color: #666;

	padding: 10px 0px 25px 0px;
	/*border-top: 1px dashed #999;*/
	border-bottom: 1px dashed #999;
}



#single_content_container {
	position: relative;
/*	float:right;*/
	width: 99vw;
	height: auto;
	margin: 10vh 0vw;
	/*background-color: #0FF;*/
	overflow: hidden;
}




.project_info_item {
	margin-bottom: 40px;
}


.body_text{  /* ---------------------------------------------{ type settings for single page } */
/*	font-size: 1em;*/
/*	letter-spacing: 1px;*/
	color: #666;
}

.flex_container {
	display:flex;
	flex-direction:unset;
/*	flex-direction: column;*/
}



#single_content_col {
	position: relative;
	float:left;
/*	float:right;*/
	width: 74vw;
	/*height: auto;*/
	min-height: 1200px;
	height:auto;
	overflow: hidden;
	/*background-color: #FF0;*/
	padding: 0 2vw 0 8vw;
}

#single_content_col_full{
	position: relative;
	width: 90vw;
	/*height: auto;*/
	min-height: 1200px;
	/*background-color: #FF0;*/
	padding: 0 2vw 0 8vw;
}


#single_content_data {
	position: relative;
	float:left;
/*	position: fixed;*/
	/*top:  10vh;
	left: 74vw;*/
	width: 20vw;
	height: auto;
	min-height: 40vh;
	/*background-color: #0F0;*/
	margin-top: 70px;
	padding: 0vh 0vh;
	overflow: hidden;
}



/* ------------------------------------------------------------------------| student */

.student_work_home_link {
	display: inline-flex;
	font-size: 12px;
	margin-bottom: 20px;
}

.student_work_home_link a {
/*	font-weight: 200;*/
	color:#999;
}


.single_content_data_student {
/*	position: absolute !important;*/
}


.student_level{
	position:relative;
	width:100%;
/*	width:32%;*/
/*	min-width:32%;*/
	min-height:250px;
	height:auto;
	overflow: hidden;
/*	background-color: #0F0;*/
	margin-bottom: 100px;
}

.student_level .level_title {
	display: block;
	font-size:1.25em;
	border-bottom: 1px #999 dashed;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 4px;
	font-weight: 800;
}


.class_item {
	width:32%;
	height:300px;
	background-color: #fff;
	position:relative;
	float:left;
	margin:5px;
	padding:5px;

}

.class_item_img {
	height:70%;
	overflow: hidden;
	background-color: #f0f;
	background-position: center center;
	background-size: 120%;
	margin-bottom: 10px;
	border:.25px solid #ddd;
}

.other_proj_link {
	display:inline-flex;
	margin: 5px 10px;
	color:#666;
}

h2.class_project_title {
	font-size: 28px;
	color:#222;
	margin-top:0px;
/*	margin-bottom: 0px;*/
}

h3.class_project_title {
	color:#222;
	margin-top: 25px;
	margin-bottom:8px;
	font-size: 1em;
	font-weight:600;
}

/*on the class page*/
.project_goals {
	margin-bottom: 30px;
}


._3d-flip-book {
	min-height:300px;
}

.fp-iframe {
	border: 0px !important;
}

#toolbarContainer {
	background-image: url(images/texture.png), linear-gradient(#ff0, #0f0) !important;
}


/* ------------------------------------------------------------------------| Class Page */

.class_project {
	width:100%;
	min-height: 400px;
	height:auto;
	overflow: hidden;
/*	background-color: #F0F;*/
	margin-bottom: 75px;
	padding:20px 20px 20px 0;
}

.class_project_img {
	position:relative;
	float:left;
	width:40%;
	height:360px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	border: 1px #ddd solid;
}

.class_project_content {
	position: relative;
	float: left;
	width:58%;
	height:auto;
/*	background-color: #0f0;*/
	margin-left:20px;
}





#single_content_col a{
	/*padding: 4px 8px 3px 8px;
	background-color: #F0F;
	font-weight: 700;
	color: #FFF;*/
	font-weight: 700;
}
#single_content_col a:hover{
	/*background-color: #F0F;
	color: #0FF;*/
	color: #F0F;
}




.project_title_main {
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #000;
	line-height: 90%;
	margin-bottom: 20px;
}

/*to make the top content align with the gallery image grids*/
.content_wrapper {
	padding: 0px 18px 10px 10px;
}


#single_content_col h3{
	width: 60%;
	height: auto;
	text-align: center;
	font-size: 1.2em;
	margin: 120px auto 60px auto;
}


#single_content_col p{
/*	display: inline-block;*/
/*	width: 70%;*/
	/*margin-left: 5vw;*/
	/*margin:  0 auto;*/
}

#single_content_data p{
/*	margin-bottom: 2vh;*/
	margin-block-start: 0;
  margin-block-end: 2vh;
}






#single_content_col img.size-medium, #single_content_col img.size-large, #single_content_col img.size-full {
	/*margin: 0px auto 50px auto;*/
}

#single_content_col img.size-medium {
	/*width: auto;
	height: 75vh;
	margin:  0px auto 50px auto;
	border: 1px solid #CCC;*/
}


#single_content_col .wp-caption img {
	margin-bottom: 0px;
}


#single_content_col .wp-caption p {
	margin-bottom: 50px;
}


#single_content_col .wp-caption{
	width: 100% !important;
	margin: 4px;
	min-height: 400px;
}


#single_content_col .alignleft { /* <----------------- for images to take up 1/2 with captions */
	position: relative;
	float: left;
	width: 48% !important;
	height:  auto;
}

#single_content_col .alignright { /* <----------------- for images to take up 1/2 with captions */
	position: relative;
	float: right;
	width: 48% !important;
	height:  auto;
}

#single_content_col .wp-caption a{
	background-color: #fff;
}

#single_content_col .wp-caption p{
	margin-left: 10px;
	font-size: 10px;
	color: #999;
}


#single_content_col img.imgborder{
	float: right;
	height: auto;
	width: 70%;
	border: 1px solid #ddd;
}

#single_content_col img.imgmed{
	float: right;
	height: auto;
	width: 80%;
}


#single_content_col img {
	width: 100%;
	height: auto;
	
}







.gallery_grid {
	/*display: grid;
  	grid-gap: 3em;
  	grid-template-columns: repeat(auto-fill, minmax(300px,1fr));*/
  	/*max-width: 1200px;*/
  	width: 100%;
}

/* clearfix */
.gallery_grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.gallery_grid_item {
	float: left;
  	width: 33%;
}

.gallery_grid_item_double {
	width: 66%;
}

.gallery_grid_item_triple {
	width: 99%;
}


.gallery_grid_item {
	/*border: 1px solid #DDD;*/
	/*max-height: 400px;
	overflow: hidden;*/
	overflow: hidden;
	/*width: 120px;*/
	height: auto;
	float: left;
	background-color: #FFF;
	/*overflow: hidden;*/
	/*margin: 3px;*/
	/*border: 5px solid #FFF;*/
	padding: 10px;
	/*border-color: #000;*/
	/*height: auto;*/
	/*margin-bottom: 10px;*/
	
}

.gallery_grid_item img{
	border: 1px solid #DDD;
}

.no_outline img{
	border: 0px;
}

.grid_caption {
	font-size: 12px;
	color: #BBB;
	font-weight: 600;
}





#single_content_col.presskit_col p {
	width: 80%;
	margin-left: 2vw;
}

#single_content_data .project_data_header {
	/*width:  33%;*/
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	padding-bottom: 0px;
	margin-top: 14px;
	margin-bottom: 0px;
	color:#222;
/*	text-decoration: underline;*/
/*	border-bottom: 1px dashed #666;*/
	text-transform: uppercase;
}




.release_container { /* -----------{ release page template } */
	text-align: center;
	/*background-color: #FFFF00;*/
	padding-top: 40px;
}

.release_cover {
	/*margin: 0 auto;*/
}

.release_cover_img {
	width: 400px;
	height: auto;
	margin-bottom: 20px;
}


#release_title {
	font-size: 2em;
	letter-spacing: 2px;
	font-style: italic;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 20px;
}

.reviews_title {
	text-decoration: underline;
}

.review_body {
	width: 50%;
	margin: 0 auto;
	text-align: left;
	font-size: 1.5em;
}

.music_service_logo {
	width: 150;
	height: auto;
	margin-top: 40px;
}

#release_reviews {
	margin-top: 60px;
	text-align: center;
}


#footer {
	position: relative;
	width: 99vw;
	text-align: center;
	letter-spacing: 1px;
	margin-top: auto;
	font-weight:300;
	color:#999;
}



.instagram-media  {
	float: right;
	padding-right: 10vw;
}