/********************************************
	JenniferFearon.com
	Built By WebSight Design.com
*********************************************/

/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body {
	line-height: normal;
	font-size: 18px; font-family: "proxima-nova", sans-serif; font-weight:100; color:#333;
	background: #fff;
	-webkit-text-size-adjust: none;
}

select, input, textarea { color: #333; }

ins { background-color: #fcd700; color: #333; text-decoration: none; }
mark { background-color: #fcd700; color: #333; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6, p { margin: 0px 0px 20px; }

h1 { font-size: 30px; text-align:center; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4, h5, h6 { font-size: 20px; }

h1.para { margin-top: -40px; font-weight:100; font-size:18px; }

a, a:visited { color: #666; text-decoration: none; }
a:hover, a:active { color: #888; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; }

img { height:auto; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.clear { clear: both; }
.clearfix::after { clear:both; display:table; content:''; }

.mob { display:block; }


/*** Basic List Styling ***/
ul {
	margin: 0px 0px 20px;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
ul li { margin-bottom: 5px; }
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; }

ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	list-style-type: decimal;
	list-style-position: inside;
}
ol li { margin-bottom: 5px; }
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }


/*** Blockquote ***/
/*genric styles for blockquote in content*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/*** CKEditor Image Alignment Classes ***/
.align-left {
	margin: 0px 15px 15px 0px;
    float: left;
}
.align-right {
	margin: 0px 0px 15px 15px;
    float: right;
}
.align-center { text-align: center; }
.align-center > figure { display: inline-block; }


/****** FRONTEND LAYOUT ******/
#page {
	margin: 0px auto;
	width: 100%;
	min-width: 350px;
	position: relative;
	background: #fff;
}

.containerw { width:100%; max-width:1430px; margin:0 auto; padding:0 15px; } 
.container { width:100%; max-width:1430px; margin:0 auto; padding:0 15px; }

/*** Header ***/
#header {
	margin: 0px auto;
	height:64px; 
	padding:15px 0;
}

#logo {
	display:inline-block;
	margin-top:3px;
	color:#333; text-decoration:none; font-weight:100; font-size:20px; text-transform:uppercase;
}

/*** Main Menu ***/
#menuBtn { width:40px; height:40px; display:block; position:absolute; top:13px; right:15px; z-index:100; cursor:pointer; }
#menuBtn svg:first-child { position:absolute; top:10px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #666; }
#menuBtn svg:nth-child(2n) { position:absolute; top:18px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #666; }
#menuBtn svg:last-child { position:absolute; top:26px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #666; }

#menuBtn.open svg:first-child { transform: rotate(45deg); top:18px; fill:#ccc !important; }
#menuBtn.open svg:nth-child(2n) { opacity:0; }
#menuBtn.open svg:last-child { transform: rotate(-45deg); top:18px; fill:#ccc !important; }

#mainmenu {
	display: none;
	position: absolute; top:64px; left:0;
	z-index: 9999;
	width: 100%;
	text-align: right;
	margin: 0;
	background: #fff;
	border-bottom:7px #e3e3e3 solid;
}
#mainmenu ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}
#mainmenu ul li {
	margin: 0px;
	float: none;
	border-left: none;
	border-top: 1px solid #e3e3e3;
}
#mainmenu ul li:first-child { border-top: none; }
#mainmenu ul li a {
	display: block;
	padding: 15px 20px;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	background-color: transparent;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a {
	color: #999;
}

#mainmenu ul li > ul { padding:0 0 10px 0; width:auto; }
#mainmenu ul li > ul li { border-top:none; }
#mainmenu ul li > ul li a { padding:0 20px 10px 20px; font-size:16px; }

/*#mainmenu ul li > ul { display: none; }
#mainmenu ul li:hover > ul { display: none; }*/


/*** Content Area ***/
#content { }
/*.homepage #content { padding:0 !important; }*/

.featuredImg {
	display: block;
	margin:0 0 30px 0;
	height: auto;
	text-align:center;
	overflow: hidden;
}
.featuredImg img {
	display: block;
	margin:0 auto;
}

#sidebar {
	float: none;
	width: auto;
	margin: 30px 0px 0px;
	padding: 30px 0px 0px;
	border-right: none;
	border-top: 1px solid #ccc;
}

#main {
	float: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}

.contact-right {
	text-align: left;
	padding-bottom: 20px;
	margin-bottom:40px; 
	border-bottom:1px #e2e2e2 solid;
}


/*** Footer ***/
#footer {
	font-size: 14px; text-transform:uppercase; text-align: center;
}

#footer a { color:#333; text-decoration:none; }
#footer a:hover { color:#666; text-decoration:none; }

a.social { display:inline-block; width:30px; height:30px; vertical-align:middle; font-size:1px; color:#fff; text-indent:-2000px; overflow:hidden; margin-bottom:10px; }

a.insta { background:url('../images/instagram.png') no-repeat 50% 50%; }
a.fb { background:url('../images/facebook.png') no-repeat 50% 50%; }
a.li { background:url('../images/linkedin-black.svg') no-repeat 50% 50%; background-size:20px auto; margin-right:20px; }

a.wsd { display:none; }


/****** HOMEPAGE ******/
div.hp-categories { width:100%; text-align:center; margin:50px auto; }
div.hp-cat { width:49%; max-width:150px; display:inline-block; vertical-align:top; margin-bottom:40px; font-size:18px; }
div.hp-cat p a { text-decoration:none; text-transform:uppercase; color:#000; }

div.hp-cat:nth-child(odd) { margin-right:1%; }
div.hp-cat:nth-child(even) { margin-left:1%; }

div.hpc-img { width:100%; height:auto; border:7px #e3e3e3 solid; margin:0 auto 20px auto; }
div.hpc-img img { width:100%; display:block; }

div.hp-cat:hover p a { color:#666; }
div.hp-cat:hover div.hpc-img { border:7px #f0efef solid; }

div#hp-slideshow { display:block; overflow:hidden; margin:0 0 40px 0; /*min-height:calc(100vh - 125px);*/ }
div#hp-slideshow .slide { text-align:center; margin:0 0 20px 0; }
div#hp-slideshow .slide img { width:100%; display:block; margin:0 0 10px 0; }

div.hp-content { width:100%; max-width:800px; margin:150px auto; text-align:center; }



/****** FORMS STYLING ******/
div.form {
	margin: 0px auto;
	max-width: 600px;
}
div.form label {
	display: block;
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 5px 0px;
	font-size: 100%;
	font-family: "proxima-nova", sans-serif;
}

div.form input[type=text],
div.form input[type=number],
div.form input[type=password] {
	padding: 4px;
	width: 100%;
	max-width: 600px;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form textarea {
	padding: 4px;
	width: 100%;
	max-width: 600px;
	height: 120px;
	resize: none;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form select {
	padding: 4px;
	width: 100%;
	max-width: 600px;
	border: 1px solid #aaa;
	border-radius: 0px;
}
div.form .note {
	font-style: italic;
}
div.form span.required { color:#bf953d; }
div.form .row { margin: 0px 0px 10px; }
div.form .row.checkbox,
div.form .row.radio {  }
div.form .row.checkbox label,
div.form .row.radio label {
	float: none;
	padding: 0px;
	display: inline-block;
	width: auto;
}
div.form .row.buttons { text-align: center; }
div.form input[type=submit] {
	padding: 10px 30px;
	color: #fff; font-size: 18px; text-transform:uppercase;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	background: #000;
	box-shadow: none;
	cursor:pointer;
}

div.form input[type=submit]:hover { background:#333; }


/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #bf953d;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #f3f3f3;
	border-color: #666;
}

div.form .errorMessage { color:#bf953d; }


/*** ABOUT ***/
#about-photos { width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:nowrap; margin:0 0 50px 0; }
div.firstimg { width:64.14285714285714%; }
div.secondimg { width:35.285714285714285%; }
#about-photo { width:100%; margin:0 0 50px 0; }

/********************** PORTFOLIO ***********************/
div.artlist { position:absolute; top:50px; left:0; margin:0; width:100%; z-index:10; }
ul.artlist-ul { font-size:18px; color:#fff; }
ul.artlist-ul li { margin-bottom:10px; }
ul.artlist-ul li a { color:#fff; }

ul.art-list { width:auto; display:inline-block; list-style-type:none; padding:0; }
ul.art-list li { display:block; text-align:center; margin:0 0 15px 0; }


ul.typenav { list-style-type:none; margin:10px auto 40px auto; padding:0; display:inline-block; width:auto; }
ul.typenav li { float:left; margin:0 20px; text-transform:uppercase; font-size:15px; }

#large-slideshow { display:block; margin:0 auto 20px auto; text-align:center; }
#large-slideshow .slide { text-align:center; }
#large-slideshow .slide a { display:inline-block; width:auto; margin:0 auto; }
#large-slideshow .slide img.artimg { margin:0 auto 20px auto; display:block; border:10px #e3e3e3 solid; width:auto; max-height:300px; }
#large-slideshow .slide p { margin-bottom:10px; }

#thumbnails { width:100%; max-width:1130px; margin:0 auto; padding:0 40px; }
#thumbnails img { max-height:170px; padding:10px; opacity:0.5; cursor:pointer; }
#thumbnails img.slick-current { opacity:1 !important; }

#thumbnails .slick-prev, #thumbnails .slick-prev:hover, #thumbnails .slick-prev:focus { width:30px; height:90px; background:url('../images/left-arrow-dark.png') 0 50% no-repeat; background-size:30px auto; left:0; opacity:0.5; }
#thumbnails .slick-next, #thumbnails .slick-next:hover, #thumbnails .slick-next:focus { width:30px; height:90px; background:url('../images/right-arrow-dark.png') 100% 50% no-repeat; background-size:30px auto; right:0; opacity:0.5; }

#thumbnails .slick-prev:before { content:''; }
#thumbnails .slick-next:before { content:''; }


/** WORK **/
#cat-grid { width:100%; margin:0 auto 50px auto; display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap; }
div.cg-indv { /*width:49%; margin-bottom:10px;*/ width:47%; margin-bottom:20px; height:auto; display:block; position:relative; background:#000; overflow:hidden; }

div.cg-indv img { width:100%; display:block; opacity:0;
	transition:0.3s linear all;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
div.cg-indv:hover img { opacity:0.4; }

.cg-title { width:100%; height:100%; display:flex; align-items:center; text-align:center; position:absolute; top:0; left:0; z-index:10; opacity:0; 
    font-size:22px; color:#fff; text-decoration:none; text-transform:uppercase;
    transition:0.3s linear all;
}
.cg-title:hover { color:#fff; text-decoration:none; }
.cg-title p { width:100% !important; display:block; margin:0; }
div.cg-indv:hover .cg-title { opacity:1; }

#doc-year-sidebar { text-align:center; }
#doc-year-sidebar ul { list-style-type:none; padding:0; font-size:16px; }
#doc-year-sidebar ul li { display:inline-block; vertical-align:top; margin:0 10px 0 0; padding:0 12px 0 0; border-right:1px #666 solid; }
#doc-year-sidebar ul li a { color:#999; }
#doc-year-sidebar ul li:last-child { margin-right:0; padding-right:0; border-right:none; }
#doc-year-sidebar ul li.document-year-active a { color:#333; font-weight:bold; }

/* Statement */
div.statement-box { width:100%; border:1px #ccc solid; background:#f2f2f2; padding:15px 15px 0 15px; }
p#statelink { cursor:pointer; color:#000; text-decoration:none; font-size:16px; text-transform:uppercase; margin:0 0 15px 0; }
p#statelink img { float:right; width:20px; transform: rotate(45deg); transition:0.2s linear all; }
p#statelink.stateopen img { transform: rotate(0deg); }
.toggleDiv { display:none; }


/** NEWS **/
div.news-categories { border-top:1px #e2e2e2 solid; border-bottom:1px #e2e2e2 solid; padding:20px 15px; margin:20px 0; text-align:center; }
div.news-categories label { margin-right:10px; }
div.news-categories select#catselect { /*font-family:'AvenirLT35';*/ font-family: 'Roboto Flex', sans-serif; font-size:100%; padding:4px 20px 4px 4px; }

ul.newsListings { list-style-type:none; padding:0; }
ul.newsListings li { margin:0 0 40px 0; }

div.imgdiv { width:30%; max-width:200px; display:block; float:right; margin:0 0 20px 20px; }
div.imgdiv img { width:100%; display:block; }
div.txtdiv { }

div.extra { width:auto; display:inline-block; margin:0 10px 20px 10px; vertical-align:top; }
ul.tags { list-style-type:none; text-align:center; padding:0; margin:20px 0; }
ul.tags li { padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px #e2e2e2 solid; display:inline; }
ul.tags li:first-child, ul.tags li:last-child { padding:0; margin:0 5px 0 0; border-right:none; }
div.postNav { text-align:center; margin:50px 0 0 0; }

.date { margin:0 0 5px 0; }
h2.newsh2 { margin:0 0 10px 0; }


/** EVENTS **/
div.container#events { color:#fff; }
div.container#events h1, div.container#events h2, div.container#events p { color:#fff; }
div.container#events a { color:#ccc; text-decoration:underline; }
div.container#events a:hover { color:#f2f2f2; }


/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 880px) {

	/****** GLOBAL ELEMENT CSS ******/
	body { font-size: 18px; }
	h1 { font-size:22px; }
    
    .mob { display:none; }

	/****** FRONTEND LAYOUT ******/
	#menuBtn { display: none; }
	
	#header { padding:15px 0; height:136px; background:#fff; }
	#logo { font-size:35px; margin-top:27px; }
    
	#mainmenu {
		display: block; width:auto; float:right;
		position: relative; top:unset; left:unset;
		margin: 45px 0 0 0; padding:0;
		text-align: center;
		background:transparent;
		border-bottom:0;
	}
	#mainmenu ul {
		display:block; width:auto;
	}
	#mainmenu ul li {
		display: block;
		float:left;
		border: none;
		margin: 0 auto;
		position:relative;
	}
	#mainmenu ul li a {
		padding:0 20px 10px 20px;
		font-size: 16px; font-weight:100; text-transform:uppercase;
	}
	
	#mainmenu ul li > ul {
		display: none;
		position: absolute;
		margin: 0px;
		padding: 0 20px 10px 20px;
		top: 26px; left: 0px; z-index: 999;
		min-width: 100px;
		background: #fff;
	}
	#mainmenu ul li:hover > ul { display: block; }

	#mainmenu ul li > ul li {
		margin: 0px;
		float: none;
		text-align:left;
		white-space:nowrap;
	}

	#mainmenu ul li > ul li a {
		display: block;
		padding: 5px 0 !important;
		color: #000;
		font-size: 16px;
		text-decoration: none;
	}
	

	#content { }
    
    #footer { font-size:14px; }
    a.social { margin-bottom:0; }
	
	.contact-left {
		width:65%;
		float:left;
		padding-top:20px;
	}
	
	.contact-right {
		width:35%;
		float:right;
		border-left:1px #e2e2e2 solid;
		padding-left:40px;
		border-bottom:none;
		padding-top:20px;
	}

	#sidebar {
		float: left;
		width: 25%;
		margin: 0px;
		padding: 0px 0px 0px 30px;
		border-left: 1px solid #ccc;
		border-top: none;
	}

	#main {
		float: left;
		width: 75%;
		margin: 0px;
		padding: 0px 30px 0px 0px;
	}	

	a.wsd { font-size:14px; position:absolute; bottom:5px; left:15px; color:#999 !important; text-decoration:none; display:block; width:auto; height:auto; text-transform:none; }
	
	
	/****** HOMEPAGE ******/
	div.hp-categories { margin:90px auto; }
	div.hp-cat { width:25%; max-width:300px; }
	div.hp-cat:nth-child(odd), div.hp-cat:nth-child(even) { margin-left:8px; margin-right:8px; }
	div.hpc-img { border:10px #e3e3e3 solid; }
	div.hp-cat:hover div.hpc-img { border:10px #f0efef solid; }
	
	div#hp-slideshow { display:block; overflow:hidden; margin:0 auto 40px auto; /*height:calc(100vh - 125px);*/ width:100%; max-width:900px; }
	div#hp-slideshow .slide { text-align:center; }
	div#hp-slideshow .slide img { width:900px; height:600px; object-fit:contain; /*height:calc(100vh - 156px);*/ }

	

	/****** FORMS ******/
	div.form {  }
	div.form label {
		float: left;
		padding: 10px 0px 0px;
		width: 25%;
	}
	div.form input[type=text],
	div.form input[type=number],
	div.form input[type=password],
	div.form select {
		width: 75%;
	}
	div.form textarea {
		width: 75%;
		height: 120px;
	}
	div.form .row.checkbox,
	div.form .row.radio { margin-left: 100px; }
	.homepage div.form .row.recaptcha { margin-left: 0px; }
	div.form .row.recaptcha { margin-left: 100px;  }
	div.form .row.recaptcha a { font-size: 12px; }
	div.form .row.recaptcha div {}
	div.form .row.recaptcha p { font-size: 12px; }
	div.form .row.buttons { text-align: left; }
	div.form input[type=submit] {
		margin-left: 25%;
		padding: 10px 30px;
		font-size:16px;
	}
    div.errorMessage { margin-left:25%; }
	

	/***** PORTFOLIO *****/
	ul.art-list li { margin-right:20px; padding-right:20px; border-right:1px #ccc solid; display:inline; }
	ul.art-list li:last-child { margin-right:0; padding-right:0; border-right:0; }
	
	#large-slideshow .slide img { height:500px; max-height:none !important; }
	#thumbnails { width:100%; max-width:1130px; margin:0 auto; padding:0 60px; }
	
	#thumbnails .slick-prev, #thumbnails .slick-prev:hover, #thumbnails .slick-prev:focus { width:60px; background-size:50% auto; }
	#thumbnails .slick-next, #thumbnails .slick-next:hover, #thumbnails .slick-next:focus { width:60px; background-size:50% auto; }
    
    
    /** WORK **/
    div.cg-indv { /*width:32.75%; margin-bottom:11px;*/ width:21%; margin-bottom:25px; }
    
    /* Statement */
    div.statement-box { width:100%; border:1px #ccc solid; background:#f2f2f2; padding:20px 20px 0 20px; }
    p#statelink { margin:0 0 20px 0; }

	/** NEWS **/
	div.imgdiv { width:200px; display:inline-block; float:none; vertical-align:top; margin:0 20px 0 0; }
	div.txtdiv { width:calc(100% - 230px); display:inline-block; float:none; vertical-align:top; }
	

	
	/** Recaptcha Responsive **/
	.rc-anchor-normal {
	    height: 74px;
	    max-width: 250px !important;
	    width: 100% !important;
	}


}  /* @media(min-width: 880px) */



/*** Skip to Content invisible link for accessibility ***/
#skip a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
/* uncommenting will make the link visible when focused
#skip a:focus {
	position:static;
	float:left;
	width:auto;
	height:auto;
}
*/