/* Theme Name: Ricardo Bofill Test Theme URI: http://www.ricardobofill.com/ Description: Ricardo Bofill template Version: 1.0 Author: LLOS& Author URI: http://llos.co Text Domain: ricardobofill Domain Path: /lang */ /* Typography ---------- */ @font-face { font-family: 'FGroteskBook'; src: url('fonts/f_grotesk_book.eot'); src: url('fonts/f_grotesk_book.eot?#iefix') format('embedded-opentype'), url('fonts/f_grotesk_book.woff') format('woff'), url('fonts/f_grotesk_book.ttf') format('truetype'), url('fonts/f_grotesk_book.svg#FGroteskBook-Regular') format('svg'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /*@import url("//hello.myfonts.net/count/2fe386");*/ @font-face { font-family: 'VanDijckMTStd'; src: url('fonts/2FE386_0_0.eot'); src: url('fonts/2FE386_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/2FE386_0_0.woff2') format('woff2'), url('fonts/2FE386_0_0.woff') format('woff'), url('fonts/2FE386_0_0.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Misc ---- */ body{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'FGroteskBook'; font-size: 13px; line-height: 18px; background: #ffffff; color: #262626; -webkit-font-smoothing: antialiased;} body.fixed{ overflow: hidden} a{ color: #262626; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;} a:hover, a:focus{ color: #262626; text-decoration: none; outline:none;} input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; } input, textarea { -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; } input:focus{ outline: none} input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; } input:focus:-ms-input-placeholder { color:transparent; } textarea:focus{ outline: none} textarea:focus::-webkit-input-placeholder { color:transparent; } textarea:focus:-moz-placeholder { color:transparent; } textarea:focus::-moz-placeholder { color:transparent; } textarea:focus:-ms-input-placeholder { color:transparent; } ::-webkit-input-placeholder {color: #909;} :-moz-placeholder { color: #909; opacity: 1;} ::-moz-placeholder { color: #909; opacity: 1;} :-ms-input-placeholder { color: #909;} ::-moz-selection { color: black; background: #99CCFF; } ::selection { color: black; background: #99CCFF; } :focus {outline:none;} ::-moz-focus-inner {border:0;} h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;} p{ margin-bottom: 20px; margin-top: 0;} .center{ text-align: center;} .left{ text-align: left;} .right{ text-align: right;} .container-fluid{ max-width: 1280px; margin: 0 auto;} .container-full{ width: 100%; max-width: 100%; margin: 0 auto; padding: 0 30px;} .container-small{ width: 100%; max-width: 760px; margin: 0 auto; padding: 0 30px 60px;} .img-responsive{ width: 100%;} .fullscreen{ width: 100%; height: 100%; margin: 0 auto; padding: 0;-webkit-touch-callout: inherit;} .cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;} .fluid-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 2;} .fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .transition-large{ transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; } .v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .init_top{ margin-top: 85px} #news.init_top { margin-top: 72px; } img{ color: white !important;} .axis{ position: fixed; width: 1px; height: 1px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: -1; background: transparent} .main_cross.disabled{ z-index: -1; opacity: 0;} body.fixed .right_nav{ z-index: -1} /* Bofill styles ------------- */ .title{ text-transform: uppercase; color: #B83F00; font-size: 13px; line-height: 18px; letter-spacing: 1px;} .title_single{ position: fixed; bottom: 15px; background: #fff; z-index: 10; cursor: pointer} .title_single h1{ text-transform: uppercase; color: #B83F00; font-size: 13px; line-height: 26px; letter-spacing: 1px;} .title_single .arrow_up{ width: 90%; height: 25px; background: white url('img/arrow_up.svg') center center no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0;} .title_single .arrow_down{ width: 90%; height: 25px; background: white url('img/arrow_down.svg') center center no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0;} .title_single:hover .arrow_up{ opacity: 1;} .title_single.active .arrow_up, .title_single.active:hover .arrow_up{ opacity: 0; } .title_single.active .arrow_down{ opacity: 1;} .title_single:hover h1, .title_single.active h1{ opacity: 0; } .border-red{ border: 1px solid #B83F00} .button{ height: 27px; line-height: 26px; border: 1px solid #B83F00; color: #B83F00; display: inline-block; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; padding-left: 15px; padding-right: 15px;} .button:hover{ color: #B83F00; border-color: transparent;} .layer_image{ position: relative; overflow: hidden} .related_tags{ margin-top: 35px;} .share{ text-transform: uppercase; font-size: 9px; margin-top: 20px; color: #B83F00; cursor: pointer; letter-spacing: 1px; } .share a{ margin-left: 5px; opacity: 0; color: #B83F00;} .share a:hover{ text-decoration: underline} .share:hover a{ opacity: 1;} .layer_image .hover_caption{ position: absolute; width: 100%; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); text-align: center; padding: 0; background: #FFEB00; overflow: hidden; transition-delay: .1s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -o-transition-delay: .1s; bottom: 0;} .layer_image .hover_caption h3{ padding: 15px; font-size: 12px; line-height: 19px; text-transform: uppercase; letter-spacing: 1px;} .layer_image:hover .hover_caption{ transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0);} .touch .layer_image:hover .hover_caption{ transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%);} .layer_absolute{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .cross{ height: 25px; z-index: 99; cursor: pointer} .cross.responsive{ position: absolute; width: 16px; z-index: -1; cursor: pointer; top: 17px; right: 15px; opacity: 0} .go_down{ position: absolute; left: 0; right: 0; bottom: 30px; height: 20px; background: transparent url('img/arrow-down.svg') center center no-repeat; cursor: pointer} /* Video controls */ .video_container{ margin: 0 auto; text-align: center; width: 70%; position: relative; } .video_container .video-js{ max-width: 100%;background: #fff; max-height: 80vh; } .video_container .video-js .vjs-tech { position: relative; top: initial !important; left: initial !important; width: 100% !important; height: 100% !important; max-height: 80vh !important;} .video_container .vjs-poster{ background-size: 100% auto;} .video_container .vjs-default-skin.vjs-has-started .vjs-control-bar{ position: absolute; left: 0; right: 0; bottom: 6%; width: 60%; margin: auto;} .video_container .vjs-default-skin .vjs-big-play-button, .video_container .vjs-default-skin .vjs-big-play-button:focus{ position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto !important; background: transparent !important; border: 0 !important; box-shadow: none !important} .video_container .vjs-default-skin .vjs-big-play-button:before{ content: ''; box-shadow: none; background: transparent url(img/play_white.svg) center center no-repeat; background-size: 50px;} .video_container .block_characteristics .vjs-default-skin.vjs-has-started .vjs-control-bar{ width: 60%; bottom: 15px} /* Video Controls general */ .video_container .vjs-default-skin .vjs-control-bar, .video_container .vjs-default-skin .vjs-slider{ background: transparent} /* Video Progressbar */ .video_container .vjs-default-skin .vjs-progress-control{ height: 2px !important; top: -1px !important;} .video_container .vjs-load-progress{ background: #ccc !important; opacity: .4 !important} .video_container .vjs-play-progress{ background: #fff !important;} /* Video Play/pause */ .video_container .vjs-default-skin .vjs-play-control{ display: block !important; opacity: 0; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .video_container .vjs-default-skin:hover .vjs-play-control{ opacity: 1;} .video_container .vjs-default-skin .vjs-play-control:before{ left: 0; top: 0; bottom: 0; right: 0; margin: auto; position: fixed; width: 50px; height: 78px; content: ''; background: transparent url(img/play_white.svg) center center no-repeat; background-size: 50px; opacity: 1;} .video_container .vjs-default-skin.vjs-playing .vjs-play-control:before{ left: 0; top: 0; bottom: 0; right: 0; margin: auto; position: fixed; width: 50px; height: 78px; content: ''; background: transparent url(img/pause.svg) center center no-repeat; background-size: 50px;} /* Video Mute on/off */ .video_container .vjs-mute-control.vjs-control{ right: -85px; top: -15px; display: none} .video_container .vjs-mute-control.vjs-control:before{ content: ''; background: transparent url(img/mute_off.svg) center center no-repeat; background-size: 20px; opacity: 1;} .video_container .vjs-mute-control.vjs-control.vjs-vol-0:before{ content: ''; background: transparent url(img/mute.svg) center center no-repeat; background-size: 20px; opacity: 1;} .video_container .vjs-default-skin .vjs-fullscreen-control{ left: 80px; top: -15px;} .video_container .vjs-default-skin .vjs-fullscreen-control:before{ content: ''; background: transparent url(img/fullscreen.svg) center center no-repeat; background-size: 20px; opacity: 1;} /* Video Hidde controls */ .video_container .vjs-default-skin .vjs-loading-spinner:before, .video_container .vjs-default-skin .vjs-volume-control, .video_container .vjs-current-time-display, .video_container .vjs-time-divider, .video_container .vjs-duration, .video_container .vjs-default-skin .vjs-seek-handle:before{ display: none} .video-js.vjs-has-started.vjs-fullscreen, .video-js.vjs-has-started.vjs-fullscreen .vjs-tech{ width: 100% !important; max-width: 100% !important; max-height: 100vh !important; height: 100vh !important;} /* Slick regular */ .slick_regular{ padding: 0 15px} .page-template-team .slick_regular{ padding: 0} .slick_regular .slick-arrow, .slick_content .slick-arrow{ position: absolute; height: 100%; width: 50%; top: 0; margin: 0; z-index: 9; border: 0; background: transparent; text-indent: -999999px} .slick_regular .slick-prev, .slick_content .slick-prev{ left: 0; cursor: url('img/arrow-left.svg') 0 0, auto;} .slick_regular .slick-next, .slick_content .slick-next{ right: 0; cursor: url('img/arrow-right.svg') 38 0, auto;} .slick_regular .slick-slide img{ opacity: 0;} .slick_counter{ color: #B83F00; letter-spacing: 1px; text-align: center;} /* Slick regular vertical */ .slick_regular_vertical{ padding: 0 15px;} .slick_regular_vertical .slick-arrow{ position: absolute; height: 17%; width: 100%; left: 0; right: 0; margin: 0; z-index: 9; border: 0; background: transparent; text-indent: -999999px} .touch .slick_regular_vertical .slick-arrow{ display: none !important} .slick_regular_vertical .slick-prev{ top: 0; cursor: url('img/arrow-up.svg') 0 0, auto;} .slick_regular_vertical .slick-next{ bottom: 0%; cursor: url('img/arrow-down.svg') 0 28, auto;} .slick_regular_vertical .slick-disabled{ display: none !important;} .slick_regular_vertical .slick-slide{ max-height: 80%;} .slick_regular_vertical img{ max-width: 100%; width: auto; max-height: 80%; height: auto; margin: 0 auto; padding-left: 15px; padding-right: 15px; opacity: 1; } .slick_regular_vertical img[src=""] { display: none; } .slick_regular_vertical .slick-slide { position: relative; } .slick_regular_vertical .slick-slide:after { position: absolute; content:"..."; color: #B83F00; left: 50%; top: 50%; display: block; z-index: -1; margin-left: -10px; margin-top: -5px; letter-spacing: 2px; } /* Slick layer */ .slick_layer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; z-index: -1; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition-delay: .1s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -o-transition-delay: .1s; } .slick_layer.active{ z-index: 800; opacity: 1; overflow: auto; -webkit-overflow-scrolling: touch;} .page-template-see .slick_layer.active{ overflow: hidden} .slick_layer .cross{ position: fixed; right: 30px; top: 17px; z-index: 9999;} .slick_layer .slick_counter{ position: fixed; top: 20px; left: 156px;} .slick_layer .title{ position: fixed; left: 0; right: 0; bottom: 25px; text-align: center} /* .slick_layer .content_text{ padding-bottom: 60px;} */ /* Slick content */ .slick_content{ padding: 5px 0 15px;} /* Slick slider hover */ .slick-slider .layer_image .hover_caption{ bottom: 0;} .slick-slider .layer_image .hover_caption h4{ padding: 15px; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px;} /* Popup */ .popup{ display: none} .popup.active{ display: block; overflow: hidden} /* Caption intro text */ .caption_intro, .caption_intro h1{ margin-bottom: 35px; font-size: 13px; line-height: 20px; max-width: 700px; text-transform: uppercase; letter-spacing: 1px;} .content_intro{ margin-bottom: 35px; font-size: 23px; line-height: 27px; letter-spacing: 1px; max-width: 700px;} .caption_intro img{ margin-top: 25px; display: block} .content_text{ font-size: 22px; line-height: 24px; font-family: 'VanDijckMTStd';} .content_text p{ margin-bottom: 0; text-indent: 30px;} .content_text p strong, .content_text p b, .content_text p i, .content_text p em { font-weight: normal; font-style: normal; } .content_text p:first-of-type{ text-indent: 0 !important;} .content_text .wp-caption{ position: relative; overflow: hidden; margin: 30px auto; max-width: 100% !important;} .content_text .wp-caption img{ max-width: 100%;} .content_text p img{ max-width: 100%; width: 100%; position: relative; left: -30px; margin: 30px 0; height: auto} .content_text .wp-caption .wp-caption-text{ position: absolute; left: 0; right: 0; bottom: 0; transform: translateY(100%); transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -webkit-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); text-align: center; padding: 15px; font-size: 12px; line-height: 19px; background: #FFEB00; font-family: 'FGroteskBook'; letter-spacing: 1px;} .content_text .wp-caption:hover .wp-caption-text{ transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0);} .content_text .feat_image{ float: left; max-width: 200px; margin: 0 20px 10px 0; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);} .content_image{ margin-bottom: 15px;} .content_image .slick_content{ margin: 30px auto 0;} /* Accordion */ .accordion_main_container{ position: absolute; bottom: 43px; margin: auto; left: 0; min-height: 100%; overflow: hidden; z-index: -1} .accordion_main_container.index_high{ z-index: 99;} .accordion_main_container.active{ /* z-index: 99; */} .accordion_main_container .accordion_container{ position: absolute; left: 0; z-index: 10; height: auto; margin: auto;bottom: 0; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); } .accordion_main_container.active .accordion_container{ transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); } #accordion{ color: #B83F00; padding-bottom: 7px; background: #FFF;} #accordion .ac_title{ color: #B83F00; letter-spacing: 1px; border-top: 1px solid #B83F00; border-left: 1px solid #B83F00; border-right: 1px solid #B83F00; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 13px; margin-top: 7px; padding-top: 7px; cursor: pointer} #accordion .ac_title.ui-state-active{ padding-top: 12px} #accordion .acordion_content{ position: relative;} #accordion .ui-accordion-content{ border-left: 1px solid #B83F00; border-right: 1px solid #B83F00; position: relative;} #accordion .description{ font-size: 0;} #accordion .description .info_left{ margin-top: 40px; width: 20%; padding: 0 15px; display: inline-block; vertical-align: top; font-size: 9px;letter-spacing: 1px; line-height: 15px; padding-top: 3px; text-transform: uppercase} #accordion .description .info_right{ margin-top: 40px; width: 80%; padding: 0 15px; display: inline-block; vertical-align: text-bottom; font-size: 17px; line-height: 24px; max-width: 800px; } #accordion .description .info_right p, #accordion .description .info_center p{ margin-bottom: 0; text-indent: 30px;} #accordion .description .info_right p a, #accordion .description .info_center p a{ color: #B83F00} #accordion .description .info_right p:first-child, #accordion .description .info_center p:first-child{ text-indent: 0} #accordion .description .info_center{ width: 100%; max-width: 960px; padding: 0 15px; display: block; vertical-align: text-bottom; font-size: 17px; line-height: 24px; margin: 0px auto; padding-top: 40px; padding-bottom: 20px;} #accordion .description .read_more{ margin-top: 20px; font-size: 9px;letter-spacing: 1px; cursor: pointer; text-transform: uppercase;} #accordion .carrousel{ padding-top: 40px; padding-bottom: 20px;} #accordion .carrousel .slick-track{ margin: 0 auto} #accordion .carrousel .carrousel_item{ padding: 0 10px 20px 10px; cursor: pointer; max-height: 300px;} #accordion .carrousel .carrousel_item a { color: #B83F00; } #accordion .carrousel .carrousel_item h5{ font-size: 9px; letter-spacing: 1px; margin-bottom: 7px; text-transform: uppercase; line-height: 14px;} #accordion .carrousel .carrousel_item h5 a{ color: #B83F00} #accordion .carrousel .carrousel_item:hover h5{ text-decoration: underline;} #accordion .carrousel .carrousel_item .extras_content{ padding: 10px;} #accordion .carrousel .carrousel_item .img_content{ position: relative;} #accordion .carrousel .carrousel_item .img_content .layer_red{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #B83F00; z-index: 10; mix-blend-mode: screen; opacity: 0} #accordion .carrousel .carrousel_item:hover .img_content .layer_red, #accordion .carrousel .carrousel_item.selected .img_content .layer_red{ opacity: 1;} #accordion .carrousel .carrousel_item:hover .img_content img, #accordion .carrousel .carrousel_item.selected .img_content img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);} #accordion .slick_accordion { opacity: 0; height: 300px; max-width: 90%; margin: 0 auto;} #accordion .download_items{ position: absolute; top: -15px; left: 12px; font-size: 9px; letter-spacing: 1px; line-height: 14px; text-transform: uppercase;} #accordion .download_items a{ color: #B83F00} #accordion .download_items a:hover{ text-decoration: underline;} #accordion .carrousel_item.selected .layer_image{ background: #B83F00;} #accordion .carrousel_item.selected .layer_image img{ opacity: .5} #accordion .carrousel_item.selected h5{ text-decoration: underline;} #accordion .slick-arrow, .false_accordion .slick-arrow{ width: 30px; height: 30px; border: 0; text-indent: -9999px; position: absolute; top: 50%; margin-top: -15px; z-index: 9} .false_accordion .slick-arrow{ margin-top: 0px} #accordion .slick-prev, .false_accordion .slick-prev{ background: transparent url('img/arrow-left.svg') center center no-repeat; left: -60px; background-size: 95% 100%} .false_accordion .slick-prev{ left: 0;} #accordion .slick-next, .false_accordion .slick-next{ background: transparent url('img/arrow-right.svg') center center no-repeat; right: -60px; background-size: 95% 100%} .false_accordion .slick-next{ right: 0;} #accordion .slick-disabled, .false_accordion .slick-disabled{ opacity: 0 !important} .false_accordion{ display: none} /* Right nav */ .right_nav{ position: fixed; top: 20px; right: 30px; z-index: 999;} .right_nav ul{ display: table; width: auto; margin: 0; padding: 0; list-style: none} .right_nav ul li{ display: inline-block; text-transform: uppercase; color: #B83F00; font-size: 13px; letter-spacing: 1px; margin-left: 30px; border-bottom: 1px solid transparent; cursor: pointer} .right_nav ul li:hover, .right_nav ul li.active{ border-bottom: 1px solid #B83F00;} /* Table list */ .list{ display: none} .table_list{ color: #B83F00; font-size: 17px; line-height: 27px; width: 100%;} .table_list a{ display: inline-block; color: #B83F00} .table_list td.head{ padding-bottom: 30px;} .table_list tr:first-child td{ border: 0 !important;} .table_list tr td{ border-bottom: 1px solid transparent;} .table_list tr:hover td{ border-bottom: 1px solid #B83F00;} /* Header ------ */ header{ width: auto; top: 0; left: 0; position: fixed; height: 72px; z-index: 999; padding-top: 15px;} .home header{ width: 100%;} header hr{ border: 0; border-bottom: 1px solid #B83F00; position: relative; bottom: -30px; margin: auto; width: auto; opacity: 0; z-index: -1;} .animsition.fade-out hr { opacity: 0; } header .navigation .cross{ display: none} header .navigation .main_top_navigation a, header .navigation .lang a{ color: #B83F00;} header .navigation .main_top_navigation { text-align: left; display: inline; margin: 0; padding: 0; list-style: none;} header .navigation .main_top_navigation > li, header .navigation .main_nav, header .navigation .lang span{ display: inline-block; margin: 0 10px 0 0; position: relative; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: #B83F00; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: #B83F00; min-width: 107px; height: 27px; line-height: 26px; border: 1px solid #B83F00; display: inline-block; text-align: center; background: #fff;} header .navigation .main_top_navigation li > ul, header .navigation .lang ul{ background: #fff; z-index: 9; border: 1px solid #B83F00; padding: 4px 10px 2px 10px; position: absolute; top: 38px; white-space: nowrap; left: -1px; min-width: 107px; max-width: 200px; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; margin: 0; text-transform: uppercase; } header .navigation .lang ul { top: 39px; left: 0; } header .navigation .main_top_navigation li > ul > li, header .navigation .lang ul li { display: block; text-align: left;} header .navigation .main_top_navigation li > ul > li:hover a, header .main_nav:hover, header .navigation .lang span:hover, header .navigation .main_top_navigation li:hover, header .navigation .main_top_navigation li.current-menu-item, header .navigation .main_top_navigation li.current-menu-ancestor{ border-color: transparent;} header .navigation .main_top_navigation .menu-item-has-children a, header .navigation .lang ul li a{ letter-spacing: 1px; } header .navigation .main_top_navigation .menu-item-has-children > a{ cursor: default} header .navigation .main_top_navigation .sub-menu .menu-item-has-children > a { cursor: default; } header .navigation .lang{ display: inline-block; position: relative; } header .navigation .main_top_navigation li ul a, header .navigation .lang a { padding-bottom: 0; border-bottom: 1px solid white; display: inline-block; padding: 0;line-height: 18px; } header .navigation .main_top_navigation li > ul > li.current-menu-item a, header .navigation .main_top_navigation li > ul > li:hover > a, header .navigation .main_top_navigation li > ul > li ul > li:hover > a, header .navigation .lang a.active, header .navigation .lang a:hover{ text-decoration: none; border-color: #B83F00; } header .navigation .main_top_navigation li > ul > li .wrapped{ z-index: 9; border: 0; padding: 0 15px; position: absolute; top: -1px; white-space: nowrap; left: 98px; min-width: 127px; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} header .navigation .main_top_navigation li > ul > li ul { list-style: none; background: #fff; z-index: 9; border: 1px solid #B83F00; padding: 4px 10px 2px 10px; position: relative; top: 0; white-space: nowrap; left: 5px; min-width: 107px; max-width: 325px; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none;} header .navigation .main_top_navigation li > ul li, header .navigation .lang li { line-height: 23px; } header .navigation .main_top_navigation, header .navigation .lang{ opacity: 0;} header .navigation:hover .main_top_navigation, header .navigation:hover .lang{ opacity: 1;} .home header.sticked{ background: #fff;} .home header.sticked hr{ opacity: 1; z-index: 1;} header .burger{ display: none} .title_responsive{ display: none} header .navigation .main_top_navigation > .menu-item-has-children > a{ padding-bottom: 20px} /* Homepage -------- */ #home_fullscreen{ position: relative; overflow: hidden; cursor: pointer; min-height: 100vh; top: 0;} .intro_up #home_fullscreen{ top: -45px;} #home_grid_masonry { padding-top: 75px; position: relative; z-index: 20 !important} #home_grid_masonry, #home_lafabrica, #home_team{ margin-top: -1px; background: white;} #home_grid_masonry article.container-fluid, #home_lafabrica article.container-fluid { background: #fff;} #home_grid_masonry h2, #home_lafabrica h2, #home_team h2{ display: block; margin: 0px auto 10px; background: #fff; padding-top: 10px; padding-bottom: 20px;} #home_grid_masonry .home_grid_masonry_container{ padding: 0 15px;} #home_grid_masonry .item_masorny, #news .item_masorny{ width: 33.33333%; padding: 0 15px; margin-bottom: 30px;} #home_grid_masonry .button{ margin: 30px auto 50px;} #home_lafabrica {position: relative; z-index: 200 !important} #home_lafabrica .la_fabica_nav{ width: 100%; letter-spacing: 20px; text-transform: uppercase; font-size: 160px; line-height: 160px; list-style: none; color: #FFEB00;} #home_lafabrica .la_fabica_nav span{ margin: 0 23px 0 26px;} #home_lafabrica .la_fabica_nav a{ color: #FFEB00; position: relative; display: inline-block; } #home_lafabrica .la_fabica_nav a:after { content:""; height: 14px; width: 90.5%; position: absolute; left: 11px; bottom: -12px; background: #FFEB00; opacity: 0; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } #home_lafabrica .la_fabica_nav a:first-of-type:after { width: 92.5%; } #home_lafabrica .la_fabica_nav a:hover:after { opacity: 1; } #home_lafabrica .container-fluid, #home_team{ position: relative; z-index: 300 !important} #home_team .slick-track{ background: #fff;} #home_team .slick_counter, #team .slick_counter{ margin: 30px auto 30px; display: block; position: relative} #home_footer{ display: none} #home_grid_masonry.fixed, #home_lafabrica.fixed { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1; } #home_lafabrica.overlayed, #home_team.overlayed { position: relative; z-index: 2; } #home_team .border-red{ border-bottom: 0;} #home_team .team_content{ background: #fff; position: relative;} #home_team .slick_regular, #home_team .slick_regular img{ width: auto; margin: 0 auto;} #home_team .slick_regular .container-fluid{ position: relative;} #home_team .slick_regular .container-fluid img{ max-height: 100%; max-width: 100%; width: auto; height: auto;} #home_fullscreen .title_single{ position: absolute; bottom: 30px; background: transparent;} #home_fullscreen .title_single .border-red{ height: 30px; background: white} #home_fullscreen .title_single .arrow_down{ opacity: 1; position: relative} #home_grid_masonry .border-red.fixed, #home_lafabrica .border-red.fixed, #home_team .border-red.fixed{ padding-top: 58px;} #home_grid_masonry .border-red.fixed .title, #home_lafabrica .border-red.fixed .title, #home_team .border-red.fixed .title{ position: fixed; z-index: 500; top: 73px; left: 30px; right: 30px; border-left: 1px solid #B83F00; border-right: 1px solid #B83F00;} .touch #home_team .slick_regular .slick-arrow{ display: none} .layer_go_down{ z-index: -1; display: none} .body_top .layer_go_down{ position: fixed; width: 100%; bottom: 0; height: 33%; background: transparent; z-index: 99; display: block; cursor: pointer;} /* Projects -------- */ #projects, #research{ font-size: 0; padding: 72px 15px} #projects .element{ background: #fff; min-height: 100vh} #projects .element.list.container-full { padding: 0 15px; } #projects .item, #research .item{ display: inline-block; vertical-align: top; padding: 0 15px; margin-bottom: 30px;} #projects .item.big{ width: 60%} #projects .item.medium{ width: 40%} #projects .item.small, #research .item.small{ width: 25%;} #research .thumbnail{} #research .thumbnail .blended-image{ background-size: 100%; background-color: #B84000; background-blend-mode: screen;} #research .thumbnail .blended-image img{ max-width: 100%; width: 100%; opacity: 0} img[data-lazy-src]{ opacity: 0;} img.lazyloaded{ -webkit-transition: opacity .2s linear 0.2s; -moz-transition: opacity .2s linear 0.2s; transition: opacity .2s linear 0.2s; opacity: 1;} /* Single project -------------- */ body.single-project, body.page-template-ricardo-bofill { overflow: hidden; } #single_project, #ricardo_bofill{ overflow: hidden; position: relative;} #single_project .cross, #page .cross, #ricardo_bofill .cross, #single_news .cross{ position: fixed; top: 17px; right: 30px; z-index: 200} #single_project .slick_counter, #ricardo_bofill .slick_counter{ position: fixed; top: 20px; left: 156px;} #download-btn, #download-selected{ cursor: pointer;} #download-btn:hover, #download-selected:hover{ text-decoration: underline;} #single_news .button{ margin-right: 5px; margin-bottom: 10px;} .project_nav{ position: fixed; width: 17%; height: 100%; z-index: 20; padding: 0 30px; text-transform: uppercase; color: #B83F00; display: block;} .project_nav:hover{ color: #B83F00} .project_nav span{ display: block; font-size: 9px; letter-spacing: 1px; line-height: 13px; opacity: 0} .project_nav.project_prev{ left: 0; cursor: url('img/arrow-left.svg') 0 0, auto;} .project_nav.project_next{ right: 0; text-align: right; cursor: url('img/arrow-right.svg') 38 0, auto;} .project_nav.project_prev:hover span, .project_nav.project_next:hover span{ opacity: 1;} .slick_layer .project_nav{ top: 0;} .project_prev{ left: 0; cursor: url('img/arrow_left.svg') 0 0, auto;} .project_next{ right: 0; text-align: right; cursor: url('img/arrow-right.svg') 38 0, auto;} /* La Fabrica - Read ----------------- */ .two_contents{} .two_contents .two_contents_block{ margin-bottom: 15px; font-size: 0;} .two_contents .two_contents_block .content_image, .two_contents .two_contents_block .content_text{ display: inline-block; vertical-align: top} .two_contents .two_contents_block .content_image{ width: 30%;} .two_contents .two_contents_block .content_text{ width: 70%; font-size: 22px; line-height: 24px; font-family: 'VanDijckMTStd'; padding-left: 30px;} .two_contents .two_contents_block.float_left .content_text{ padding-left: 0; padding-right: 30px;} .two_contents .two_contents_block .read_gallery{ width: 100%; position: relative; padding: 10px 0 30px; display: none} .two_contents .two_contents_block .read_gallery.active{ display: block} .two_contents .two_contents_block .content_text .read_more{ font-family: 'FGroteskBook'; font-size: 11px; text-transform: uppercase; color: #B83F00; position: relative; cursor: pointer;} .two_contents .two_contents_block.disable .content_text .read_more{ opacity: 0} .two_contents .two_contents_block .read_gallery .title{ position: relative;} .two_contents .two_contents_block .read_gallery img{ max-height: 720px; width: auto; max-width: 100%; margin: 0 auto;} .two_contents .two_contents_block .read_gallery .slick_regular{ margin: 40px auto 10px; display: block; opacity: 0; } .two_contents .two_contents_block .read_gallery .cross{ position: absolute; right: 0; top: 10px;} .two_contents .two_contents_block .read_gallery .slick_counter{ margin: 0 auto 20px; font-size: 13px;} .two_contents .two_contents_block .read_gallery .tags{ display: table; width: auto; margin: 0 auto; padding: 0; list-style: none} .two_contents .two_contents_block .read_gallery .tags li{ cursor: pointer; display: inline-block; margin: 0 3px; font-size: 13px; color: #B83F00; letter-spacing: 1px; line-height: 28px; text-transform: uppercase; padding: 0 10px;} .touch #read .slick-arrow{ display: none !important} /* La Fabrica - See ---------------- */ #see{ padding-bottom: 60px;} #see .gallery{ height: 255px; margin-bottom: 15px; cursor: pointer;} #see .gallery h2{ font-size: 90px; line-height: 100px; color: #FFEB00; letter-spacing: 5px; text-transform: uppercase; opacity: 0;} #see .gallery:hover h2{ opacity: 1;} .touch #see .gallery h2{ opacity: 1;} /* La Practice - Team ------------------ */ #ricardo_bofill .content_text, #profile .content_text{ padding-bottom: 60px;} #team { padding: 0; } #team .team{ font-size: 0; margin-left: -5px; margin-right: -5px; position: relative} #team .team .team_item{ display: inline-block; vertical-align: top; width: 10%; padding: 5px; position: relative; cursor: pointer} #team .team .team_item img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);} #team .team .team_item .team_item_info{ position: absolute; width: 100%; display: none;} #team .team .team_item.op_up .team_item_info{ bottom: 5px;} #team .team .team_item.op_down .team_item_info{ top: 5px;} #team .team .team_item.op_left .team_item_info{ right: 5px; padding-left: 10px;} #team .team .team_item.op_right .team_item_info{ left: 5px; padding-right: 10px;} #team .team .team_item .team_item_info.active{ display: block; width: 200%; z-index: 99;} #team .team .team_item .team_item_info .caption{ padding: 10px; font-size: 12px; line-height: 17px; background: #FFEB00; text-align: center; text-align: center;} #team .team .team_item .team_item_info .caption span{ display: block; text-transform: uppercase;} #team .slick_regular, #team .slick_regular img{ max-height: 700px; width: auto; margin: 0 auto;} .touch #team .slick_regular .slick-arrow{ display: none !important;} #team .slick_regular .slick-slide img{ opacity: 1;} #team .go_down{ position: absolute; bottom: 110px;} .team_slick_header{ position: relative; top: 0;} .intro_up .team_slick_header{ top: -45px;} .team_slick_header .hover_move{ cursor: pointer; position: absolute; left: 0; right: 0; bottom: 0; height: 100px; margin: auto; background: transparent; z-index: 9;} .team_slick_header .cover { background-size: contain; } #team .list{ margin: 80px auto 40px; display: block} #team .list td{ vertical-align: top; width: 33.3333%;} #team .list .team_item{ cursor: pointer} #team .list .team_item.active td, #team .list .team_item:hover td{ border-bottom: 1px solid #B83F00 !important} #team .list tr.hidden_content:hover td{ border: none;} #team .list tr.hidden_content .subcontent{ max-height: 0; overflow: hidden;} #team .list tr .subcontent_responsive{ display: none} #team .list tr.hidden_content.active .subcontent{ font-size: 14px; line-height: 17px; padding: 10px 0 30px; max-height: 9999px;} #team .list tr.hidden_content.active .subcontent a{ transition: none; -webkit-transition: none; font-size: 9px; letter-spacing: 1px; text-transform: uppercase} #team .list tr .image img{ width: 75%; max-width: 400px; } #team .list tr .content > div{ max-width: 75%;} .page-template-team .title_single{ position: relative;} .page-template-team .title_single:hover h1, .page-template-team .title_single.active h1{ opacity: 1;} .page-template-team .title_single.active h1{ position: relative; top: 5px} .page-template-team .title_single .gallery_bottom{ height: 0; max-height: 0; overflow: hidden} .page-template-team .title_single .slick_regular{ padding-top: 4vh;} .page-template-team .title_single.active .gallery_bottom{ height: calc(100vh - 120px); max-height: 100vh; text-align: center;} .page-template-team .title_single .gallery_bottom .slick-slide{ height: 75vh;} .page-template-team .title_single .gallery_bottom img{ max-width: 90%; max-height: 76vh; width: auto; height: auto; margin: 0px auto 0} .page-template-team .title_single .gallery_bottom .slick_counter{ margin-top: 3vh;} .page-template-team .title_single.active .gallery_bottom .cross{ right: 45px; position: absolute; top: 15px; width: 20px;} /* News ---- */ #news .the_grid{ margin-left: -15px; margin-right: -15px; font-size: 0} #news .the_grid .border-thmb{ border: 1px solid #B83F00} #news .the_grid .border-thmb:hover{ border: 1px solid #B83F00} #news .the_grid h3{ font-size: 14px; text-transform: uppercase; color: #B83F00; padding: 0 50px; margin: 12px auto 6px;} #news .the_grid h4{ color: #B83F00; font-size: 9px; letter-spacing: 1px; margin-bottom: 10px;} #news .big{ width: 50%} #news .medium{ width: 33.3333%} #news .small{ width: 25%;} /* Contact ------- */ #contact{color: #B83F00; padding: 0 30px} #contact h1{ font-size: 17px; line-height: 21px; font-weight: normal; text-transform: uppercase; color: #B83F00; letter-spacing: 1px;} #contact a{ color: #B83F00; border-bottom: 1px solid transparent} #contact a:hover{ color: #B83F00; border-bottom: 1px solid #B83F00} #contact .social, #contact .social.responsive{ font-size: 0; display: block; margin: 0 auto} #contact .social.responsive{ display: none} #contact .social .social_item, #contact .social.responsive .social_item{ font-size: 17px; text-transform: uppercase; color: #B83F00; display: inline-block; vertical-align: top; margin: 0 10px;} #contact .instagram{ font-size: 0; margin-top: 30px; margin-bottom: 40px;} #contact .instagram .ig_item{ width: 16.66666%; display: inline-block; vertical-align: top; padding: 0 7px; margin-bottom: 14px;} #contact .content div{ margin-bottom: 30px; text-transform: none; font-size: 17px; line-height: 21px;} #contact .content_bottom{ margin-top: 40px; font-size: 9px; letter-spacing: 1px; line-height: 13px; } #contact .content_bottom a{ text-decoration: underline;} #contact .links nav ul{ display: table; margin: 0 auto; width: auto; text-align: center; padding: 0; list-style: none} #contact .links nav ul li{ margin: 0 20px; display: inline-block;} #contact .title, #contact .contact_info, #contact .socialmedia, #contact .links{ border: 1px solid #B83F00; padding: 30px; margin-bottom: -1px;} #contact .contact_info{ padding-bottom: 0;} #contact .links{ border-bottom: 0; padding-top: 60px} body.error404 #main { height: 100vh; } body.error404 section { text-align: center; color: #B83F00; font-size: 17px; line-height: 24px;} body.error404 section h2 { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 30px; } /* Page ---- */ #page{color: #B83F00; text-transform: none; font-size: 17px; line-height: 24px; max-width: 760px; margin: 0 auto; padding: 0 30px 60px; position: relative} #page h1{ font-size: 17px; line-height: 21px; font-weight: normal; text-transform: uppercase; color: #B83F00; letter-spacing: 1px; margin-bottom: 35px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px;} #page a{ color: #B83F00; border-bottom: 1px solid transparent} #page a:hover{ color: #B83F00; border-bottom: 1px solid #B83F00} #page p { margin-bottom: 0; margin-top: 0; text-indent: 30px; } #page p:first-of-type { text-indent: 0; } #page p b, #page p strong { font-weight: normal; } /* Maps ---- */ .map{ position: absolute; z-index: -1; left: 0; top: 85px;} .map .acf-map { width: 100%; margin: 0; padding: 0;} .map .acf-map img { max-width: inherit !important;} #cookie-law-info-again{ display: none !important} #cookie-law-info-bar{ width: 330px; padding: 10px 15px; border-top: 1px solid #B83F00 !important; background: #fff; border: 1px solid #B83F00; color: #B83F00 !important; right: 30px !important; bottom: 15px !important; text-align: left; left: auto; box-shadow: none;} #cookie-law-info-bar a{ color: #B83F00 !important; display: block; text-transform: uppercase !important; font-size: 13px; } .cli-plugin-button{ color: #B83F00 !important; font-weight: normal !important; background: transparent !important; border: none !important; text-shadow: none !important; box-shadow: none !important; padding: 0 !important; margin: 20px 0 5px !important; text-transform: uppercase !important; letter-spacing: 1px; } .cli-plugin-main-link { margin-left: 0; } #cookie-law-info-bar a { letter-spacing: 1px; } /* Mediaqueries ------------ */ @media screen and (max-height: 850px){ #team .slick_regular, #team .slick_regular img{ max-height: 500px;} .page-template-templates .gallery_bottom .slick-slide{ height: 70vh;} } @media screen and (max-height: 650px){ .page-template-templates .gallery_bottom .slick-slide{ height: 65vh;} } @media screen and (max-width: 1150px){ #home_lafabrica .la_fabica_nav{ font-size: 120px; line-height: 120px;} } @media screen and (max-width: 1024px){ .cross.responsive.active{ opacity: 1; z-index: 999; top: 9px;} #accordion .slick-next{ right: -40px;} #accordion .slick-prev{ left: -40px;} /* Header */ header{ height: 50px; background: #fff; position: fixed; width: 100%; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;} .fixed header{ z-index: 9999;} .home header{ background: transparent;} header .burger{ position: absolute; top: 15px; left: 15px; width: 25px; height: 15px; background: transparent url('img/burger.svg') center center no-repeat; background-size: 100%; display: block; cursor: pointer} .init_top { margin-top: 51px;} header.up{ top: -50px;} /* Navigation */ header .navigation{ display: none;} header .navigation.active{ display: block; position: fixed; top: 0; left: 0; right: 0; height: 100%; background: #fff; padding: 60px 15px 0; z-index: 99999; overflow: auto; -webkit-overflow-scrolling: touch;} header .navigation .cross{ display: block; position: absolute; top: 14px; right: 15px; height: 15px; cursor: pointer} header .navigation .main_nav{ width: 100%; text-align: left; line-height: 50px; height: auto; padding: 0 15px;} header .navigation .main_top_navigation, header .navigation .lang{ width: 100%; position: relative; opacity: 1;} header .navigation .main_top_navigation > li, header .navigation .main_nav, header .navigation .lang span{ border: 0; width: 100%; height: auto; line-height: initial; border: none; text-align: left; padding: 0; text-indent: 15px;} header .navigation .main_top_navigation li > ul, header .navigation .lang ul{ width: 100%; position: relative; top: initial; border: none; padding: 0; max-width: 100%;} header .navigation .main_top_navigation li > ul.active, header .navigation .lang ul.active{ display: block !important;} header .navigation .main_top_navigation li > ul{ left: 0;} header .navigation .main_top_navigation li > ul:after{ content: ''; width: 1px; background: white; position: absolute; top: 0; height: 100%;} header .navigation .lang ul{ margin: -1px 0 0 0} header .navigation .main_top_navigation li > ul > li, header .navigation .lang ul li{ width: 100%; text-indent: 15px; line-height: initial; padding: 0} header .navigation .main_top_navigation li > ul > li > ul{ display: none !important} header .main_nav:hover, header .navigation .lang span:hover, header .navigation .main_top_navigation > li:hover, header .navigation .main_top_navigation > li.current-menu-item, header .navigation .main_top_navigation > li.current-menu-ancestor{} header .navigation .main_top_navigation li > ul > li:hover{ border-bottom: 0} header .navigation .main_top_navigation li > ul > li:hover, header .navigation .main_top_navigation li > ul > li.current-menu-item, header .navigation .lang a:hover, header .navigation .lang .active{ text-decoration: none;} header .navigation .lang span:hover > a, header .navigation .main_top_navigation > li:hover > a, header .navigation .main_top_navigation > li.current-menu-item > a, header .navigation .main_top_navigation > li.current-menu-ancestor > a, header .navigation .main_top_navigation li > ul > li:hover > a, header .navigation .main_top_navigation li > ul > li.current-menu-item > a, header .navigation .lang a:hover, header .navigation .lang .active{ opacity: .7; text-decoration: none} header .navigation .lang li a{ line-height: 50px} header .navigation .lang li a:hover, header .navigation .lang .active{ border-bottom: none} header .title_responsive{ top: 16px; display: inline-block; position: absolute; width: 70%; margin: auto; left: 0; right: 0; text-transform: uppercase; color: #B83F00; text-align: center; font-size: 11px; line-height: 15px} .home header .title_responsive{ display: none;} header .navigation .lang ul{ margin-top: -2px} header .navigation .main_top_navigation li ul a, header .navigation .lang a{ line-height: 46px;} header .navigation .main_top_navigation .menu-item-has-children a, header .navigation .lang ul li a, header .navigation .main_top_navigation a, header .navigation .lang a{ display: initial; padding-bottom: 0; border-bottom: 0 !important;} header .navigation a, header .navigation .lang, header .navigation .main_nav{ display: block !important; height: 46px; line-height: 46px; border: 1px solid #B83F00; width: 100%;} header .navigation .main_nav{ margin-bottom: -1px;} header .navigation .lang ul li a, header .navigation ul li ul li a{ border-left: 0; border-right: 0;} header .navigation .main_top_navigation li.menu-item-object-project > ul{ display: none !important} /* Home */ #home_footer{ display: block; padding: 15px;} #home_footer .content{ text-align: center; border: 1px solid #B83F00; color: #B83F00; padding: 25px;} #home_footer .content a{ color: #B83F00} #home_footer .content div{ text-transform: none; font-size: 17px; line-height: 21px;} #home_footer .content div:first-child{ margin-bottom: 20px;} #home_team .slick_regular, #home_team .slick_regular img{ height: auto !important} /* See */ #see .gallery h2{ font-size: 70px; line-height: 80px;} } @media screen and (max-width: 768px){ #news .item_masorny{ width: 50%} .table_list .publisher{ display: none} #team .team .team_item{ width: 16.6666%} #single_project .main_cross, #single_news .main_cross, #see .main_cross, #ricardo_bofill .main_cross, #research .main_cross{ top: 9px; right: 15px !important; width: 15px !important; z-index: 999} #single_project .main_cross.disabled, #single_news .main_cross.disabled, #see .main_cross.disabled, #ricardo_bofill .main_cross.disabled, #research .main_cross.disabled{ opacity: 0; z-index: -1} } @media screen and (max-width: 767px){ #cookie-law-info-bar { display: none !important; } .container-full, .container-small{ padding: 0 15px 60px} .right_nav{ display: none} .slick_regular_vertical{ padding: 0;} .accordion_main_container .accordion_container{ padding-bottom: 0;} /* Homepage */ #home_grid_masonry, #home_lafabrica, #home_team{ display: none} #home_fullscreen{ margin: 0;} #home_grid_masonry { padding-top: 0;} /* Projects */ #projects, #research{ padding: 50px 0;} #projects .item{ width: 100% !important;} #projects .item .layer_image .hover_caption{ bottom: 0; display: block; background: #fff; position: relative; height: auto; opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); } #projects .item .layer_image .hover_caption h3{ color: #B83F00;} .table_list .row-type, .table_list .row-status { display: none; } /* Research */ #research .item{ width: 33.33333% !important;} #research .item .layer_image .hover_caption{ display: none} /* Single project */ body.noscroll{ height: 100%; overflow: hidden; width: 100%; position: fixed; } #single_project .main_cross, #single_news .main_cross, #see .main_cross, #ricardo_bofill .main_cross, #research .main_cross{ top: 9px; right: 15px !important; width: 15px !important; z-index: 999} #single_project .main_cross.disabled, #single_news .main_cross.disabled, #see .main_cross.disabled, #ricardo_bofill .main_cross.disabled, #research .main_cross.disabled{ opacity: 0; z-index: -1} #single_project .project_nav, #see .project_nav, #single_project .slick_counter, #ricardo_bofill .slick_counter{ display: none} #single_project.up, #ricardo_bofill.up{ top: -300px;} #single_project .title_single, #ricardo_bofill .title_single{ display: none} .slick_regular_vertical .slick-next, .slick_regular_vertical .slick-prev { display: none !important; } .accordion_main_container{ display: none !important} .false_accordion{ position: fixed; z-index: 99; transform: translateY(-49px); -moz-transform: translateY(-49px); -webkit-transform: translateY(-49px); -o-transform: translateY(-49px); left: 0; right: 0; padding-bottom: 15px; display: block; } .false_accordion .arrows{ background: #fff; margin-bottom: 1px; border: none; height: 50px; position: relative;} .false_accordion .arrow_up{ width: 25px; height: 25px; background: white url('img/arrow_up.svg') center center no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 1;} .false_accordion .arrow_down{ width: 25px; height: 25px; background: white url('img/arrow_down.svg') center center no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0;} .false_accordion.active{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%);} .false_accordion.active .arrow_up{ opacity: 0} .false_accordion.active .arrow_down{ opacity: 1} .false_accordion h3{ width: 100%; text-align: center; text-transform: uppercase; background: #fff; font-size: 14px; letter-spacing: 1px; color: #B83F00; line-height: 50px; height: 50px; border: 1px solid #B83F00; margin-top: -1px; cursor: pointer} .false_accordion .carrousel_container{ height: 0; overflow: hidden; background: #fff;} .false_accordion.active .carrousel_container.active{ height: 170px;} .false_accordion .carrousel_container h5{ text-align: center; text-transform: uppercase; color: #B83F00; margin: 10px auto} .false_accordion .carrousel_container a{ color: #B83F00;} .false_accordion .carrousel_container .extras_content{ border: none;} .false_accordion .carrousel_container .text_icon{ height: 100px; width: 162px; background: transparent url('img/text.svg') center center no-repeat; background-size: 100%; margin: 0 auto;} .false_accordion .carrousel_container .the_text{ display: none} .false_accordion .carrousel_container .slick-slider{ width: 100%; margin: 0 auto;} .false_accordion .carrousel_container .slick-slider img{max-height: 100px !important; width: auto; margin: 0 auto;} .feat_image{ display: none} /* La Fabrica */ .two_contents .two_contents_block.float_left .content_text{ margin-bottom: 20px;} .two_contents .two_contents_block .content_image, .two_contents .two_contents_block .content_text{ width: 100%; padding: 0;} .two_contents .two_contents_block .content_text .read_more{ display: none;} /* See */ #see .gallery{ height: 155px;} #see .gallery h2{ font-size: 30px; line-height: 32px;} /* Research */ #research .thumbnail{ opacity: 1; display: block} #research .list{ display: none} /* Team */ .content_text .wp-caption img{ height: auto} #team .list td, #team .team .team_item{ width: 100%;} #team .go_down, #team .slick_regular, #team .slick_counter{ display: none;} #team .slick_regular{ display: none} .team_slick_header{ display: block; height: 100vh;} .team_slick_header .slick-initialized .slick-slide{ position: relative; background: transparent !important;} .team_slick_header .slick-initialized .slick-slide img{ max-width: 100%; max-height: 100vh; margin: 0 auto; opacity: 1; z-index: 10} .table_list td{ width: 50%; font-size: 12px} .table_list .name{ text-transform: uppercase;} .table_list .last_row, .table_list .charge{ display: none} #team .list tr .image img{ width: 100%; max-width: 100%;} #team .list tr .content .subcontent{ display: none} #team .list tr.hidden_content.active .subcontent_responsive{ display: block; font-size: 12px; line-height: 15px;} #team .list { margin: 80px auto 0px;} .page-template-team .title_single{ padding-bottom: 0} .page-template-team .title_single.active .gallery_bottom .cross{ right: 30px; top: 15px; width: 15px;} #team .list .team_item.active td, #team .list .team_item:hover td{ border-bottom: 0 !important;} #team .list .subcontent_responsive{ border-bottom: 1px solid #B83F00 !important; margin-bottom: 10px;} #team .list tr.hidden_content.active .subcontent{ margin-bottom: -10px} /* News */ #home_grid_masonry .item_masorny, #news .item_masorny{ width: 100%; position: relative !important; top: initial !important;} #news .the_grid h3{ padding: 0 10px;} /* Contact */ #contact{ padding: 0 15px; font-size: 14px; line-height: 19px; margin-bottom: 15px;} #contact h4, #contact .social, #contact .instagram{ display: none;} #contact .social.responsive{ display: block !important; margin: -1px 0 0 0;} #contact .social.responsive .social_box{ border: 1px solid #B83F00; padding: 20px;} #contact .content div { margin-bottom: 25px;} #contact .socialmedia{ display: none} #contact .content_bottom{ border: 1px solid #B83F00; padding: 20px 20px 0; font-size: 14px; line-height: 19px; margin: -1px 0 0 0;} #contact .content_bottom a{ display: block; margin-bottom: -10px} #contact .links{ padding-top: 30px; border-bottom: 1px solid #B83F00;} #contact .links nav ul li { margin: 0 10px;} } /* Print ----- */ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;} a, a:visited { text-decoration:underline;} a[href]:after { content:" (" attr(href) ")";} abbr[title]:after { content:" (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"";} pre,blockquote { border:1px solid #999; page-break-inside:avoid;} thead { display:table-header-group;} tr,img { page-break-inside:avoid;} img { max-width:100% !important;} @page { margin:0.4cm;} p, h2, h3 { orphans:3; widows:3;} h2, h3 { page-break-after:avoid;} }