/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/

body
{
	background-image: url(../img/ModernDesign.jpg);

	background: #d04526;
	background-image: url(https://www.transparenttextures.com/patterns/brick-wall-dark.png);
	background-image: url(https://www.transparenttextures.com/patterns/diagmonds-light.png);
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
	/* background-size: cover; */
	background: rgb(255, 66, 0);
	background-image: url(../img/shattered-dark.png);
	/* background-image: url(http://www.transparenttextures.com/patterns/light-wool.png); */
}

::selection {
	background-color: #444444; /* Safari */
	color: white;
}

::-moz-selection {
	background-color: #444444; /* Firefox */
	color: white;
}


.row
{
	background-color: rgba(255,255,255,0.9);
}

i[class^="icon-"].menu, i[class*=" icon-"].menu
{
	font-size: 30px;
	margin-top: 25px;

	color: #d04526;
}

i[class^="icon-"].small, i[class*=" icon-"].small
{
	font-size: 20px;
}

h2 i[class^="icon-"], h2 i[class*=" icon-"]
{
	color: #d04526;
}
/*article:nth-child(2n)
{
	background-color: #ddd;
}*/

h2
{
	border-bottom: 1px solid #d04526;
	text-align: right;
	margin-bottom: 25px;
}

h3 {
	padding-top: 0.273em;
	padding-top: 0.546em;
}

em {
	font-weight: 600;
}

.hidden-controls > p
{
    display: none;
}

.hidden-controls > p:target
{
    display: block;
}

input[type="checkbox"]:checked + label > div {
	display: block;
}

input[type="checkbox"] {
    display:none;
}


.three h3 i {
font-size: 5em;
text-align: center;
line-height: 1em;
}

.three {
/*text-align: center;*/
}

.follow {
	margin: 0px 7%;
	width: 19%;
	float: left;

	text-align: center;
}

ul {
	list-style-type: none;
	margin-left: 20px;
}

li:before {
    content: "■ ";
    color: #d04526; /* or whatever color you prefer */
}

summary::-webkit-details-marker {
  /*display: none;*/
}

summary {
	cursor: pointer;
}

th, td {
	width: 25%;
}

table tr td:first-child {
	font-weight: normal;
}

table, tr, th, td {
	border: none;
}

table th, table thead th, table tbody td, table tr td {
	border: none;
	text-align: center;
}

.row .row {
    padding: 0 20px;
}

.publications {
	font-family: sans-serif;
}

.publications div {
	margin-bottom: 10px;
}

h1.lead {
	height: 180px;
	line-height: 180px;
}

./*row.headimgcont {
	position: relative;
}
*/
/*.headimgcont div {
	position: absolute;
    background: url(../img/head.jpg) !important;
    height: 200px;
    width: 200px;
    background-size: 170% !important;
    background-position: 64% 17% !important;
    top: -36px;
    right: 0;
}*/

@media print
{
    * {-webkit-print-color-adjust:exact;}

    /*article.languages {page-break-after: always;}*/

    a { color: #d04526 !important; }

    article.followme { display: none; }
}

@media (max-width: 320px) {
	h1.lead {
		font-size: 2.2rem;
	}
}

@media (max-width: 430px) {
	h1.lead small {
		display: none;
	}
}

@media (max-width: 768px) {
	h1.lead {
	    height: initial;
	    line-height: initial;
	    /*width: calc(100% - 150px);*/
	    background-color: initial;
	}

	.headimgcont div {
		height: 100px;
    	width: 100px;
	}
}