/* BASIC */
@media screen {
	body {
		font-family:'Ubuntu';
		color:#cf8c72;
		/* background-color:#fff; */
		}
	#_bd_wrapper {
		color:#2a2222;
		/* background-color:#ddc; */
		}
	a {
		color:#cc8866;
		}
		
}


/* HEAD AREA */
@media screen {
	#_bd_head-area {
		background-color:#2a2222;
		}
	#_bd_head-box  {
		position:relative;
		padding-top:1rem;
		padding-bottom:1rem;
		}
	._bd_menu-drawer-open + nav > ul {
		margin-top:6rem;
		}	
} @media screen and (min-width:1096px) {
	body._bd_constrain-main main,
	._bd_box {
		padding-left:0;
		padding-right:0;
		}

} @media screen and (max-width:1060px) {
	body._bd_constrain-main main {
		width:calc(100% - 4rem);
		}
}


/* MAIN MENU */
@media screen {
	#_bd_head-box #_bd_widget-main-menu {
		align-self:center;
		margin-left:auto;
		}
	#_bd_head-box #_bd_main-menu-nav a { /* look at style-woo.css too colorize svg */
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:1px;
		font-weight:bold;
		}
	#_bd_head-box #_bd_main-menu-nav ul > li > a {
		position:relative;
		}
	#_bd_head-box #_bd_main-menu-nav svg {
		position:relative;
		top:5px;
		}
	
	._bd_menu-control::before,
	._bd_menu-control::after,
	._bd_menu-control > div {
		background-color:#fff;
		}

} @media screen and (max-width:374px) {
} @media screen and (min-width:375px) {
} @media screen and (min-width:513px) {
} @media screen and (min-width:769px) {
} @media screen and (min-width:1025px) {
	#_bd_head-box #_bd_main-menu-nav li {
		display:inline-block;
		}
	/* #_bd_main-menu-nav li:nth-child(n+2) { */
	#_bd_head-box #_bd_main-menu-nav li {
		margin-left:1.2rem;
		}
	._bd_menu-drawer + #_bd_main-menu-nav {
		background-color:initial;
		}
	#_bd_head-box #_bd_main-menu-nav li:nth-child(n+2) {
		padding-left: 2rem;
		margin: 0;
		}
		
} @media screen and (min-width:1441px) {
}


/* LOGO */
@media screen {	
	/* logo widget */
	#_bd_widget-logo {
				-webkit-transition:all 200ms ease-in-out;
				-moz-transition:all 200ms ease-in-out;
				-ms-transition:all 200ms ease-in-out;
				-o-transition:all 200ms ease-in-out;
		transition:all 200ms ease-in-out;
		position:absolute;
		top:6px;
		z-index:+999;
		text-align:center;
		background: #953;
				background: -moz-linear-gradient(top,  #ddaa88 0%, #995533 100%);
				background: -webkit-linear-gradient(top,  #ddaa88 0%, #995533 100%);
		background: linear-gradient(to bottom,  #ddaa88 0%, #995533 100%);
		border-radius:8px;
		box-shadow:0px 3px 6px rgba(0, 0, 0, 0.75 );
		padding:8px 1rem;
		}
		#_bd_widget-logo a {	
			font-size:1.8em;
			text-decoration:none;
			text-shadow:1px 1px 1px #cf8c72;
			color:#2a2222;
			}
	body._bd_scrolled #_bd_widget-logo {
		/* position:static; */
		border-radius:4px;
		box-shadow:0px 1px 3px rgba(0, 0, 0, 0.75 );
		padding:8px !important;
		}
	#_bd_widget-logo a {
		line-height:1;
		}
	body._bd_scrolled #_bd_widget-logo a {
		font-size:1.2rem;		
		}
	
} @media screen and (min-width:481px) {
	#_bd_widget-logo {
		max-width:200px;
		}
} @media screen and (min-width:801px) {
	#_bd_widget-logo {
		max-width:400px;
		}
	#_bd_widget-logo a {	
		font-size:2.5rem;
		}
} @media screen and (max-width:512px) {
	#_bd_widget-logo {
		
		border-radius:4px;
		box-shadow:0px 1px 3px rgba(0, 0, 0, 0.75 );
		padding:8px !important;
		}
	#_bd_widget-logo a {
		font-size:1.2em !important;
		}
} @media screen and (max-width:319px) {
	#_bd_widget-logo {
		position:static;
		margin-bottom:8px;
		}
}


/* HEAD */
@media screen {
/* 
	#_bd_head-box {
		text-align:right;
		padding-top:8px;
		padding-bottom:8px;
		}
 */
			
	/* tagline (description) widget */
	#_bd_head-box #_bd_widget-tagline {	
		font-size:1.4rem;
		font-weight:bold;
		color:#776;
		}
} @media screen and (max-width:512px) {
	/* center logo and tagline */
/* 
	#_bd_head-box {
		text-align:center;
		padding-top:2em;
		}
 */
}


/* CONTENT */
@media screen {
	#_bd_content-head-title {
		text-align:center;
		}
	#_bd_content-summary {
		background-color:rgba( 255, 255, 255, 0.3 );
		border-width:1px 0 1px 0;
		border-color:#998;
		}
} @media screen and (min-width:641px) {
	#_bd_content-summary {
		padding:2em;
		}
} @media screen and (max-width:640px) {
	#_bd_content-summary {
		padding:1em;
		}
}


/* FOOT */
@media screen {
	#_bd_foot-area {
		background-color:#2a2222;
		}
	#_bd_foot-box {
		display:flex;
		/*flex-direction:column;*/
		justify-content:center;
		align-items:center;
		
		min-height:4em;
		}
	#_bd_foot-menu-ul a {
   		 /*display: inline-block;*/
   		 }
}


/* SHOE */
@media screen {
	#_bd_shoe-area {
		background-color:#000;
		padding-top:1em;
		padding-bottom:1em;
		}
	#_bd_shoe-box {
		text-align:center;
		}
	#_bd_shoe-box ._bd_widget,
	#_bd_shoe-box ._bd_widget a {
		font-size:85%;
		color:#7a7766;
		}
	#_bd_shoe-box ._bd_widget:nth-child(n+2) {
		margin-top:1.5em;
		}
}


/* BLOCKS */
@media screen {
	._bd_blockarea-head {
		border-top:1px solid #666;
		padding-top:1em;
		padding-bottom:1em;
		}
	body.home ._bd_blocks-web-samples ._bd_blocks-viewport {
		background-size:100% auto !important;
		}
	._bd_blockarea ~ ._bd_blockarea ._bd_blockarea-head {
		margin-top:4em;
		}
	._bd_blockarea-top {
		margin-bottom:1em;
		}
	
	._bd_blocks-div {
		/*background-color:#fff;
		border:1px solid #998;
		border-radius:8px;
		padding:1em;*/
		}
	._bd_blocks-head {
		/*font-size:1.4em;*/
		letter-spacing:1px;
		text-align:center;
		padding:8px 0;
		}
		._bd_blocks-head a {
			font-weight:normal;
			text-decoration:none;
			color:#840;
			}
	._bd_blocks-content {
		margin-top:12px;
		}
	._bd_blocks-excerpt-manual {
		text-align:center;
		}
	/* pages with bigger images */
	body.page-web-samples ._bd_tall,
	body.page-web-samples ._bd_very-tall,
	body.page-website-design ._bd_tall,
	body.page-website-design ._bd_very-tall,
	body.page-website-collaborations ._bd_tall,
	body.page-website-collaborations ._bd_very-tall {
		background-size:100% auto;
		background-position:top center;
		border:1px solid #999;
		}
		
} @media screen and (min-width:801px) {
	/*._bd_blocks-div {
		padding:2em;
		}*/
}


@media screen {
	._bd_child-list {
		margin-top:1em;
		}
	._bd_child-list li {
		max-width:300px;
		list-style-type:none;
		margin-left:auto;
		margin-right:auto;
		}
	._bd_child-list li:nth-child(n+2) {
		margin-top:1em;
		}
	._bd_child-list li a {
		display:block;
		text-align:center;
		text-decoration:none;
		color:#fff;
		background-color:#9a5634;
		border-radius:500px;
		padding:8px;
		}
}


/* SPECIFIC PAGES */
@media screen {
	/* profile page */
	body.page-profile #_bd_content-body {
		padding-left:12px;
		}
	body.page-profile #_bd_content-body h2 {
		border-left:6px solid #9e5b39;
		padding-left:6px;
		margin-left:-12px;
		}
	main > h2 {
		border-left:28px solid #b37553;
		padding-left:8px;
		margin-left:-36px;
		}
} @media screen and (min-width:641px) {
	/* profile page */
	body.page-profile main {
		padding-left:36px;
		}
	/* contact page */
	body.page-contact ._bd_column:first-child {
		padding-top:2em;
		}
}


/* TORSO BOTTOM MENU(S) */
@media screen {
	#_bd_torso-bottom-menu-ul {
		margin-top:1.5em;
		padding:0; /* override ._bd_content-body ul */
		}
	#_bd_torso-bottom-menu-ul a {
		display:block;
		font-size:85%;
		color:#ddc;
		background-color:#2a2222;
		border-radius:500px;
		padding:6px 16px;
		}
	
} @media screen and (min-width:769px) {
	#_bd_torso-bottom-menu-ul {
		display:flex;
		justify-content:center;
		}
	#_bd_torso-bottom-menu-ul li:nth-child(n+2) {
		margin-left:12px;
		}
} @media screen and (max-width:768px) {
	#_bd_torso-bottom-menu-ul li {
		display:block;
		}
	#_bd_torso-bottom-menu-ul li:nth-child(n+2) {
		margin:1em 0 0 0;
		}
	#_bd_torso-bottom-menu-ul a {
		max-width:80%;
		text-align:center;
		margin:1em auto 0 auto;
		}
}


/* SKILL CHART TABLE */
@media screen {
	._bd_skill-chart {
		display:inline-block;
		overflow:hidden;
		background-color:#f3dccc;/* #daa684; */
		/* background-color:#ddc; */
		border-width:1px;
		border-color:#776;
		border-radius:16px;
		margin-bottom:1.5em;
		}
	._bd_skill-chart thead th { /* thead <th> */
		font-size:80%;
		font-weight:normal;		
		text-transform:uppercase;
		color:#555544;
		/* background-color:#eeeee6; */
		padding:2px 12px 2px 12px;
		}
	._bd_skill-chart th,
	._bd_skill-chart td { /* ALL <th><td> */
		vertical-align:middle;
		border-color:#aa9;
		padding:2px;
		}
	._bd_skill-chart tbody th { /* left-column */
		text-align:right;
		/* background-color:#fdd9b7; */
		padding:4px 12px 4px 12px;
		}
	._bd_skill-chart tbody td {
		text-align:center;
		background-color:#fff;
		}
	._bd_skill-chart tbody th,
	._bd_skill-chart tbody td {
		border-width:0 0 1px 0;
		}
} @media screen and (min-width:940px) {
/* 
	._bd_skill-chart {
		display:inline-block;
		float:right;
		margin: 0 0 0 4em;
		}
 */
} @media screen and (max-width:940px) {
/* 
	._bd_skill-chart {
		width:100%;
		}
 */
}


/* LIGHTBOX : SWIPEBOX */
@media screen {
	#swipebox-overlay {
		background-color:#fff;
		}
	#swipebox-close {
		background-color:#2a2222;
		border-radius:0 0 16px 16px;
		}
	.slide img {
		max-height:88% !important;
		}
}


@media screen {
	body.page-web-samples ._bd_grid ._bd_img-viewport {
		height:100%;
		}
	body.page-web-samples ._bd_grid ._bd_img-viewport img {
		height:auto;
		}
	body.page-web-samples ._bd_grid ._bd_img-viewport-wrap {
		/* height:400px; */
		overflow:hidden;
		border:1px solid #999;
		}
	body.page-print-samples ._bd_grid img {
		max-height:400px;
		}
	body.page-print-samples ._bd_img-viewport img {
		object-fit:contain;
		object-position:center center;
		}
 	body.page-web-samples ._bd_grid ._bd_entry,
 	body.page-print-samples ._bd_grid ._bd_entry {
 		text-align:center;
 		}
 		
} @media screen and (max-width:414px) {
} @media screen and (min-width:415px) {
} @media screen and (min-width:641px) {
} @media screen and (min-width:769px) {
} @media screen and (min-width:1025px) {
} @media screen and (min-width:1441px) {
} @media screen and (min-width:1921px) {
}