/*
Theme Name:     #ArtVeuiVot
Description:    Child theme based on Infinity Theme
Author:         artveuivot
Template:       infinitythemetrust

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../infinitythemetrust/style.css");

body{
	background:#000000!important;
	border-top:0px!important;
	font-family: Georgia, Times, serif;
    font-size: 13pt;
	color:#555555;
}

::selection {color:#000000;background:#e7af12;}
::-moz-selection {color:#000000;background:#e7af12;}
::-webkit-selection {color:#000000;background:#e7af12;}

/************************************/
/* Basic layout elements */
/************************************/

#content h3 {
    line-height: 1.4em;}

a{color:#e7af12}

#container {
	max-width: 100%;
}

#header-links{
	background:#333333;
	color:#ffffff!important;
	width:100%;
	text-align:right;
	height:30px;
	text-transform:uppercase;
        font-family:'Dosis';
}

#header-links a{
	color: #ffffff;
	font-size: 13px;
	margin-top: 8px;
	margin-right: 20px;
	display: block;
	float: right;
}

#header-links a:hover {
    color:#e7af12;
}
#header-links a.disabled{
	color:#666666;
}

#header{
	width:100%;
	position:inherit;
	border-bottom: 1px solid #cccccc;
	margin: 0px auto;
	margin-bottom:0px;
	background: #e8e8e8;
	padding: 0px;
       
 
}

#header .inside {
    margin:0px 45px;
    padding: 32px 0px
}

#logo{
	float:left;
	margin:0px 60px 0px 0px;
}

#main {
border-bottom: none!important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
margin: 0px;
margin-bottom: 0px;
padding: 0px;
padding-top: 50px;
padding-left: 45px;
padding-right: 45px;
width: 100%;
background-color:#ffffff;
}

.page-template-portfolio-php #main{
	background:#000000;
}

#content .page {
	padding-bottom: 40px;
}

.page-template-portfolio_vinyetes-php #main{
	background:#f2f2f2;
}

#content{
	width:100%;
	float:left;
	margin: 0px!important;
}

.content {
    margin:0px 45px;
}


.content-right {
    padding-left:30px;
}


#content ul{
        margin:0 0 25px 0px;
}

.pageHead{
	border-bottom:0px;
}



.content-column{
	padding-right:40px;
	box-sizing:border-box;
	-moz-box-content:border-box;
	-webkit-box-content:border-box;
}


.last_column {
    padding-right: 0px!important;
}

.one_half, .one_third, .two_third {
    margin-right:0px!important;
}

#footer{
	border:0px;
	margin-bottom:0px;
	background-color:#000000;
	width:100%;
}

#footer .secondary{
	border-top: 0px solid #e3e2de !important;
	padding-top: 10px;
	padding-left: 10px;
}

#footer p{
	margin-bottom:10px;
}

/************************************/
/* Generic html tags */
/************************************/

#pageHead{
	border-bottom:0px;
        padding:0px 0 20px 0;
        margin:0px;
}

#pageHead h1 {
	color: #333333;
	border-top: 1px solid #e7af12;
	border-bottom: 1px solid #e7af12;
	display: table;
	padding: 14px 0;
	font-size: 25px;
        width: 100%;
}


#content h1 {
    margin-bottom:45px;
}

#content .post h1 { font-size: 2em;color: #e7af12;}

#content h1 span {color: #e7af12; display:block;}

h2 a:hover {color: #000000;}

h4, h3 span {color: #e7af12;}


.separador { height: 40px;}

/************************************/
/* Menu elements */
/************************************/

#mainNav {
    font-family: 'dosis';
	float: left;
	text-align:left;
	margin: 0px 0px 0px 0px;
}

#mainNav ul li a{
	display:block!important;
	padding-left:5px;
}

#mainNav ul li.current a, #mainNav ul li.current-cat a, #mainNav ul li.current_page_item a, #mainNav ul li.current-menu-item a, #mainNav ul li.current-post-ancestor a, #mainNav ul li.current_page_parent a, #mainNav ul li.current-category-parent a, #mainNav ul li.current-category-ancestor a, #mainNav ul li.current-portfolio-ancestor a, #mainNav ul li.current-projects-ancestor a{
	color:#000000;
	font-weight:normal;
	background:#cccccc;
	
}

#mainNav ul li.sfHover a, #mainNav ul li a:hover, #mainNav ul li:hover {
color: #ffffff !important;
background-color:#333333;
}

#mainNav ul a {
	text-transform:uppercase;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 21px;
}

#mainNav ul li.current a, #mainNav ul li.current-cat a, #mainNav ul li.current_page_item a, #mainNav ul li.current-menu-item a{
	font-weight: normal;
}

/************************************/
/* Project's Page elements */
/************************************/

/*.single-projects #menu-item-29  {background:#cccccc !important; color:#ffffff!important;}
.single-projects #menu-item-29 a  {color:#ffffff!important;}*/

menu-menu-principal.ul .single-projects #menu-item-23  {background:none !important; color:#ffffff!important;}
menu-menu-principal.ul .single-projects #menu-item-23 a  {color:#7b7b7b!important;}



.single-projects #main{
	background-color:#f2f2f2;
}

.single-projects #pageHead{
	border: 0px;
	border-top: 5px solid #e7af12;
	padding-top: 10px;
	margin-left: -45px;
	margin-right: -45px;
	padding-left: 45px;
	margin-top:50px;
	background-color:#000000;
}

.single-projects #pageHead h1{
	color:#e7af12;
	border:0px;
}

.single-projects #content{
	width:100%!important;
}

.single-projects #content p{
	color:#e6e6e6;
}

.single-projects #content p strong{
	color:#e7af12;
}

img.project-image{
	width:500px;
	margin-left: auto;
	margin-right: auto;
}

#projects{
	padding-top:20px;
	border-left:20px solid #000000;
}

#content .project.small{
	max-width:310px;
}

#content #filterNav{
	display:none!important;
}

.page-template-portfolio-php #main{
	padding:0px 0px 40px 0px;
}

.page-template-portfolio_vinyetes-php #main{

}

.projectNav{
	margin-bottom:0px;
}

.single-projects #content{
	background: #000000;
	margin-left: -45px!important;
	margin-right: -45px!important;
	width: auto;
	padding-left: 45px!important;
	padding-right: 45px!important;
}


.single-project-wrapper {float: left; margin-bottom: 40px;}
.single-project-txt{ padding: 40px;}
.single-project-txt h1 {color:#e7af12;}
.single-project-txt h3 {color:#000000;}

.single-project-txt {
	padding: 0 40px;
}

.projectNav {
	float: left;
	padding-bottom: 40px;
}


.projectNav { margin-top: 20px;}
.projectNav .next a {background-position: 0px 0px;}
.projectNav .next.inactive {background-position: 0px 0px;}
.projectNav .previous a {background-position: -36px 0px;}
.projectNav .previous.inactive {background-position: -36px 0px;}

/*.projectNav a {text-indent: 0;}*/
.projectNav a:hover { background-color:#e7af12!important;}

/************************************/
/* Project's Thumb elements */
/************************************/

#content .project.small .title{
	background-color:#e7af12;
	color:#ffffff;
}

#content .project.small .title span{
	background-color:#e7af12;
	padding-bottom:0px;
	font-size:18px;
	line-height:22px;
}

#content .project.small .title span.author{
	padding-top:0px;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	font-style: italic;
	line-height:14px;
}


.skillList {display:none;}

/************************************/
/* Home Page elements */
/************************************/
#home-top-wrapper{
    float: left;
    margin: 0px auto;
    width:100%;
}


#home-top-wrapper h1 {
    margin-bottom:5px;
}



#home-video{
    float:left;
    width:70%;
}


#home-video iframe{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#home-video{
    float:left;
    width:70%;
}


#home-latest-news{
	float:left;
	width:30%;
}


#home-latest-news ul li{
border-bottom: 1px solid #e7af12;
padding-bottom:9px;
margin-bottom: 19px;
}

#home-latest-news h2{
margin: 0px 0px 10px 0px;
}


#home-latest-news h2 a{
    color:#e7af12!important;
}


#home-latest-news h2 a:hover{
    color:#000000!important;
}

#content #home-latest-news ul{
	list-style-type: none!important;
}

#home-instagram{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
	float:left;
	width: 30%;
	display: block;
        margin-top:40px;
}


#home-instagram p{
	font: italic 20px/24px 'Georgia';
}

#home-instagram p strong{
	color:#e7af12;
}

#home-instagram-feed{
	width:70%;
	margin-top:40px;
	display:table;
	float:left;
	font: italic 24px/30px 'Georgia';
}

  
#home-instagram-feed img{
    width:100%;
}


#home-instagram-feed a{
	position:relative;
	width:14.65%;
	margin: 0px 0px 2% 2%;
	box-shadow: 0px 0px 10px #dadada;
	display:table;
	float:left;
}

#home-instagram-feed a span.image-info{
	margin:0px;
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	padding:10px;
	z-index:2;
	top:0px;
	left:0px;
	background-color:#e7af12;
	color:#000000;
	font-size:13px;
	line-height:18px;
	opacity:0;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

#home-instagram-feed a:hover span.image-info{
	opacity:1;
}

#home-instagram-feed a span.image-info strong{
	color:#ffffff;
	font-weight:bold;
}

img .num6, img .num12 {
     margin-right: 0px!important;
 }
 
.custom-data{
	display:block;
	font-style: italic;
	color:#999999;
        margin-bottom: 7px;
        font-size: .75em;
}

.projects-list{
	margin-left:-45px;
	margin-right:-45px;
	clear:left;
	background: #000000;
}

.list-stroke{
	height:10px;
	width:100%;
	background:#d7af12;
}

/************************************/
/* Home Page elements */
/************************************/

.page-template-page-instagram-feed-php #main{
	padding-bottom:45px;
}



/************************************/
/* #news */
/************************************/

.posts h1 {
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 10px!important;
}

.posts h1 a {
    color:#d7af12!important;
}

.posts h1 a:hover {
    color: #000000!important;
}

.posts h1 {
line-height: 1;
}

.posts .full-width h1 {
    line-height: 27px;
    font-size: 30px;
    margin-bottom: 50px!important;
}

.posts .inside {
padding-right: 20px;
padding-bottom: 30px;
}
.posts .full-width .inside {
    display:inline-block;
}

.posts .full-width .inside .inside-content{ max-width: 46%; float: left;}

.posts .full-width a img {max-width: 50%!important; float:left; padding-right: 20px;} 

.more { font-size: .75em;}
a.more:hover { color: #000000!important;}



#sideWidgets { padding-top: 0px!important;
}

#sideWidgets .widgetBox h3, #footer .widgetBox h3 {
font-size: 1em;
font-weight: normal;
color: #000;
}

#sideWidgets .ttrust_recent_posts .title, #footer .ttrust_recent_posts .title {
font-size: 16px !important;
margin-bottom: 2px;
line-height: 1.1em;
display: inline;
}

#sideWidgets a:hover, #sideWidgets .ttrust_recent_posts .title a:hover {
    color: #000000;
}

/************************************/
/* #artveuivot elements */
/************************************/

label {display:none!important;}

.frm_submit input[type=submit] {
    background-color: #e7af12 !important;
    border-radius: 0!important;
    border: none !important;
    box-shadow: none!important;
    padding: 7px 15px!important;
    font-family: Georgia!important;
    font-style: italic;
    color: white!important;
    float: right;
}

#frm_form_7_container .frm_submit input[type=submit] {float: left; margin-top:20px;}

.frm_form_fields input[type=file] {
    background-color: #e2e2e2!important;
    border-radius: 0!important;
    border: none !important;
    box-shadow: none!important;
    padding: 7px 15px!important;
    font-family: Georgia!important;
    font-style: italic;
    color: white!important;
    float: left;
    }


.frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half {
width: 100%!important;
}

.with_frm_style input[type=textarea], .with_frm_style input[type=text], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single {
color: #444444;
background-color: #e2e2e2!important;
border: none!important;
border-style: solid;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 100%;
max-width: 100%;
font-size: 13px;
padding: 10px!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
font-weight: normal;
box-shadow: none;
}

/************************************/
/* Instagram Feed  */
/************************************/

#instagram-wrapper{
	margin-bottom:20px;
}
ul.instagram-item{
	list-style-type: none;
	margin:0px!important;
}
ul.instagram-item li{
	background: white;
	border-right: 2px solid #f4f4f4;
	float: left;
	list-style: none;
	min-height: 130px;
	padding: 15px;
	width: 250px;
}

ul#instafeed{
	list-style-type: none;
	margin: 0px;
}

ul#instafeed li a{
	list-style-type:none;
	background: white;
	color: #999999;
	float: left;
	list-style: none;
	min-height: 130px;
	padding: 15px;
	width: 250px;
	position:relative;
	
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

ul#instafeed li a img{
	width:250px;
	height:250px;
	box-shadow: 0px 0px 5px #666666;
	
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

ul#instafeed li a span.instagram-text{
	margin:15px;
	position:absolute;
	overflow:hidden;
	width:250px;
	height:250px;
	padding:15px;
	z-index:2;
	top:0px;
	left:0px;
	background-color:#e7af12;
	color:#000000;
	font-size:13px;
	line-height:18px;
	opacity:0;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

ul#instafeed li a:hover img{
	box-shadow: 0px 0px 5px #666666;
}

ul#instafeed li a:hover span.instagram-text{
	opacity:1;
}

/************************************/
/* Add This CSS Adjustments*/
/************************************/

#content .page{
	position:relative;
}

.addthis_toolbox.addthis_default_style{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.single-projects .addthis_toolbox.addthis_default_style{
	position: relative;
	margin-top:30px;
}

/************************************/
/* @media querys for responsive design
/************************************/
.nav-mobile {
	background:url('images/nav.svg') no-repeat center center transparent;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	bottom: 10px;
	cursor:pointer;
	display:none; /* Hide from browsers that don't support media queries */
	height:40px;
	position:absolute;
	right: 0px;
	width:40px;
}


#contenidor_organitzacions ul li {
float: left;
width: 140px;
margin: 0px 20px 20px 0px;
list-style: none;
}

/*--------------------------------------------------*\
	Ipad Portrait
\*--------------------------------------------------*/

@media only screen and (max-width: 768px) {
    
     #home-instagram, #home-instagram-feed {
		width:100%;
	}

	#home-instagram-feed img {
		width: 100%;
	}
	#home-instagram-feed a {
		width: 22.65%;
	}
	

	#header #logo img{
		max-width:123px;
	}
	#mainNav li {
		display:block;
	}
	
	#mainNav{
		position: absolute;
		top: 62px;
		left: 202px;
	}
}

/*--------------------------------------------------*\
	Layouts smaller than 600px, iPhone and mobiles
\*--------------------------------------------------*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
	.content-column .content-column{ 
		padding-right:0px!important;
	}
	
	#home-video, #home-latest-news{
		width:100%;
	}
	
	#home-latest-news .content-right{
		margin-top:20px;
		padding-left:0px;
	}
	
	#header .inside {
		margin:0 10px;
		padding: 15px 0px;
	}
	
	#header #logo {
		float: left;
		margin: 0 0 20px 5px;
	}
	
	#header #logo img{
		max-width:100%;
	}
	
	#main{
		padding:10px;
	}
	
	#mainNav{
		margin-left: 0px;
		margin-right: 0px;
		left:0px;
		top: 85px;
	}
	
	#menu-menu-principal-container{
	}
	
	ul#menu-menu-principal{
		display:none;
	}
	
	#projects{
		border-left: 10px solid #000000;
	}
	
	.projects-list {
		margin-left: -10px;
		margin-right: -10px;
	}
        
        .content-column {
            padding-right:0px;
        }
        
        img.project-image {
            width: 100%;
        }
        
	#home-instagram, #home-instagram-feed {
		width:100%;
	}

	#home-instagram-feed a {
		width: 30.65%;
	}
	
	#home-instagram-feed img {
		width: 100%;
	}
	.nav-mobile {
		display:block;
	}
	
	.menu-principal-container {
	}
	
	#menu-menu-principal {
		background: #e8e8e8;
		display:none;
		padding: 0 0 10px 0;
		position: relative;
		right:0px;
		width: 100%;
		z-index: 100;
		margin-left: 0px;
		box-shadow: 0 4px 2px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 4px 2px 1px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 4px 2px 1px rgba(0,0,0,0.2);
	}
	
	#mainNav ul li{
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}
	
	#mainNav ul li a{
		margin-left:0px;
	}
	
	.menu-item {
		float:none!important;
		width:100%;
	}
	.menu-item a {
		float:none!important;
	}
	.menu-item:first-child a {
		
	}
	.menu-item:last-child a {
		padding-bottom:0px;
	}
	.nav-active {
		display:block!important;
		position: absolute;
		right: 0px;
		top: 20px;
		text-align:right;
	}
	
	.nav-mobile-open {
		display:block;
	}
}

/*--------------------------------------------------*\
	Iphone Portrait
\*--------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape)  {

}

.nav-active{
  animation: animationFrames ease .5s;
  animation-iteration-count: 1;
  transform-origin: 0;
  animation-fill-mode:forwards; /*when the spec is finished*/
  
  -webkit-animation: animationFrames ease .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 0;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  
  -moz-animation: animationFrames ease .5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 0;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  
  -o-animation: animationFrames ease .5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 0;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  
  -ms-animation: animationFrames ease .5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 0;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

/*--------------------------------------------------*\
	Hack for highlighed menu on single-projects
\*--------------------------------------------------*/
/*.single-projects #mainNav ul li.current-menu-item a, .single-projects #mainNav ul li.current_page_item a, .single-projects #mainNav ul li.current_page_parent a{
	background:transparent!important;
	color:#7b7b7b!important;
}

.single-projects #mainNav ul li:nth-child(3) a{
	background:#cccccc!important;
	color:#ffffff!important;
}*/


/*--------------------------------------------------*\
	CSS3 Animations
\*--------------------------------------------------*/

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
}