/*
Theme Name: ajmnc
Author: Deepa Vishwanathan
Author URI: https://zeroninefivefour.biz/work/
Description: Custom themplate created for AJ Modern and Contemporary
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ajmnc
*/
/* ==========================================================================
   Base
   ========================================================================== 
*/
/* basic */
.row{margin:1% 0;overflow:auto}.row2{margin:0;overflow:hidden;}.col{float:left}
.table,.c12{width:100%}.c11{width:91.66%}.c10{width:83.33%}.c9{width:75%}.c8{width:66.66%}.c7{width:58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}
@media(max-width:870px){.row .col{width:100%}.homeimage{height:70vh; object-fit: cover;} }
@media screen and (min-width: 600px) {
  .grid {    display: flex;    flex-wrap: wrap;    flex-direction: row;  }
  .cell {    width: 50%;    width: calc(50% - 2rem);  }
}
@media screen and (min-width: 1000px) {
  .cell {    width: calc(33.3333% - 2rem); }
}
html {
}

body,textarea,input,select {
	margin: 0; 	/**
   * Root em units
   * 
   * A root unit (rem) unit is relative to the root font size,
   * wheras an em unit is relative to it's parent.
   * 
   * Ex: root font size = 16px
   *     1.75rem        = 28px 
   */
  background: white;font-size: 1rem; font-weight:400;font-family: 'Raleway', sans-serif;line-height: 1.44;
}



/* text formatting */

.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}
.smooth{transition:all .2s}
.btn,.nav a{text-decoration:none}
.container2{margin:0 20px;width:auto;}@media(min-width:1310px){.container{margin:auto;width:1270px}}
.container{margin: auto;width:auto;padding:0 3em;}@media(min-width:1310px){.container{margin:auto;width:100%;}}

.btn, h2{font-size:2em}
h1{font-size:3em}
h1.entry-title {font-size: 1.5em;font-weight: 300;text-transform: uppercase;}
h2 {  font-size: 1em;font-weight:bold;margin:0; margin-bottom:0.2em;}
h3 {font-weight:500; color:#000;}
h4 {font-weight: 400;line-height: 1.5em;font-size: 1em;color: #000;}
label>*{display:inline}form>*{display:block;margin-bottom:10px}textarea,input,select{border:1px solid #ccc;padding:8px}
textarea:focus,input:focus,select:focus{border-color:#5ab}textarea,input[type=text]{-webkit-appearance:none;width:13em;outline:0}
option {font-size: 1rem; font-weight:400;font-family: 'Raleway', sans-serif;}
a {color:#666;-webkit-transition: color 0.5s; /* Safari */transition: color 0.5s; text-decoration:none;}
a:hover, a:active, a:focus {color:/*#0F0F1E*/#000;}
fieldset {	display: inline; font-size:80%; text-transform:uppercase;border:0 solid #ddd;}


/* layout elements */
.addon{box-shadow:0 0 0 1px #ccc;padding:8px 12px}
div.intro{width: 100%;height: 100%;overflow: hidden;}
aside.open {overflow: auto;}

.categoryfilter, #select2-multiple {display: inline-block; font-size:90%;text-transform:uppercase;}

.page-wrap, footer, .header, article, #smartPWLogin, .homeimage, .content-hdr-meta, .grid, .art-display, .art-info, #AN-info {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /*justify-content:flex-end;*/
 }

section {/*height: 85vh;*/margin: 0.25em 0.5em 0 0.5em; /*border:1px solid #ccc;*/}
.grid section {padding-bottom:10em;}
.header {width:100%; height:12vh;  align-items:center;padding: 0.5em;background:#fff; position:fixed; top:0; left:0;}

footer {text-align:center;padding-left:0.75em;font-size:0.75em; height:2vh;align-items:center;justify-content: center;flex-direction: column;}
footer p.comply {font-size:0.7rem; text-transform: uppercase;}


/*overlay*/
button.toggle-overlay {color:#000;}
.toggle-overlay {cursor: pointer;}

@media screen and (min-width: 600px) {
  h1 {
    font-size: 3em;
  }
}

aside {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: /*linear-gradient(200deg, #27156E, #6A2A88, #9F4981)*/#fff;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
  z-index: 2; overflow: auto;
}

.open {
  opacity: 1;
  visibility: visible;
}

button {
  padding: 0;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  border-radius: 8px;
  transition: all .5s ease;
}
button:hover {
  border: 1px solid white;
}

.close {
  position: fixed;
  top: 40px;
  right: 60px;
  color: white;
  z-index: 3;
  cursor: pointer;
  font-family: sans-serif;
}
.close span,
.close span:before,
.close span:after {
  border-radius: 4px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.close span {
  background: transparent;
}
.close span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.outer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 85px;
  cursor: pointer;
}

/*overlay ends*/
.responsive-image {max-width: 100%;}.cell img {  display: block;}.cell { margin: 1rem; font-size:0.85em; text-align:center;} .cell span{	font-size:0.8em; flex-direction:column;} .cell h4{margin: 0.5em;font-weight: 600;}


/*animations */
@keyframes fadeIn {
	0% {transform: opacity(0);}
	100% {transform: opacity(1);}
}
.homelogo, .logo, .content-hdr, .art-display, .art-info, #AN-info {
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
.homelogo, .logo , .content-hdr{
	   opacity: 1;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;    
}


/* content elements */
/* PDF download link style*/
.tab-link::before {
    /*display:flex;*/
    vertical-align: middle;
    height: 22px;
    width: 20px;
    margin-right: 6px;
    background-image:url(image/pdf-icon.svg);
  }

.tab-link {
  display:inline-block;line-height: 1.25em;font-size: 0.9em;text-transform: uppercase;   background: url(image/pdf-icon.svg) no-repeat left top;  padding: 0 0 1em 2em;
}
  
.tab-link::before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  
.tab-link span {
    vertical-align: middle; margin-left:25px;display:inline-block;
  }
.su-tabs-pane ol li {margin-bottom: 1.5em;width:80%;}
.name {font-size: 1.1em;font-weight: 500;padding-right: 0.5em;align-self: flex-end;}
.name-detail {font-size:0.95em;align-self: flex-end;}
.archive-description, p {  margin: 0 0 0.5em 0; font-size:0.9em;} 


/* Homepage */
.homeimage {height:95vh;justify-content:center; align-items:center; width:100%;}
.homeimage img{align-self:center; }
.home_details {justify-content:flex-end;align-self:flex-end; padding:1em 3em 0 0;}
.homelogo {	padding:1em 1.5em 1em 1.24em;}

.homelogo:hover {
opacity:1;
-webkit-box-shadow:1px 2px 10px 2px #c5c5c5 ;
-moz-box-shadow:1px 2px 10px 2px #c5c5c5 ;
box-shadow:1px 2px 10px 2px #c5c5c5 ;

}
.smartPWEnter, .art-filter button
{font-size: 0.8em;
text-transform: uppercase;
padding-right: 1.2em;
padding-left: 1.2em;
margin-left: 0.8em;}
#post-3182 h1.entry-title, .page-child #smartPWLogin {
	display:none;
}


/*artist main*/
.intro-name.content-hdr {cursor:pointer;}


/* artist detail */
.art-nav {	list-style: none;margin: 0;	padding: 0;	font-size: 0.8em;	text-align: right;	margin-right: 1em;text-transform: uppercase;font-weight: 300;}
.art-nav li{ display:block; border-right: 1px solid #000;padding:0.25em;} /*.art-nav li:first-child {border:none;}*/
.art-nav a{ text-decoration:none;display:inline-block;padding:0 8px;/*margin:0 5px;*/border-bottom:1px solid #fff;} .art-nav a:active, .art-nav a:hover {border-bottom:1px solid #000; }
.art-nav .backbtn {margin-right:0.25em;background:black; color:#fff;} .art-nav .backbtn a:hover{color:#fff;border-bottom:0px solid #000; }.art-nav li.backbtn {	border:0px ;}
.section_logout {border: 1px solid #000;}
.copy {font-size:15px;line-height: 1.65em;}
.copy p {margin-bottom:2em;}
.copy figure, .copy img {float:right;padding-left: 1em;}
.copy a img {float:none;}
.gallery {align-items: flex-start;
flex-direction: row;
display: flex;
flex-wrap: wrap;}

.gallery figure {padding: 0;
margin: 0.75em;
width: 22.5%;
text-align: center;}
#legend {
	padding: 0.5em;text-transform: uppercase;font-size: 0.8em;font-weight: 300;/*border-bottom: 1px solid #ccc;*/
}
#legend h4{
	background: #121010/*#aba6a6*/; color: #fff; font-size:0.9em; padding:5px; margin: 0 0 0.75em 0;}
#legend p {border: 1px solid #121010;display: inline;padding: 0.8em;font-weight: 500;text-transform: capitalize;}
#legend b {padding-right:3px; text-transform:uppercase;}
#placeholder, #placeholder1, #placeholder2, #placeholder3, #placeholder4, #placeholder5, #placeholder6, #placeholder7 {
	padding: 0.5em;
	}

.gallerycontainer {
  min-height: 400px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: flex-start;
  /*border:1px solid red;*/
}
.artwork-image img{
	/*width:15em; */
}
.galleryitem {
	flex: 0 0 auto;
	margin: 5px;
	border: 1px solid #f2efec;
	padding: 0.8em;
}
.project-info {width: 15em;padding-top: 0.5em;}
.project-info h2{text-transform: uppercase;font-weight: 500;font-size: 0.8em;}
.project-info h2 b, .project-info h3 b{color: #fff;font-size: 1.05em;font-weight: 400;padding: 0.15em 0.5em;background: #666;}
.project-info h4 {font-size: 0.75em;font-weight: 300;}
.project-info span{
	text-transform:lowercase;margin-left:3px;
}
.project-info span::before{
	content: ", ";
}


.su-tabs {
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0;
	background: none!important; 
}
.su-tabs-nav {/*border-top: 1px solid #d4cece;*/border-bottom:1px solid #d4cece;color: #727272!important;-webkit-transition: color 0.5s; /* Safari */transition: color 0.5s;}
.su-tabs-nav, .su-tabs-nav span {font-size: 13px !important;text-transform: uppercase;}
.su-tabs-nav span.su-tabs-current {
	/*border: 1px solid #333; border-bottom:0px solid #000*/ font-weight:500;color:#000;
}
h1.entry-title {
	font-size: 1.5em;
	font-weight: 300;
	text-transform: uppercase;
	margin: 4.25em 0 0.5em 0;
}
.tag-logo {width:55px; height:auto;}
.su-column {	margin: 0 2% 0 0!important;}
.su-column-size-2-3 {	width: 65.33%;	padding-right: 3%;}
figure.gallery-item  {width:150px; height:150px; overflow:hidden;}
figure.gallery-item img {width:auto;}


/* single artwork */

/*-- ARTWORK single --*/
.art-comment {float: right;position: fixed;top: 3em;right: 0;width: 20.25%;font-size: 85%;}
.comments-title {margin-bottom: 2em;font-size: 0.85em;}
.comment-reply-title, .logged-in-as {display:none;}
.comment-body {display:block;}
.comment-list, .comment.byuser {margin:0; padding:0;margin-bottom: 1.5em;}
.comments-area {overflow-y: auto;} 
.comment-form .submit {font-size: 0.85em;text-transform: uppercase;background: #eee;}

.art-display{flex-direction:row;width: 65em;}
.art-display img {}
.art-info {margin-left:1%;width: 75%;flex-direction:column;}
.art-info h3 {width:100%;text-transform: capitalize;font-weight: 400;}
.art-info ul {display: flex;flex-direction: row;flex-wrap: wrap;/*height: 5em;*/font-weight: 300;font-size: 90%;list-style:none;margin:0;justify-content: space-between;}
li { margin-top:2px;padding-bottom:7px;font-weight:400;font-size: 95%;}
.yr{width:5em;}
.art-info span{color: red;text-transform: uppercase;font-size: 75%;flex-wrap: nowrap;}
.wpcf7 input{font-size:0.8rem;}
#ctc {margin-bottom:3em;}

#AN-info {/*border-bottom:2px solid #ccc;border-top:2px solid #ccc;*/flex-direction: column;  flex: 1;margin-top: 1em;}
#sale {/*width:25em;*/padding: 3px 0.5em 3px 0;}
.rows {display: flex;justify-content: space-between;padding-top: 0.5em;}
.cols {	display: flex;flex-direction: row;flex-grow: 1;flex-basis: 0;font-size: 0.9em;}
ul#AN-info-fcol, ul#AN-info-col {display: flex;flex-direction: column;flex-wrap: nowrap;flex-grow: 1;flex-basis: 0;font-size: 0.85em;justify-content: flex-start;}
ul#AN-info-fcol {margin-bottom: 2em;} ul#AN-info-col{margin-left: 0.5em;}
#row3desc {max-height: 200px; overflow-y: auto;width: 100%;margin-bottom: 1em; font-size:0.9em;}
#ANcontain {border-bottom: 1px solid #999;margin-bottom: 2em;}
#ANcontain h5{	margin: 0;	border-bottom: 1px solid #ccc;	padding-bottom: 0.5em;	font-size: 1em;	font-weight: 400;	color: #666;}
#ANcontain h6{margin:5px 0; font-size:1.15em;}
#ANcontain h6::before {content: "Ref.No. #";}


/*  -------------  TIMELINE STYLING   ------------------------*/
#Timeline, .tl-timeline, .tl-caption, .tl-text, h2.tl-headline, .tl-slidenav-next, .tl-slidenav-previous {
	font-family: 'Raleway', sans-serif;
}
h2.tl-headline.tl-headline-title, h2.tl-headline  {	font-size: 1.2em!important; line-height:1.2em!important; font-family: 'Raleway', sans-serif;font-weight: 300;}
.tl-timemarker-text {
	font-size:0.6em;
}
.tl-attribution {
	display:none;
}
.tl-slidenav-next .tl-slidenav-icon, .tl-slidenav-previous .tl-slidenav-icon {
	font-family: tl-icons;
	speak: none;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	margin-bottom: 5px;
}
#artnet .art-info h3, .art-info h5 , #artnet .art-info #AN-info, #artnet .copy p{
	margin:0;}
#artnet .art-info h5{font-size: inherit;padding-top: 1em;}
#artnet .art-info #AN-info div.rows.inner {font-size:0.85em;display:block;padding-left: 2.5em;}
#artnet ul#AN-info-fcol, #artnet ul#AN-info-col {font-size:0.8em;}
#artnet #row3desc{padding-left: 2.5em;}
#artnet .art-info, #artnet .art-info #AN-info {
	line-height: 1.25em;font-size: 1.1em;}
#artnet .art-info #AN-info {
	margin:0; border-top: 2px solid #ccc;}
#artnet .copy img {float:left; padding:0; padding-right:1em;}
/* Smartphones (portrait and landscape) ----------- */

@media (min-width : 320px) {	

.homeimage img {    
	width: auto; }
.intro .flex-container { 
	display:flex; flex-flow:row wrap;}
.flex-container {
	display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;}
.art-title {
	display:none;}
.content-hdr h1 {    
	font-size: 1.5em; font-weight:400; align-self: center;  /*margin: -0.5em 0 0 0;*/ }
aside.open .content-hdr h1 {
	margin-top:3em;	}	
.flex-item {
	display: flex; justify-content: center;align-items: center;align-content: center;align-self: center;}
div.flex-item.intro-in {
	justify-content:center;flex-direction: column;}
.left-nav {	
	position: relative;width: 100%;display: flex;background: #fff;flex-direction: column;}
.left-nav img {    
	padding: 5em 2em 0 1em;align-self: center;}

.left-nav .content-hdr img {    
	padding: 0;    align-self: center;width: 65%;}

.content-hdr {	
	display: flex;flex-direction: column;justify-content: center;padding-left: 0;padding-bottom: 1em;}
.intro-in .content-hdr img.artist-pic {
	width: 65%;align-self: center;padding: 0;margin-top: 2em;}
.intro .content-hdr h1, .intro .content-hdr p {
	margin:0;}
.intro .content-hdr p span img	{
	width: 1.15em;padding: 0.25em 0 0.25em 1em;}
.content-hdr-meta {
	border-top: 0px solid #ccc; padding: 1em 6em 19em 0;justify-content: flex-end;}
.right-content { 
	margin-left: 0;width: 100%;flex-direction: column;margin-top: 3em;padding: 2.5em;}
.content-area, .post {    
	padding: 0;}
.intro .flex-container {
	display:flex; flex-flow:row wrap;}
div.flex-item .intro-name.content-hdr {
	flex-direction:row;}	
.single-artwork .page-wrap {
	flex-direction: column-reverse;}
.single-artwork .art-info {	
	width: 93%; flex-direction: column; margin: 1em;}	
.single-artwork .art-comment {
	position:relative; width:90%;float:initial; top:initial;right:initial;padding: 2em;}
.single-artwork .art-display, .c3, .c9 {
	width:100%;	}	
footer.comment-meta {
	font-size:0.8em;justify-content: flex-start;}	
.su-row .su-column .su-column-size-1-5 {width:45%;}	
}

@media (min-width : 320px) and (max-width:767px) {
/* Styles */	
#smartPWLogin input, button.art-filter {
	font-size: 2.25em; }

span#filter{    
	font-size: 3em;}

.intro div.flex-item.logo-in img {
	width: 40em;}
.intro .content-hdr p {
	margin-left:0.75em;}
div.flex-item.intro-in .content-hdr {
	/*font-size:1.5em;*/}
.left-nav img {    
	/*width: 65%;*/}
.content-hdr h1 {    
	font-size: 3em; }	
.left-nav .content-hdr img {    
	width: 30em;/*padding: 0;*/}
.content-hdr-meta {    
	width: 100%;padding: 1em 5em 3em 0;font-size: 120%;}
li {
	font-size:110%;}
.gallery figure {
	width:100%;}
figure.gallery-item  {
	width:100%; height:auto; overflow:hidden;}	
figure.gallery-item img {
	width:100%; height:100%;}
ul.ft-menu > li.ft-field {
	padding: 0.75em 0;}
.art-display {	
	flex-direction: row;	width: 100%;}
.art-info ul {	
	display: flex;flex-direction: column;height: auto;font-weight: 300;font-size: 90%;list-style: none;margin: 0;}

.galleryitem { 
	flex: 1; align-self: center; font-size: 2.75em;}
.artwork-image img {    
	width: 15em; height: auto;}

.su-tabs-nav span {
	padding: 5px;min-height: 20px;}
	
.su-tabs-pane{
	padding:0;}
	
.su-tabs-nav, .su-tabs-nav span {
	font-size: 1em !important;text-transform: uppercase;}

.copy {    
	font-size: 1.1em;    line-height: 2em;}
	
.copy a, .copy li{
	padding-bottom:0.75em;font-size:0.9em;}
	
div#placeholder, div#placeholder1, div#placeholder2, div#placeholder3, div#placeholder4,div#placeholder5, div#placeholder6, div#placeholder7 { 
	padding: 0.5em;font-size: 3em;}
ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
	padding: 15px 35px 15px 15px;font-size: 1em!important;}
ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after { 
	content: attr(data-count);font-size: 1em!important;}	
div#gallerycontainer.gallerycontainer {
	flex-direction:column;}
section h1.entry-title {
	padding: 1em 0;font-size: 3.5em;}	
#smoothup {
	display:none;}
#smoothup-mob { 
height: 30px; width: 30px; position:fixed;bottom:30px;right:30px;text-indent:-9999px;
background: url("http://ajmnc.com/home/wp-content/themes/ajmnc/image/top-arrow.png"); 
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index:9999;}

}

@media (min-width:641px) and (max-width : 1024px) {
.intro div.flex-item.logo-in img {/*width: 20em; margin-left:-1em;*/}
.intro-in .content-hdr img.artist-pic {/*width: 20em;*/}
	.flex-item.intro-in {justify-content:flex-start;}
	div.flex-item.intro-in .content-hdr {/*flex-direction:row; font-size:1em;*/}
.left-nav img {    padding: 5em 2em 0 1em;     width: 35%;    align-self: center;}
.left-nav .content-hdr img {    padding: 0;    width: 25em;    align-self: center;}
.art-nav{	font-size: 1.25em;}	
.content-hdr-meta {padding: 1em 10em 19em 0;}
section h1.entry-title {padding: 1em 0;font-size: 1.5em;}
span#filter{    font-size: 1.25em;}
	div#placeholder, div#placeholder1, div#placeholder2, div#placeholder3, div#placeholder4,div#placeholder5, div#placeholder6, div#placeholder7 { padding: 0.5em;font-size: 1.25em;}
	div#gallerycontainer.gallerycontainer {flex-direction:row;}
	.artwork-image img {    width: auto;    height: auto;}
	.galleryitem { flex: 1; align-self: center; font-size: 2.5em;}
.project-info {	width:auto;font-size :0.5em;}
	
	#smoothup {display:none;}
	#smoothup-mob { 
height: 30px; width: 30px; position:fixed;bottom:30px;right:30px;text-indent:-9999px;
background: url("http://ajmnc.com/home/wp-content/themes/ajmnc/image/top-arrow.png"); 
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index:9999;}
}

@media (min-width:1025px) {
.artist-pic {	width:95%;  padding:1.5em 1.5em 1.5em 0;}
.content-area , .post {margin-top:0; padding:2em; padding-top:1.5em; padding-bottom:0;}
.right-content {width:78.5%;overflow:hidden;padding:0;}
.art-title {font-size:0.85em;text-transform:none; color:#333;}
.art-container {  margin: 0 auto;  max-width: 1200px;  padding: 0 1rem;} 

.intro-in {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;align-content: flex-start;text-align: left;order: 2;flex: 1 2 auto;}
.intro-in .content-hdr img.artist-pic {align-self: flex-start;	}
.intro-name {	flex-direction: row;align-content: space-between;width: 100%;display: flex;}
.content-hdr {	justify-content:flex-start;padding-left:3em;padding-top: 1em;}

.grid{	flex-wrap: wrap;    align-items: flex-start;    flex-direction: row;}
.left-nav{ position:fixed;top:0; left:0;width: 20%;}
.left-nav img {padding: 2em;width: 90%;}
.left-nav .content-hdr img {padding: 1em 0em;width: 90%;}
.left-nav.content-hdr {	padding:0;}
.right-content {margin-left:21%;}
.content-hdr-meta {
	padding:0;
}
.flex-container {
display: flex;
 flex-flow: row nowrap ;
justify-content: center;
align-content: center;
align-items: center;
     }
.flex-item{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  align-self: center;/*width:20em;*/
  }
.logo-in {order: 1;flex: 1 1 auto;justify-content: flex-end;}
div.flex-item.intro-in {
	justify-content:flex-start;align-items:flex-start;flex-direction: column;}

.intro-name.content-hdr span{margin-left: 1.25em;}
.content-hdr h1 {font-size: 1.8em;margin: -0.1em 0;font-weight: 400;text-transform: none;} 
aside.open .content-hdr h1 {margin-top:0;}
	/*h1.entry-title {margin: 1.25em 0 0.5em 0;}	*/
.single-artwork .art-comment {float: right;position: fixed;top: 3em;right: 0;width: 20.25%;font-size: 85%;}
.single-artwork .art-info {margin-left:1%;width: 75%;flex-direction:column;}.single-artwork .art-display {width:75%;}
}

#smoothup { 
height: 30px; width: 30px; position:fixed;bottom:20px;right:20px;text-indent:-9999px;/*display:none;*/
background: url("http://ajmnc.com/home/wp-content/themes/ajmnc/image/top-arrow.png"); 
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index:9999;}
 
#smoothup:hover {
-webkit-transform: rotate(360deg) ;
background: url('') no-repeat;
}

.go {border:1px solid #ccc; border-radius:0px; color:#ccc;padding:3px; margin:5px;}
.acf-label {display:none;}
.acf-form {display: flex;align-items: last baseline;}
/*
Theme Name: ajmnc
Author: Deepa Vishwanathan
Author URI: https://zeroninefivefour.biz/work/
Description: Custom themplate created for AJ Modern and Contemporary
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ajmnc
*/
/* ==========================================================================
   Base
   ========================================================================== 
*/
/* basic */
.row{margin:1% 0;overflow:auto}.row2{margin:0;overflow:hidden;}.col{float:left}
.table,.c12{width:100%}.c11{width:91.66%}.c10{width:83.33%}.c9{width:75%}.c8{width:66.66%}.c7{width:58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}
@media(max-width:870px){.row .col{width:100%}.homeimage{height:70vh; object-fit: cover;} }
@media screen and (min-width: 600px) {
  .grid {    display: flex;    flex-wrap: wrap;    flex-direction: row;  }
  .cell {    width: 50%;    width: calc(50% - 2rem);  }
}
@media screen and (min-width: 1000px) {
  .cell {    width: calc(33.3333% - 2rem); }
}
html {
}

body,textarea,input,select {
	margin: 0; 	/**
   * Root em units
   * 
   * A root unit (rem) unit is relative to the root font size,
   * wheras an em unit is relative to it's parent.
   * 
   * Ex: root font size = 16px
   *     1.75rem        = 28px 
   */
  background: white;font-size: 1rem; font-weight:400;font-family: 'Raleway', sans-serif;line-height: 1.44;
}



/* text formatting */

.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}
.smooth{transition:all .2s}
.btn,.nav a{text-decoration:none}
.container2{margin:0 20px;width:auto;}@media(min-width:1310px){.container{margin:auto;width:1270px}}
.container{margin: auto;width:auto;padding:0 3em;}@media(min-width:1310px){.container{margin:auto;width:100%;}}

.btn, h2{font-size:2em}
h1{font-size:3em}
h1.entry-title {font-size: 1.5em;font-weight: 300;text-transform: uppercase;}
h2 {  font-size: 1em;font-weight:bold;margin:0; margin-bottom:0.2em;}
h3 {font-weight:500; color:#000;}
h4 {font-weight: 400;line-height: 1.5em;font-size: 1em;color: #000;}
label>*{display:inline}form>*{display:block;margin-bottom:10px}textarea,input,select{border:1px solid #ccc;padding:8px}
textarea:focus,input:focus,select:focus{border-color:#5ab}textarea,input[type=text]{-webkit-appearance:none;width:13em;outline:0}
option {font-size: 1rem; font-weight:400;font-family: 'Raleway', sans-serif;}
a {color:#666;-webkit-transition: color 0.5s; /* Safari */transition: color 0.5s; text-decoration:none;}
a:hover, a:active, a:focus {color:/*#0F0F1E*/#000;}
fieldset {	display: inline; font-size:80%; text-transform:uppercase;border:0 solid #ddd;}


/* layout elements */
.addon{box-shadow:0 0 0 1px #ccc;padding:8px 12px}
div.intro{width: 100%;height: 100%;overflow: hidden;}
aside.open {overflow: auto;}

.categoryfilter, #select2-multiple {display: inline-block; font-size:90%;text-transform:uppercase;}

.page-wrap, footer, .header, article, #smartPWLogin, .homeimage, .content-hdr-meta, .grid, .art-display, .art-info, #AN-info {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /*justify-content:flex-end;*/
 }

section {/*height: 85vh;*/margin: 0.25em 0.5em 0 0.5em; /*border:1px solid #ccc;*/}
.grid section {padding-bottom:10em;}
.header {width:100%; height:12vh;  align-items:center;padding: 0.5em;background:#fff; position:fixed; top:0; left:0;}

footer {text-align:center;padding-left:0.75em;font-size:0.75em; height:2vh;align-items:flex-end;justify-content: center;}


/*overlay*/
button.toggle-overlay {color:#000;}
.toggle-overlay {cursor: pointer;}

@media screen and (min-width: 600px) {
  h1 {
    font-size: 3em;
  }
}

aside {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: /*linear-gradient(200deg, #27156E, #6A2A88, #9F4981)*/#fff;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
  z-index: 2; overflow: auto;
}

.open {
  opacity: 1;
  visibility: visible;
}

button {
  padding: 0;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  border-radius: 8px;
  transition: all .5s ease;
}
button:hover {
  border: 1px solid white;
}

.close {
  position: fixed;
  top: 40px;
  right: 60px;
  color: white;
  z-index: 3;
  cursor: pointer;
  font-family: sans-serif;
}
.close span,
.close span:before,
.close span:after {
  border-radius: 4px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.close span {
  background: transparent;
}
.close span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.outer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 85px;
  cursor: pointer;
}

/*overlay ends*/
.responsive-image {max-width: 100%;}.cell img {  display: block;}.cell { margin: 1rem; font-size:0.85em; text-align:center;} .cell span{	font-size:0.8em; flex-direction:column;} .cell h4{margin: 0.5em;font-weight: 600;}


/*animations */
@keyframes fadeIn {
	0% {transform: opacity(0);}
	100% {transform: opacity(1);}
}
.homelogo, .logo, .content-hdr, .art-display, .art-info, #AN-info {
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
.homelogo, .logo , .content-hdr{
	   opacity: 1;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;    
}


/* content elements */
/* PDF download link style*/
.tab-link::before {
    /*display:flex;*/
    vertical-align: middle;
    height: 22px;
    width: 20px;
    margin-right: 6px;
    background-image:url(image/pdf-icon.svg);
  }

.tab-link {
  display:inline-block;line-height: 1.25em;font-size: 0.9em;text-transform: uppercase;   background: url(image/pdf-icon.svg) no-repeat left top;  padding: 0 0 1em 2em;
}
  
.tab-link::before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  
.tab-link span {
    vertical-align: middle; margin-left:25px;display:inline-block;
  }
.su-tabs-pane ol li {margin-bottom: 1.5em;width:80%;}
.name {font-size: 1.1em;font-weight: 500;padding-right: 0.5em;align-self: flex-end;}
.name-detail {font-size:0.95em;align-self: flex-end;}
.archive-description, p {  margin: 0 0 0.5em 0; font-size:0.9em;} 


/* Homepage */
.homeimage {height:95vh;justify-content:center; align-items:center; width:100%;}
.homeimage img{align-self:center; }
.home_details {justify-content:flex-end;align-self:flex-end; padding:1em 3em 0 0;}
.homelogo {	padding:1em 1.5em 1em 1.24em;}

.homelogo:hover {
opacity:1;
-webkit-box-shadow:1px 2px 10px 2px #c5c5c5 ;
-moz-box-shadow:1px 2px 10px 2px #c5c5c5 ;
box-shadow:1px 2px 10px 2px #c5c5c5 ;

}
.smartPWEnter, .art-filter button
{font-size: 0.8em;
text-transform: uppercase;
padding-right: 1.2em;
padding-left: 1.2em;
margin-left: 0.8em;}
#post-3182 h1.entry-title, .page-child #smartPWLogin {
	display:none;
}


/*artist main*/
.intro-name.content-hdr {cursor:pointer;}


/* artist detail */
.art-nav {	list-style: none;margin: 0;	padding: 0;	font-size: 0.8em;	text-align: right;	margin-right: 1em;text-transform: uppercase;font-weight: 300;}
.art-nav li{ display:block; border-right: 1px solid #000;padding:0.25em;} /*.art-nav li:first-child {border:none;}*/
.art-nav a{ text-decoration:none;display:inline-block;padding:0 8px;/*margin:0 5px;*/border-bottom:1px solid #fff;} .art-nav a:active, .art-nav a:hover {border-bottom:1px solid #000; }
.art-nav .backbtn {margin-right:0.25em;background:black; color:#fff;} .art-nav .backbtn a:hover{color:#fff;border-bottom:0px solid #000; }.art-nav li.backbtn {	border:0px ;}
.section_logout {border: 1px solid #000;}
.copy {font-size:15px;line-height: 1.65em;}
.copy p {margin-bottom:2em;}
.copy figure, .copy img {float:right;padding-left: 1em;}
.copy a img {float:none;}
.gallery {align-items: flex-start;
flex-direction: row;
display: flex;
flex-wrap: wrap;}

.gallery figure {padding: 0;
margin: 0.75em;
width: 22.5%;
text-align: center;}
#legend {
	padding: 0.5em;text-transform: uppercase;font-size: 0.8em;font-weight: 300;/*border-bottom: 1px solid #ccc;*/
}
#legend h4{
	background: #121010/*#aba6a6*/; color: #fff; font-size:0.9em; padding:5px; margin: 0 0 0.75em 0;}
#legend p {border: 1px solid #121010;display: inline;padding: 0.8em;font-weight: 500;text-transform: capitalize;}
#legend b {padding-right:3px; text-transform:uppercase;}
div#placeholder, div#placeholder1, div#placeholder2, div#placeholder3, div#placeholder4,div#placeholder5, div#placeholder6, div#placeholder7 {
	padding: 0.5em;
	}

.gallerycontainer {
  min-height: 400px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  align-content: flex-start;
  /*border:1px solid red;*/
}
.artwork-image img{
	/*width:15em; */
}
.galleryitem {
	flex: 0 0 auto;
	margin: 5px;
	border: 1px solid #f2efec;
	padding: 0.8em;
}
.project-info {width: 15em;padding-top: 0.5em;}
.project-info h2{text-transform: uppercase;font-weight: 500;font-size: 0.8em;}
.project-info h2 b, .project-info h3 b{color: #fff;font-size: 1.05em;font-weight: 400;padding: 0.15em 0.5em;background: #666;}
.project-info h4 {font-size: 0.75em;font-weight: 300;}
.project-info span{
	text-transform:lowercase;margin-left:3px;
}
.project-info span::before{
	content: ", ";
}


.su-tabs {
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0;
	background: none!important; 
}
.su-tabs-nav {/*border-top: 1px solid #d4cece;*/border-bottom:1px solid #d4cece;color: #727272!important;-webkit-transition: color 0.5s; /* Safari */transition: color 0.5s;}
.su-tabs-nav, .su-tabs-nav span {font-size: 13px !important;text-transform: uppercase;}
.su-tabs-nav span.su-tabs-current {
	/*border: 1px solid #333; border-bottom:0px solid #000*/ font-weight:500;color:#000;
}
h1.entry-title {
	font-size: 1.5em;
	font-weight: 300;
	text-transform: uppercase;
	margin: 4.25em 0 0.5em 0;
}

.su-column {	margin: 0 2% 0 0!important;}
.su-column-size-2-3 {	width: 65.33%;	padding-right: 3%;}
figure.gallery-item  {width:150px; height:150px; overflow:hidden;}
figure.gallery-item img {width:auto;}


/* single artwork */

/*-- ARTWORK single --*/
.art-comment {float: right;position: fixed;top: 3em;right: 0;width: 20.25%;font-size: 85%;}
.comments-title {margin-bottom: 2em;font-size: 0.85em;}
.comment-reply-title, .logged-in-as {display:none;}
.comment-body {display:block;}
.comment-list, .comment.byuser {margin:0; padding:0;margin-bottom: 1.5em;}
.comments-area {overflow-y: auto;} 
.comment-form .submit {font-size: 0.85em;text-transform: uppercase;background: #eee;}

.art-display{flex-direction:row;width: 65em;}
.art-display img {}
.art-info {margin-left:1%;width: 75%;flex-direction:column;}
.art-info h3 {width:100%;text-transform: capitalize;font-weight: 400;}
.art-info ul {display: flex;flex-direction: row;flex-wrap: wrap;/*height: 5em;*/font-weight: 300;font-size: 90%;list-style:none;margin:0;justify-content: space-between;}
li { margin-top:2px;padding-bottom:7px;font-weight:400;font-size: 95%;}
.yr{width:5em;}
.art-info span{color: red;text-transform: uppercase;font-size: 75%;flex-wrap: nowrap;}
.wpcf7 input{font-size:0.8rem;}
#ctc {margin-bottom:3em;}

#AN-info {/*border-bottom:2px solid #ccc;border-top:2px solid #ccc;*/flex-direction: column;  flex: 1;margin-top: 1em;}
#sale {/*width:25em;*/padding: 3px 0.5em 3px 0;}
.rows {display: flex;justify-content: space-between;padding-top: 0.5em;}
.cols {	display: flex;flex-direction: row;flex-grow: 1;flex-basis: 0;font-size: 0.9em;}
ul#AN-info-fcol, ul#AN-info-col {display: flex;flex-direction: column;flex-wrap: nowrap;flex-grow: 1;flex-basis: 0;font-size: 0.85em;justify-content: flex-start;}
ul#AN-info-fcol {margin-bottom: 2em;} ul#AN-info-col{margin-left: 0.5em;}
#row3desc {max-height: 200px; overflow-y: auto;width: 100%;margin-bottom: 1em; font-size:0.9em;}
#ANcontain {border-bottom: 1px solid #999;margin-bottom: 2em;}
#ANcontain h5{	margin: 0;	border-bottom: 1px solid #ccc;	padding-bottom: 0.5em;	font-size: 1em;	font-weight: 400;	color: #666;}
#ANcontain h6{margin:5px 0; font-size:1.15em;}
#ANcontain h6::before {content: "Ref.No. #";}


/*  -------------  TIMELINE STYLING   ------------------------*/
#Timeline, .tl-timeline, .tl-caption, .tl-text, h2.tl-headline, .tl-slidenav-next, .tl-slidenav-previous {
	font-family: 'Raleway', sans-serif;
}
h2.tl-headline.tl-headline-title, h2.tl-headline  {	font-size: 1.2em!important; line-height:1.2em!important; font-family: 'Raleway', sans-serif;font-weight: 300;}
.tl-timemarker-text {
	font-size:0.6em;
}
.tl-attribution {
	display:none;
}
.tl-slidenav-next .tl-slidenav-icon, .tl-slidenav-previous .tl-slidenav-icon {
	font-family: tl-icons;
	speak: none;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	margin-bottom: 5px;
}
#artnet .art-info h3, .art-info h5 , #artnet .art-info #AN-info, #artnet .copy p{
	margin:0;}
#artnet .art-info h5{font-size: inherit;padding-top: 1em;}
#artnet .art-info #AN-info div.rows.inner {font-size:0.85em;display:block;padding-left: 2.5em;}
#artnet ul#AN-info-fcol, #artnet ul#AN-info-col {font-size:0.8em;}
#artnet #row3desc{padding-left: 2.5em;}
#artnet .art-info, #artnet .art-info #AN-info {
	line-height: 1.25em;font-size: 1.1em;}
#artnet .art-info #AN-info {
	margin:0; border-top: 2px solid #ccc;}
#artnet .copy img {float:left; padding:0; padding-right:1em;}
/* Smartphones (portrait and landscape) ----------- */

@media (min-width : 320px) {	

.homeimage img {    
	width: auto; }
.intro .flex-container { 
	display:flex; flex-flow:row wrap;}
.flex-container {
	display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;}
.art-title {
	display:none;}
.content-hdr h1 {    
	font-size: 1.5em; font-weight:400; align-self: center;  /*margin: -0.5em 0 0 0;*/ }
aside.open .content-hdr h1 {
	margin-top:3em;	}	
.flex-item {
	display: flex; justify-content: center;align-items: center;align-content: center;align-self: center;}
div.flex-item.intro-in {
	justify-content:center;flex-direction: column;}
.left-nav {	
	position: relative;width: 100%;display: flex;background: #fff;flex-direction: column;}
.left-nav img {    
	padding: 5em 2em 0 1em;align-self: center;}

.left-nav .content-hdr img {    
	padding: 0;    align-self: center;width: 65%;}

.content-hdr {	
	display: flex;flex-direction: column;justify-content: center;padding-left: 0;padding-bottom: 1em;}
.intro-in .content-hdr img.artist-pic {
	width: 65%;align-self: center;padding: 0;margin-top: 2em;}
.intro .content-hdr h1, .intro .content-hdr p {
	margin:0;}
.intro .content-hdr p span img {
    width: 30px;
    padding: 0.25em 0 0.25em 0;
}
.content-hdr-meta {
	border-top: 0px solid #ccc; padding: 1em 6em 19em 0;justify-content: flex-end;}
.right-content { 
	margin-left: 0;width: 100%;flex-direction: column;margin-top: 3em;padding: 2.5em;}
.content-area, .post {    
	padding: 0;}
.intro .flex-container {
	display:flex; flex-flow:row wrap;}
div.flex-item .intro-name.content-hdr {
	flex-direction:row;}	
.single-artwork .page-wrap {
	flex-direction: column-reverse;}
.single-artwork .art-info {	
	width: 93%; flex-direction: column; margin: 1em;}	
.single-artwork .art-comment {
	position:relative; width:90%;float:initial; top:initial;right:initial;padding: 2em;}
.single-artwork .art-display, .c3, .c9 {
	width:100%;	}	
footer.comment-meta {
	font-size:0.8em;justify-content: flex-start;}	
.su-row .su-column .su-column-size-1-5 {width:45%;}	
}

@media (min-width : 320px) and (max-width:767px) {
/* Styles */	
#smartPWLogin input, button.art-filter {
	font-size: 2.25em; }

span#filter{    
	font-size: 3em;}

.intro div.flex-item.logo-in img {
	width: 40em;}
.intro .content-hdr p {
	margin-left:0.75em;}
div.flex-item.intro-in .content-hdr {
	/*font-size:1.5em;*/}
.left-nav img {    
	/*width: 65%;*/}
.content-hdr h1 {    
	font-size: 3em; }	
.left-nav .content-hdr img {    
	width: 30em;/*padding: 0;*/}
.content-hdr-meta {    
	width: 100%;padding: 1em 5em 3em 0;font-size: 120%;}
li {
	font-size:110%;}
.gallery figure {
	width:100%;}
figure.gallery-item  {
	width:100%; height:auto; overflow:hidden;}	
figure.gallery-item img {
	width:100%; height:100%;}
ul.ft-menu > li.ft-field {
	padding: 0.75em 0;}
.art-display {	
	flex-direction: row;	width: 100%;}
.art-info ul {	
	display: flex;flex-direction: column;height: auto;font-weight: 300;font-size: 90%;list-style: none;margin: 0;}

.galleryitem { 
	flex: 1; align-self: center; font-size: 2.75em;}
.artwork-image img {    
	width: 15em; height: auto;}

.su-tabs-nav span {
	padding: 5px;min-height: 20px;}
	
.su-tabs-pane{
	padding:0;}
	
.su-tabs-nav, .su-tabs-nav span {
	font-size: 1em !important;text-transform: uppercase;}

.copy {    
	font-size: 1.1em;    line-height: 2em;}
	
.copy a, .copy li{
	padding-bottom:0.75em;font-size:0.9em;}
	
div#placeholder, div#placeholder1, div#placeholder2, div#placeholder3, div#placeholder4,div#placeholder5, div#placeholder6, div#placeholder7 { 
	padding: 0.5em;font-size: 3em;}
ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
	padding: 15px 35px 15px 15px;font-size: 1em!important;}
ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after { 
	content: attr(data-count);font-size: 1em!important;}	
div#gallerycontainer.gallerycontainer {
	flex-direction:column;}
section h1.entry-title {
	padding: 1em 0;font-size: 3.5em;}	
#smoothup {
	display:none;}
#smoothup-mob { 
height: 30px; width: 30px; position:fixed;bottom:30px;right:30px;text-indent:-9999px;
background: url("http://ajmnc.com/home/wp-content/themes/ajmnc/image/top-arrow.png"); 
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index:9999;}

}

@media (min-width:641px) and (max-width : 1024px) {
.intro div.flex-item.logo-in img {/*width: 20em; margin-left:-1em;*/}
.intro-in .content-hdr img.artist-pic {/*width: 20em;*/}
	.flex-item.intro-in {justify-content:flex-start;}
	div.flex-item.intro-in .content-hdr {/*flex-direction:row; font-size:1em;*/}
.left-nav img {    padding: 5em 2em 0 1em;     width: 35%;    align-self: center;}
.left-nav .content-hdr img {    padding: 0;    width: 25em;    align-self: center;}
.art-nav{	font-size: 1.25em;}	
.content-hdr-meta {padding: 1em 10em 19em 0;}
section h1.entry-title {padding: 1em 0;font-size: 1.5em;}
span#filter{    font-size: 1.25em;}
	div#placeholder, div#placeholder1, div#placeholder2, div#placeholder3, div#placeholder4,div#placeholder5, div#placeholder6, div#placeholder7 { padding: 0.5em;font-size: 1.25em;}
	div#gallerycontainer.gallerycontainer {flex-direction:row;}
	.artwork-image img {    width: auto;    height: auto;}
	.galleryitem { flex: 1; align-self: center; font-size: 2.5em;}
.project-info {	width:auto;font-size :0.5em;}
	
	#smoothup {display:none;}
	#smoothup-mob { 
height: 30px; width: 30px; position:fixed;bottom:30px;right:30px;text-indent:-9999px;
background: url("http://ajmnc.com/home/wp-content/themes/ajmnc/image/top-arrow.png"); 
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index:9999;}
}

@media (min-width:1025px) {
.artist-pic {	width:95%; padding:1.5em 1.5em 1.5em 0;}
.content-area , .post {margin-top:0; padding:2em; padding-top:1.5em; padding-bottom:0;}
.right-content {width:78.5%;overflow:hidden;padding:0;}
.art-title {font-size:0.85em;text-transform:none; color:#333;}
.art-container {  margin: 0 auto;  max-width: 1200px;  padding: 0 1rem;} 

.intro-in {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;align-content: flex-start;text-align: left;order: 2;flex: 1 2 auto;}
.intro-in .content-hdr img.artist-pic {align-self: flex-start;	width:65%;}
.intro-name {	flex-direction: row;align-content: space-between;width: 100%;display: flex;}
.content-hdr {	justify-content:flex-start;padding-left:3em;padding-top: 0em;}

.grid{	flex-wrap: wrap;    align-items: flex-start;    flex-direction: row;}
.left-nav{ position:fixed;top:0; left:0;width: 20%;}
.left-nav img {padding: 2em;width: 90%;padding-bottom: 1em;}
.left-nav .content-hdr img {padding: 1em 0em;width: 90%;}
.left-nav.content-hdr {	padding:0;}
.right-content {margin-left:21%;}
.content-hdr-meta {
	padding:0;
}
.flex-container {
display: flex;
 flex-flow: row nowrap ;
justify-content: center;
align-content: center;
align-items: center;
     }
.flex-item{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  align-self: center;/*width:20em;*/
  }
.logo-in {order: 1;flex: 1 1 auto;justify-content: flex-end;}
div.flex-item.intro-in {
	justify-content:flex-start;align-items:flex-start;flex-direction: column;}

.intro-name.content-hdr span{margin-left: 1.25em;}
.content-hdr h1 {font-size: 1.8em;margin: -0.1em 0;font-weight: 400;text-transform: none;} 
aside.open .content-hdr h1 {margin-top:0;}
	/*h1.entry-title {margin: 1.25em 0 0.5em 0;}	*/
.single-artwork .art-comment {float: right;position: fixed;top: 3em;right: 0;width: 20.25%;font-size: 85%;}
.single-artwork .art-info {margin-left:1%;width: 75%;flex-direction:column;}.single-artwork .art-display {width:75%;}
}

#smoothup { 
height: 30px; width: 30px; position:fixed;bottom:20px;right:20px;text-indent:-9999px;/*display:none;*/
background: url("https://ajmnc.com/home/wp-content/themes/ajmnc/image/top-arrow.png"); 
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; z-index:9999;}
 
#smoothup:hover {
-webkit-transform: rotate(360deg) ;
background: url('') no-repeat;
}

/*VIRTUAL GALLERY RELATED*/
.go {border:1px solid #ccc; border-radius:0px; color:#ccc;padding:3px; margin:5px;}
.acf-label {display:none;}
.acf-form {display: flex;align-items: last baseline;}

a.shortlist {
	border: 1px solid #000;width: 250px;float: right;text-align: center;padding: 5px 2px;font-size: smaller;}
a.shortlist:hover {background:#666; color:#fff;}
#post-5227 .c9.right-content {margin-top: 0;}
#post-5227 .c9.right-content .entry-content .select-panel{padding-top: 8em;}
#select-top {position: fixed;top: 0;padding: 0.3em;background: white;width: 78%;right: 0;z-index:2000;}
.select-panel h2,.select-panel h3  {width:100%;}
.select-panel {
	display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
.gallerycontainer-sel{flex-direction: column;}

.page-id-5227 hr {padding-top: 8em;background: #fff;color: #fff;border: 1px solid #fff;}
.page-id-5227 .right-content {background:#f9f9f9;}
.page-id-5236 #primary.content-area, .page-id-5266 #primary.content-area {width:100%;}
.page-id-5266, .page-id-5236 {background: #eee;}
#box-select{
	border:1px solid #ccc; background:#fff;padding:5px; width:100%;display: flex;flex-direction: row;justify-content: space-between;}
#box-select .project-info {width: max-content;font-size: larger;}
#box-select .acf-label {display:initial;font-size: small;}
#box-select .artwork-image img {width: 75%;height: auto;}

.page-id-5236 div#box-select {margin: 0 auto 15px ;width: 80%; background:#fff;border: 1px solid #ddd7d7;padding:2em;}
/*.page-id-5236 .acf-form{flex-direction:column;}*/
#sortable li , .sortable li {border: 1px solid #eee;margin: 1.5em;padding: 1em;list-style: none;cursor:move; background:#fff;}
.acf-form-submit input.acf-button {font-size: 12px;}
img#loading-animation {display:none;}
.acf-fields {
    position: relative;
    display: flex;
}
.page-id-5266 div.page-wrap #primary #main ul#a.sortable.ui-sortable  {background:#845EC2;}
ul#b.sortable.ui-sortable{border: 3px ridge #D65DB1;background: #D65DB1;}
ul#c.sortable.ui-sortable {border: 3px ridge #FF6F91;background:#FF6F91;}
ul#d.sortable.ui-sortable{border: 3px ridge #FF9671;background:#FF9671;}
ul#e.sortable.ui-sortable{border: 3px ridge #FFC75F;background:#FFC75F;}
ul#f.sortable.ui-sortable{border: 3px ridge #F9F871;background:#F9F871;}
ul#a, ul#b, ul#c, ul#d, ul#e, ul#f {padding:15px;}
.page-id-5266 .artwork-image img {   width: 100%;height:auto;}
.page-id-5266 .project-info {    width: auto;max-width: 13em;    padding-top: 0;}
.page-id-5266 .acf-form {flex-direction:column;}
.page-id-5236 div.acf-fields.acf-form-fields.-top{flex-direction:column-reverse;}
.select2-container {font-size:11px;}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(https://www.ajmnc.com/home/wp-content/themes/ajmnc/image/Preloader_7.gif) center no-repeat ;
	background-color: rgba(255,255,255,0.5);
}
nav {align-self:flex-end; }

.menu {height:80vh; font-size:1em;display: -webkit-flex;  
   display: flex; justify-content:flex-start;align-content:flex-end;  -webkit-flex-direction: column;
   flex-direction: column;flex-direction:column;flex-wrap: wrap;padding:5em 2em 2em 2em;
   }
a.menu-item {/*width: 58%;*/
/*height: 3.25vh;*/
padding: 0.25em 0; font-size:90%; text-transform:capitalize;
text-transform: uppercase;
text-decoration: none;
line-height: 1.25rem;}

/*HOver*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  top: -200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-out 0.5s;
  transition: all 0.1s ease-out 0.5s;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.hovereffect .overlay .project-info {width:auto; padding:0; text-align:left;}

body.tax-virtual .hovereffect .overlay .acf-form {display: flex;
flex-direction: column;}
body.tax-virtual aside.modal #box-select {width: 80%;margin: 2em auto;}
body.tax-virtual aside.modal #box-select .acf-form .acf-fields {
	display: flex;flex-direction: column-reverse;}
body.tax-virtual aside.modal #box-select .acf-form .acf-fields > .acf-field {border-top: #EEEEEE solid 0px;}
 
body.tax-virtual .hovereffect .overlay .acf-form .acf-fields > .acf-field {
	position: relative;
	margin: 0;
	padding: 0 5px;
	border-top: #EEEEEE solid 0px;
}
aside #box-select .artwork-image img {height:auto; width:40vw;}

body.tax-virtual .hovereffect .overlay .toggle-overlay {
float:right;
	background: #000;
	color: #fff;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 3px;
}
body.tax-virtual aside.open {
	z-index: 2000;
	background: rgba(255,255,255,0.98);padding:2em;
}
body.tax-virtual aside.open .outer-close {right:50%; top:2em; border:1px solid #ccc; padding:5px; color:#000;}
.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect:hover h3 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  color: #000;
  border: 1px solid #000;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  box-shadow: 0 0 5px #000;
  color: #000;
  border: 1px solid #000;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*MODAL*/
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}
.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;font-size: 2em;
padding: 0.5em;
margin-right: 3em;
}
.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:3000;
}
.modal.show-modal{
    display: block !important;
}

/*p.forgetmenot, #login form#loginform input[type="checkbox"] , input#rememberme{display:none!important;}
form#loginform {display:flex!important;}*/

ul.ft-menu > li.ft-field > div.ft-panel {min-width:250px!important;}
.artist-pic {height:auto;}
.lpchild
 {
    
}
/* London project */
.lpchild li a  {
    flex-direction: column;
    display: flex;
    align-items: center;
}
.lpchild-wrap {width: 78.5%; background:white;}

/* Dialogues Pia page */
.dial h1 {
    font-size: 2.3rem;
}
.dial h1 span  {
    font-size: 50%;
    text-transform: uppercase;
}
.dial h3 span {
    font-size: 75%;
    font-weight: 300;
    padding-left: 1.1rem;
}
.halves {
  --auto-grid-min-size: 26rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 1rem;
}
#post-5959 { display:none;}
section#post-5965.post-5965 {
	background-color:#E6E5E1;
}

.fil {
float:right;margin-right:10px;clear: both;}				
.fil a {
color: #666;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    text-decoration: none;
    border: 0.5px solid #ccc;
    padding: 3px;
}		

.newspress 
/* {display:flex; gap:1rem;} */
{display: grid;
    gap: 1rem;
    grid-template-columns: 20rem 1fr;
    align-items: center;}
@media screen and (max-width:600px) {
	
	.newspress {display: flex; flex-direction:column;}
}

/* ARCIVE */
.widget_wpc_filters_widget  {list-style:none;}
body.post-type-archive-artwork {
	padding:1rem 2rem;
}
body ul.wpc-filter-chips-list {
    margin-left: 0;
    list-style: none !important;
    display: flex;
}
.wpc-filter-header {
	font-size: 0.8rem;
    line-height: 0.25;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.wpc-posts-found {
	margin: 0rem 2rem 3rem 3rem;
font-weight: 500;
    font-size: 1.1rem;}


/*Info page*/
body.page-template-page-info article {display:grid;}

div.msabout {
	padding: 2rem 0;
}
div.msabout > a {
	margin-bottom: 1.25rem;
	margin-left: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 0.5px solid lightgray;
}

/* */
h2.panels{
	font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    margin-bottom: 1rem;
text-transform: uppercase;}