/* WORK HOME */

/*.mainContent	{
	margin-top: 120px;
}
*/




section.website {  /* NESTING EVERYTHING... */


}  h1, h2, h3, h4, p	{
	line-height: calc(1em + 0.5rem);
}


section.website {
	padding: 0;
}

.wrapper	{
	padding: 0 4%;
	position: relative;
}


.sectionInner	{
	padding: 4rem 0 3rem;
	padding: 3rem 0 2rem;
	padding: 0;
	position: relative;
}

.container {
	max-width: 52rem;
	margin: 0 auto;
}
.row	{
	width: 100%;
}

.flex, .flexContainer {
	display: flex; 
	flex-direction: column;
}	

.flex-col-12,.flex-col-11,.flex-col-10,.flex-col-9,.flex-col-8,.flex-col-7,.flex-col-6,.flex-col-5,.flex-col-4,.flex-col-3,.flex-col-2,.flex-col-1 {width: 100%;}

/* BREAKPOINTS: 600 - 768/769 - 991/992 - 1200 w side-pad 4%
****************************************/

@media (min-width:992px) {
	.flexContainer {flex-direction: row;}
	.mobileOnly {display:none;}
	.desktopOnly {display:block;}
	.flex-col-11 {width: 91.7%;padding: 0 1%;}
	.flex-col-10 {width: 83.3%;padding: 0 1%;}
	.flex-col-9 {width: 75%;padding: 0 1%;}
	.flex-col-8 {width: 66.7%;padding: 0 1%;}	
	.flex-col-7 {width: 58.3%;padding: 0 1%;}
	.flex-col-6 {width: 50%;padding: 0 1%;}
	.flex-col-5 {width: 41.7%;padding: 0 1%;}
	.flex-col-4 {width: 33.3%;padding: 0 1%;}
	.flex-col-3 {width: 25%;padding: 0 1%;}
	.flex-col-2 {width: 16.7%;padding: 0 1%;}
	.flex-col-1 {width: 8.3%;padding: 0 1%;}
	
	
	.thumb.flex-col-3,
	.thumb.flex-col-4	{padding-left: 0;}
	.excerpt.flex-col-8,
	.excerpt.flex-col-9	{padding-right: 0;}

}

/*.mainContent {
	background-color: white;
	color: var(--color-text);
	color: #555;
}

.pageTitle,
.sectionHeaderTitle	{
	text-align: center;
	padding: 40px 0 30px 0;
    font-size: 2em;
    font-weight: bold;
    text-align: center;	
    text-transform: none;
    color: var(--color-pageTitle);
    color: black;
}

.pageTitle {
	margin-top: 5vw;
}*/

/* website sections general 
-------------------------------------------*/
section.website {	
	border-top: 1px solid #ccc;
	border-bottom: 50px solid #222;
    background-image: url('');
    background-repeat: no-repeat;
    background-position: top center;
    -o-background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

/*section.website.friedman {	
	border-top: 1px solid #222;
}*/

section.website .flexContainer	{
	height: 44vw;
}

a.button	{
	border: 1px solid black;
	background-color: transparent;
	color: black;
}	

a.button:hover	{
	border: 1px solid black;
	background-color: white;
	color: black;
}	

/* long thumbnails general
-------------------------------------------*/
.longThumb,
.longThumb.flex-col-4	{
	width: 33%;
  	height: 100%;
  	overflow: auto; /* Enable scrolling */
  	padding: 0 1px;
  	order: 2;
}

.longThumb	img {
	width: 100%; 
	height: auto; 
	display: block;
}

/* scrollbar styles 
-------------------------------------------*/
.longThumb::-webkit-scrollbar {
  width: 10px;
}

.longThumb::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 4px;
}

.longThumb::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5); 
}

.longThumb::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 4px;
}


/* alternating left/right 
-------------------------------------------*/
.text {
	position: relative;
	display: flex;
	justify-content: center;
	max-width: 40rem;
	align-items: center;
}

.text,
.text.flex-col-6	{
	width: 50%;
	padding: 0 0%;
	order: 4;
}

.spacer-one, .spacer-two {width: 8.3%;}
.spacer-one {order: 1;}
.spacer-two {order: 3;}


section.website.alt .longThumb { order: 4; }
section.website.alt .text { order: 2; }

.websiteTitle	{
	text-align: left;
	font-size: 2em;
    font-weight: bold;
    color: BLACK;
    padding: 0;
    margin-bottom: 2vw;
    margin-top: -3vw;
}

.text p {
	text-align: justify;
}

.colors	{
	position: absolute;
	border: 1px solid transparent;
	width: 14.5vw;
	height: 10vw;
	bottom: 1vw;
	right: -1vw;
}

/*section.alt .colors	{
	top:1.5vw;
	left: -2vw;
}*/

colorsInner	{
	position: relative;
}

.colors .color1,
.colors .color2,
.colors .color3,
.colors .color4,
.colors .color5	{
	position: absolute;
	border-radius: 50%;
	border: 1px solid transparent;
	
}

.colors .color1 {
	top: 0;
	left: 0;
	z-index: 1;
	width: 8vw;
	height: 8vw;
	background-color: #333;
	
}

.colors .color2 {
	top: 3.8vw;
	left: 4vw;
	z-index: 2;
	width: 6vw;
	height: 6vw;
	background-color: #555;
}

.colors .color3 {
	top: 6vw;
	left: 8vw;
	z-index: 3;
	width: 4vw;
	height: 4vw;
	background-color: #777;
}

.colors .color4 {
	top: 3.4vw;
	left: 8.6vw;
	z-index: 4;
	width: 3.8vw;
	height: 3.8vw;
	background-color: #999;
}

.colors .color5 {
	top: 6vw;
	left: 11vw;
	z-index: 5;
	width: 3.2vw;
	height: 3.2vw;
	background-color: #ccc;
}

/* @ <991
-------------------------------------------*/
@media (max-width: 991px){
	section.website .flexContainer	{height: auto;}
	.longThumb {width: 70vw; height: 61vw;margin: 3vw auto 5vw;}
	.longThumb img	{border: 1px solid #eee;}
	.text {max-width: 55rem; width: 100%; order:2;padding-bottom: 5vw;}	
	.websiteTitle	{margin-top:5vw;}
	p {max-width: 40rem;}
	.longThumb::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3);}
}

@media (max-width: 600px){
	.longThumb {width: 80vw; margin: 3vw auto 6vw; order:4;}
	.text {padding-bottom: 5vw;}	
	.websiteTitle	{margin-top:8vw;}
}


}
/* specific websites 
-------------------------------------------*/
/* default:
section.website	{background-color: rgba(0,0,0,0.1);}
section.website	 .color1 {background-color: #333; }
section.website	 .color2 {background-color: #555; }
section.website	 .color3 {background-color: #777; }
section.website	 .color4 {background-color: #999; }
section.website	 .color5 {background-color: #ccc; }
*/

section.boyd	{background-color: rgba(230,229,225,0.2); }
section.boyd	 .color1 {background-color: #526c85; }
section.boyd	 .color2 {background-color: #20b78a; }
section.boyd	 .color3 {background-color: #657b93; }
section.boyd	 .color4 {background-color: #7cc0cd; }
section.boyd	 .color5 {background-color: #d0e9e5; }

section.brehm	{background-color: rgba(162,171,197,0.3);}
section.brehm	 .color1 {background-color: #131313; }
section.brehm	 .color2 {background-color: #a1aea4; }
section.brehm	 .color3 {background-color: #808080; }
section.brehm	 .color4 {background-color: #cbd0ca; }
section.brehm	 .color5 {background-color: #fff8e6; }

section.chovanec	{ background-color: rgba(250,232,193,0.6); 
/*background-image: url('/wp-content/uploads/2023/06/chovanec-section-bg-yell.jpg');*/ }
section.chovanec	 .color1 {background-color: #18345e; }
section.chovanec	 .color2 {background-color: #3271ce; }
section.chovanec	 .color3 {background-color: #35464f; }
section.chovanec	 .color4 {background-color: #c66124; }
section.chovanec	 .color5 {background-color: #f6cc94; }

section.ferro	{background-color: rgba(249,242,213,0.5); }
section.ferro	 .color1 {background-color: #000000; }
section.ferro	 .color2 {background-color: #4374a4; }
section.ferro	 .color3 {background-color: #9e9357; }
section.ferro	 .color4 {background-color: #f87c2c; }
section.ferro	 .color5 {background-color: #cdc4b5; }

section.friedman	{background-color: rgba(190,197,211,0.1); }
section.friedman	 .color1 {background-color: #606467; }
section.friedman	 .color2 {background-color: #dbeaf3; }
section.friedman	 .color3 {background-color: #999; }
section.friedman	 .color4 {background-color: #d80000; }
section.friedman	 .color5 {background-color: #ffffff; }

section.intrepid	{background-color: rgba(164,181,225,0.1);}
section.intrepid	 .color1 {background-color: #18335e; }
section.intrepid	 .color2 {background-color: #000; }
section.intrepid	 .color3 {background-color: #555; }
section.intrepid	 .color4 {background-color: #999; }
section.intrepid	 .color5 {background-color: #fff; }

section.lieberman	{background-color: rgba(246,233,227,0.2); }
section.lieberman	 .color1 {background-color: #678198; }
section.lieberman	 .color2 {background-color: #8dabb5; }
section.lieberman	 .color3 {background-color: #cda388; }
section.lieberman	 .color4 {background-color: #c5d8e9; }
section.lieberman	 .color5 {background-color: #f6e9e3; }

section.parsons	{background-color: rgba(0,171,243,0.05); }
section.parsons	 .color1 {background-color: #363636; }
section.parsons	 .color2 {background-color: #bb3e3e; }
section.parsons	 .color3 {background-color: #666666; }
section.parsons	 .color4 {background-color: #ed9e19; }
section.parsons	 .color5 {background-color: #fe8f14; }