/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Edited by:	Institute for Computational Design and Construction
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* Theme customization starts here */
/* ------------------------------------------------------- */

/*---------------------------------------------------------*/
/* NextGen Gallery Plugin overwrite CSS settings are in wp-content/ngg_styles/nggallery.css */	

/*---------------------------------------------------------*/
/* General changes to the layout, no sidebar */

	body {
		font-weight: normal;
	}

	p {
		padding-bottom: 0.5em;
	}
	
	blockquote {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding-left: 10px;
	}
	
	.et_pb_post a {
    text-decoration: underline;
	}
	
	.icd_edit_post {
		display: block; 
		color: #999; 
		font-size: 12px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 5px;
		text-decoration: underline;
	}
	
@media only screen and (min-width: 981px){
	.et_right_sidebar #left-area {
		width: 100%;
	}

	.et_right_sidebar #sidebar {
		display: none;
	}

	#main-content .container:before {
	background-color: transparent;
	}
}

@media only screen and (max-width: 980px) {
	.et_pb_section {
		padding: 0px !important;
	}
}

/* ------------------------------------------------------- */	
/* Gutters Adjustment */	
	
@media only screen and (min-width:981px) {
	.et_pb_gutter.et_pb_gutters2 #left-area {
		width: 60% !important;
		padding: 0px !important;
		margin-left: 20%;
		margin-right: 20%;
	}
}

@media (max-width: 980px) {
	.et_pb_gutter.et_pb_gutters2 #left-area {
		padding: 0px !important;
		margin-left: 0;
		margin-right: 0;
	}
}

/* ------------------------------------------------------- */
/* Managing border of main elements */

	.et_boxed_layout #page-container {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	}
	
	.et_header_style_left .logo_container {
		box-shadow: 0 1px 0 rgba(0, 0, 0, 1) !important;
	}

	@media all and (min-width: 980px)
	{
		#main-header/* BEHROOZ */
		{
			position:fixed;
			top:0px;
			left:0px;
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
		}
	}
	@media all and (min-width: 980px)
	{
	body.logged-in #main-header/* BEHROOZ */
	{
		/*top:32px;*/
	}
	}
	
	#main-header>div/* BEHROOZ */
	{
		width:90%;
		max-width:1200px;
		position:relative;
		margin:0px auto;
	}
	
	@media all and (max-width: 980px)
	{
		#main-header>div
		{
			width:100%;
		}
	}
	
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
		content: "" !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
		padding-right: 0px !important;
	}

/*-----------------------------------------------------------------*/
/* SPECIAL BLOG SETTINGS (NEWS etc)*/ 
/* thumbnails are positioned left alongside meta info (except mobile site)*/
/* all full-width blogs will have their img on the left */

	.icd_blog_img {
		width: 320px;
		margin-right: 25px;
		display: inline;
		float: left;
	}
	
    .icd_blog_img a img{
        width: 320px;
		height: 240px;
		margin-right: 25px;
	}
	
    .et_pb_post{
        background-color: #ffffff !important;
		min-height: 270px !important; /* 2px more than the (3/4 of img width) , plus padding */
		padding-bottom: 15px !important;
		padding-top: 15px !important;
		margin-bottom: 0px !important;
		border-top: 0px !important;
		border-left: 0px !important;
		border-right: 0px !important;
	}

	.et_pb_blog_0 .et_pb_post {
		border-bottom: 1px solid #000000 !important;
	}

	.entry-title {
		margin-left: 0px !important;
		margin-bottom: 2px !important;
		margin-top: 2px !important;
		padding: 0px !important;
	}

	.et_pb_gutters2 .et_pb_column_4_4 .et_pb_module, 
	.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 0;
	}	
	
	.pagination {
		font-size: 20px;
		font-weight: normal;
		padding-top: 14px;
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
	}
	
	.pagination a{
		text-decoration: none !important;
	}
	
@media (max-width: 980px) {
	.et_pb_section .et_pb_column .et_pb_module {
		margin-bottom: 0px !important;
	}
}

@media only screen and (min-width: 801px) {	
	.icd_blog_meta_date {
		padding-bottom: 0px; 
		padding-top: 5px; 
		font-size: 14px; 
		font-family: roboto, arimo, arial;
		font-weight: normal;
		text-decoration: none;
	}
	
	.icd_blog_meta_title {
		display: block; 
		font-size: 20px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 60px;
	}
	
	.icd_blog_meta_title a {
		text-decoration: none !important;
	}
	
	.icd_blog_meta_info {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 0px;
		text-decoration: none;
	}
	
	.icd_blog_meta_person {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 5px;
		text-decoration: none;
	}
}

/* on mobile sites, the feature image should be on the top */

@media (max-width: 800px) {	

	.icd_blog_img {
        max-width: 400px;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
		
	.icd_blog_meta_date {
		padding-bottom: 0px; 
		padding-top: 5px; 
		font-size: 14px; 
		font-family: roboto, arimo, arial;
		font-weight: normal;
		text-decoration: none;
	}
	
	.icd_blog_meta_title {
		display: block; 
		font-size: 20px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 15px;
	}
	
	.icd_blog_meta_title a {
		text-decoration: none !important;
	}
	
	.icd_blog_meta_info {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 0px;
		text-decoration: none;
	}
	
	.icd_blog_meta_person {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 15px;
		text-decoration: none;
	}
}

/*-----------------------------------------------------------------*/
/* on the PROJECTS page we have a different style */

	

	.icd_blog_meta_title_projects {
		display: block; 
		font-size: 13px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 10px;
	}
	
	.icd_blog_meta_title_projects a {
		text-decoration: none !important;
	}
	
	.et_pb_blog_grid {
		display: flex !important;
		justify-content: space-between;
	}
  
	.column.size-1of3 {
		width: 32.333% !important;
		margin-right: 2% !important;
	}



	.et_pb_blog_grid .et_pb_post {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 15px !important;
		padding-bottom: 0px !important;
		border-bottom: 0 !important;
	}
	
	.icd_blog_img_projects {
		width: 100% !important;
		height: 100% !important;
		margin-right: 0 !important;
		display: inline;
		float: left;
	}

/* ------------------------------------------------------- */
/* INSIDE A BLOG POST: managing layout and formatting */
/* the meta information is processed and defined in FUNCTIONS.PHP */
 
	#main-content .container {
		padding-top: 0px !important;
		border-bottom: 1px solid #000000 !important;
		border-top: 1px solid #000000 !important;
	}
	
	.et_pb_post .entry-content {
		padding-top: 10px !important;
	}
	
	blockquote {
		border: none;
	}
	
@media only screen and (min-width: 801px) {	
	.icd_blogpost_img {
		display: inline;
		float: left;
		margin-right: 25px;
		width: 320px;
		height: 240px; 
		border: 0;
	}
	
	.icd_blogpost_meta_date {
		padding-bottom: 0px; 
		padding-top: 5px; 
		font-size: 14px; 
		font-family: roboto, arimo, arial;
		font-weight: normal;
		text-decoration: none;
	}
	
	.icd_blogpost_meta_title {
		display: block; 
		font-size: 20px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 60px;
	}
	
	.icd_blogpost_meta_title a {
		text-decoration: none !important;
	}
	
	.icd_blogpost_meta_title_project {
		display: block; 
		font-size: 20px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 5px;
	}
	
	.icd_blogpost_meta_title_project a {
		text-decoration: none !important;
	}
	
	.icd_blogpost_meta_info {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 0px;
		text-decoration: none;
	}
	
	.icd_blogpost_meta_person {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 5px;
		text-decoration: none;
	}
	
	.et_post_meta_wrapper {
		min-height: 270px !important;
		padding-bottom: 10px;
		padding-top: 15px;
		border-bottom: 1px solid #000;
	}
	
	.et_post_meta_wrapper_project {
		padding-bottom: 5px;
		padding-top: 20px;
		border-bottom: 1px solid #000;
	}
}

@media (max-width: 800px) {	
	.et_post_meta_wrapper {
		padding-top:10px;
	}
	.icd_blogpost_img {
		display: none;
		float: left;
		margin-right: 15px;
		margin-bottom: 10px;
		width: 100%; 
		border: 0;
	}
	
	.icd_blogpost_meta_date {
		padding-bottom: 0px; 
		padding-top: 5px; 
		font-size: 14px; 
		font-family: roboto, arimo, arial;
		font-weight: normal;
		text-decoration: none;
	}
	
	.icd_blogpost_meta_title {
		display: block; 
		font-size: 20px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 15px;
	}
	
	.icd_blogpost_meta_title a {
		text-decoration: none !important;
	}
	
	.icd_blogpost_meta_title_project {
		display: block; 
		font-size: 20px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 5px;
	}
	
	.icd_blogpost_meta_title_project a {
		text-decoration: none !important;
	}
	
	.icd_blogpost_meta_info {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 0px;
		text-decoration: none;
	}
	
	.icd_blogpost_meta_person {
		display: block; 
		color: #999; 
		font-size: 14px; 
		font-family: roboto, arimo, arial; 
		font-weight: normal;
		padding-top: 15px;
		text-decoration: none;
	}
	
	.et_post_meta_wrapper {
		padding-bottom: 10px;
		border-bottom: 1px solid #000;
	}
	
	.et_post_meta_wrapper_project {
		padding-bottom: 5px;
		padding-top: 20px;
		border-bottom: 1px solid #000;
	}
}

/*-----------------------------------------------------------------*/
/* FOOTER settings*/

	#main-footer {
		border:0;
	}

	#footer-bottom {
		background-color: #ffffff !important;
		padding: 0px !important;
		margin-top: 15px !important;
		margin-bottom: 7px !important;
	}
	
@media (max-width: 980px) {
	.et-social-icons {
		margin: 0px;
		float: right;
		text-align: right;
	}
	
	#footer-info {
		float: left;
	}
}
	
/*-----------------------------------------------------------------*/
/* reduced spaces between rows for different screen sizes */
@media (max-width: 980px) {
	.et_pb_section {
    padding: 0;
	}
	
	.et_pb_row, .et_pb_column .et_pb_row_inner {
    padding: 10px 0;
	}
	
	.et_pb_section .et_pb_column .et_pb_module {
    margin-bottom: 10px;
	}
}
/*-----------------------------------------------------------------*/

/* Table Styles */
.entry-content table,
body.et-pb-preview #main-content .container table {
	width: 100%;
	margin: 0 0 0 0; /*EDITED was "0 0 15px 0" */
	border: 0px; /*EDITED was "1px solid #eee" */
	text-align: left;
}

.entry-content tr th,
.entry-content thead th,
body.et-pb-preview #main-content .container tr th,
body.et-pb-preview #main-content .container thead th {
	padding: 9px 24px;
	color: #555;
	font-weight: bold;
}

.entry-content tr td,
body.et-pb-preview #main-content .container tr td {
	padding: 0; /*EDITED was "6px 24px" */
	border-top: 0; /*EDITED was "1px solid #eee" */
}

.icd_team_table {
	font-size: 12px; 
	font-family: roboto, arimo, arial;
}

.icd_team_table table {
	border: 0;
}

table.cart th,
#main-content table.cart th,
table.cart td,
#main-content table.cart td,
table.cart tr,
#main-content table.cart tr,
#content-area table tr,
#content-area table td,
#content-area table th {
	max-width: 100%;
	padding:  0.3em 0.15em; 
}
/*

#content-area table td{
	max-width: 100% !important;
	vertical-align: top;
}

.icd_team_table tr th {
	padding: 0;
}

.icd_team_table tr td {
	padding: 0 !important;
}

*/
@media (max-width: 800px) {
	.icd_team_table tr td {
	padding: 0 !important;
	display: block;
	}
}

.icd_publication_table {
	font-size: 12px; 
	font-family: roboto, arimo, arial;
}

.icd_publication_table table {
	border: 0;
}

.icd_publication_table tr th {
	padding: 0;
}

.icd_publication_table tr td {
	padding: 0 !important;
}



/*-----------------------------------------------------------------*/


	/*--------------------------------*/
	/** flags horizontal */
	ul.qtrans_language_chooser { list-style: none; margin: 0; padding: 0; }
	ul.qtrans_language_chooser li { display: inline-block; float: left; position: relative; margin: 0; padding: 0; }
	a.qtrans_flag { margin-left: 10px; margin-top: 0px }
	/*-----------------------------------*/
/* Menu Adjustments */
		
	.nav li li {
		position: relative;
		line-height: 1 !important;
	}
		
	.nav li ul {
		position: absolute;
		padding: 5px 0;
	}
	
	#top-menu li li a {
		width: 200px;
		padding: 6px 1px;
	}
	
	#top-menu li {
		display: inline-block;
		padding-right: 16px;
		font-size: 14px;
	}
	
	#top-menu li a {
		font-size: 14px;
		font-weight: normal;
	}
	
	#et-top-navigation {
		font-weight: normal;
	}


@media only screen and (min-width: 981px){
	#logo {
		max-height: 75%;
		max-width: calc(100% - 510px);
		transition: all 0.1s ease-in-out;
	}
	
	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		padding-left: 0 !important;
		min-width: 300px !important;
	}
}

@media (max-width: 980px) {
	.et_header_style_left #logo, .et_header_style_split #logo {
		max-width: 75%;
	}
}

	.et_mobile_menu li a {
	padding-top: 2px;
    padding-right: 5%;
    padding-bottom: 2px;
    padding-left: 5%;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
	}

/*-----------------------------------------------------------------*/
/* CUSTOM SLIDER settings - height, no description, full image as link */


@media only screen and (min-width:981px) {
    .et_pb_slide { 
        height: 450px; 
    }
}

	
@media all and (max-width: 980px) {
	.et_pb_slide { 
        height: 350px; 
    }
}

@media all and (max-width: 479px) {
	.et_pb_slide { 
        height: 250px; 
    }
}

    .et_pb_slide_description { 
        position: relative; 
        top: 500px; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
		margin: 0;
		padding: 0;
        height:auto !important; 
		text-align: left;
	}	
		
	a.et_pb_more_button {
		font-size: 0px;
		background-color: rgba(0, 0, 0, 0) !important;
		position: absolute;
		width: 5000px;
		height: 5000px;
		top: -1000px;
		right: -1000px;
	}
	
/* BT */
#BT_SPACER
{
	height:64px;
}

@media all and (min-width: 980px)
{
	#logo {
		max-width: calc((100% - 510px)/2) !important;
		}
}

@media all and (max-width: 980px)
{
	#BT_SPACER {
		height:80px;
		display:none;
	}

	#BT_UNI_LOGO {
		display: none;
	}
	
	#logo {
		max-width: initial !important;
	}
}