/*
Theme Name: Jel Martinez
Theme URI: http://www.jelmartinez.com/
Description: Custom WP Theme for Jel Martinez created by Greater Than Media
Author: Mike Rodriguez
Author URI: http://iammikerodriguez.com
Version: 2.0
*/


/* =Global Styles
-------------------------------------------------------------- */
body{
	background-color: #FFF;
	color: #222;
    font-family: Helvetica;
}
a {
    color: #333;
}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

::selection {
	background: #AAA;
	color: #FFF;
}
::-moz-selection {
	background: #AAA;
	color: #FFF;
}
.clearfix{
	clear: both;
}
.textSha{
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.65);
}
.entry-content p{
    margin-bottom: 20px;

}
.entry-content a{
    color: #222;
    font-size: 18px;
}
.Wrapper {padding: 30px 0;}

/* =Theme Styles
-------------------------------------------------------------- */
/* .headerWrapper{
    height: 120px;
    width: 980px;
    margin: 0px auto;

}
.headerStage{
    position: absolute;
} */

.logo{
    font-family: Helvetica;
    font-weight: 400;
    color: #000;
    font-size: 47px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin-top: 25px

}
.logoStage{
font-family: Helvetica;
color: #070403;
font-size: 43px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
margin-top: -3px;
margin-bottom: 30px;
}
.logo a{
    text-decoration: none;
    color: #000;
}
.navStage{
    float: left;
}

/* the nav party*/
.navigationContainer{
   
    font-family: Helvetica;
    text-transform: uppercase;
}
.nav-menu{
    padding: 0;
    margin: 0;
}
.nav-menu li{
    display: block;
    list-style-type: none;
    float: left;
    position: relative;
	clear: both;
	margin-left: 0px;
}
.nav-menu li a{
    display: block;
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    padding: 7px 0;
    font-size: 17px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    -o-user-select: none;
    user-select: none; 
}
.nav-menu li a:hover{
    color: #666;
}

/* sub navigation */
.nav-menu ul {
    position:absolute;
    top: 40px;
    left:0;
    padding:0; 
    min-width:300px; 
    z-index:900000000000000000
} /* the 'Top' command must be the same height as your parent 'li' OR ELSE :O */
.nav-menu ul li {
    padding: 5px;
    padding-left: 10px;
}
.nav-menu ul a{
    border: 0px;
    float:none;
    background-color: #FFF;
    padding: 3px;
    
}
.nav-menu ul a:hover {
    color: #666;
}
.paintings .paintSlide  {position: relative; min-height: 500px; 
}
.slideNavigation {
position: absolute;
top: 777px;
left: -379px;


}
.homepage {
display: inline-block;
padding: 10px 0 10px 380px;
}
.headerWrapper{
position: absolute;
left: 30px;
}
.singleVideoCon {
padding: 10px 0;
}



.bodyContainer{
display: inline-block;
padding: 10px 0 10px 380px;
}

.arrowsCon ul li{
    list-style: none;
}
.flex-direction-nav{
    z-index: 100000000000000;
}

.flex-direction-nav li{
    float: left;
   margin: 8px 18px 0px 0;
	height: 19px;
}
.flex-direction-nav li:nth-child(1) a{
display: inline-block;
width: 15px;
height: 25px;
background: url(images/ar.png);
background-size: 100%;
background-repeat: no-repeat;
}
.flex-direction-nav li:nth-child(2) a{
display: inline-block;
width: 15px;
height: 25px;
background: url(images/al.png);
background-size: 100%;
background-repeat: no-repeat;
}
.flex-direction-nav li a{
    text-decoration: none;
    color: #000;
    font-size: 32px;
    opacity: 1;
	line-height: 20px;
	vertical-align: top;
}
.flex-direction-nav li a{
    font-size: 0px;

}
.flex-direction-nav li a:hover{
    text-decoration: none;
    color: #666;
    opacity: .7 ;
}
.slideCount{
    font-size: 13px;
    color: #000;
    text-align: left;
    padding-right: 15px;
	
display: inline-block;
margin-top: 12px;
}
.slideCount:hover{ /* color: #666; */ }

.description{
    margin-top: 15px;
    width: 300px;
}

.paintingsSlider{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    position: inherit;
    padding-bottom: 150px;
	padding: 10px 0;

}
.paintingTitle{
    color: #000;
    font-size: 14px;
    font-family: Helvetica;
   
}

.paintingDes{
    color: #000;
    font-size: 14px;
    font-family: Helvetica;
}
.paintingTitle:hover , .paintingDes:hover { /* color: #666; */ }
.paintings > div{
    display: none;

	
}
.paintings img{
  width: 100%;

  /* just in case, to force correct aspet ratio */
  height: auto !important;

}
.paintings{
    background-color: #fff;
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1500px) {
    .paintingsSlider{
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    position: relative;
    padding-bottom: 150px;
    }
    
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    .paintingsSlider{
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    position: relative;
    padding-bottom: 150px;
    }
}

.col_left{
    float: left;
    width: 49%;
}
.col_right{
    float: right;
    width: 49%;
}

.contactForm{
    color: #666;
}
.contactForm p{
    margin-bottom: 15px;
    font-size: 13px;
	
}
.contactInput{
    border: 1px solid #CCC;
    color: #666;
    padding: 6px 10px;
    width: 350px;
}
.contactArea{
    border: 1px solid #CCC;
    color: #666;
    padding: 6px 10px;
    width: 350px;
    max-width: 350px;
}
.contactBtn{
    font-family: Helvetica;
    font-size: 13px;
    padding: 5px; 
    background-color: none;
    border: 0px;
}
.contactForm input[type="submit"]{
    font-family: Helvetica;
    font-size: 14px;
    padding: 7px; 
    background-color: #FFF;
    color: #666;
    border: 0px;
    cursor: pointer;
	
}
.contactInfo{
    padding: 10px;
    font-size: 13px;
	
}
.contactInfo p{
    margin-bottom: 15px;
    color: #666;
}
.snet{
    margin-bottom: 15px;
}
.sIcon{
    float: left;
    width: 50px;
    text-align: center;
    margin-right: 20px;
}
.sSite{
    float: left;
    padding-top: 5px;
    color: #666;
    font-size: 14px;
}
.sSite a{
    color: #666;
    text-decoration: none; 
}
.sSite a:hover{
    color: #333;
    text-decoration: none; 
}


.videoContainer{
    margin-bottom: 20px;
    margin-top: 5px
}

.videoContainer a{
    opacity: .7;
}
.videoContainer a:hover{
    opacity: 1;
}
.video{
    display: block;
    color: #666;
    border: 1px #CCC solid;
    padding: 5px;
    width: 100%;
    margin: 15px 0px;
}
.video_picture{
    float: left;
    margin-right: 20px;
    width: 250px;
    height: 150px
}
.video_info{
    float: left;
   }
.videoTitle {
    font-size: 24px;
    color: #666;
}
.videoDescription{
    font-size: 13px;
    color: #777;
    margin-top: 7px;
}

.Svideo_container{
   position: relative;
   padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.Svideo_container iframe,
.Svideo_container object,
.Svideo_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.singleVideoTitle{
    font-size: 26px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 15px;
}
.singleVideoDescription{
    font-size: 14px;
    color: #777;
    margin-top: 7px;
}



.articleContainer{
    margin-bottom: 35px;
}
.articleTitle{
    font-size: 26px;
    color: #555;
}
.articleTitle a{
    color: #555;
    text-decoration: none;
}
.articleTitle a:hover{
    color: #333;
}
.articleExcerpt{
    font-size: 18px;
    color: #555;
    padding: 10px 15px;
}
.articleExcerpt a{
    color: #555;
}
.singleArticleContent{
    font-size: 14px;
    color: #555;
    padding: 10px 15px;
}
.singleArticleContent p,
.singleArticleContent table{
    margin-bottom: 20px;
}

.instaContainer{
    padding-left: 25px;
}









/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.grid_contact .contactForm form  h3{margin-bottom: 7px;font-weight: normal;margin-bottom: 26px;font-size: 25px;margin-top: -1px;}
.grid_contact .contactForm {margin-left: 15px;}
.grid_contact .contactForm  from p span{display: inline-block;}
.grid_contact form.sml_subscribe .sml_name{display: none;}
.grid_contact form.sml_subscribe .sml_name{display: none;}
.grid_contact form.sml_subscribe .sml_email{display: inline-block;}
.grid_contact form.sml_subscribe .sml_email  input[type="text"] , .newsletter form  input[type="email"] {padding: 5px;

border: 1px solid #9B9595;
width: 213px;
color: #000;
}


.grid_contact form.sml_subscribe .sml_submit{display: inline-block;}
.grid_contact form.sml_subscribe .sml_submit input[type="submit"] , .newsletter form .newsletter-td-submit input[type="submit"] {background: url(images/subcribe.png);
color: #fff;
font-size: 12px;
text-indent: -99999px;
width: 130px;
background-repeat: no-repeat;
margin-left: 16px;
}
.grid_contact .mailing-list {margin-top: 69px;
font-size: 26px;
font-weight: normal;
margin-bottom: 26px;
}
.homepage  .entry-content  iframe{width: 100%;height: 1000px;}
.videos-page  iframe{width: 100%;height: 1000px;}

.videos-page .description{
 
    width: 350px;
	position: absolute;
	bottom: 50px;	
}
.videos-page .arrowsCon{
 
    width: 350px;
	position: absolute;
	bottom: 0px;	
}

.videos-page .paintings   .slideNavigation {top: 702px;height: 300px;}

.page-photography .description, .paintings .description{
 
    width: 350px;
	position: absolute;
	bottom: 50px;	
}
.page-photography .arrowsCon, .paintings .arrowsCon{
 
    width: 350px;
	position: absolute;
	bottom: 0px;	
}

.page-photography  .slideNavigation , .paintings  .slideNavigation{top: 797px;height: 300px;}

.page-publications .description{
 
    width: 350px;
	position: absolute;
	bottom: 50px;	
}
.page-publications .arrowsCon{
 
    width: 350px;
	position: absolute;
	bottom: 0px;	
}

.page-publications  .slideNavigation{top: 797px;height: 300px;}
.grid_content {display: inline-block;padding: 10px 0;margin-top: 80px;}
.grid_contact {margin-top: 80px;}
.homepage .ssba {
font: 18px/1.5 'Helvetica',Arial,'Liberation Sans',FreeSans,sans-serif;
font-size: 30px;
}
ul.sharethis {
	margin-top: -20px;
}
ul.sharethis li {
	display: inline;
margin: 0;
}
ul.sharethis li  img{
	width: 32px;
	height: auto;
}
.st_facebook_large .stButton , .st_facebook_large .stButton , .st_twitter_large .stButton , .st_googleplus_large .stButton , .st_blogger_large .stButton , .st_reddit_large .stButton , .st_tumblr_large .stButton , .st_pinterest_large .stButton , .st_vkontakte_large .stButton , .st_linkedin_large .stButton , .st_odnoklassniki_large .stButton , .st_stumbleupon_large .stButton , .st_livejournal_large .stButton  , .st_digg_large .stButton  {margin: 0;}
.st_facebook_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/facebook.png') !important;margin: 0;}
.st_twitter_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/twiter.png') !important;margin: 0;}
.st_googleplus_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/google+.png') !important;}
.st_blogger_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/Blogger.png') !important;}
.st_reddit_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/Untitled-11.png') !important;margin: 0;}
.st_tumblr_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/t.png') !important;margin: 0;}
.st_pinterest_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/printest.png') !important;margin: 0;}
.st_vkontakte_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/ВКонтакте.png') !important;margin: 0;}
.st_linkedin_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/linkin.png') !important;margin: 0;}
.st_odnoklassniki_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/bnot.png') !important;margin: 0;}
.st_stumbleupon_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/qwqw.png') !important;margin: 0;}
.st_livejournal_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/LiveJournal.png') !important;margin: 0;}
.st_digg_large  span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/digg.png') !important;margin: 0;}
.st_email_large span.stLarge { background-image: url('http://jelmartinez.com/wp-content/uploads/2014/07/Email_Icon_Button.png') !important;margin: 0;background-position: 32px 0px !important;}
.st_email_large span.stButton {margin: 0;}

.stButton .stLarge:hover,.stButton .stLarge {background-position:32px 0px!important;}
.slideNavigation{
bottom: 53px!important;
left: 41px!important;
top:auto!important;
position: fixed!important;
}
.sthoverbuttons-pos-right {
	display:none;
}
@media only screen and (max-width : 1099px) {  
	.logoStage  a {font-size: 34px; }
}
@media only screen and (max-width : 1499px) { 
.home .no-break {display: none;}
.nav-menu li a{ padding: 4px 0; }
.logoStage {  margin-bottom: 0px;}
.slideNavigation {
bottom: 0 !important;
left: -36% !important;
top: auto !important;
position: absolute !important;
}
.paintings .description {
	max-width: 310px; 
}

}
@media only screen and (max-width : 1199px) { 
	.paintings .description {
		max-width: 210px; 
	}

}

@media only screen and (max-height : 500px) {  
	.slideNavigation { 
		left: 0 !important;
		bottom: -160px !important;
	}
	.page-id-11 .slideNavigation { 
		left: 0 !important;
		bottom: -195px !important;
	}
	.paintings .description {
		max-width: 1200px; 
	}
}
.homepage .entry-content img {
width: 100%;
height: auto;
}