@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa_Free_Bold-webfont.eot');
    src: url('../fonts/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nexa_Free_Bold-webfont.woff') format('woff'),
         url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa_Free_Light-webfont.eot');
    src: url('../fonts/Nexa_Free_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nexa_Free_Light-webfont.woff') format('woff'),
         url('../fonts/Nexa_Free_Light-webfont.ttf') format('truetype'),
         url('../fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

* {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:'Nexa', arial, sans-serif;
	/* font-size:11pt; */
	font-size: 18px;
	line-height:1.5;
	color:#455467;
}

img{
	border:0px;	
}


h1,h2,h3{
	font-weight:normal;
}

h1{
	font-size:18pt;	
}

h2{
	font-size:16pt;
}

h3{
	font-size:14pt;
}

a{
	text-decoration:none;
	color:#3d4a5b;
}

.clear{
	clear:both;	
}

.float_left{
	float:left;	
}

.float_right{
	float:right;	
}

.wrapper{
	width:100%;
	padding:40px 0;	
}

.section{
	background-image:url('../images/section-bg.jpg');
	background-position:center;
}

.section-sm{
	background-image:url('../images/section-sm.jpg');
}

#index .section-sm {
	font-size: 72px;
	line-height: 1;
	font-weight: 700;
	color:#dadada;
	text-transform: uppercase;
}

.section-wh{
	background-image:url('../images/section-wh.jpg');
}

.section-wd{
	background-image:url('../images/section-wd.jpg');
}

.section-wc{
	background-image:url('../images/section-wc.jpg');
}

.center{
	text-align:center;
}

.content{
	width:1035px;
	margin:0 auto;	
}

#logo{
	float:left;
}

nav{
	float:right;
	height: 209px;
	display: flex;
	align-items: center;
}

nav ul{
	list-style-type:none;	
}

nav ul li{
	display:table-cell;	
	height:75px;
	/*line-height:75px;*/ /* 9/18/26 */
	align-content: center;
}

nav ul li + li{
	/*padding-left:49px;*/
	padding-left: 19px;
}

nav a{
	color:#646566;	
	font-size: 11pt;
}

nav a:hover{
	transition:.30s all;
	color:#3e4b5d;	
}

nav .current{
	font-weight:700;	
}

/* Nav dropdown */
nav li.drop-down-container {
	position: relative;
	z-index: 99;
}
nav li.drop-down-container .drop-down {
	position: absolute;
	z-index: 99;
	border-radius: 5px;
	width: 200px;
	left: 0px;
	margin-top: 0;
	background: white;
	display: none;
}
nav li.drop-down-container .drop-down li {
	list-style: none;
	display: block;
	padding-left: 19px;
}
nav li.drop-down-container:hover .drop-down {
	display: block;
}

#top-wrapper{
	background-color:rgba(238, 238, 238, 0.9);
	padding:15px;
	position:fixed;
	top:0px;
	z-index:1001;
}

.paintBox{
	width:250px;
	min-height:230px;
	max-height:230px;
	float:left;
	margin-bottom:20px;
}

.paintBox img{
	/*display:none;*/
	border: 5px solid #fff;
}
.paintBox img:hover {
	border-color: #ffc600;
}

.paintMore{
	width:250px;
	float:left;	
}

.paintMore p{
	height:228px;
	line-height:228px;
	text-align:center;
	font-size:16pt;
}

.paintMore p a{
	font-size:16pt;	
}

.paintMore p a:hover{
	text-decoration:underline;	
}

.header{
	text-align:center;
	margin-bottom:30px;
}

#navPlace{
	/*height:110px;	*/
	height:247px;
}

.bookCover{
	float:left;
}

.bookDesc{
	float:right;
	width:700px;
}

.bookTitle{
	/* font-size:13pt; */
	font-size: 20px;	
}

.bookAuthor{
	color:#007e84;
	/* font-size:12pt; */
	font-size: 17px;
	margin-bottom:2rem;
}

.bookInfo{
	/*font-size:10pt;*/
	font-size: 18px;
	color:#007e84;
	margin-bottom:2rem;
}

.priceLine{
	/* font-size:13pt; */
	font-size: 17px;
	margin-bottom:8px;
}

.buyButton{
	display:inline-block;
	background-color:#455467;
	width:200px;
	text-align:center;
	font-size:12pt;
	border-radius:10px;
	padding:8px 10px;
	color:#FFF;
}

.buyButton:hover{
	transition:all .3s;
	color:#7193bd;
}

/* .contentDesc{
		
}
 */
.conLink{
	font-weight:700;	
}

#videos{
	margin-top:2rem;	
}

.videoBox{
	width:420px;
	float:left;	
}

.videoBox + .videoBox{
	float:right;	
}

.videoTitle{
	text-align:center;
	/* font-size:13pt;	 */
	font-size: 18px;
	margin:2rem 0;
}

#paintings{
	overflow:hidden;
	width:1000px;
	height:740px;
}

#mobilePaintings, #mobileLive {
	display:none;	
}

.slide{
	width:1000px;	
}

#contact .header {
	color:#dadada;
}

#contact label, #contact .col_left p{
	color:#dadada;
}

#contact .col_left p{
	margin-bottom:10px;	
}
/* + p */
#contact .col_left p {
	/* font-size:13pt;	 */
	margin-bottom:3px;
}

#contact .col_left{
	width:435px;
	float:left;	
}

#contact .col_right{
	width:435px;
	float:right;	
}

#contact .col_right p{
	text-align:right;	
}

input[type=text], textarea, select, input[type=file]{
	border:2px solid #dadada;
	border-radius:7px;
	padding:4px;
	color:#dadada;
	background:rgba(238, 238, 238, 0.0);
	width:295px;
}

textarea{
	height:120px;	
}

label{
	width:120px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#contact .col_right p + p{
	margin-top:10px;	
}

.conlab{
	font-size:13pt;
	display:inline-block;
	width:90px;	
	color:#dadada;
}

.submit{
	text-align:right;	
}

#popup-back {
	display:none;
	background-color:#000000;
	position:absolute;
	height:100%;
	width:100%;
	z-index:1000;
	top:0px;
	left:0px;
}

.popup-box {
	position:relative;
	top:0px;
	left:0px;
	display:none;
	width:450px;
	min-height:40px;
	z-index:1001;
	background-color:#F2F2F2;
	/*border:1px solid #AAAAAA;*/
}

.popup-box h2 {
	font-size:14pt;
	color:#08568F;
}

.popup-box .topper {
	background-color:#343e4a;
	width:100%;
	height:25px;
}

.popup-box p {
	margin:20px;
	font-size:12pt;
	color:#333333;
	line-height:17px;
	text-align:center;
	font-family:helvetica, sans-serif;
}

.popup-box .pop-ins {
	background-color:#E2E2E2;
	text-align:center;
	padding:10px;
}

.pop-ins input[type='button'] {
	padding:10px 20px;
	text-align:center;
	background-color:#747674;
	color:#FFFFFF;
	border-radius:0px;
	border:0px;
	font-size:16px;
	font-weight:300;
	font-family:helvetica, sans-serif;
}

.pop-ins input[type=button] + input[type=button]{
	margin-left:10px;
}

.pop-ins input[type='button']:hover {
	background-color:#515351;
	cursor:pointer;
}

#quick-links a{
	display:block;
	float:left;
	width:41%;
	padding:4%;
	background:#ccc;
	margin:0;
}

#quick-links a + a{
	float:right;	
}

#quick-links a p{
	font-size:16pt;	
}

.quick-link img{
	float:left;
	margin-right:25px;	
}

.quick-link span{
	display:block;
	font-size:13pt;	
}

.quick-link span+span{
	font-size:18pt;
}

#manageThumbs .manageBox{
	width:142px;
	text-align:center;
	float:left;	
}

#manageThumbs img{
	width:137px;
}

.manageAdd{
	height:137px;
	width:137px;
	margin:0 auto;
	line-height:137px;
	font-size:14pt;	
}

.manageAdd:hover{
	background:#ccc;	
}

#manageNav a{
	display:inline-block;
	padding:2px 0;
}

#manageNav a:hover{
	text-decoration:underline;	
}

#manageNav a + a{
	margin-left:25px;
}

.mH1{
	padding:20px 0;	
}

#admin .section-wd{
	padding-bottom:20px;
}

#admin label{
	display:block;
	vertical-align:auto;
	width:auto;	
}

#admin input[type='text'], #admin textarea, #admin input[type='file'], #admin select, #admin input[type='file']{
	color:#636c77;
	border-color:#636c77;
}

#admin select, #admin input[type=file]{
	width:auto;	
}

.inputField + .inputField{
	margin-top:10px;	
}

#admin{
	background:#f2f2f2;	
}

.sButton{
	background-color:#636c77;
	color:#f7f7f7;
	padding:4px 10px;
	border-radius:5px;
}

.sButton:hover{
	background:#47525f;
}

input + .inputField{
	margin-top:10px;	
}

.bookWrapper + .bookWrapper {
	margin-top:50px;	
}

.m_break {
	clear:both;
	height:5px;	
}

/* Art Lessons */
.section-sm.art-lesson-hero {
	background-image: url('../images/hero/art-lesson-hero.jpg');
	height: 430px;
    background-position: center 29%;
    background-size: cover;
    background-repeat: no-repeat;
}

.flex {
	display: flex;
    align-items: center;
    gap: 35px;
}

.flex.align-top { 
	align-items: flex-start;
}

.text-block {
	max-width: 800px;
	margin: 0 auto;
}

.text-block p {
	margin-bottom: 10px;
}

.img-group {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 40px;
	justify-content: center;
}
.img-group img {
	max-width: 320px;
}
/* #art-lessons .flex:first-child { 
	margin-bottom: 100px;
} */
.flex img {
	width: 50%;
}
.flex p {
	padding-bottom: 10px;
}
.main-heading,
.header {
	text-align: center;
	font-size: 35px;
	margin-bottom: 45px;
}
.details ul {
	margin-left: 20px;
}
.details ul li {
	padding-bottom: 10px;
}

.cta {
	background-image: url('/images/section-sm.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 240px;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cta h3 {
	text-align: center;
	font-size: 40px;
	/* font-family: 'Nexa', arial, sans-serif; */
	color: white;
	margin-bottom: 20px;
	font-weight: normal;
	padding: 5px 20px;
}
.cta a { 
	font-size: 18px;
	background: white;
	color: black;
	border-radius: 5px;
	padding: 8px 20px;
	border: 2px solid white;
	transition: .3s all ease-in-out;
}
.cta a:hover { 
	background: none;
	border: 2px solid white;
	color: white;
	transform: scale(1.1);
}
.details h4 {
	font-size: 25px;
	margin-bottom: 10px;
	text-align: center;
}
/* art parties */

.section-sm.art-parties-hero {
	background-image: url('../images/hero/art-parties-hero-min.jpg');
	height: 430px;
    background-position: center 35%;
    background-size: cover;
    background-repeat: no-repeat;
}
.bigger-text {
	font-size: 17px; 
	font-weight: bold;
}
.banner h5 {
	text-align: center;
	font-size: 30px;
	padding: 5px 20px;
}
#contact .location {
	margin-top: 25px;
}
#contact .location p {
	margin: 0;
	padding: 0;
}
#contact .location a, #contact .location span  {
	color: #dadada;
	transition: .2s all ease-in-out;
}
#contact .location a:hover  {
	color: #fff;
}
#contact .social-media {
	display: flex;
	gap: 20px;
}
#contact .social-media img {
	width: auto;
	height: 30px;
	margin-top: 25px;
	opacity: .9;
}
#contact .social-media img:hover {
	opacity: 1;
}
.link {
	color: #dadada;
	transition: .2s all ease-in-out;
}
.link:hover {
	color: #fff;
}


/* was 1040 */
@media screen and (max-width: 1070px) {
	.bookWrapper + .bookWrapper {
		margin-top:30px;	
	}
	
	#top-wrapper {
		position:static;
		padding:0;
	}
	
	#navPlace {
		display:none;	
	}
	
	.content{
		width:94% !important;
		padding:0 3% !important;
	}
	
	nav, #logo {
		float:none;
		text-align:center;
	}

	nav {
		height: auto;
  		display: block;
		padding-bottom: 20px;
	}
	
	#logo img {
		/*max-width:222px;*/
		max-width:150px;
		margin:20px;
		width:70%;
	}
	
	nav ul li {
		display:block;	
		height:auto;
		line-height:2.5rem;
	}
	
	nav ul li + li {
		padding-left:0;	
	}
	
	nav li:first-child{
		display:none;
	}
	
	nav li.drop-down-container .drop-down {
		display: block;
		position: static;
		width: unset;
		background: unset;
	}
	nav li.drop-down-container .drop-down li {
		padding-left: 0;
	}
	.bookDesc {
		width:60%;	
	}

	.videoBox{
		float:none;	
		width:100%;
	}
	
	.videoBox + .videoBox {
		float:none;	
	}
	
	.header {
		text-align:center;	
	}
	.header img {
		width:70%;
		max-width:450px;
	}
	
	#index-banner-img {
		width:50% !important;	
	}
	
	.col_left {
		width:100% !important;
		padding:5px !important;
		float:none !important;
	}
	
	.col_right {
		width:100% !important;
		padding:5px;
		float:none !important;
	}
	
	.bookCover {
		width:35%;	
	}
	
	.bookCover img {
		width:100%;	
	}
	
	/* .bookTitle {
		font-size:9pt;
	}
	
	.bookAuthor {
		font-size:8pt;	
	}
	
	.bookInfo {
		font-size:8pt;	
	}
	
	.priceLine {
		font-size:9pt;	
	} */
	
	/* .buyButton {
		width:80%;
		font-size:8pt;	
	} */
	
	#contact .col_right p {
		text-align:left;	
	}
	
	label {
		width:25%;	
	}
	
	input[type=text], textarea {
		width:70%;	
	}
	
/* 	#contact .col_left p + p {
		font-size: 10pt;	
	} */
	
	#contact .buyButton {
		width:100%;
		margin:0 auto;
		/* font-size:8pt;	 */	
	}
	
	#paintings, #live {
		display:none;
	}
	
	#mobilePaintings, #mobileLive {
		display:block;
	}
	
	#mobilePaintings img, #mobileLive img {
		width:32%;
		vertical-align:middle;
	}
	
	#mobilePaintings a + a img, #mobileLive a + a img {
		margin-left:2%;
	}
	.location {
		margin-bottom: 20px;
		text-align: center;
	}
	.email-link {
		text-align: center;
	}
}

@media screen and (max-width: 926px) {
	.section-sm.art-lesson-hero, .section-sm.art-parties-hero {
		height: 340px;
	}
	.flex {
		flex-direction: column;
		width: 75%;
		margin: 0 auto;
	}
	.flex img {
		width: 100%;
	}
	.flex section {
		width: 100%;
	}
}

@media screen and (max-width: 766px) {
	#index .section-sm {
  		font-size: 48px;
	}
	.section-sm.art-lesson-hero, .section-sm.art-parties-hero {
		height: 240px;
	}
	.flex {
		width: 100%;
	}
	.cta h3 {
		font-size: 30px;
	}
	.bookCover {
		float: none;
		width: 60%;
		margin: 0 auto 20px;
	}
	.bookDesc {
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	.buyButton {
		width: 100%;
	}
}

@media screen and (max-width: 702px) {
	.img-group {
		gap: 10px;
	}
	.img-group img {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 500px) {
	.img-group {
		gap: 10px 0;
	}
	.img-group img {
		width: 100%;
		max-width: 100%;
	}
}

#index-banner-img {
	width:500px;	
}

#bio {
	font-family:Nexa, Arial;
	max-width:600px;
	margin:0 auto;
}

#bio p {
	line-height:24px;
}

#bio p + p {
	margin-top:1em;	
}

#artist-pic {
	text-align:center;	
}

#artist-pic img {
-webkit-box-shadow: 0 0 2px 1px rgba(000,000,000,.3);
box-shadow: 0 0 2px 1px rgba(000,000,000,.3);	
}