@charset utf-8;
/*
Theme Name: Josep Ferrusola
Author: Colorsfera
Description: Josep Ferrusola
Version: 1.0
*/

* {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {margin: 0;font-family: 'Open Sans', sans-serif;}

.content-menu {display: flex;align-items: center;margin-top: 40px;margin-left: 40px;}
.content-menu .title-menu {margin: 0 20px;font-weight: 400;font-size: 21px;}
.content-menu .title-menu a {color: black;text-decoration: none;}
.page-template-page-home .content-menu .title-menu a {color: white;/*text-shadow: 1px 1px 0 black;*/}
.title-menu-principal.active {text-decoration: underline !important;}
.post-type-archive-work .title-work a, .single-work .title-work a {text-decoration: underline !important;}

.desp-menu {margin: 0 60px;display: none;}
.desp-menu ul {list-style: none;margin: 50px 0;padding: 0;}
.desp-menu ul li {color: white;font-weight: 400;font-size: 21px;/*text-shadow: 1px 1px 0 black;*/margin-bottom: 4px;}
.desp-menu ul li a {color: white;text-decoration: none;}

.content_blog {display: flex;margin: 40px 40px;flex-wrap: wrap;}
.post_work {margin: 18px 1%;width: 23%;}
.post_thumbnail {position: relative;}
.post_thumbnail img {width: 100%;height: auto;}
.titulos_blog {bottom: 0;font-size: 18px;font-weight: 400;width: 100%;padding: 20px 0;margin: 0;transition: all 0.5s;}
.titulos_blog a {color: black;text-decoration: none;}
.post_thumbnail:hover .titulos_blog a {text-decoration: underline;}

.content_work {margin: 60px 60px;}
.container_work {max-width: 1400px;margin: 0 auto;}
.container_work img {width: 100%;height: auto;}
.container_work h1 {font-size: 45px;font-weight: 400;margin-bottom: 50px;margin-top: 50px;}
.container_work .galeria img {margin-bottom: 50px;}
.info-project {margin-bottom: 40px;}
.info-project .title-info {color: black;font-weight: 600;margin-bottom: 0;}
.info-project p {color: #888; margin: 5px 0;}
.description-project {margin-bottom: 50px;}

.control-video {position: absolute; bottom: 30px;right: 50px;color: white;}
.control-video a {font-size: 40px;color: #efefef;}
.control-video a.active .fa-volume-off:before {content: "\f028";}

.vimeo-full-width {
    padding: 56.25% 0 0 0;
    position: relative;
}

.vimeo-full-width iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


/****************/
/** RESPONSIVE **/
/****************/
@media (max-width: 992px){
	.post_work {width: 31.3%;}
}
@media (max-width: 767px){
	.post_work {width: 48%;}
}
@media (max-width: 400px){
	.post_work {width: 100%;margin: 18px 0;}
	.content_work {margin: 20px 30px;}
	.content-menu {margin-left: 10px;margin-right: 10px;}
	.content_blog {margin: 40px 30px;}
	.desp-menu {margin: 0 30px;}
	.container_work h1 {font-size: 26px;line-height: 35px;}
}