/* Enter Your Custom CSS Here */

/* ########## HEADER ########## */
/* ########## HEADER ########## */

div.title-area {
  margin-top:20px!important;
}

.site-header {
  border-bottom:none!important;
  min-height:120px;
}

/* ########## NAV ########## */
/* ########## NAV ########## */

ul#menu-primary li a {
  font-size:0.6em!important;
  font-weight:600!important;
}

.menu li > a:after {
    color: #000;
    content: ' ▾';
}

.menu li > a:only-child:after {
    content: '';
}

.menu-toggle:before,
	.menu-toggle.activated:before {
  		content: "\f421";
		font: normal 40px/1 'ionicons';
	}

span.jump {
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden!important;
}

/* ########## BODY ########## */
/* ########## BODY ########## */

body, body p {
  font-weight:400;
  font-size:0.9em;
}

/*body.research .accordion p {
  font-size:0.9em;!important;
}*/

/* ########## HOME ########## */
/* ########## HOME ########## */

body.home .widget-title {
  font-weight:400;
}


/* ########## CONTENT ########## */
/* ########## CONTENT ########## */

.site-inner {
  margin-top:10px!important;
}
/* ########## HEADERS ########## */
/* ########## HEADERS ########## */

h1 {
  /*font-family:'Ek Mukta', sans-serif;*/
  font-weight:700;
  color:#505051;
}

h2 {
  /*font-family:'Ek Mukta', sans-serif;*/
  font-weight:400;
  color:#000;
}
/*.site-inner {
  padding-top:0px!important;
}*/

/* ########## ACCORDIONS ########## */
/* ########## ACCORDIONS ########## */

h3.accordion-title {
  font-size:1em;
  color:#556e6a; /*9cae73   7179ab   7179ab*/
  cursor:pointer;
  /**/margin-bottom:-15px!important;
}

body.research h3.accordion-title, body.vis2016 h3.accordion-title {
  font-size:1em;
  color:#556e6a; /*9cae73   7179ab   7179ab*/
  cursor:pointer;
  /*from -15*/margin-bottom:-12px!important;
}

.accordion-title:before {
  font-family: "dashicons";
	content: " \f502 ";
	margin-right: 7px;
  	vertical-align:-3px;
}

.accordion-title.open:before {
  font-family: "dashicons";
  content:" \f153 ";
  /**/margin-bottom:15px!important;
}

body.research .accordion-title.open:before, body.vis2016 .accordion-title.open:before {
  font-family: "dashicons";
  content:" \f153 ";
  /*from 15*/margin-bottom:12px!important;
}
.accordion  {
 margin-bottom:20px!important;
}

body.research .accordion, body.vis2016 .accordion  {
 margin-bottom:10px!important;
}

.accordion-content  {
 margin-top:30px!important;
  font-size:0.9em!important;
}

.accordion-content p, .accordion-content a, .accordion-content ol li, .accordion-content ul li {
  font-size:0.9em!important;
}

body.research .accordion-content, body.vis2016 .accordion-content, body.vis2016 .accordion-content img  {
 margin-top:0px!important;
  margin-bottom:20px!important;
  font-size:0.9em!important;
}

body.about .accordion .accordion-content img {
  height:130px;
  width:130px;
}

.front-page-1 {
  height: 500px;
  padding-bottom: 0;
}

.front-page-1 h3.widgettitle, .front-page-1 .textwidget p {
  color: #58595b;
}

.front-page-1 h3.widgettitle {
  margin: 0 auto;
  font-size: 52px;
  font-weight: 300;
  color: #fff;
  text-shadow: 2px 2px 8px #000;
  max-width: 532px;
}

.front-page-1 .textwidget p {
  margin: 0 auto;
  max-width: 695px;
  font-size: 38px;
  color: #fff;
  text-shadow: 2px 2px 8px #000;
  line-height: 47px;
  font-weight: 300;
  text-align: center;
  /*padding-top: 28px;*/
}

/*.front-page-1 #text-2 .widget-wrap {
  margin-top: 60px
}*/

.front-page-2 .textwidget {
  margin: 0 auto;
  margin-top: 48px;
  max-width: 732px;
  font-size: 18px;
  line-height: 29px;
  font-weight: 300;
  text-align: left;
}

.front-page-2 {
 padding-top: 0 
}

.front-2-image {
 margin: 0 auto;
 margin-bottom: 48px;
 display: block;
 width: 100%;
 max-width: 732px;
 height: auto;
}

 ul#menu-primary {
    padding-top: 0;
  }
/* ########## MEDIA QUERIES ########## */
/* ########## MEDIA QUERIES ########## */

@media only screen and (max-width: 1024px) {

.site-title a {
      width:70%!important;
      float:left!important;
  }
  
  button.nav-primary {
      float: right!important;
      width: 30%!important;
      margin-top: 0px!important;
  }
  
  div.wrap {
    position:relative:
  }
  
    nav.nav-primary {
    position:relative;
    z-index:5!important;
  }
  
  p.site-title a {
    position:relative;
    z-index:10!important;
  }
  
 
  /*button.sub-menu-toggle {
  position:absolute;
  left:100;
	}*/
  
  ul#menu-primary {
    width:240px;
    padding-top: 20px;
  }
  
  
  body.narratives img.portrait {
    height:160px!important;
    width:124px!important;
  }
  
  .site-inner {
    padding-top:0px!important;
  }
  
  .js nav button:hover, .js .menu-toggle:hover, .js .nav-primary {
    background-color:transparent!important;
  }
  .front-page-1 h3.widgettitle {
  	font-size: 32px;
	}

	.front-page-1 .textwidget p {
 	 font-size: 20px;
    line-height: 28px;
	}
  
}

media only screen and (max-width: 800px) {
	.jump {
 	 display: block;
 	 height: 20px; /*same height as header*/
 	 margin-top: -20px; /*same height as header*/
  	visibility: hidden;
	}
}
/* #font size change for about page li */
.entry-content  li  {
 font-size: 0.9em; 
}
ul#menu-primary li a {
 line-height:1.2em !important; 
}