/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteen-child
*/
#main{outline:transparent;}
footer .widget{margin-bottom:2.5rem;padding:0% 10%}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{box-shadow:inset 0px 0px 3px rgba(0,0,0,.3);background:#fff;border-left:1px solid rgba(102,0,0,.3);}
::-webkit-scrollbar-thumb{background:rgba(102,0,0,1);}
::-webkit-scrollbar-thumb:hover{background:rgba(102,0,0,1)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(102,0,0,1)}

.thumbnail {
    position: relative;
    width: 30%;
    padding-bottom: 30%;
    overflow: hidden;
    float: left;
    margin: 0 2rem 2rem 0;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  border-radius:50%;
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

a.anchor {
    display: inline-block;
    padding-top: 2em;
	border:0;
}
a.anchor:hover {
    color:rgb(51, 51, 51);;
}

	.secondary-toggle { /*895*/
background-color: #BB7213;
	}
	.secondary-toggle:before{
		color:#efefef;
		
	}
	.secondary-toggle:hover,
		.secondary-toggle:focus { /*919*/
	background-color: #BB7213;
		border: 1px solid #ffffff;
		}
	
	.site-header{ /*1299*/
	background-position: 50% 15% !important;
	}
	
	.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li { /*1451*/
	border-top: 1px solid #dfdfdf;
}
	
	
	#bm_logo { /*1263*/
		width: 30%;
		height: 30%;
	}
	#bm_logo:before {
		width:100%;
		padding-bottom:100%;
	}
	.anim:after {
		content:'';
		display:block;
	}
		
 /*************************************************************/
 /** * 16.1 Mobile Large 620px */
@media screen and (min-width: 38.75em) {}

/** * 16.2 Tablet Small 740px */
@media screen and (min-width: 46.25em) {}

/** * 16.3 Tablet Large 880px */
@media screen and (min-width: 55em) {}

/** * 16.4 Desktop Small 955px */
@media screen and (min-width: 59.6875em) {}

/** * 16.5 Desktop Medium 1100px */
@media screen and (min-width: 68.75em) {}

/** * 16.6 Desktop Large 1240px */
@media screen and (min-width: 77.5em) {}

/** * 16.7 Desktop X-Large 1403px */
@media screen and (min-width: 87.6875em) {}
 /*************************************************************/
	
/**
 * 16.1 Mobile Large 620px
 */

@media screen and (min-width: 38.75em) {
		.site-header{ /*2708*/
			background-position: 50% 15% !important;	
		}		
}


/**
 * 16.2 Tablet Small 740px
 */

@media screen and (min-width: 46.25em) {

}


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {

}


/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	body:before{/*4068*/
		background-position: left center !important;	
	}
	.sidebar {
		position: fixed;
		top: 0 !important;
	}
	
		.anim{ /*4080*/
		color:white;
	}			
	#bm_logo {
		width: 75%;
		height: 75%;
	}
	#bm_logo:before {
		width:100%;
		padding-bottom:100%;
	}
	
	#menu-top a{color:#efefef;}	
	
	.site-header { /*4325*/
		margin: 10% 0;
	}	
	/*#spacer2{
		height: 15rem;
	}*/
		/*border: 1px solid green;*/
		/*background-color: green;*/
		.widget{margin: 0 0 25%}

}
 

/**
 * 16.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {
	/*#spacer2 {
		height: 5rem;
	}*/
		/*border: 1px solid red;*/
		/*background-color: red;*/
		.widget{margin: 0 0 17%}
}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {

}


/**
 * 16.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {

}

.anim{
text-align: center;
border: 0 !important;
display: block;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 1.1852;
}
#bm_logo {
    background-image: url(http://blackmill.eu/5s788sz2C5.svg);
    background-size: 100% auto;
    display: inline-block;
    margin-right: 11px;
}
#bm_logo:before {
    content:'';
    display:block;
    float:left;
    /*background:url(http://blog.blackmill.eu/wp-content/themes/twentyfourteen_child/images/kerek2.png);*/
	background:url(http://blackmill.eu/WmXVemkM41.svg);
    background-size:100% auto;
    -webkit-animation: animationFrames linear 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    animation: animationFrames linear 10s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}
#bm_logo:before:hover {
    -webkit-animation: animationFrames linear 3s;
    animation: animationFrames linear 3s;
}
@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes animationFrames {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}