/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
body .container-wide-2 { width: 90%; margin: 0 auto; padding: 0 60px; }

.m-t-0x {margin-top: -110px !important;;}
.p-t-50 {padding-top: 50px;} 
.p-t-75 {padding-top: 75px;} 
.p-t-100 {padding-top: 100px;} 
.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-30 {padding: 30px;}
.p-40 {padding: 40px;}
.p-50 {padding: 50px;}
.p-75 {padding: 75px;}
.p-100 {padding: 100px;}

.journal-title {font-family: arial; font-weight: 800; color: rgb(84, 50, 2); font-size: 16px;}
.date {color: grey; font-weight: 100; }
.journal-summary {font-family: arial; font-weight: 100; color: rgb(94, 94, 94); font-size: 10px;  line-height: 1.3em;}

.galleryThumbTitle {color: rgb(47, 47, 47); font-weight: 800; font-style: arial; font-size: 14px;}
.galleryThumbCaption {color: rgb(107, 107, 107); font-weight: 100; font-style: arial; font-size: 12px; margin-bottom: 10px;
.captions {margin: 5px 0 10px 0; padding: 5px 0 10px 0; border: 1px solid red;}
}

.half-slider {
	height: 60vh !important;           /* Half of viewport */
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: -100px;
	padding-top: 0px;	
}

.medium-slider {
	height: 40vh !important;           /* Half of viewport */
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: -100px;
	padding-top: 0px;	
}



.small-slider {
	height: 20vh !important;           /* Half of viewport */
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: -100px;
	padding-top: 0px;	
}


.most-slider {
	height: 75vh !important;           /* Half of viewport */
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: -105px;
	padding-top: 0px;	
}

.slide {
	height: 100% !important;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slide-content {
	color: white;
	text-align: center;
	background: rgba(0,0,0,0.4);
	padding: 20px 40px;
	border-radius: 6px;
}


  .container-wide-2 { width: 90%; margin: 0 auto; padding: 0 60px; }
  @media (max-width: 992px) 
	{ .container-wide-2 { width: 100%; margin: 0 auto; padding: 0 30px; } } 
  }
  
  .all-work {margin-top: -100px;}


.sketch {max-width: 60%; float: right; margin: 0 0 15px 15px;}


.note {font-size: 18px; line-height: 2em;}

a.btn-large a {font-size: 24px;}

.sold img {max-width: 30%;}

p {margin-bottom: 15px; font-size: 16px !important; line-height: 2em; }

.pad15 {padding: 0 5em;}

.pretitle {margin-top: 0; border-bottom: 1px solid blue; color: #353535; font-size: 23px;}


.dimensions {
	background-color: #f9f9f9; 
	border: 1px dotted silver; 
	padding: 10px; 
	margin-bottom: 30px;
	font-size: 18px;
	font-family: helvetica, arial, sans-serif;
	}
	
	
.silver {
	background-color: #f9f9f9; 
	border: 1px dotted silver; 
	padding: 40px 45px 50px 45px; 
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 2em;
	font-family: helvetica, arial, sans-serif;
	}



.inspiration {
	font-size: 60px; 
	letter-spacing: .2em; 
	line-height: 15px; 
	font-family: 'Dancing Script' !important;
	color: #868686;
	border-bottom: 1px dotted silver;
}
	
.tag4 {
	color: #b3b3b3;
	font-size: 18px;
	margin-top: 0px;
	letter-spacing: .6em;
	margin-bottom: 30px;
	padding-bottom: 20px;
	}

.inspire2 {
	font-size: 30px;  
	font-family: 'Dancing Script' !important;
	color: 000;
	
	line-height: 1.2em;
}

.inspire3 {
	font-size: 28px;  
	font-family: 'Dancing Script' !important;
	color: #919191;
	line-height: 1.2em;
	font-style: italic;
}

.inspire3 p {
	font-size: 28px;  
	font-family: 'Dancing Script' !important;
	color: #919191;
	line-height: 1.2em;
}


.inspire4 {
	font-size: 25px;  
	font-family: 'Dancing Script' !important;
	color: #444444;
	line-height: 1.1em;
			
}

@media (max-width: 575px) { 
	
	#logo, .logo-default {font-size: 8px !important;}
	
	.silver {
	padding: 20px 15px; 
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 2em;
	}
	
	.inspiration {
	font-size: 32px; 
	letter-spacing: .2em; 
	line-height: 15px; 
		}
	
	.tag4 {
	color: #b3b3b3;
	font-size: 18px;
	margin-top: 0px;
	letter-spacing: .6em;
	margin-bottom: 10px;
	padding-bottom: 10px;
		}
	
	.inspire2 {
		font-size: 20px;  
		line-height: 1.2em;
		}
	
	.inspire3 {
		font-size: 21px;  
		line-height: 1.2em;
		}
	
	.inspire3 p {
		font-size: 18px;  
		line-height: 1.2em;
		}
	
	
	.inspire4 {
		font-size: 15px;  
		line-height: 1.1em;			
		}
	

	
	

}

.hr {height: 4px;  background-color: silver; width: 100%; margin: 10px 0px 20px 0;}
.hr1 {height: 1px;  background-color: blue; width: 100%; margin: 10px 0px 20px 0;}
.hr2 {height: 5px;  background-color: #d8d8d8; width: 100%; margin: 0px 0px 50px 0;}


header.black {background-color: black;}
header.white {background-color: black;}
.whiteText  {color: white; text-shadow: 1px 1px 5px black}



.btn-stroke {background-color: white; border: 1px solid black; color: black;}