@charset "utf-8";

@import "../initial";

// Lab MODULES

// Widget
.widget-experiments{
	&.widget1{
		h3{
			@extend .unity-title;
		}
		table{
			th{
				background-color: $theme-color-main;
				color: $theme-white;
			    font-size: $font-15;
			    font-family: $main-font;
			    border: none;
			    white-space: nowrap;
			}
			td {
			    font-size: $font-15;
			    a{
			    	color: $theme-color-main;
			    }
			    .btn-primary{
			    	background-color: $theme-color-second;
			    	border-color: darken( $theme-color-second , 5%);
			    	color: $theme-white;
			    	margin-bottom: 6px;
	    			&:hover{
	    				background-color:darken( $theme-color-second , 5%);
	    			}
			    }
			}
		}
	}
}

// Index
.experiment-index{
	h3{
		@extend .unity-title;
	}
	table{
		th{
			background-color: $theme-color-main;
			color: $theme-white;
		    font-size: $font-15;
		    font-family: $main-font;
		    border: none;
		    white-space: nowrap;

		}
		td {
		    font-size: $font-15;
		    a{
		    	color: $theme-color-main;
		    }
		    .btn-primary{
		    	background-color: $theme-color-second;
		    	border-color: darken( $theme-color-second , 5%);
		    	color: $theme-white;
		    	margin-bottom: 6px;
    			&:hover{
    				background-color:darken( $theme-color-second , 5%);
    			}
		    }
		}
		.img-wrap{
			@media (min-width: $screen-lg){
				height: 174px;
			}
			@media (max-width: $screen-lg){
				img{
					position: static!important;
				}
			}
		}
	}
}
// Show
.show-experiments{
	table{
		th{
			border-right: 2px solid $theme-color-main;
			color: $theme-color-main;
			font-size: $font-15;
			font-family: $main-font;
		}
		td{
			font-size: $font-15;
			padding-left: 1em;
		    .btn-primary{
		    	background-color: $theme-color-second;
		    	border-color: darken( $theme-color-second , 5%);
		    	margin-bottom: 6px;
    			&:hover{
    				background-color:darken( $theme-color-second , 5%);
    			}
		    }
		}
	}
}