/*
Theme Name: Cobalt Child
Theme URI: http://themeforest.net/user/phpface
Author: Toan Nguyen
Author URI: http://themeforest.net/user/phpface
Description: Responsive Multipurpose Wordpress Theme
Version: 1.0.0
License: GNU General Public License
Template: cobalt
License URI: license.txt
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: cobalt
*/
@import url("https://zdefelipe.cat/wp-content/themes/cobalt/style.css");

/* Tipografia propia*/

@font-face {
    font-family: 'dinlightalternate';
    src: url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_lightalternate-webfont.eot");
    src: url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_lightalternate-webfont.eot?#iefix") format('embedded-opentype'),
         url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_lightalternate-webfont.woff") format('woff'),
         url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_lightalternate-webfont.ttf") format('truetype'),
         url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_lightalternate-webfont.svg#dinlightalternate") format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dinmediumalternate';
    src: url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_mediumalternate-webfont.eot");
    src: url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_mediumalternate-webfont.eot?#iefix") format('embedded-opentype'),
         url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_mediumalternate-webfont.woff") format('woff'),
         url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_mediumalternate-webfont.ttf") format('truetype'),
         url("https://zdefelipe.cat/wp-content/themes/cobalt-child/font/din_mediumalternate-webfont.svg#dinmediumalternate") format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Eliminar linea negra indicadora del menú*/

ul.menu .current-menu-item:after,
ul.menu > li > a:after {    
    background:#fff;  
}


/*#content{
    margin: 0 auto;
}*/
/* canvia tota la tipografia de la web*/
body, a, p, .single-content, .single-content p, .single-post, .post-title h1, ul.menu > li > a, ul.dropdown li a, .hover-content span, .hover-content span a, .hover-content p, a.elemadded, .copyright-box p, a.load-more-button, .error-page p, .error-page h1, .error-page a, .project-info h2, .project-info p, .single-content h1, .single-content p, .single-project h1, .widget-title, .page-builder-content p/*, .top-contact-part span, .contact-box > p, .contact-page h4, .contact-page input[type="email"], .contact-page input[type="text"], .contact-page textarea, .comment-form input[type="text"], .comment-form textarea, .contact-page input[type="submit"], .comment-form input[type="submit"], .delirart*/
{
    font-family: dinlightalternate;
}
/*tipografia en negreta*/
h1, h2, h3, h4, h5, h6, .page-builder-content h1, .hover-content h2 a, .single-project h1{
    font-family: dinmediumalternate;
}
/*menu desplegable*/
ul.dropdown li a {
    font-size:12px;
    padding: 2px;
    background:transparent !important;
}
ul.dropdown li a:hover {
    background: #fff;
    color: #000;
    border-bottom: 0px solid #fff;
}

/*links en negre*/
a:hover{
    color:#000 !important;
}
/*Titol dels projectes i del hover-box en minúscules */
.single-project h1, .hover-content a{
    text-transform: lowercase;
}
/*Treure requadre al clikar links a Firefox*/
a, a:focus{
   outline: 0;
}
.error-page p{
    font-size:18px;
}
@media (min-width: 1024px) {
	/*caixa logo*/
.logo-box{
	width:250px;
    margin-bottom:80px !important;
	padding: 70px 10px 0 !important;
}
.menu-box, .header-foot{
	width:250px !important;
	text-align:left;
	padding-left:125px;	
}
.container-single-portfolio, .contact-page, .container-error{
    width:60%;
   float:left;
   margin-left:10%;
   margin-top:20px;
   margin-bottom:20px;
}
.caption{
    width: 33%;
    height:30%;
}
.wpb_slider_nivo, .nivoSlider{
   width:450px; 
}
.wpb_image_grid {
	width:450px;
	padding:5%;
	margin-bottom:10px;
}
#content-inici{
    height:100%;
    overflow:hidden;
    margin:0;
}
.isotope, .portfolio-box{
   	width:70%;
    float:left;
    margin-left:10%;
	margin-top:10%;
}
.isotope-item{
    padding: 0.5%;
}
.project-post .hover-box{
	width:96%;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 2%;	
}
}

/*@media (max-width: 1024px) {
  .container-single-portfolio, .contact-page, .caption{
      width:100%;
      padding: 0;
  } 
  .wpb_slider_nivo, wpb_image_grid{
    max-width: 100% ;
    }
  	ul.menu > li a {
		padding: 2px  !important;
  	}
  .caption{
      height: auto;
      width:100%;
      margin:auto;
  }	
  .portfolio-box, .isotope{
    width:75%;
    float:none;
    margin:auto;
}
}*/



/*template-inici css*/


/* IPHONE EDIT */

@media only screen and (min-width:321px) and (max-width:768px) {
.iphone .caption a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)" !important;
    filter: alpha(opacity=1) !important;
    opacity: 1 !important;
    -webkit-transform: translateY(130px) !important;
    -moz-transform: translateY(130px) !important;
    -o-transform: translateY(130px) !important;
    -ms-transform: translateY(130px) !important;
    transform: translateY(130px) !important;
  }

  .iphone .caption a.info  {
    padding-right: 0% !important;
    text-align: center !important;
  }

  .iphone .caption .mask  {
    padding-right: 0% !important;
    text-align: center !important;
    opacity: 1 !important;
  }

.iphone .caption a.info {

padding-top: 100px !important;
}

  }




@media only screen and (min-width:1px) and (max-width:320px) {

.iphone .caption a.info {

padding-top: 45px !important;
}

.iphone .caption a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)" !important;
    filter: alpha(opacity=1) !important;
    opacity: 1 !important;
    -webkit-transform: translateY(130px) !important;
    -moz-transform: translateY(130px) !important;
    -o-transform: translateY(130px) !important;
    -ms-transform: translateY(130px) !important;
    transform: translateY(130px) !important;
  }

  .iphone .caption a.info  {
    padding-right: 0% !important;
    text-align: center !important;
  }

  .iphone .caption .mask  {
    padding-right: 0% !important;
    text-align: center !important;
    opacity: 1 !important;
  }
}

/* END IPHONE EDIT */





.caption img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.caption .mask {
   background: transparent /*rgba(204,204,204,0.2)*/;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.caption a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(1000px);
   -moz-transform: translateY(1000px);
   -o-transform: translateY(1000px);
   -ms-transform: translateY(1000px);
   transform: translateY(1000px);
   -webkit-transition: all 0.9s ease-in-out 0.1s;
   -moz-transition: all 0.9s ease-in-out 0.1s;
   -o-transition: all 0.9s ease-in-out 0.1s;
   -ms-transition: all 0.9s ease-in-out 0.1s;
   transition: all 0.9s ease-in-out 0.1s;
}
.caption:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.caption:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
      -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.caption:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(15px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(15px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.caption {
   float:left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.caption .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.caption img {
   display: block;
   position: relative;
}
.caption a.info {
   display: inline-block;
   margin-top: 0;
   text-decoration: none;
   width: 100%;
   height:100%;
   overflow:hidden;
   padding-top:25%;
   padding-right:5%;
   background: transparent/* rgba(96, 96, 96, 0.97)*/;
   text-align: right;
   color: #000;
   font-family: dinmediumalternate;
   font-size:16px;
   text-transform: uppercase;
      -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;

}

/*caixa hover a categories de projectes*/
.project-post .hover-box{
	height:20%;
	padding:10px;
	background-color:rgba(96,96,96,0.6);
	}
/*.project-post:hover .hover-box {
    width: 100%;
    height:100%;
    margin:0;
	bottom:0;
	padding:0;
    padding-top:50%;
	background:transparent/*rgba(204,204,204,0.6);	
}*/
.hover-content h2 a{
	text-transform: lowercase;
	font-size:16px;
	text-decoration:none;
	color:#fff !important;
	
}

/*efecte b/n fotos*/
.project-post img, .project-post:hover img{
  
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/*treure linia sota widget footer i canviar tamany lletra*/
.sidebar-widget, .sidebar-widget a, .sidebar-widget > a:hover, .sidebar-widget p {
    border-bottom:0;
	text-decoration:none;
	font-size:10px;	
	
}

.wpb_image_grid img{
	padding:2%;
}