/* Theme Name: Transfer Arch Theme URI: http://www.transfer-arch.com/ Description: Transfer Arch template Version: 1.3.5 Author: Andreu Llos (@andreullos) & Aitor Murillo (@murisho) Author URI: http://andreullos.com Text Domain: wmtr Domain Path: /lang */ /* Typography ---------- */ @font-face{font-family:'AvenirNextMedium';src:url(fonts/AvenirNext-Medium.eot);src:url(fonts/AvenirNext-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/AvenirNext-Medium.woff) format("woff"),url(fonts/AvenirNext-Medium.ttf) format("truetype"),url(fonts/AvenirNext-Medium.svg#AvenirNext-Medium) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'AvenirNextMedium';src:url(fonts/AvenirNext-MediumItalic.eot);src:url(fonts/AvenirNext-MediumItalic.eot?#iefix) format("embedded-opentype"),url(fonts/AvenirNext-MediumItalic.woff) format("woff"),url(fonts/AvenirNext-MediumItalic.ttf) format("truetype"),url(fonts/AvenirNext-MediumItalic.svg#AvenirNext-MediumItalic) format("svg");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'AvenirNextBold';src:url(fonts/AvenirNext-Bold.eot);src:url(fonts/AvenirNext-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/AvenirNext-Bold.woff) format("woff"),url(fonts/AvenirNext-Bold.ttf) format("truetype"),url(fonts/AvenirNext-Bold.svg#AvenirNext-Bold) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'AvenirNextBold';src:url(fonts/AvenirNext-BoldItalic.eot);src:url(fonts/AvenirNext-BoldItalic.eot?#iefix) format("embedded-opentype"),url(fonts/AvenirNext-BoldItalic.woff) format("woff"),url(fonts/AvenirNext-BoldItalic.ttf) format("truetype"),url(fonts/AvenirNext-BoldItalic.svg#AvenirNext-BoldItalic) format("svg");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'AvenirNextDemi-Bold';src:url(fonts/AvenirNext-DemiBold.eot);src:url(fonts/AvenirNext-DemiBold.eot?#iefix) format("embedded-opentype"),url(fonts/AvenirNext-DemiBold.woff) format("woff"),url(fonts/AvenirNext-DemiBold.ttf) format("truetype"),url(fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'AvenirNextDemi-Bold';src:url(fonts/AvenirNext-DemiBoldItalic.eot);src:url(fonts/AvenirNext-DemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(fonts/AvenirNext-DemiBoldItalic.woff) format("woff"),url(fonts/AvenirNext-DemiBoldItalic.ttf) format("truetype"),url(fonts/AvenirNext-DemiBoldItalic.svg#AvenirNext-DemiBoldItalic) format("svg");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'FreightTextBook';src:url(fonts/FreightTextBook.eot);src:url(fonts/FreightTextBook.eot?#iefix) format("embedded-opentype"),url(fonts/FreightTextBook.woff) format("woff"),url(fonts/FreightTextBook.ttf) format("truetype"),url(fonts/FreightTextBook.svg#FreightTextBook) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'FreightTextBook';src:url(fonts/FreightText-BookItalic.eot);src:url(fonts/FreightText-BookItalic.eot?#iefix) format("embedded-opentype"),url(fonts/FreightText-BookItalic.woff) format("woff"),url(fonts/FreightText-BookItalic.ttf) format("truetype"),url(fonts/FreightText-BookItalic.svg#FreightText-BookItalic) format("svg");font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'FreightTextMedium';src:url(fonts/FreightTextMedium.eot);src:url(fonts/FreightTextMedium.eot?#iefix) format("embedded-opentype"),url(fonts/FreightTextMedium.woff) format("woff"),url(fonts/FreightTextMedium.ttf) format("truetype"),url(fonts/FreightTextMedium.svg#FreightTextMedium) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'FreightTextBold';src:url(fonts/FreightTextBold.eot);src:url(fonts/FreightTextBold.eot?#iefix) format("embedded-opentype"),url(fonts/FreightTextBold.woff) format("woff"),url(fonts/FreightTextBold.ttf) format("truetype"),url(fonts/FreightTextBold.svg#FreightTextBold) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'FreightDispBold';src:url(fonts/FreightDispBold.eot);src:url(fonts/FreightDispBold.eot?#iefix) format("embedded-opentype"),url(fonts/FreightDispBold.woff) format("woff"),url(fonts/FreightDispBold.ttf) format("truetype"),url(fonts/FreightDispBold.svg#FreightDispBold) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'Inconsolata-Regular';src:url(fonts/Inconsolata-Regular.eot);src:url(fonts/Inconsolata-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/Inconsolata-Regular.woff) format("woff"),url(fonts/Inconsolata-Regular.ttf) format("truetype"),url(fonts/Inconsolata-Regular.svg#Inconsolata-Regular) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'Inconsolata-Regular';src:url(fonts/Inconsolata-Bold.eot);src:url(fonts/Inconsolata-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Inconsolata-Bold.woff) format("woff"),url(fonts/Inconsolata-Bold.ttf) format("truetype"),url(fonts/Inconsolata-Bold.svg#Inconsolata-Bold) format("svg");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:'ParalucentLight';src:url(fonts/Paralucent-Light.eot);src:url(fonts/Paralucent-Light.eot?#iefix) format("embedded-opentype"),url(fonts/Paralucent-Light.woff) format("woff"),url(fonts/Paralucent-Light.ttf) format("truetype"),url(fonts/Paralucent-Light.svg#Paralucent-Light) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'Paralucent-Medium';src:url(fonts/Paralucent-Medium.eot);src:url(fonts/Paralucent-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/Paralucent-Medium.woff) format("woff"),url(fonts/Paralucent-Medium.ttf) format("truetype"),url(fonts/Paralucent-Medium.svg#Paralucent-Medium) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'Paralucent-Bold';src:url(fonts/Paralucent-Bold.eot);src:url(fonts/Paralucent-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Paralucent-Bold.woff) format("woff"),url(fonts/Paralucent-Bold.ttf) format("truetype"),url(fonts/Paralucent-Bold.svg#Paralucent-Bold) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'Paralucent-DemiBold';src:url(fonts/Paralucent-DemiBold.eot);src:url(fonts/Paralucent-DemiBold.eot?#iefix) format("embedded-opentype"),url(fonts/Paralucent-DemiBold.woff) format("woff"),url(fonts/Paralucent-DemiBold.ttf) format("truetype"),url(fonts/Paralucent-DemiBold.svg#Paralucent-DemiBold) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'ParalucentCond-Medium';src:url(fonts/ParalucentCond-Medium.eot);src:url(fonts/ParalucentCond-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/ParalucentCond-Medium.woff) format("woff"),url(fonts/ParalucentCond-Medium.ttf) format("truetype"),url(fonts/ParalucentCond-Medium.svg#ParalucentCond-Medium) format("svg");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?4fybxr);src:url(fonts/icomoon.eot?4fybxr#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?4fybxr) format("truetype"),url(fonts/icomoon.woff?4fybxr) format("woff"),url(fonts/icomoon.svg?4fybxr#icomoon) format("svg");font-weight:400;font-style:normal} [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-n:before{content:"\e908"}.icon-s:before{content:"\e909"}.icon-a:before{content:"\e90a"}.icon-e:before{content:"\e90b"}.icon-f:before{content:"\e90c"}.icon-r:before{content:"\e90d"}.icon-t:before{content:"\e90e"}.icon-next_slim:before{content:"\e906"}.icon-prev_slim:before{content:"\e907"}.icon-next:before{content:"\e900"}.icon-prev:before{content:"\e901"}.icon-burguer:before{content:"\e902"}.icon-play:before{content:"\e903"}.icon-plus:before{content:"\e904"}.icon-search:before{content:"\e905"}.icon-twitter:before{content:"\e90f"} /* Misc ---- */ body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; font-family: 'AvenirNextMedium'; font-size: 13px; line-height: 21px; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; overflow-x: hidden} a{ color: #000; 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: #B13A1B; 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; } textarea{ resize: none; } 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: #fff; background: #B13A1B;} ::selection { color: #fff; background: #B13A1B;} :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; } .container-fluid{ max-width: 1440px; margin: 0 auto; padding: 0 40px} .img-responsive{ width: 100%;} .fullscreen{ width: 100%; height: 92vh; margin: 0 auto; padding: 0;} .home .fullscreen { height: 100vh; } .cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;} .fluid-embed{ position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 0; 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;} .v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;} .bg-parallaxed{ background-position: 50% 0;} #wrapper{ width: 100%; min-height: 100vh; position: relative; top: 0; z-index: 10} .show_about #wrapper, .show_newsletter #wrapper, .show_support #wrapper, .search #wrapper{ top: 195px;} .top_init{ padding-top: 150px} .top_single{ padding-top: 96px} .single-counterpoint .top_single{ background: #F9F7F3;} .single-counterpoint .writter_by{ background: #fff} .more{ font-size: 16px; line-height: 18px; letter-spacing: 1.5px; color: #34332e; text-align: center; margin-bottom: 60px; text-transform: uppercase} .more .icon-plus{ font-size: 30px; color: #B13A1B; margin-bottom: 15px;} .related_title{ margin: 40px auto 60px; text-align: center; font-size: 17px; letter-spacing: 0.6px; line-height: 29px; color: #B13A1B;} .flickity-page-dots{ bottom: -35px; left: 0; right: 0; margin: auto} .flickity-page-dots .dot{ width: 7px; height: 7px; background: #9b9b9b; opacity: 1; margin: 0 5px;} .flickity-page-dots .dot.is-selected{ background: #B13A1B;} .hide_dots .flickity-page-dots{ display: none !important} .to_swipe{ position: relative; 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; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%);} .swipe .to_swipe{ position: relative; transform: translateX(235px); -webkit-transform: translateX(235px); -moz-transform: translateX(235px);} .home .monography-posts.is-draggable.drag_this .flickity-viewport{ cursor: url(img/drag.svg), auto;} /* Top announcemment ----------------- */ .ann_top{ width: 100%; position: fixed; top: 0; left: 0; height: calc(100vh / 2); background: #fff; z-index: 2; cursor: pointer;} .ann_top img{ display: none; width: auto; max-height: 95%; height: auto; max-width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto} .is_ann{ padding-top: 20px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;} .show_ann{ padding-top: calc(100vh / 2); overflow: hidden; position: fixed; top: 0;} .show_ann .ann_top img{ display: block} .show_ann .ann_layer{ z-index: 8888; opacity: 1;} .ann_layer{ position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(174, 35, 0, .9); z-index: -1; opacity: 0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;} .ann_layer .go_to_transfer{ position: absolute; left: 0; right: 0; display: inline-block; width: 200px; cursor: pointer; top: 30px; text-transform: uppercase; margin: auto; color: #FFF; text-align: center; font-size: 17px;} .ann_layer .go_to_transfer .icon-plus{ padding-bottom: 16px;} .ann_layer .go_to_transfer .icon-plus:before{ color: #fff; font-size: 36px;} /* Red layer --------- */ a .layer_image{ margin-bottom: 45px; position: relative;} a .layer_image .layer_red{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #B13A1B; opacity: 0; z-index: 9; mix-blend-mode: screen;} a .layer_image .layer_red img{ opacity: 1;} a:hover .layer_image .layer_red{ opacity: 1;} a:hover .layer_image img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);} .Explorer a .layer_image .layer_red{ background: #000; opacity: .4;} .Explorer a:hover .layer_image .layer_red{ background: #B13A1B; opacity: .5;} .Explorer a .layer_image img, .Explorer a:hover .layer_image img{} /* Flickity -------- */ .flickity-prev-next-button{ width: 38px; height: 78px !important; border: none !important; border-radius: 0; background: transparent !important;} .flickity-prev-next-button svg{ left: 0; top: 0; width: auto; height: 100%;} .flickity-prev-next-button .arrow { fill: #fff; width: 38px; height: 78px !important;} .flickity-prev-next-button.previous svg{ left: -16px;} .flickity-prev-next-button.next svg{ left: -20px;} .flickity-prev-next-button.previous{ left: 0;} .flickity-prev-next-button.next{ right: 0;} .responsive_nav{ display: none;} /* Header ------ */ header{ position: absolute; top: 0; left: 0; width: 100%; height: 96px; background: #fff; z-index: 100;} .home header{ background: transparent} header a{ color: #000;} header .site_title{ text-transform: uppercase; position: absolute; top: 38px; left: 35px; z-index: 1; margin: auto;} header .site_title .logo_transfer span{ font-size: 20px;} header .site_title .logo_transfer .line{ display: inline-block; height: 4px; background: #000; position: relative; bottom: 7px; width: 37px; transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out;} header .site_title:hover .logo_transfer .line, header .site_title:active .logo_transfer .line, header .site_title:focus .logo_transfer .line{ background: #B13A1B} header.first_load .site_title .logo_transfer .line{ width: 0px;} header .main_navigation{ position: absolute; top: 38px; left: 0; right: 0; margin: auto; font-size: 16px; text-align: center;} header .main_navigation ul{ display: table; margin: 0 auto; padding: 0; list-style: none} header .main_navigation ul li{ margin: 0 25px; display: inline-block;} header .main_navigation ul li.current-menu-item a{ color: #B13A1B;} header .main_submenu{ position: absolute; top: 38px; right: 88px; display: table; margin: 0; padding: 0; list-style: none} header .main_submenu li{ display: inline-block; margin-left: 30px; font-size: 16px;} header .main_submenu li:hover{ color: #B13A1B; cursor: pointer} header .icon-search{ top: 34px; font-size: 24px; position: absolute; right: 35px; z-index: 10; cursor: pointer} header .icon-burguer{ display: none} header .menu-item-7624 a, #menu-item-6066 a, header .menu-item-7745 a { color: #ff674c; } header .menu-item-7624 a:hover, #menu-item-6066 a:hover, header .menu-item-7745 a:hover { color: #000; } .site_description{ position: absolute; left: 42px; top: 65px; font-size: 13px; letter-spacing: 0.2px;} .overpass header{ position: fixed; top: 0; background: #fff; height: 50px; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); border-bottom: 1px solid #979797;} .overpass header .site_title, .overpass header .main_navigation, .overpass header .main_submenu{ top: 15px;} .overpass header .icon-search{ top: 11px;} .overpass header .site_title .logo_transfer span { font-size: 16px;} .overpass header .site_title .logo_transfer .line { height: 3px; bottom: 6px;} .show_nav.overpass header, .show_responsive header{ transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%);} .search.show_nav.overpass header, .show_about.show_nav.overpass header, .show_support.show_nav.overpass header, .show_newsletter.show_nav.overpass header{ top: 195px;} .overpass header .site_description{ display: none} header .main_submenu li:nth-child(3), header .main_submenu li:nth-child(5) { display: none; } header .transfer-next-link { color: #000; border-bottom: 1px solid #000; transition: none; } header .transfer-next-link:hover { border-bottom: none; color: #000; } header .main_navigation .menu-item-9999999999 a { text-decoration: underline; } /* @media (min-width: 1491px) { header .main_navigation{ left: 225px; right: 390px; right: 262px; } } @media (max-width: 1490px) { header .main_navigation{ left: 225px; right: 355px; right: 240px; } }*/ /* Single navigation ----------------- */ #single{ width: 100%; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; text-align: center; font-size: 0; position: relative; background: #fff; top: 0; z-index: 50;} #single .left_nav{ border-right: 1px solid #000; text-align: center; width: 210px; padding: 0 20px; line-height: 50px; font-size: 16px; letter-spacing: 0.9px; color: #000000; text-transform: uppercase; float: left; position: relative; z-index: 99; background: #fff;} #single .main{ overflow: hidden; line-height: 50px; font-size: 16px; letter-spacing: 0.8px; color: #000; position: absolute; left: 0; right: 0; margin: auto; z-index: 1; height: 50px} #single .main br { display: none; } #single .main span{ color: #B13A1B; text-transform: capitalize} #single .right_nav{ overflow: hidden; position: relative; line-height: 50px; width: 200px; float: right; font-size: 16px; font-family: 'AvenirNextMedium'; letter-spacing: 0.8px; color: #000; text-transform: uppercase; padding-right: 30px; position: relative; height: 50px; z-index: 99; text-align: right; background: #fff;} #single .right_nav a:hover{ color: #B13A1B;} #single .right_nav .share_top{ position: absolute; top: 0; right: 40px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); cursor: pointer;} #single .right_nav .share_bottom{ position: absolute; right: 40px; font-size: 13px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); cursor: pointer;} #single .right_nav:hover .share_top, #single .right_nav:focus .share_top{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);} #single .right_nav:hover .share_bottom, #single .right_nav:focus .share_bottom{ -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);} #single .right_nav .share_bottom .desktop{ display: inline-block} #single .right_nav .share_bottom .responsive{ display: none} #single .right_nav button { font-family: 'AvenirNextMedium'; font-size: 13px; line-height: 50px; background-color: transparent; border: none; padding: 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; } #single .right_nav button:hover { color: #B13A1B; } body.overpass .top_single { padding-top: 149px;} .overpass #single{ position: fixed; left: 0; right: 0; top: -1px;} .overpass.show_nav #single{ top: 49px;} .overpass.navigation.show_nav #single, .overpass.show_about.show_nav #single, .overpass.show_support.show_nav #single, .overpass.show_newsletter.show_nav #single, .overpass.search.show_nav #single{ top: 245px} /* Homepage -------- */ .home_header{ text-align: center; overflow: hidden} .home_header article{ margin-top: 35px;} .home_header .header_layer h2{ font-family: 'Paralucent-Medium'; color: #fff; font-size: 100px; line-height: 100px; letter-spacing: -3px; margin-bottom: 35px; margin-top: 20px; max-width: 80%; margin-left: auto; margin-right: auto;} .home_header .header_layer h4{ font-family: 'FreightTextMedium'; color: #fff; font-size: 24px; line-height: 28px; /* letter-spacing: -0.4px; */ max-width: 580px; margin: 9px auto 0} .black .home_header .header_layer h2, .black .home_header .header_layer h4, .black .home_header .header_layer .author{ color: #000;} .red .home_header .header_layer h2, .red .home_header .header_layer h4, .red .home_header .header_layer .author{ color: #B13A1B;} .home_header .header_layer span{ font-size: 17px; line-height: 17px; letter-spacing: .7px; color: #B13A1B;} .home_header .header_layer .author{ font-size: 17px; line-height: 17px; letter-spacing: .7px; color: #fff; position: relative; top: -20px; font-style: italic;} .home_header .flickity-prev-next-button .arrow { fill: #fff; width: 38px; height: 78px !important;} .home_header .flickity-prev-next-button.previous{ left: 40px;} .home_header .flickity-prev-next-button.next{ right: 40px;} .home_header .flickity-page-dots { bottom: 25px;} .home_header .header_layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: 20;} .home_header .layer_video{ width: 100%; height: 100vh;} .home_header .layer_video .video-js{ position: relative; z-index: 1} .home_header .fullscreen{ overflow: hidden} .home_header .block_title span { display: block; text-transform: uppercase; } .home_header .block_title { max-width: 340px; margin: 40px auto 50px; text-align: center; font-family: 'AvenirNextDemi-Bold'; font-size: 16px; line-height: 21px; letter-spacing: .9px; position:relative; z-index: 10; } .home_header .block_title { color: #B13A1B; padding-left: 0; padding-right: 0; } .home_header .more{ bottom: 0; position: absolute; left: 50%; transform: translateX(-50%) !important; } .home_header .more a{ color: white; } .home_header .more a:hover { color: #B13A1B; } .home .fullscreen .video-js, .home .fullscreen .video-js .vjs-tech{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } .home_header .header_layer .link_all{ display: block; width: 100%; height: 100%;} .home_header .fullscreen article > div > div { opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; transform: translate(0px, 50px); -webkit-transform: translate(0px, 50px); -moz-transform: translate(0px, 50px); } .home_header .fullscreen.is-selected article > div > div { opacity: 1; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); } /* Init content ------------ */ .init_content{ max-width: 500px; margin: 0 auto; color: #B13A1B; text-align: center; margin-bottom: 105px;} .init_content h1{ font-family: 'AvenirNextDemi-Bold'; font-size: 24px; line-height: 24px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 25px;} .init_content .description{ font-family: 'FreightTextBook'; font-size: 24px; line-height: 28px; letter-spacing: .6px;} /* Block ----- */ .block{ padding-top: 40px; text-align: center} .block .block_title{ max-width: 340px; margin: 0 auto 50px; text-align: center; font-family: 'AvenirNextDemi-Bold'; font-size: 16px; line-height: 21px; letter-spacing: .9px;} .block .block_title span, body.page-template-about-transfer-next .block_title span{ display: block; text-transform: uppercase} .block .flickity-prev-next-button .arrow{ fill: #9b9b9b;} /* Block advertise --------------- */ .block_advertise{ font-size: 0; text-align: center; max-width: 1440px; margin: 20px auto; padding: 0px 20px; width: 100%;display: block;} .block_advertise .border_block{ border-top: 1px solid #B13A1B; border-bottom: 1px solid #B13A1B; padding: 20px 0;} .block_advertise .intro{ color: #B13A1B; font-size: 6.5px; text-transform: uppercase; margin-top: 90px;} .block_advertise .title{ font-family: 'Paralucent-Medium'; margin: 7px auto 18px; font-size: 61px; line-height: 1} .block_advertise .subtitle{ font-size: 8.5px; line-height: 1.2; font-style: italic; margin-bottom: 20px} .block_advertise .text{ font-family: 'FreightTextBook'; font-size: 12px; line-height: 14px; margin-bottom: 90px} .image_container{ display: inline-block; width: 50%; vertical-align: top; position: relative;} .image_container:first-child{ padding-right: 20px;} .image_container:last-child{ padding-left: 20px;} .block_advertise img{ max-height: 150px; margin: 0 auto; width: auto; max-width: 100%;} .image_container:first-child:after{ content: ''; position: absolute; width: 1px; height: 100%; top: 0; right: 0; background: #B13A1B} .image_container:last-child:after{ content: ''; position: absolute; width: 1px; height: 100%; top: 0; left: -1px; background: #B13A1B} /* Block monography ---------------- */ /* .block_monography .block_title{ color: #B13A1B;} .block_monography .monography-gallery-container{ margin-bottom: 65px;} .single-monography .grid{ font-size: 0; vertical-align: top; text-align: center; margin-bottom: 75px;} .block_monography .monography-gallery-container .monography-gallery{} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell{ padding: 0; width: 100%; height: auto; display: table;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell h3{ font-family: 'AvenirNextBold'; letter-spacing: -3px; font-size: 160px; line-height: 160px; text-transform: uppercase; margin-bottom: 35px;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .n_issue{ font-family: 'AvenirNextBold'; font-size: 45px; line-height: 1px; letter-spacing: -1.6px; margin-bottom: 55px; display: block} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell hr{ width: 90%; border-bottom: 1px solid #4a4a4a} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description, .grid .issue .description{ font-family: 'FreightTextMedium'; max-width: 600px; padding: 0; margin: 70px auto; font-size: 24px; line-height: 28px;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description .read_editorial, .grid .issue .description .read_editorial{ font-family: 'AvenirNextMedium'; font-size: 16px; color: #B13A1B; border-bottom: 1px solid #B13A1B;} .block_monography .monography-gallery-container .monography-posts .monography-post, .single-monography .grid .issue-post{ padding: 0 40px 0; width: 24%; border-left: 1px solid #979797; box-sizing: border-box; display: inline-block; vertical-align: top} .single-monography .grid .issue-post{ width: 25%;} .single-monography .grid .issue-post{ display: inline-block} .block_monography .monography-gallery-container .monography-posts .monography-post:first-child, .single-monography .grid .issue-post:first-child{ border: 0;} .block_monography .monography-gallery-container .monography-posts .monography-post .content, .single-monography .grid .issue-post .content{ display: table-cell; vertical-align: bottom; position: relative; padding-top: 65px;} .block_monography .monography-gallery-container .monography-posts .monography-post .content h5, .single-monography .grid .issue-post .content h5{ position: absolute; left: 0px; right: 0; text-align: center; top: 0; font-size: 17px; letter-spacing: .6px; color: #B13A1B;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption, .single-monography .issue-post .content a .caption{ min-height: 240px; position: relative; padding-bottom: 20px;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption h3, .single-monography .issue-post .content a .caption h3{ font-family: 'Paralucent-Medium'; font-weight: normal; font-size: 32px; line-height: 30px; letter-spacing: -0.5px; margin-bottom: 13px; text-transform: none;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption .author{ font-style: italic; font-size: 15px; line-height: 1.2; letter-spacing: 1px; display: block; margin-bottom: 20px;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption .excerpt, .single-monography .issue-post .content a .caption .excerpt{ font-family: 'FreightText'; font-size: 17px; line-height: 1.2; letter-spacing: 0px; padding-bottom: 25px;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption .post-counter, .single-monography .issue-post .content a .caption .post-counter{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption .post-counter .date, .single-monography .issue-post .content a .caption .post-counter .date{ display: block} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption .post-counter span, .single-monography .issue-post .content a .caption .post-counter span{ margin-right: 20px} .block_monography .monography-gallery-container .monography-posts .monography-post .content a .caption .post-counter span:last-child, .single-monography .issue-post .content a .caption .post-counter span:last-child{ margin: 0;} .block_monography .monography-gallery-container .monography-posts .monography-post .content a:hover .caption, .post-type-archive-monography .issue-post .content a:hover .caption, .single-monography .issue-post .content a:hover .caption{ color: #B13A1B} .block_monography .flickity-prev-next-button{ top: 70px;} .block_monography .flickity-prev-next-button .arrow{ fill: #4a4a4a;} .block_monography button.flickity-prev-next-button.previous{ left: 0;} .block_monography button.flickity-prev-next-button.next{ right: 0;} .block_monography hr{ border-color: #B13A1B; max-width: 1024px; margin: -15px auto 5px;} .block_monography .more{ margin-bottom: 30px} */ .single-monography .grid{ font-size: 0; vertical-align: top; text-align: center; margin-bottom: 75px;} .grid .issue .description{ font-family: 'FreightTextMedium'; max-width: 600px; padding: 0; margin: 70px auto; font-size: 24px; line-height: 28px; /* letter-spacing: -0.4px; */} .grid .issue .description .read_editorial{ font-family: 'AvenirNextMedium'; font-size: 16px; color: #B13A1B; border-bottom: 1px solid #B13A1B;} .single-monography .grid .issue-post{ padding: 0 40px 0; width: 24%; border-left: 1px solid #979797; box-sizing: border-box; display: inline-block; vertical-align: top} .single-monography .grid .issue-post{ width: 25%;} .single-monography .grid .issue-post{ display: inline-block} .single-monography .grid .issue-post:first-child{ border: 0;} .single-monography .grid .issue-post .content{ display: table-cell; vertical-align: bottom; position: relative; padding-top: 65px;} .single-monography .grid .issue-post .content h5{ position: absolute; left: 0px; right: 0; text-align: center; top: 0; font-size: 17px; letter-spacing: .6px; color: #B13A1B;} .single-monography .issue-post .content a .caption{ min-height: 240px; position: relative; padding-bottom: 20px;} .single-monography .issue-post .content a .caption h3{ font-family: 'Paralucent-Medium'; font-weight: normal; font-size: 32px; line-height: 30px; letter-spacing: -0.5px; margin-bottom: 13px; text-transform: none;} .single-monography .issue-post .content a .caption .excerpt{ font-family: 'FreightText'; font-size: 17px; line-height: 1.2; letter-spacing: 0px; padding-bottom: 25px;} .single-monography .issue-post .content a .caption .post-counter{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .single-monography .issue-post .content a .caption .post-counter .date{ display: block} .single-monography .issue-post .content a .caption .post-counter span{ margin-right: 20px} .single-monography .issue-post .content a .caption .post-counter span:last-child{ margin: 0;} .post-type-archive-monography .issue-post .content a:hover .caption, .single-monography .issue-post .content a:hover .caption{ color: #B13A1B} .block_monography{ padding-left: 0; padding-right: 0;} .block_monography .block_title{ color: #B13A1B; padding-left: 0; padding-right: 0;} .block_monography .monography-gallery-container{ margin-bottom: 65px;} .block_monography .monography-gallery-container .monography-gallery{ border-left: 1px solid #fff; padding-left: 20px; padding-right: 20px;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell{ padding: 0; width: 100%; height: auto;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell h3{ font-family: 'AvenirNextBold'; letter-spacing: -3px; font-size: 160px; line-height: 160px; text-transform: uppercase; margin-bottom: 35px;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .n_issue{ font-family: 'AvenirNextBold'; font-size: 45px; line-height: 1px; letter-spacing: -1.6px; margin-bottom: 55px; display: block} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell hr{ width: 90%; border-bottom: 1px solid #4a4a4a} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description{ font-family: 'FreightTextMedium'; max-width: 600px; padding: 0; margin: 70px auto; font-size: 24px; line-height: 28px; display: block;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description .read_editorial{ font-family: 'AvenirNextMedium'; font-size: 16px; color: #B13A1B; border-bottom: 1px solid #B13A1B;} .block_monography .monography-gallery-container .monography-posts2{ position: relative; padding-left: 40px; padding-right: 40px;} .block_monography .monography-gallery-container .monography-posts2 .monography-post{ padding: 0 40px 0; border-left: 1px solid #979797; box-sizing: border-box; display: inline-block; vertical-align: top} .block_monography .monography-gallery-container .monography-posts2 .slick-slide:first-child .monography-post{ border: 0;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content{ display: table-cell; vertical-align: bottom; position: relative; padding-top: 65px;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content h5{ position: absolute; left: 0px; right: 0; text-align: center; top: 0; font-size: 17px; letter-spacing: .6px; color: #B13A1B;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption{ min-height: 240px; position: relative; padding-bottom: 20px;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption h3{ font-family: 'Paralucent-Medium'; font-weight: normal; font-size: 32px; line-height: 30px; letter-spacing: -0.5px; margin-bottom: 13px; text-transform: none;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption .author{ font-style: italic; font-size: 15px; line-height: 1.2; letter-spacing: 1px; display: block; margin-bottom: 20px;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption .excerpt{ font-family: 'FreightText'; font-size: 17px; line-height: 1.2; letter-spacing: 0px; padding-bottom: 25px;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption .post-counter{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption .post-counter .date{ display: block} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption .post-counter span{ margin-right: 20px} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a .caption .post-counter span:last-child{ margin: 0;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content a:hover .caption{ color: #B13A1B} .block_monography .flickity-prev-next-button{ top: 70px;} .block_monography .flickity-prev-next-button .arrow{ fill: #4a4a4a;} .block_monography button.flickity-prev-next-button.previous{ left: 0;} .block_monography button.flickity-prev-next-button.next{ right: 0;} .block_monography hr{ border-color: #B13A1B; max-width: 1024px; margin: -15px auto 5px;} .block_monography .more{ margin-bottom: 30px} .block_monography .monography-gallery{ position:relative;} .block_monography .monography-gallery .slick-arrow{ width: 78px; height: 78px; position: absolute; top: 35px; z-index: 1; cursor: pointer;} .block_monography .monography-gallery .slick-prev{ left: 20px;} .block_monography .monography-gallery .slick-next{ right: 20px;} .block_monography .monography-gallery-container .monography-posts2 .slick-arrow{ top: 0; height: 100%; width: 78px; background: #fff;} .block_monography .monography-gallery-container .monography-posts2 .slick-arrow svg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 78px; height: 78px; } .block_monography .monography-gallery-container .monography-posts2 .slick-prev{ left: -5px;} .block_monography .monography-gallery-container .monography-posts2 .slick-next{ right: -5px;} body.home .block_news { display: inherit; } .block_monography.block_news_slider { display: none; } /* Block counterpoint ------------------ .block_counterpoint{ position: relative} .block_counterpoint .block_title{ color: #B13A1B;} .block_counterpoint .container-fluid{ position: relative;} .block_counterpoint .counterpoint-gallery{ text-align: center; width: 100%; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: -1px} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell{ height: 330px; width: 100%; text-align: center; display: table;} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell{ height: 330px; position: relative; display: table-cell; vertical-align: middle;} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell h3{ text-align: center; font-family: 'Paralucent-Medium'; font-size: 48px; line-height: 44px; max-width: 830px; padding: 0 30px; margin: 0 auto} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell .author{ font-family: 'AvenirNext-Medium'; text-align: center; font-size: 15px; line-height: 21px; max-width: 400px; padding: 0 30px; margin: 20px auto 0; position: relative; z-index: 9; display: block} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell a{ color: #000; display: block} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell a:hover h3, .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell a:hover .author{ color: #B13A1B} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell:hover img{ opacity: 1} .block_counterpoint .counterpoint-gallery-container h4{ font-size: 17px; color: #B13A1B; letter-spacing: .5px; line-height: 20px; position: absolute; margin: 20px 0 0 0; display: block; padding-bottom: 0; z-index: 1;} .block_counterpoint .counterpoint-gallery-container .post-counter{ position: absolute; bottom: 20px; left: 0; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .block_counterpoint .counterpoint-gallery-container .post-counter span{ margin-right: 20px} .block_counterpoint .counterpoint-gallery-container .post-counter span:last-child{ margin: 0;} .block_counterpoint .more{ margin-top: 45px; margin-bottom: 20px;} .block_counterpoint .more a{ color: #34332e;} .block_counterpoint .more a:hover{ color: #B13A1B;} */ /* Block experiences ----------------- */ .block_experiences{ position: relative; padding: 0; background: #34332e;} .block_experiences .experience-item-full{ padding: 0; position: relative;} .block_experiences .experience-item-full .bg_layer{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(74, 73, 74, 0.5)} .block_experiences .experience-item-full .block_title{ padding-top: 40px; color: #B13A1B; position: relative; z-index: 50} .block_experiences .experience-item-full .caption{ margin-top: -60px; position: relative; z-index: 50} .block_experiences .experience-item-full .caption h3{ font-family: 'FreightDispBold'; font-size: 100px; line-height: 100px; letter-spacing: -2.5px; color: #fff;} .block_experiences .experience-item-full .caption .author{ font-size: 22px; line-height: 22px; letter-spacing: .6px; color: #fff; margin-top: 30px; display: block;} .block_experiences .experience-item-full .caption .n_experience{ font-size: 22px; line-height: 22px; letter-spacing: .6px; color: #B13A1B; margin-bottom: 30px; display: block;} .block_experiences .experience-item-full .caption .play{ display: inline-blok; font-size: 56px; margin: 40px auto 0; color: #fff;} .block_experiences .experience-item-full .caption a:hover h3, .block_experiences .experience-item-full .caption a:hover .author, .block_experiences .experience-item-full .caption a:hover .n_experience, .block_experiences .experience-item-full .caption a:hover .play{ color: #B13A1B;} .block_experiences .gallery-experiences{ font-size: 0; padding: 60px 15px 105px;} .block_experiences .gallery-experiences .experience-item{ width: 25%; display: inline-block; vertical-align: top;} .block_experiences .gallery-experiences .experience-item a{ display: block; border-right: 1px solid #fff; position: relative;} .block_experiences .gallery-experiences .experience-item:last-child a{ border: 0;} .block_experiences .gallery-experiences .experience-item .thmb{ width: 50%; display: inline-block; vertical-align: top; padding: 5px 10px 5px 30px; position: relative;} .block_experiences .gallery-experiences .experience-item .thmb .play{ position: absolute; left: 15px; right: 0; top: 0; bottom: 0; margin: auto; font-size: 34px; color: #fff; width: 34px; height: 34px;} .block_experiences .gallery-experiences .experience-item .caption{ width: 50%; display: inline-block; text-align: left; vertical-align: top; padding: 5px 30px 5px 10px;} .block_experiences .gallery-experiences .experience-item .caption:last-child{} .block_experiences .gallery-experiences .experience-item .caption h3{ font-family: 'FreightDispBold'; letter-spacing: .2px; font-size: 22px; line-height: 21px; color: #fff; margin: 5px 0 30px} .block_experiences .gallery-experiences .experience-item .caption .n_experience{ font-size: 13px; line-height: 13px; color: #fff; display: block; margin: 5px 0 10px} .block_experiences .gallery-experiences .experience-item .caption .author{ font-size: 13px; line-height: 13px; color: #fff;} .block_experiences .gallery-experiences .experience-item .post-counter{ position: absolute; bottom: -45px; left: 30px; color: #fff; text-align: left; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .block_experiences .gallery-experiences .experience-item .post-counter span{ margin: 0 35px 0 0} .block_experiences .gallery-experiences .experience-item .post-counter span:last-child{ margin: 0;} .block_experiences .gallery-experiences .experience-item a:hover .caption h3, .block_experiences .gallery-experiences .experience-item a:hover .caption .author, .block_experiences .gallery-experiences .experience-item a:hover .caption .n_experience, .block_experiences .gallery-experiences .experience-item a:hover .play, .block_experiences .gallery-experiences .experience-item a:hover span{ color: #B13A1B} .block_experiences .more a{ color: #fff;} .block_experiences .more a:hover{ color: #B13A1B;} /* Block materiality ----------------- */ .block_materiality{ background: #fff; color: #B13A1B; position: relative; padding: 0; margin-top: 60px; margin-bottom: -20px;} .block_materiality .container-fluid { max-width: 1340px; } .block_materiality .materiality-gallery{ padding: 0; margin: 0 auto 25px; font-size: 0;} .block_materiality .materiality-gallery .materiality-item{ float: left; vertical-align: top; width: 50%; padding: 0 30px 0; border-left: 1px solid #000; margin-bottom: 45px} .block_materiality .materiality-gallery .materiality-item:first-child{ border: 0;} .block_materiality .materiality-gallery .materiality-item img{ margin-bottom: 65px;} .block_materiality .materiality-gallery .materiality-item .caption{ position: relative; border: 0; top: -20px; } .block_materiality .materiality-gallery .materiality-item h3{ font-family: 'Paralucent-Medium'; font-size: 40px; line-height: 40px;} .block_materiality .materiality-gallery .materiality-item h5{ font-style: italic; margin-top: 10px; font-size: 17px; line-height: 17px; letter-spacing: .5px;} .block_materiality .materiality-gallery .materiality-item .excerpt{ color: #000; opacity: 1; font-size: 20px; line-height: 26px; letter-spacing: .3px; margin-top: 35px; display: block; padding: 0 60px 60px;} .block_materiality .materiality-gallery .materiality-item a:hover .excerpt{ opacity: 1; color: #B13A1B;} .block_materiality .materiality-gallery .materiality-item a:hover .post-counter{ color: #B13A1B;} .block_materiality .materiality-gallery .materiality-item .post-counter{ display: block; color: #000; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px; position: absolute; bottom: 0; left: 0; right: 0;} .block_materiality .materiality-gallery .materiality-item .post-counter span{ margin: 0 10px} /* Block pedagogy -------------- */ .block_pedagogy{ background: #B13A1B; color: #fff; position: relative} .block_pedagogy a{ color: #fff;} .block_pedagogy .block_title{ color: #000;} .block_pedagogy .container-fluid{ position: relative} .block_pedagogy .pedagogy-gallery{ padding: 64px 110px 0; margin: 40px auto 65px;} .block_pedagogy .pedagogy-gallery .pedagogy-gallery-cell{ padding: 0; width: 100%; display: table;} .block_pedagogy .pedagogy-gallery .pedagogy-gallery-cell h3{ font-family: 'FreightTextBold'; font-size: 100px; line-height: 90px; color: #fff; max-width: 80%; margin: 0 auto;} .block_pedagogy .pedagogy-gallery .pedagogy-gallery-cell h5{ font-size: 17px; line-height: 24px; letter-spacing: .5px; color: #fff; max-width: 500px; margin: 12px auto 0;} .block_pedagogy .pedagogy-gallery .pedagogy-gallery-cell a:hover h3, .block_pedagogy .pedagogy-gallery .pedagogy-gallery-cell a:hover h5{ color: #000;} .block_pedagogy .post-counter{ position: absolute; bottom: 55px; left: 30px; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .block_pedagogy .post-counter span{ margin-right: 20px} .block_pedagogy .post-counter span:last-child{ margin: 0;} .block_pedagogy .more a{ color: #34332e;} .block_pedagogy .more a:hover, .block_pedagogy .more .icon-plus{ color: #fff;} .block_pedagogy .flickity-prev-next-button .arrow{ fill: #fff;} /* Block works ----------- */ .block_works{ background: #fff; color: #B13A1B; padding: 0; margin: 0; margin-bottom: -20px;} .block_works .block_title{ position: relative; margin: 0 auto; bottom: -70px; z-index: 9} .block_works .works-gallery{ padding: 0; margin: 0; width: 100%; height: 100vh;} .block_works .works-gallery .works-gallery-cell{ padding: 0; width: 100%; height: 100vh; display: table; position: relative;} .block_works .works-gallery .works-gallery-cell img{ padding: 0 50px; max-width: 1140px; width: 100%;} .block_works .works-gallery .works-gallery-cell .img_layer{ background: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .block_works .works-gallery .works-gallery-cell .img_layer h3{ font-family: 'FreightDispBold'; font-size: 120px; line-height: 1; color: #fff; max-width: 80%; margin: 0 auto;} .block_works .works-gallery .works-gallery-cell .img_layer h5{ font-style: italic; font-size: 17px; line-height: 1.2; letter-spacing: .6px; color: #fff; max-width: 80%; margin: 12px auto 0;} .block_works .more{ position: relative; margin: 0 auto; top: -115px;} .block_works .more a{ color: #FFF;} .block_works .more a:hover{ color: #B13A1B;} .block_works .works-gallery .works-gallery-cell a:hover h3, .block_works .works-gallery .works-gallery-cell a:hover h5{ color: #B13A1B} .single-work .flickity-prev-next-button{ width: 15%; height: 100%;} .block_works .flickity-prev-next-button .arrow{ fill: #fff;} .block_works button.flickity-prev-next-button.previous{ left: 40px;} .block_works button.flickity-prev-next-button.next{ right: 40px;} .single-work svg{ color: #B13A1B} /* Block delight ------------- */ .block_delight{ margin: 0 0 -63px 0;} .block_delight .block_title{ bottom: -110px} .block_delight .works-gallery .works-gallery-cell .img_layer h3{ position: relative; font-family: 'FreightTextBold'; font-style: italic; display: inline; border-bottom: 3px solid #fff;} .block_delight .works-gallery .works-gallery-cell .img_layer h5{ margin: 22px auto 0;} .block_delight .works-gallery .works-gallery-cell a:hover h3{ border-color: #B13A1B;} /* Block news ---------- */ .block_news{ background: #FDFBFA; color: #B13A1B;} .block_news .container-fluid{ padding: 0 85px;} .block_news .news-gallery{ padding: 0; margin: 0 auto 65px;} .block_news .news-gallery .news-gallery-cell{ padding: 0 35px 50px; width: 24%; display: inline-block; vertical-align: bottom; border-left: 1px solid #B13A1B;} .block_news .news-gallery .news-gallery-cell .news-table{ display: table; height: 100%;} .block_news .news-gallery .news-gallery-cell:first-child{ border: 0;} .block_news .news-gallery .news-gallery-cell .content{ display: table-cell; vertical-align: bottom; position: relative; padding-top: 65px; text-align: left} .block_news .news-gallery .news-gallery-cell .content a{ color: #B13A1B} .block_news .news-gallery .news-gallery-cell .content h5 { position: absolute; left: 0px; top: 0; font-size: 16px; letter-spacing: .5px;} .block_news .news-gallery .news-gallery-cell .content img{ margin-bottom: 20px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);} .block_news .news-gallery .news-gallery-cell .content .caption{ min-height: 150px; position: relative;} .block_news .news-gallery .news-gallery-cell .content .caption h3 { font-size: 35px; line-height: 33px; left: -0.6px; margin-bottom: 13px; color: #B13A1B; font-family: 'ParalucentCond-Medium';} .block_news .news-gallery .news-gallery-cell .content .caption .author { font-style: italic; font-size: 15px; line-height: 1.2; padding-bottom: 50px} .block_news .news-gallery .news-gallery-cell .content .caption .post-counter, .block_news .news-gallery .news-gallery-cell.transfer-next.video .post-counter { position: absolute; bottom: -50px; left: 0; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .block_news .news-gallery .news-gallery-cell .content .caption .post-counter span{ margin-right: 11px} .block_news .news-gallery .news-gallery-cell .content .caption .post-counter span:last-child{ margin: 0;} .block_news .more{ color: #34332e;} .block_news .more .icon-plus{ color: #B13A1B;} .block_news .flickity-prev-next-button .arrow{ fill: #B13A1B;} .block_news .flickity-prev-next-button.next{ right: -70px} .block_news .flickity-prev-next-button.previous { left: -70px;} /* Block Transfer Next ---------- */ body.home .block.block_news.block_transfer_next { padding-top: 85px; } .block_title.transfer_next { max-width: 370px; margin: 0 auto 90px; } .block_title.transfer_next img { max-width: 415px; max-width: 350px; } .block.block_news.block_transfer_next .block_title span, body.page-template-about-transfer-next .block_title span { font-family: 'AvenirNextDemi-Bold'; font-size: 24px; line-height: 24px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 25px; } .transfer_next_background, body.post-type-archive-transfer-next, body.page-template-about-transfer-next { background-color: #f9f7f3; } .transferNext-gallery { display: flex; flex-wrap: wrap; margin-bottom: 60px; } .transferNext-element, a.global-link { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; text-align: left; } .border-transferNext__element { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; border-left: 1px solid #B13A1B; padding: 0 35px; } .transferNext-element h5 { font-size: 16px; letter-spacing: .5px; padding-bottom: 45px; color: #B13A1B; } .transferNext-element h3 { z-index: 10; font-size: 32px; line-height: 32px; color: #B13A1B; font-family: 'Paralucent-Medium'; } .transferNext-element h3 a { color: #B13A1B; } .transferNext-element .excerpt { padding-top: 50px; } .transferNext-element .excerpt p { font-size: 17px; line-height: 20px; color: #B13A1B; } .transferNext-element .topContent { position: relative; } .transferNext-element .author { font-size: 17px; line-height: 1.2; } .transferNext-element .author span { display: none; } .transferNext-element .transferNext-authors { padding-top: 40px; margin: 0; color: #B13A1B; } .block_news .transferNext-gallery .transferNext-element .post-counter { font-size: 14px; width: 100%; padding-top: 40px; } .block_news .transferNext-gallery .transferNext-element .post-counter span { font-family: 'Inconsolata-Regular'; color: #B13A1B; } .block_news .transferNext-gallery .transferNext-element .post-counter span:last-child { float: right; } .block.block_news.block_transfer_next .container-fluid { padding-bottom: 20px; } .transferNext-element__link { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .transferNext-element.video h3 { padding-left: 5px; } .transferNext-element .layer_image { position: absolute; top: 60px; z-index: -1; opacity: 0.5; width: 100%; } .transferNext-element img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .transferNext-element img.video-image_transferNextElement { opacity: 0; margin-top: -60px; } .transferNext-element .layer_red { 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; } .transferNext-element .layer_image .layer_red{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #B13A1B; z-index: 9; mix-blend-mode: screen; } .transferNext-element:hover .layer_image .layer_red { opacity: 1; } .transferNext-element h3, .transferNext-element .excerpt p, .transferNext-element .transferNext-authors { 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;} .transferNext-element:hover h3, .transferNext-element:hover .excerpt p, .transferNext-element:hover .transferNext-authors { color: #000; } .transferNext-gallery.featuredContainer .transferNext-element .layer_image { position: inherit; top: 30px; } .transferNext-gallery.featuredContainer .transferNext-element h3 {font-size: 45px; line-height: 45px; } .transferNext-gallery.featuredContainer .transferNext-element .excerpt p, .transferNext-gallery.featuredContainer .transferNext-element .author {font-size: 20px; line-height: 24px; } .transferNext-gallery.featuredContainer .transferNext-element:nth-child(1) .border-transferNext__element { padding: 0 55px 15px 35px; } .transferNext-gallery.featuredContainer .transferNext-element:nth-child(2) .border-transferNext__element { padding: 0 35px 15px 55px; } .transferNext-gallery.featuredContainer .transferNext-element img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; 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; } .transferNext-gallery.featuredContainer .transferNext-element .layer_image { opacity: 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; } .transferNext-gallery.featuredContainer .transferNext-element:hover .layer_image { opacity: 0.5; } .transferNext-gallery.featuredContainer .transferNext-element:hover .layer_image img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } @media (min-width: 1281px){ .transferNext-element { width: 25%; max-width: 25%; } body.home .transferNext-element:nth-child(4n+1) .border-transferNext__element, body.single-transfer-next .transferNext-element:nth-child(4n+1) .border-transferNext__element { border-left: none; } .transferNext-gallery.featuredContainer .transferNext-element { width: 50%; max-width: 50%; } } @media (max-width: 1280px){ body.home .transferNext-element:nth-child(4), body.single-transfer-next .transferNext-element:nth-child(4) { display: none; } .transferNext-gallery .transferNext-element { width: 33.33%; max-width: 33.33%; } body.home .transferNext-element:nth-child(3n+1) .border-transferNext__element, body.single-transfer-next .transferNext-element:nth-child(3n+1) .border-transferNext__element { border-left: none; } .transferNext-gallery.featuredContainer .transferNext-element { width: 50%; max-width: 50%; } } @media (max-width: 1024px) { body.home .transferNext-element:nth-child(3), body.single-transfer-next .transferNext-element:nth-child(3) { display: none; } .transferNext-gallery .transferNext-element { width: 50%; max-width: 50%; } body.home .transferNext-element:nth-child(2n+1) .border-transferNext__element, body.single-transfer-next .transferNext-element:nth-child(2n+1) .border-transferNext__element { border-left: none; } } @media (max-width: 767px) { body.home .transferNext-element:nth-child(2), body.single-transfer-next .transferNext-element:nth-child(2) { display: none; } .transferNext-gallery .transferNext-element { width: 100%; max-width: 100%; } body.home .transferNext-element { border-left: none; padding: 0 25px; } .transferNext-element, .border-transferNext__element { display: inherit; } .transferNext-element .layer_image { z-index: 0; } .border-transferNext__element { padding: 0; } .transferNext-gallery.featuredContainer .transferNext-element .border-transferNext__element { padding: 0 0 15px 0 !important; } } /* Archive Transfer Next ------------------ */ body.post-type-archive-transfer-next .transferNext-element:last-child .border-transferNext__element { border-right: 1px solid #B13A1B; } body.post-type-archive-transfer-next .transferNext-gallery.featuredContainer .transferNext-element:last-child .border-transferNext__element { border-right: none; } body.post-type-archive-transfer-next .transferNext-gallery.featuredContainer { padding: 0; margin: 30px 0 0; } body.post-type-archive-transfer-next .block.block_news.block_transfer_next { padding-top: 0; } body.post-type-archive-transfer-next .block_title.transfer_next, body.page-template-about-transfer-next .block_title.transfer_next { max-width: 410px; font-family: 'AvenirNext-Medium'; font-size: 18px; line-height: 21px; color: #B13A1B; } body.post-type-archive-transfer-next .block_title.transfer_next { margin: 0 auto 50px; } body.post-type-archive-transfer-next #bottom_newsletter { background-color: #FFF; } .borderBottom-transferNext__element { display: none; } body.post-type-archive-transfer-next .borderBottom-transferNext__element { display: inherit; padding: 25px 30px; } body.post-type-archive-transfer-next .borderBottom-transferNext__element hr { border-top: 1px solid #B13A1B; width: 100%; margin: 0; } body.post-type-archive-transfer-next div.more { display: none; } body.post-type-archive-transfer-next .grid { padding: 0 20px; } body.post-type-archive-transfer-next .grid .block { padding-top: 0; } body.post-type-archive-transfer-next .block_news .container-fluid { max-width: 1440px; margin: 0 auto; padding: 0 40px; } body.post-type-archive-transfer-next .transferNext-gallery { padding: 0 0 80px; } body.post-type-archive-transfer-next .init_content .description { font-family: 'AvenirNext-Medium'; font-size: 18px; line-height: 21px; } @media (min-width: 1281px){ body.post-type-archive-transfer-next .transferNext-element:nth-child(4n+1) .border-transferNext__element { border-left: none; } body.post-type-archive-transfer-next .transferNext-element:nth-child(4n+4) .border-transferNext__element { border-right: none !important; } } @media (max-width: 1280px){ } @media (min-width: 1025px) and (max-width: 1280px){ body.post-type-archive-transfer-next .transferNext-element:nth-child(3n+1) .border-transferNext__element { border-left: none; } body.post-type-archive-transfer-next .transferNext-element:nth-child(3n+3) .border-transferNext__element { border-right: none !important; } } @media (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1023px){ body.post-type-archive-transfer-next .transferNext-element:nth-child(2n+1) .border-transferNext__element { border-left: none; } body.post-type-archive-transfer-next .transferNext-element:nth-child(2n+2) .border-transferNext__element { border-right: none !important; } } @media (min-width: 768px) { .transferNext-gallery.featuredContainer .transferNext-element:nth-child(1) .borderBottom-transferNext__element { display: inherit; padding: 60px 40px 40px 35px; } .transferNext-gallery.featuredContainer .transferNext-element:nth-child(2) .borderBottom-transferNext__element { display: inherit; padding: 60px 35px 40px 40px; } } @media (max-width: 767px) { body.post-type-archive-transfer-next .block_news .container-fluid { padding: 0; } body.post-type-archive-transfer-next .borderBottom-transferNext__element { padding: 25px 0; } body.post-type-archive-transfer-next .block_news .container-fluid .border-transferNext__element { padding: 0; } .border-transferNext__element { border-left: none; } .transferNext-element:nth-child(2) .borderBottom-transferNext__element, .transferNext-element:nth-child(3) .borderBottom-transferNext__element, .transferNext-element:nth-child(4) .borderBottom-transferNext__element { display: inherit; } .transferNext-gallery.featuredContainer .transferNext-element { width: 100%; max-width: 100%; } body.post-type-archive-transfer-next .transferNext-element:last-child .border-transferNext__element { border-right: none !important; } } /* Archive Monography ------------------ */ .post-type-archive-monography .archive_suggest{ margin-bottom: 80px;} .post-type-archive-monography .issue{ position: relative; text-align: center; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; padding: 65px 85px 35px; margin-top: -1px;} .post-type-archive-monography .issue h3{ font-family: 'AvenirNextBold'; letter-spacing: -3px; font-size: 160px; line-height: 160px; text-transform: uppercase; margin-bottom: 30px;} .post-type-archive-monography .issue .n_issue{ font-family: 'AvenirNextBold'; font-size: 45px; line-height: 1px; letter-spacing: -1.6px; margin: 35px auto 65px; display: block} .post-type-archive-monography .issue .toggle_issue{ display: inline-block; position: relative; z-index: 1; font-size: 48px; color: #B13A1B; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); cursor: pointer} .post-type-archive-monography .issue.active .toggle_issue{ -moz-transform: rotate(-270deg); -webkit-transform: rotate(-270deg); -o-transform: rotate(-270deg); transform: rotate(-270deg);} .post-type-archive-monography .issue .issue-posts{ display: none; padding-bottom: 30px;} .post-type-archive-monography .issue.active .issue-posts{ display: block; padding-bottom: 30px;} .single .grid, .archive_suggest .grid{ font-size: 0;} .post-type-archive-monography .issue .issue-posts .issue-post, .archive_suggest .issue-post, .single .issue-post{ padding: 0 40px; width: 25%; display: inline-block; vertical-align: top; border-left: 1px solid #979797; cursor: pointer; text-align: center} .post-type-archive-monography .issue .issue-posts .issue-post:first-child, .archive_suggest .issue-post:first-child, .single .issue-post:first-child{ border: 0;} .search-results .issue-post{ margin-bottom: 35px;} .search-results .issue-post:nth-child(4n+1){ border-left: 0;} .post-type-archive-monography .issue .issue-posts .issue-post .content, .archive_suggest .issue-post .content, .single .issue-post .content{ display: table-cell; vertical-align: bottom; position: relative; padding-top: 55px;} .post-type-archive-monography .issue .issue-posts .issue-post .content h5, .archive_suggest .issue-post .content h5, .single .issue-post .content h5{ position: absolute; left: 0px; right: 0; text-align: center; top: 0; font-size: 16px; letter-spacing: .5px; color: #B13A1B;} .post-type-archive-monography .issue .issue-posts .issue-post .content img, .archive_suggest .issue-post .content img, .single .issue-post .content img{ margin-bottom: 45px;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption, .archive_suggest .issue-post .content .caption, .single .issue-post .content .caption{ min-height: 280px; position: relative; padding-bottom: 50px;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption h3, .archive_suggest .issue-post .content .caption h3, .single .issue-post .content .caption h3{ font-family: 'Paralucent-Medium'; font-weight: normal; font-size: 32px; line-height: 30px; letter-spacing: -0.5px; margin-bottom: 13px; text-transform: none;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption .excerpt, .archive_suggest .issue-post .content .caption .excerpt, .single .issue-post .content .caption .excerpt{ font-family: 'FreightText'; font-size: 17px; line-height: 1.2; letter-spacing: -0.3px;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption .author, .archive_suggest .issue-post .content .caption .author, .single .issue-post .content .caption .author{ font-style: italic; font-size: 15px; line-height: 1.2; letter-spacing: 1px; display: block; margin-bottom: 20px;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption .post-counter, .archive_suggest .issue-post .content .caption .post-counter, .single .issue-post .content .caption .post-counter{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption .post-counter span, .archive_suggest .issue-post .content .caption .post-counter span, .single .issue-post .content .caption .post-counter span{ margin-right: 20px} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption .post-counter span:last-child, .archive_suggest .issue-post .content .caption .post-counter span:last-child, .single .issue-post .content .caption .post-counter span:last-child{ margin: 0;} /* .post-type-archive-monography .flickity-prev-next-button{ display: none !important;} */ .post-type-archive-monography .flickity-prev-next-button .arrow{ fill: #000;} .post-type-archive-monography .flickity-prev-next-button.next{ right: -60px} .post-type-archive-monography .flickity-prev-next-button.previous { left: -60px;} /* Suggest */ .single .related_posts .grid{ margin-bottom: 0;} .single .related_posts .issue-post{ padding: 0 40px; width: 33.3333%;} .archive_suggest .issue-post, .single .grid .issue-post{ border: 0;} .archive_suggest .issue-post .content, .single .grid .issue-post .content{ padding: 0} .archive_suggest .issue-post .content a .layer_image, .single .grid .issue-post .content a .layer_image, .archive_suggest .issue-post .content img, .single .grid .issue-post .content img{ margin-bottom: 20px;} .archive_suggest .issue-post .content h5, .single .grid .issue-post .content h5{ position: relative; margin-bottom: 10px; left: initial; right: initial; top: initial;} .archive_suggest .issue-post .content .caption, .single .grid .issue-post .content .caption{ height: auto; min-height: initial;} .suggest_line{ max-width: 1280px; border-color: #979797; margin-top: 0} .related_counterpoint{ font-size: 0; padding: 30px 0; margin-top: 40px; border-top: 1px solid #979797; border-bottom: 1px solid #979797; margin-bottom: 60px; } .related_counterpoint .item_counterpoint{ min-height: 250px; position: relative; display: inline-block; width: 50%; vertical-align: top; font-size: 16px; line-height: 1.2; text-align: center; } .related_counterpoint .item_counterpoint:first-child{ border-right: 1px solid #979797;} .related_counterpoint .item_counterpoint a{ display: block; position: absolute; left: 0; right: 0; margin: auto} .related_counterpoint .item_counterpoint h5{ text-align: center; font-size: 16px; line-height: 1; margin: 0 auto; color: #B13A1B;} .related_counterpoint .item_counterpoint h4{ padding: 0 20px; max-width: 400px; text-transform: none; text-align: center; font-family: 'Paralucent-Medium'; font-size: 32px; letter-spacing: -0.4px; line-height: 1; margin: 20px auto 5px} .related_counterpoint .item_counterpoint .author{ font-style: italic; text-align: center; font-size: 15px; line-height: 21px; max-width: 400px; padding: 0 30px; margin: 0px auto; position: relative; z-index: 9; display: block} .related_counterpoint .item_counterpoint img{ max-width: 80%; max-height: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; opacity: 0; -webkit-backface-visibility: hidden;} .related_counterpoint .item_counterpoint:hover img{ opacity: 1;} .related_counterpoint .item_counterpoint .post-counter{ position: absolute; bottom: 0px; left: 0; right: 0; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px;} .related_counterpoint .item_counterpoint .post-counter span{ margin-right: 20px} .related_counterpoint .item_counterpoint .post-counter span:last-child{ margin: 0;} .post-type-archive-monography .related_counterpoint, .post-type-archive-monography .issue .description{ display: none;} .post-type-archive-monography .issue.active .description{ display: block} .post-type-archive-monography .issue.active .related_counterpoint{ display: block; margin-bottom: 30px;} /* Archive Counterpoint -------------------- */ .single-counterpoint .grid, .post-type-archive-counterpoint .grid{ font-size: 0; color: #B13A1B; position: relative; margin: 0 auto 50px; padding: 0 20px; position: relative;} .single-counterpoint .grid .item, .post-type-archive-counterpoint .grid .item{ width: 25%; padding: 0 25px; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; border-left: 1px solid #979797; margin-left: -1px; margin-bottom: 50px;} .post-type-archive-counterpoint .grid .item{ width: 25%; padding: 0 25px; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; border-left: 1px solid #979797; margin-left: -1px; margin-bottom: 50px;} .single-counterpoint .grid .item:nth-child(4n+1), .post-type-archive-counterpoint .grid .item:nth-child(4n+1){ border: 0;} .single-counterpoint .grid .item img, .post-type-archive-counterpoint .grid .item img{ margin-bottom: 45px;} .single-counterpoint .grid .item h5, .post-type-archive-counterpoint .grid .item h5{ text-align: left; font-size: 16px; margin-bottom: 35px; letter-spacing: .5px; color: #B13A1B;} .single-counterpoint .grid .item .excerpt, .post-type-archive-counterpoint .grid .item .excerpt{ display: block; color: #000; max-width: 80%; margin: 15px auto 0; letter-spacing: 0px; font-size: 17px; line-height: 1.4;} .single-counterpoint .grid .item .post-counter, .post-type-archive-counterpoint .grid .item .post-counter{ position: absolute; left: 0; right: 0; bottom: 10px; color: #000; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px; width: 100%;} .single-counterpoint .grid .item hr{ display: none} .post-type-archive-counterpoint .grid .item hr{ position: absolute; bottom: -45px; width: 90%; border: 0; border-bottom: 1px solid #979797; left: 0; right: 0; z-index: 10;} .single-counterpoint .grid > hr{ display: none} .post-type-archive-counterpoint .grid > hr{ position: absolute; bottom: 5px; width: 100%; border: 0; border-bottom: 1px solid #fff; left: 0; right: 0; z-index: 10;} .single-counterpoint .grid .item a:hover .excerpt, .post-type-archive-counterpoint .grid .item a:hover .excerpt, .single-counterpoint .grid .item a:hover .post-counter, .post-type-archive-counterpoint .grid .item a:hover .post-counter{ color: #B13A1B} /* Archive Experiences ------------------- */ .single-experience .grid .item h3, .post-type-archive-experience .grid .item h3{ font-family: 'FreightDispBold'; font-size: 50px; line-height: 50px; letter-spacing: .4px; color: #fff; margin-bottom: 15px; margin-top: 5px;} .single-experience .grid .item .issue, .post-type-archive-experience .grid .item .issue, .single-experience .grid .item .author, .post-type-archive-experience .grid .item .author{ font-family: 'Paralucent-Medium'; font-size: 14px; line-height: 20px; letter-spacing: .6px; color: #fff; margin-bottom: 15px;} /* Archive Materiality ------------------- */ .post-type-archive-materiality .grid, .single-materiality .grid, .post-type-archive-counterpoint .grid{ font-size: 0; color: #B13A1B; position: relative; margin: 0 auto 120px; padding: 0 20px; text-align: center} .post-type-archive-materiality .grid, .post-type-archive-materiality .grid a, .single-materiality .grid, .single-materiality .grid a, .post-type-archive-counterpoint .grid, .post-type-archive-counterpoint .grid a{ color: #000;} .post-type-archive-materiality .grid > hr, .single-materiality .grid > hr{ position: absolute; bottom: -10px; width: 100%; border: 0; border-bottom: 1px solid #fff; left: 0; right: 0; z-index: 10;} .post-type-archive-materiality .grid .item, .single-materiality .grid .item{ width: 33.33%; padding: 25px 25px 0; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; border-left: 1px solid #979797; margin-left: -1px; margin-bottom: 20px;} .post-type-archive-materiality .grid .item:nth-child(3n+1), .single-materiality .grid .item:nth-child(3n+1){ border: 0} .post-type-archive-materiality .grid .item hr{ position: absolute; bottom: -10px; border: 0; border-bottom: 1px solid #979797; z-index: 1; width: 95%; left: 0; right: 0; margin: auto} .post-type-archive-materiality .grid .item img, .single-materiality .grid .item img{ margin-bottom: 20px;} .post-type-archive-materiality .grid .item a h3, .single-materiality .grid .item a h3, .post-type-archive-counterpoint .grid .item a h3, .single-counterpoint .grid .item a h3{ font-family: 'Paralucent-Medium'; font-size: 32px; line-height: 32px; color: #000;} .post-type-archive-materiality .grid .item a:hover h3, .single-materiality .grid .item a:hover h3, .post-type-archive-counterpoint .grid .item a:hover h3, .single-counterpoint .grid .item a:hover h3{ color: #B13A1B;} .post-type-archive-counterpoint .grid .item a .caption, .single-counterpoint .grid .item a .caption{ position: relative; min-height: 280px; opacity: 1; padding-bottom: 50px;} .post-type-archive-materiality .grid .item a .caption, .single-materiality .grid .item a .caption, .post-type-archive-counterpoint .grid .item a .caption, .single-counterpoint .grid .item a .caption{ color: #B13A1B} .single-counterpoint .grid .item a .caption .author, .post-type-archive-counterpoint .grid .item a .caption .author, .single-materiality .grid .item a .caption .author, .post-type-archive-materiality .grid .item a .caption .author{ font-style: italic; color: #000; font-size: 15px; line-height: 1.2; letter-spacing: 0; display: block; margin: 15px auto 20px; max-width: 80%;} .single-counterpoint .grid .item a:hover .caption .author, .post-type-archive-counterpoint .grid .item a:hover .caption .author, .single-materiality .grid .item a:hover .caption .author, .post-type-archive-materiality .grid .item a:hover .caption .author{ color: #B13A1B} .post-type-archive-materiality .grid .item a .post-counter, .single-materiality .grid .item a post-counter{ position: absolute; left: 0; right: 0; bottom: 10px; color: #000; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px; width: 100%;} .post-type-archive-materiality .grid .item a:hover .post-counter, .single-materiality .grid .item a:hover post-counter{ color: #B13A1B} .post-type-archive-materiality .grid .item .post-counter span, .single-materiality .grid .item .post-counter span, .post-type-archive-counterpoint .grid .item .post-counter span, .single-counterpoint .grid .item .post-counter span{ margin: 0 10px} .post-type-archive-materiality .grid .item .excerpt, .single-materiality .grid .item .excerpt{ display: block; font-size: 17px; line-height: 1.4; padding-bottom: 30px; letter-spacing: 0px; max-width: 90%; color: #000; margin: 10px auto; display: block; min-height: 120px;} .post-type-archive-materiality .grid .item a:hover .excerpt, .single-materiality .grid .item a:hover .excerpt{ color: #B13A1B} /* Archive Pedagogy ---------------- */ .post-type-archive-pedagogy, .post-type-archive-pedagogy header{ background: #B13A1B;} .post-type-archive-pedagogy .init_content{ color: #000} .post-type-archive-pedagogy .grid{ font-size: 0; color: #B13A1B; position: relative; max-width: 1140px; margin: 0 auto 120px;} .post-type-archive-pedagogy .grid a{ color: #fff;} .post-type-archive-pedagogy .grid > hr{ position: absolute; bottom: -10px; width: 100%; border: 0; border-bottom: 1px solid #B13A1B; left: 0; right: 0; z-index: 10;} .post-type-archive-pedagogy .grid .item{ width: 33.3333%; padding: 0; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; border-left: 1px solid #000; margin-left: -1px; margin-bottom: 20px;} .post-type-archive-pedagogy .grid .item:nth-child(3n+1){ border: 0} .post-type-archive-pedagogy .grid .item hr{ position: absolute; bottom: -10px; border: 0; border-bottom: 1px solid #000; z-index: 1; width: 95%; left: 0; right: 0; margin: auto} .post-type-archive-pedagogy .grid .item .content{ padding: 40px 40px 60px;} .post-type-archive-pedagogy .grid .item h3{ font-family: 'FreightTextBold'; font-size: 45px; line-height: 46px; letter-spacing: 1.3px; color: #fff; margin-bottom: 15px;} .post-type-archive-pedagogy .grid .item .excerpt{ display: block; font-size: 15px; line-height: 24px; letter-spacing: .5px; max-width: 90%; margin: 0 auto} .post-type-archive-pedagogy .post-counter{ font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px; width: 100%;} .post-type-archive-pedagogy .post-counter span{ margin-right: 20px} .post-type-archive-pedagogy .post-counter span:last-child{ margin: 0;} /* Archive Works ------------- */ .single-experience .grid, .post-type-archive-work .grid, .single-work .grid, .post-type-archive-experience .grid{ font-size: 0; color: #B13A1B; position: relative; margin: 0 auto 80px;} .single-experience .grid .item, .post-type-archive-work .grid .item, .single-work .grid .item, .post-type-archive-experience .grid .item{ width: 50%; padding: 0 20px; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; margin-bottom: 40px;} .single-experience .grid .item .img_layer, .post-type-archive-work .grid .item .img_layer, .single-work .grid .item .img_layer, .post-type-archive-experience .grid .item .img_layer{ position: relative;} .single-experience .grid .item .img_layer .caption, .post-type-archive-work .grid .item .img_layer .caption, .single-work .grid .item .img_layer .caption, .post-type-archive-experience .grid .item .img_layer .caption{ background: rgba(73, 73, 73, .4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .post-type-archive-work .grid .item h3, .single-work .grid .item h3{ font-family: 'FreightDispBold'; font-size: 50px; line-height: 50px; letter-spacing: 1.3px; color: #fff; margin-bottom: 15px; margin-top: 20px;} .post-type-archive-work .grid .item .author, .single-work .grid .item .author{ font-style: italic; font-size: 15px; line-height: 20px; letter-spacing: .5px; color: #fff; margin-bottom: 15px;} .single-experience .grid .item a:hover h3, .post-type-archive-work .grid .item a:hover h3, .single-work .grid .item a:hover h3, .post-type-archive-experience .grid .item a:hover h3, .single-experience .grid .item a:hover .author, .post-type-archive-work .grid .item a:hover .author, .single-work .grid .item a:hover .author, .post-type-archive-experience .grid .item a:hover .author, .single-experience .grid .item a:hover .issue, .post-type-archive-experience .grid .item a:hover .issue{ color: #B13A1B} /* Archive Video / Experiences ------------- */ .post-type-archive-experience .grid .item, .videos-container .item { width: 33.1%; padding: 0 20px; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; margin-bottom: 40px;} .post-type-archive-experience .grid .item .img_layer, .videos-container .item .img_layer { position: relative;} .post-type-archive-experience .grid .item .img_layer .caption, .videos-container .item .img_layer .caption { background: rgba(73, 73, 73, .1); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; padding: 0 25px;} .post-type-archive-experience .grid .item a:hover h3, .videos-container .item a:hover h3, .post-type-archive-experience .grid .item a:hover .author, .videos-container .item a:hover .author, .post-type-archive-experience .grid .item a:hover .issue, .videos-container .item a:hover .issue { color: #ff674c;} body.page-template-channel .init_content { color: #ff674c; margin-bottom: 100px; } /*body.page-template-channel .init_content h1 { font-size: 28px; line-height: 28px; }*/ .videos-container .featured.item { width: 70%; margin-bottom: 40px; } .videos-container .item img { width: 100%; height: auto; } .videos-container .item h3 { font-family: 'FreightDispBold'; font-size: 35px; line-height: 40px; letter-spacing: .4px; color: #fff; margin-top: 5px; margin-bottom: 5px; } .videos-container .featured-item h3 { margin-top: 20px; } /*.videos-container .item .img_layer .caption span { display: none; }*/ .videos-container .featured.item h3 { font-size: 65px; line-height: 65px; margin-bottom: 26px; } .videos-container .video-section:last-child { border-bottom: none; } .videos-container .item { padding: 0 15px; margin-bottom: 30px; } .video-section { overflow: hidden; padding: 40px 0 66px; border-bottom: 1px solid #ff674c; text-align: center; } .video-section h5, .video-section .item p.position { font-family: 'Paralucent-Medium'; font-size: 30px; text-align: center; line-height: 1; margin: 0 auto 25px; color: #ff674c; } /*body.page-template-channel h1 { color: #ff674c; }*/ .video-section .featured.item p.position { font-size: 35px; margin-bottom: 15px; } .video-section .item p.position { font-size: 26px; margin-bottom: 8px; } .video-section .item .author { font-style: italic; font-size: 15px; line-height: 20px; letter-spacing: .5px; color: #fff; margin-bottom: 15px; } .single-experience .video-container, .single-video-award .video-container { margin: 0 auto -20px; max-width: 920px; padding: 120px 0 60px; } .single-experience video, .single-video-award video { height: auto !important; width: 100% !important; } .single-experience .footnote span.num, .single-video-award .footnote span.num { display: none; } .channel_logo_video-award { padding: 0 15px 10px; width: 40%; } .about-award .text{ color: #ff674c; } @media (min-width: 1251px)(max-width: 1350px){ body.page-template-channel .init_content { margin-bottom: 50px; } .channel_logo_video-award { padding-bottom: 0; } .videos-container .featured.item h3 { font-size: 50px; line-height: 50px; } .video-section .featured.item p.position { font-size: 30px; } .videos-container .item h3 { font-size: 26px; line-height: 26px; } .video-section .item p.position { font-size: 25px; } } @media (max-width: 1250px){ body.page-template-channel .init_content { margin-bottom: 50px; } .video-section h5 { margin: 0 auto 30px; } .channel_logo_video-award { padding-bottom: 0; } .videos-container .featured.item { width: 100%; } .videos-container .item { width: 80%; } .channel_logo_video-award { width: 100%; } } @media (max-width: 767px){ .videos-container .featured.item h3 { font-size: 28px; line-height: 28px; margin-bottom: 5px; } .video-section .featured.item p.position { font-size: 30px; } .videos-container .item h3 { font-size: 32px; line-height: 32px; } .video-section .item p.position { font-size: 25px; } body.page-template-channel .container-fluid { padding: 0 10px; } body.page-template-channel .videos-container .item, .body.post-type-archive-video-award .videos-container .item { width: 100%; } } .main-sponsor-column, .supported-by-column, .media-partners-column { float: left; text-align: center; } .main-sponsor-column h3, .supported-by-column h3, .media-partners-column h3 { margin-bottom: 45px; margin-top: 0; } .media-partners-column h3 { margin-bottom: 35px; } .main-sponsor-column img { width: 130px; height: auto; margin-bottom: 20px; margin-right: 15px; } .main-sponsor-column img#img-1 { width: 100px; } .supported-by-column img { width: 165px; height: auto; margin-bottom: 20px; margin-right: 15px; } .supported-by-column img#img-1 { width: 120px; height: auto; } .supported-by-column img#img-2 { width: 105px; height: auto; } .media-partners-column img { width: auto; height: 60px; margin-bottom: 20px; margin-right: 15px; } .media-partners-column img#img-1 { width: 90px; height: auto; } .media-partners-column img#img-3 { width: 90px; height: auto; } .media-partners-column img#img-4 { width: 35px; height: auto; } .media-partners-column img#img-5 { width: 120px; height: auto; } .media-partners-column img#img-6 { width: 120px; height: auto; } .main-sponsor-column { width: 15%; } .supported-by-column { width: 25%; } .media-partners-column { width: 60%; } @media (max-width: 950px) { .main-sponsor-column, .supported-by-column { width: 50%; } .media-partners-column { width: 100%; } .media-partners-column { padding-top: 20px; } } @media (max-width: 767px) { .main-sponsor-column, .supported-by-column, .media-partners-column { width: 100%; } .main-sponsor-column img, .supported-by-column img, .media-partners-column img { clear: both; margin-left: 10px; margin-right: 10px; } .main-sponsor-column h3, .supported-by-column h3, .media-partners-column h3 { margin-bottom: 25px; } .supported-by-column { padding-top: 20px; } } .introduction-video-award { width: 68%; margin: 25px auto 0; } .introduction-video-award p { font-family: 'FreightTextMedium'; font-size: 19px; line-height: 24px; color: #ff674c !important; margin-bottom: 0; } #pdf_links_containers { overflow: hidden; padding: 70px 0 50px; text-align: center; } #pdf_links_containers .pdf_link { background-color: #FFF !important; border: 1px solid #ff674c !important; color: #ff674c; height: 55px; width: 305px; position: relative; line-height: 54px; font-size: 16px; letter-spacing: .5px; display: inline-block; margin: 0 10px 20px; } #pdf_links_containers .pdf_link.background-color { background-color: #ff674c !important; color: #FFF !important; } #pdf_links_containers { overflow: hidden; padding: 70px 0 50px; text-align: center; } #pdf_links_containers .pdf_link { background-color: #FFF !important; border: 1px solid #ff674c !important; color: #ff674c; height: 55px; width: 305px; position: relative; line-height: 54px; font-size: 16px; letter-spacing: .5px; display: inline-block; margin: 0 10px 20px; } #pdf_links_containers .pdf_link.background-color { background-color: #ff674c !important; color: #FFF !important; } @media (max-width: 1250px) { .introduction-video-award { width: 92%; max-width: 840px; } } @media (max-width: 767px) { #pdf_links_containers .pdf_link { margin: 0 0 20px; width: 100%; } } /* Subscribe popup */ #newsletter-lightbox { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255,255,255,0.8); z-index: 999; } #newsletter-lightbox .middle { display: table-cell; vertical-align: middle; } #newsletter-lightbox .inner { margin-left: auto; margin-right: auto; width: 90%; max-width: 400px; text-align: center; background: white; padding: 40px 15px 30px; border: 1px solid #B13A1B; } #newsletter-lightbox p { font-size: 16px; text-align: center; color: #B13A1B; margin: 0 auto 20px; } #newsletter-lightbox #close-lightbox { text-align: center; margin: 7px auto 7px; } #newsletter-lightbox #close-lightbox:hover { cursor: pointer; } #newsletter-lightbox input { height: 55px; line-height: 50px; text-align: center; width: 305px; border: 1px solid #B13A1B; font-size: 16px; letter-spacing: .5px; margin: 0 10px 12px; position: relative; } #newsletter-lightbox input[type="text"], #newsletter-lightbox input[type="email"] { background: transparent; color: #B13A1B; } #newsletter-lightbox input[type="submit"] { background: #B13A1B; color: #fff; } #newsletter-lightbox input::placeholder { color: #B13A1B; } #newsletter-lightbox .link-button { height: 55px; line-height: 55px; text-align: center; width: 305px; border: 1px solid #B13A1B; font-size: 16px; letter-spacing: .5px; margin: 0 auto; background: #B13A1B; color: #fff; display: table; } @media (max-width: 767px) { #newsletter-lightbox input { margin: 0 0 12px !important; } } /* Archive Delight --------------- */ .post-type-archive-delight .grid{ font-size: 0; color: #B13A1B; position: relative; margin: 0 auto 80px;} .post-type-archive-delight .grid .item{ width: 33.33333%; padding: 0 20px; display: inline-block; vertical-align: top; text-align: center; color: #fff; position: relative; margin-bottom: 50px;} .post-type-archive-delight .grid .item .img_layer .caption{ background: rgba(73, 73, 73, .4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .post-type-archive-delight .grid .item h3{ font-family: 'FreightDispBold'; font-size: 50px; line-height: 50px; letter-spacing: 1.3px; color: #fff; margin-bottom: 15px; margin-top: 20px;} .post-type-archive-delight .grid .item .author{ font-style: italic; font-size: 15px; line-height: 20px; letter-spacing: .5px; color: #fff; margin-bottom: 15px;} .post-type-archive-delight .grid .item .img_layer{ position: relative;} /* Archive News ------------ */ .blog .grid{ font-size: 0; color: #B13A1B; margin-bottom: 120px;} .blog .grid .item{ padding: 65px 40px 50px; width: 25%; display: inline-block; position: relative; margin-bottom: 25px; vertical-align: top} .blog .grid .item .content{ height: 100%;} .blog .grid .item .content .table{ width: 100%; height: 100%; display: table;} .blog .grid .item .content .cell{ width: 100%; display: table-cell; vertical-align: bottom} .blog .grid .item:before{ position: absolute; left: 0; top: 0; height: 100%; border-left: 1px solid #B13A1B;} .blog .grid .item:after{ position: absolute; right: -1px; top: 0; height: 100%; border-right: 1px solid #B13A1B;} .blog .grid .item a{ color: #B13A1B} .blog .grid .item img{ margin-bottom: 20px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);} .blog .grid .item h5{ position: absolute; left: 40px; top: 0; font-size: 16px; letter-spacing: .5px} .blog .grid .item .caption{ height: auto; min-height: 200px; position: relative;} .blog .grid .item .caption h3{ font-size: 35px; line-height: 33px; left: -0.6px; margin-bottom: 13px; color: #B13A1B; font-family: 'ParalucentCond-Medium';} .blog .grid .item .caption .author{ font-style: italic; font-size: 15px; line-height: 1.4; padding-bottom: 50px; margin-top: 15px; display: block;} .blog .grid .item .caption .post-counter{ position: absolute; bottom: -60px; left: 0; padding-bottom: 20px; font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px; display: block; width: 100%; border-bottom: 1px solid #B13A1B;} .blog .grid .item .caption .post-counter span{ margin-right: 20px} .blog .grid .item .caption .post-counter span:last-child{ margin: 0;} .blog a .layer_image .layer_red{ top: initial; bottom: 0;} .single .grid{ text-align: center} /* Flexible content ---------------- */ .flexible_content .the_content{ margin-bottom: 95px;} .flexible_content_simple{ position: relative;} .flexible_content .the_content .real_title{ margin: 65px auto -40px; text-align: center; font-family: 'Paralucent-Medium'; max-width: 790px; font-size: 80px; letter-spacing: -1.3px; line-height: 76px; padding: 0 30px;} .v_woork_fullscreen{ position: relative; height: auto !important; margin-bottom: 90px; margin-top: -60px;} .flexible_content .the_content .title{ text-align: center;} .flexible_content .the_content .title h5{ font-size: 16px; font-family: 'AvenirNextDemi-Bold'; letter-spacing: 0.8px; line-height: 20px; color: #B13A1B;} .flexible_content .the_content .title h2{ margin: 20px auto; max-width: 700px; font-size: 60px; font-family: 'Paralucent-Medium'; letter-spacing: -1.5px; line-height: 55px; color: #000000;} .flexible_content .the_content .title h4{ max-width: 600px; margin: 0 auto; font-size: 16px; font-family: 'AvenirNextDemi-Bold'; letter-spacing: 0.8px; line-height: 20px; color: #000000;} .flexible_content .the_content .text{ margin: 0 auto -20px; max-width: 920px; font-size: 20px; line-height: 1.4; letter-spacing: 0.2px;} .flexible_content .text .caption{ color: #B13A1B; position: relative; font-size: 14px; bottom: 7px; cursor: pointer} .flexible_content .the_content .featured_text{ font-size: 32px; font-family: 'ParalucentLight'; letter-spacing: 1.1px; line-height: 35px; margin: 0 auto; max-width: 760px; line-height: 1.1; letter-spacing: 0.9px;} .flexible_content .the_content .featured_text .featured_caption{ font-family: 'AvenirNext-Medium'; margin-top: 10px; display: block; font-size: 13px; letter-spacing: 0.8px; line-height: 1.2;} .flexible_content .the_content .multimple_images{ font-size: 0; text-align: center; padding: 0 40px;} .flexible_content .the_content .multimple_images .multimple_images_item{ display: inline-block; vertical-align: middle; padding: 0 15px;} .flexible_content .the_content .multimple_images .multimple_images_item.vertical{ width: 33.3333%;} .flexible_content .the_content .multimple_images .multimple_images_item.horizontal{ width: 50%;} .flexible_content .the_content .multimple_images .multimple_images_item img{ max-width: 100%; max-height: 75vh; width: auto;} .flexible_content .the_content .multimple_images .multimple_images_item .img_layer{ position: relative;} .flexible_content .the_content .multimple_images .multimple_images_item .caption{ position: relative; text-align: left; left: 0px; bottom: -15px; font-size: 13px; letter-spacing: 0.3px; line-height: 17px; color: #B13A1B;} .flexible_content .the_content.gallery, .page-template-simple-page .gallery{ padding: 0; margin: 0 auto 60px; max-width: 80%; width: 80%; max-width: 1140px; height: auto; text-align: center; position: relative} .flexible_content .the_content.gallery .gallery_item, .page-template-simple-page .gallery .gallery_item{ width: 100%; height: auto; margin: 0 auto; position: relative;} .flexible_content .the_content.gallery .gallery_item .layer, .page-template-simple-page .gallery .gallery_item .layer{ position: relative; width: auto; height: auto; display: table; margin: 0 auto; } .flexible_content .the_content.gallery .gallery_item .layer.full_width, .page-template-simple-page .gallery .gallery_item .layer.full_width{ width: 100%;} .flexible_content .the_content.gallery .gallery_item img, .page-template-simple-page .gallery .gallery_item img{ width: auto; max-width: 100%; height: auto; margin: 0 auto; max-height: 80vh;} .flexible_content .the_content.gallery .gallery_item .caption, .page-template-simple-page .gallery .gallery_item .caption{ font-family: 'AvenirNext-Medium'; position: relative; text-align: left; bottom: initial; margin-top: 15px; font-size: 13px; letter-spacing: 0.6px; line-height: 20px; color: #B13A1B; opacity: 0;} .flexible_content .the_content.gallery .gallery_item.is-selected .caption, .page-template-simple-page .gallery .gallery_item.is-selected .caption{ opacity: 1;} .flexible_content .the_content.gallery .flickity-page-dots, .page-template-simple-page .gallery .flickity-page-dots{ top: initial;} .page-template-simple-page .flickity-prev-next-button{ display: none !important} .page-template-page-about-awards .gallery{ padding: 0; margin: 0 auto 60px; max-width: 80%; width: 80%; max-width: 1140px; height: auto; text-align: center; position: relative} .page-template-page-about-awards .gallery .gallery_item{ width: 100%; height: auto; margin: 0 auto; position: relative;} .page-template-page-about-awards .gallery .gallery_item .layer{ position: relative; width: auto; height: auto; display: table; margin: 0 auto; } .page-template-page-about-awards .gallery .gallery_item .layer.full_width{ width: 100%;} .page-template-page-about-awards .gallery .gallery_item img{ width: auto; max-width: 100%; height: auto; margin: 0 auto; max-height: 80vh;} .page-template-page-about-awards .gallery .gallery_item .caption{ font-family: 'AvenirNext-Medium'; position: relative; text-align: left; bottom: initial; margin-top: 15px; font-size: 13px; letter-spacing: 0.6px; line-height: 20px; color: #ff674c; opacity: 0;} .page-template-page-about-awards .gallery .gallery_item.is-selected .caption{ opacity: 1;} .page-template-page-about-awards .gallery .flickity-page-dots{ top: initial;} .page-template-page-about-awards .flickity-prev-next-button{ display: none !important} .flexible_content .the_content.gallery_fullscreen{ width: 100%; max-width: 100%; height: 100vh; padding: 0; margin: 0 auto 95px;} .flexible_content .the_content.gallery_fullscreen .gallery_item{ width: 100%; height: 100vh; margin: 0; position: relative;} .flexible_content .the_content.gallery_fullscreen .gallery_item .caption{ font-family: 'AvenirNext-Medium'; max-width: 500px; position: absolute; text-align: left; left: 0; padding: 0 40px; bottom: 30px; font-size: 13px; letter-spacing: 0.6px; line-height: 20px; color: #B13A1B; text-shadow: 0px 0px 0px #000;} .flexible_content .the_content.gallery_fullscreen .flickity-page-dots{ bottom: 55px;} .flexible_content .the_content .video{ max-width: 1140px; margin: 0 auto;} .flexible_content .the_content .footnote{ margin: 0 auto; max-width: 680px; font-size: 13px; line-height: 1.4; letter-spacing: 0.5px; position: relative;} .flexible_content .the_content .footnote .num{ font-size: 10px; position: absolute; left: -25px;} .flexible_content .the_content .footnote:hover, .flexible_content .the_content .footnote:hover a, .flexible_content .the_content .footnote.active, .flexible_content .the_content .footnote.active a{ color: #B13A1B} .flexible_content .flickity-prev-next-button{ top: 41.5%; height: 50px !important} .flexible_content .flickity-prev-next-button.previous{ left: -60px;} .flexible_content .flickity-prev-next-button.previous svg{ left: 0} .flexible_content .flickity-prev-next-button.next{ right: -43px;} .flexible_content .flickity-prev-next-button.next svg{ left: -0px} .flexible_content .flickity-prev-next-button .arrow{ fill: #000;} .flexible_content .hide_dots .flickity-prev-next-button{ display: none !important} .single .more{ margin-top: 65px;} .single_ann{ font-size: 13px; line-height: 1.4; color: #AE2300; text-align: center;} .single_ann img{ display: block; width: auto; max-height: 90px; margin: 0 auto;} /* Share it -------- */ .share_it{ margin: 60px auto 60px; text-align: center; color: #B13A1B; font-size: 16px; line-height: 18px;} .share_it a{ margin: 40px auto 0; border: 1px solid #B13A1B; color: #B13A1B; height: 60px; font-size: 22px; line-height: 55px; width: 280px; text-align: center; display: table;} .share_it a:hover{ background: #B13A1B; color: #fff;} /* Single Transfer Next ----------- */ .single-transfer-next { background-color: #f9f7f3; } .single-transfer-next .writter_by, .single-transfer-next #bottom_newsletter { background-color: #FFF; } .single-transfer-next .left_nav a { color: #000; } .single-transfer-next #title-singleContainer { margin-bottom: 45px; } .single-transfer-next h1, .single-transfer-next .the_content p, .single-transfer-next .featured_text { color: #B13A1B; } .single-transfer-next .flexible_content .the_content h1.real_title { max-width: 1000px; max-width: 840px; margin: 65px auto 0; padding: 0 40px; text-align: left; } .single-transfer-next #title-singleContainer p.transferNext-authors { max-width: 920px; max-width: 840px; font-family: 'Paralucent-Medium'; font-size: 33px; line-height: 36px; } .single-transfer-next .flexible_content .the_content .featured_text { max-width: 920px; font-family: 'Paralucent-Medium'; font-size: 40px; line-height: 44px; margin-bottom: 5px; } .single-transfer-next #title-singleContainer p.transferNext-authors { margin: 35px auto 0; padding: 0 40px; /*max-width: 1000px;*/ } .flexible_content blockquote { margin: 80px 8% 70px; } .flexible_content blockquote p { font-family: 'Paralucent-Medium'; font-size: 30px; line-height: 38px; } .flexible_content > .share-bottom { display: inherit; } .flexible_content > .share-bottom ~ .share-bottom { display: none; } .transferNext-shareContainer { margin: 0 auto; max-width: 920px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .transferNext-shareContainer p { font-size: 16px; margin-bottom: 0; margin-right: 20px; } .transferNext-shareContainer .shareButton-transferNext { color: #B13A1B; background-color: transparent; font-size: 16px; border: 1px solid #B13A1B; margin: 0 3px; padding: 12px 0 10px; width: 100px; text-align: center; 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; } .transferNext-shareContainer .shareButton-transferNext:hover { background-color: #B13A1B; color: #FFF; } .single-transfer-next .transferNext-shareContainer .shareButton-transferNext { color: #B13A1B; border: 1px solid #B13A1B; } .single-transfer-next .transferNext-shareContainer .shareButton-transferNext:hover { background-color: #B13A1B; color: #FFF; } .cite-container { display: none; color: #B13A1B; border: 1px solid #B13A1B; max-width: 418px; margin: 30px auto 0; padding: 20px 30px 12px; } .cite-container p { margin-bottom: 5px; } body.single-transfer-next .cite-container { border: 1px solid #B13A1B; } .transferNext-moreInformation__container { padding: 85px 0 85px; background-color: #B13A1B; color: #FFF; font-size: 24px; line-height: 28px; } .transferNext-moreInformation__container div { max-width: 720px; padding: 0 20px; margin: 0 auto; text-align: center; } .transferNext-moreInformation__container div .learnMore-buttonTransferNext__container { padding-top: 40px; } .transferNext-moreInformation__container div .learnMore-buttonTransferNext { font-size: 16px; border: 1px solid #FFF; padding: 12px 20px 10px; color: #FFF; } .transferNext-moreInformation__container div .learnMore-buttonTransferNext:hover { color: #B13A1B; background-color: #FFF; } .transferNext-moreInformation__container img { max-width: 320px; margin: 0 0 60px; filter: brightness(1000%) grayscale(100%); } body.single-transfer-next .block.block_news.block_transfer_next { padding: 0 0 30px; } .aboutTransferNext-circleLogoContainer { text-align: center; padding: 50px 0 0; } .aboutTransferNext-circleLogoContainer img { max-width: 125px; } .transferNext-circleLogo__single { position: absolute; left: 15px; right: 0;max-width: none; margin: 65px auto 0; padding: 0 40px; } .transferNext-circleLogo__single a { width: 100px; position: absolute; z-index: 9; } .transferNext-circleLogo__single img { max-width: 85px; } p.question { font-style: italic; width: 80%; margin: 50px auto; } .text.conversation p:first-child { margin-top: 0; } .single-transfer-next .video.transfer-next__video { margin: 0 auto -20px; max-width: 920px; padding-top: 25px; } @media (max-width: 1300px) { .transferNext-circleLogo__single { display: none; } } @media (max-width: 767px) { .single-transfer-next .flexible_content .the_content h1.real_title { padding: 0 30px; } .single-transfer-next .flexible_content .the_content .featured_text, .single-transfer-next #title-singleContainer p.transferNext-authors { font-size: 20px; line-height: 24px; } .single-transfer-next #title-singleContainer p.transferNext-authors { padding: 0 30px; margin: 15px auto 0; } .flexible_content blockquote { margin: 40px 6% 38px; } .flexible_content blockquote p { font-size: 20px; line-height: 26px; } .transferNext-shareContainer p { font-size: 14px; } .transferNext-shareContainer .shareButton-transferNext, .transferNext-moreInformation__container div .learnMore-buttonTransferNext { font-size: 14px; padding: 8px 14px 6px; } .transferNext-moreInformation__container { font-size: 18px; line-height: 24px; padding: 90px 0 60px; } p.question { margin: 30px auto; } .single-transfer-next #title-singleContainer p.transferNext-authors { font-size: 18px; line-height: 20px; } .single-transfer-next .transferNext-gallery { padding: 0 30px; } } /* Single News ----------- */ .single-post .flexible_content, .single-post .flexible_content a{ border-bottom: 1px solid transparent; color: #B13A1B;} .single-post .flexible_content a{ border-bottom: 1px solid #B13A1B;} .single-post .flexible_content .the_content .real_title{ font-family: 'ParalucentCond-Medium'; text-align: left;} .single-post .flexible_content .the_content .title h5, .single-post .flexible_content .the_content .title h2, .single-post .flexible_content .the_content .title h4{ color: #B13A1B;} .single-post .flexible_content .the_content .title h2{ font-family: 'ParalucentCond-Medium';} .single-post .flexible_content .the_content .text{ font-size: 20px; line-height: 1.4; letter-spacing: 0.5px;} .single-post .flexible_content .the_content .featured_text{ font-family: 'ParalucentCond-Medium'; margin: 0 auto 5px; max-width: 800px; font-size: 40px; line-height: 1.1; letter-spacing: 0.9px;} .single-post .flexible_content .the_content .featured_text .featured_caption{ color: #B13A1B;} /* Single Works ------------ */ .single-work .flexible_content .the_content .excerpt{ text-align: center; margin: 60px auto 0px; max-width: 509px; font-size: 22px; letter-spacing: 0.3px; line-height: 28px;} .single-work .gallery{ margin-bottom: 65px; margin-top: -60px;} .single-work .flexible_content .the_content .real_title{ font-family: 'FreightDispBold';} .single-work .gallery .slide{ max-width: 100%; width: 1140px; text-align: center} .single-work .gallery .slide .img_layer{ height: 85vh; padding: 0 65px; margin: 0 auto; position: relative; width: auto;} .single-work .gallery .slide .img_layer > div{ position: relative; width: auto; height: auto; display: table; margin: 0 auto;} .single-work .gallery .slide .img_layer img{ width: auto; max-width: 100%; max-height: 85vh; margin: 0 auto;} .single-work .gallery .slide .img_layer .caption{ position: absolute; text-align: left; left: 30px; bottom: 15px; font-size: 13px; letter-spacing: 0.3px; line-height: 17px; color: #B13A1B; max-width: 200px;} .single-work .flexible_content .the_content .real_title{ text-align: center} .single-work .flickity-page-dots{ display: none !important} .single-work .flexible_content .flickity-prev-next-button.next svg{ left: calc(100% - 34px);} .single-work .flexible_content .flickity-prev-next-button .arrow{ fill: #B13A1B;} .single-work .gallery.top button.flickity-prev-next-button .arrow{ fill: #B13A1B;} .single-work .gallery.top button.flickity-prev-next-button svg{ height: 70%; left: initial; right: initial;} .single-work .gallery.top button.flickity-prev-next-button.previous{ left: 0;} .single-work .gallery.top button.flickity-prev-next-button.previous svg{ left: 20px;} .single-work .gallery.top button.flickity-prev-next-button.next{ right: 0;} .single-work .gallery.top button.flickity-prev-next-button.next svg{ right: 20px} @media (min-width: 1050px){ .single-work .slide { width: 100% !important; height: 85vh; background: #FFF; display: flex; align-items: center; justify-content: center; } .single-work .carousel.is-fullscreen .slide { height: 100%; } .single-work .slide img { display: block; max-height: 100%; } .single-work .gallery .slide .img_layer img { max-width: 1050px; } } /* Single Materiality ------------------ */ .single-materiality .flexible_content .the_content .excerpt{ text-align: center; margin: 60px auto 0px; max-width: 509px; font-size: 22px; letter-spacing: 0.3px; line-height: 28px; color: #B13A1B;} .single-materiality .flexible_content .the_content .subtitle{ text-align: center; display: block; font-size: 16px; font-family: 'AvenirNextDemi-Bold'; letter-spacing: 0.8px; line-height: 20px; color: #B13A1B;} .single-materiality .flexible_content .the_content .featured_text{ color: #B13A1B;} /* Single Delight -------------- */ .delight_subtitle{ font-family:'FreightTextBoldItalic'; color: #B13A1B; font-size: 36px; margin: 60px auto 0; text-align: center} .single-delight .flexible_content .the_content .real_title{ max-width: 910px; font-family:'FreightTextBold'; font-size: 120px; line-height: 120px} .single-delight .flexible_content .the_content .real_title span{ display: block; color: #B13A1B;} .single-delight .flexible_content .the_content .featured_text{ text-align: center; font-family:'FreightTextBold';} .single-delight .flexible_content .the_content .featured_text .featured_caption{ color: #B13A1B; margin-top: 25px;} .single-delight .delight_gallery .img_container{ width: 100%; height: calc(100vh - 52px); position: relative; text-align: center} /* .single-delight .delight_gallery .img_container span{ position: relative; background: red;} */ /* .single-delight .delight_gallery .img_container img{ max-width: 100%; max-height: calc(100vh - 100px); width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} */ .single-delight .delight_gallery .img_container span.watermark:before{ content: ''; position: absolute; width: 120px; height: 120px; background: red; top: 0; right: 0; background: transparent url(img/watermark.svg) center center no-repeat; background-size: 100%;} .single-delight .delight_gallery .img_container span{ max-width: 100%; height: calc(100vh - 52px); position: relative; margin: 0 auto; text-align: center; display: inline-block;} .single-delight .delight_gallery .img_container span img{ width: auto; height: auto; max-height: calc(100vh - 52px); margin: 0 auto; padding: 50px;} .single-delight .delight_gallery_nav{ margin-top: 40px;} .single-delight .delight_gallery_nav .delight_gallery_nav_item{ cursor: pointer; padding: 0 20px;} /* Single Experience ----------------- */ .single-video-award h2 { text-align: center; font-family: 'Paralucent-Medium'; font-size: 26px; line-height: 32px; margin: 60px 0 0; color: #ff674c; } .single-experience .flexible_content .the_content .real_title, .single-video-award .flexible_content .the_content .real_title { font-family: 'FreightDispBold'; max-width: 1040px; font-size: 100px; line-height: 1; letter-spacing: -3px; margin-top: 25px; margin-bottom: 10px; } .single-experience .flexible_content .the_content .text, .single-video-award .flexible_content .the_content .text{ font-family: 'FreightTextMedium'; font-size: 24px; line-height: 1.1; letter-spacing: 0.6px;} .single-experience .flexible_content .the_content .featured_text, .single-video-award .flexible_content .the_content .featured_text{ font-family: 'FreightDispBold'; font-size: 36px; line-height: 1; letter-spacing: 0.9px;} .single-experience .latest_experiences, .single-video-award .latest_experiences{ background: #34332e;} .single-experience .latest_experiences .quote, .single-video-award .latest_experiences .quote{ text-align: center; margin: -30px auto 70px; max-width: 600px; font-family: 'FreightTextBook'; font-size: 24.1px; line-height: 1.2; letter-spacing: 0.6px; color: #ffffff;} .single-experience .latest_experiences .more a, .single-video-award .latest_experiences .more a{ color: #fff;} @media (max-width: 767px){ .single-experience .flexible_content .the_content .real_title, .single-video-award .flexible_content .the_content .real_title { font-size: 40px; line-height: 1; } } /* Single Counterpoint ------------------- */ .single-counterpoint .fullscreen{ position: relative;} .single-counterpoint .fullscreen .single-counterpoint .fullscreen .images{ position: relative; max-width: 70%; max-height: 75vh; margin: 0 auto; text-align: center;} .single-counterpoint .fullscreen .images img{ display: inline-block; vertical-align: middle; padding: 0 15px; max-width: 40%} .single-counterpoint .fullscreen .images .img_left{ margin-top: 10vh;} .single-counterpoint .fullscreen .images .img_right{ margin-bottom: 10vh;} .single-counterpoint .fullscreen{ margin-bottom: 95px;} .single-counterpoint .fullscreen h1{ max-width: 835px; height: 100%; text-align: center; margin: auto; font-family: 'Paralucent-Bold'; font-size: 80px; line-height: 0.9; letter-spacing: -1.7px; color: #B13A1B; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .single-counterpoint .fullscreen h1 span{ margin: 0 auto; display: block; position: relative} .single-counterpoint .fullscreen .caption{ font-family: 'AvenirNext-Medium'; position: absolute; left: 30px; bottom: -40px; font-size: 13px; letter-spacing: 0.6px; line-height: 20px; color: #B13A1B;} /* .single-counterpoint .flexible_content .featured_text{ text-align: center; font-family: 'FreightTextBook'; font-size: 36px; line-height: 1.1; letter-spacing: 0.9px;} */ .single-counterpoint .flexible_content .featured_text{ max-width: 861px; font-family: 'FreightTextBook'; font-size: 38.2px; line-height: 1.2; letter-spacing: 0.9px; color: #B13A1B; text-align: left; float: right; margin-right: 10%; } /* Single Monography ----------------- */ #monography-menu { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; left: 0; height: 100vh; font-size: 16px; top: 35px; padding: 0 0 50px 0; width: 235px; border-right: 1px solid black; background: white; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} #single.active #monography-menu{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} #monography-menu li { list-style: none; position: relative; border-bottom: 1px solid black;} #monography-menu li.counterpoint{ background: #F9F7F3;} #monography-menu li > a { padding: 27px 15px 27px; display: block;} #monography-menu li span { position: absolute; left: 12px; top: 6px; font-size: 13px;} #monography-menu li span a { color: #B13A1B; } #monography-menu li.active { background: #B13A1B; color: #fff;} #monography-menu li:hover { background: #B13A1B; color: #fff;} #monography-menu li:hover a, #monography-menu li.active a{ color: #fff;} #monography-menu li.view_all_monograph{ padding: 30px 0; border-bottom: 0; text-transform: uppercase; line-height: 21px;} #monography-menu li.view_all_monograph .icon-plus { font-size: 30px; color: #B13A1B; margin-bottom: 15px;} #monography-menu .top_responsive{ display: none} .single-monography #single .left_nav, .single-counterpoint #single .left_nav{ width: 235px; padding: 0 25px 0 40px; position: relative; cursor: pointer; font-size: 0; text-align: left} .single-monography #single .left_nav span, .single-counterpoint #single .left_nav span{ font-size: 16px; display: inline-block; vertical-align: top;} .single-monography #single .left_nav span:last-of-type, .single-counterpoint #single .left_nav span:last-of-type { padding-left: 0px; } .single-monography #single .left_nav .onography, .single-counterpoint #single .left_nav .onography{ width: 113px; display: inline-block; overflow: hidden} .single-monography #single .left_nav .icon-next, .single-counterpoint #single .left_nav .icon-next{ position: absolute; left: 10px; font-size: 24px; color: #B13A1B; top: 13px;} .single-monography #single .left_nav .title, .single-counterpoint #single .left_nav .title{ font-size: 16px; position: absolute; top: 0; right: -85px;} .single-monography #single.active .left_nav .icon-next, .single-counterpoint #single.active .left_nav .icon-next{ position: absolute; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);} .single-monography #single.active .left_nav .onography, .single-counterpoint #single.active .left_nav .onography{ width: 113px;} .single-monography #single.active .left_nav, .single-counterpoint #single.active .left_nav{ width: 235px;} .single-monography{} .single-monography .single_header{ width: 100%; height: 100vh; text-align: center; position: relative;} .single-monography .single_header h1{ font-size: 240px; text-transform: uppercase; font-family: 'AvenirNextBold'; letter-spacing: 2px; line-height: 240px; color: #ffffff;} .single-monography .single_header h4{ max-width: 670px; margin: 0 auto; font-size: 24px; font-family: 'FreightTextBook'; letter-spacing: 0.6px; line-height: 28px; color: #ffffff;} .single-monography .single_header .caption_bg{ position: absolute; left: 20px; bottom: -40px; color: #B13A1B} .single-monography .editorial{ padding-top: 95px;} .single-monography .flexible_content .the_content .text{ font-size: 24px; font-family: 'FreightTextMedium'; /* letter-spacing: 0.6px; */ line-height: 28px;} .single-monography .flexible_content .the_content .text strong{ font-family: 'FreightTextBold';} .single-monography .flexible_content.editorial .featured_text{ font-family: 'FreightTextBook'; font-size: 38.2px; line-height: 1.2; letter-spacing: 0.9px; color: #B13A1B;} .single-delight .flexible_content .the_content .featured_text{} /* Profile */ .single-monography .profile_header{ width: 100%; height: 90vh; position: relative; margin-bottom: 75px; background-color: #fbf7f4;} .single-monography .profile_header h1{ z-index: 10; position: relative; max-width: 70%; font-size: 90px; text-align: center; font-family: 'Paralucent-Medium'; letter-spacing: -0.8px; line-height: 0.8; margin: auto; color: #fff;} .single-monography .profile_header .container-fluid{ position: relative;} .single-monography .profile_header img{ max-height: 90vh; width: auto;} .single-monography .profile_header .caption_bg{ position: absolute; left: 20px; bottom: -40px; color: #B13A1B} /* .single-monography .profile .flexible_content .featured_text{ max-width: 861px; font-family: 'FreightTextBook'; font-size: 38.2px; line-height: 1.2; letter-spacing: 0.9px; color: #B13A1B; text-align: left; float: right; margin-right: 10%; } */ /* Report */ .single-monography .report_header{ width: 100%; height: 100vh; position: relative; text-align: center; overflow: hidden; margin-bottom: 95px} .single-monography .report_header .title{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; } .single-monography .report_header h1{ font-size: 120px; font-family: 'Paralucent-Medium'; letter-spacing: -3px; line-height: 120px; color: #ffffff;} .single-monography .report_header h5{ color: #fff;} .single-monography .report_header .play_video{ cursor: pointer; font-size: 56px; color: #fff;} .single-monography.found-paper .flexible_content .featured_text{ max-width: 861px; font-family: 'FreightTextBook'; font-size: 38.2px; line-height: 1.2; letter-spacing: 0.9px; text-align: left; float: right; margin-right: 10%;} .single-work .video_content{ position: relative; width: 100%; height: 100%; background: #fff;} .single-monography .video_content, .single-experience .video_content{ position: absolute; width: 100%; height: 100vh; overflow: hidden; z-index: -1; opacity: 0; background: #fff;} .single-monography .video_content.active, .single-experience .video_content.active{ opacity: 1; z-index: 9;} .single-work .video-js, .single-monography .video-js, .single-experience .video-js{ position: initial !important;} .single-work .video-js{ background: transparent !important;} .single-monography .video-js .vjs-tech, .single-experience .video-js .vjs-tech{ position: relative !important} .single-work .video-js, .single-work .video-js .vjs-tech{ position: relative; min-width: 100%; min-height: 100%; width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important;} .vjs-default-skin.vjs-has-started .vjs-control-bar{ display: initial !important; position: absolute !important; left: 0 !important; right: initial !important; bottom: 48px; width: 100%; margin: auto;} .video-js .vjs-poster{ background-size: cover !important; height: 100vh !important;} .vjs-default-skin .vjs-big-play-button{ left: 0 !important; right: 0 !important; bottom: 0 !important; top: 0 !important; margin: auto; border: 0; box-shadow: none; background: transparent;} .vjs-default-skin .vjs-big-play-button:before{ content: ''; background: transparent url(img/play.svg) center center no-repeat; background-size: 50px;} /* Controls general */ .vjs-default-skin .vjs-control-bar, .vjs-default-skin .vjs-slider{ background: transparent; position: absolute; width: 60%; left: 0px; right: 0; margin: auto; height: 2px; bottom: 38px; top: initial; z-index: 1} /* Progressbar */ .vjs-default-skin .vjs-progress-control{ height: 2px !important; top: -1px !important;} .vjs-load-progress{ background: #ccc !important; opacity: .4 !important} .vjs-play-progress{ background: #fff !important;} /* Play/pause */ .vjs-default-skin .vjs-play-control{ position: absolute; left: 15%; bottom: 25px; z-index: 999} .vjs-default-skin .vjs-play-control:before{ content: ''; background: transparent url('img/play_white.svg') center center no-repeat; background-size: 15px; opacity: 1;} .vjs-default-skin.vjs-playing .vjs-play-control:before{ content: ''; background: transparent url('img/pause.svg') center center no-repeat;} /* Mute on/off */ .vjs-mute-control.vjs-control{ position: absolute; right: 15%; bottom: 25px;} .vjs-mute-control.vjs-control:before{ content: ''; background: transparent url('img/mute_off.svg') center center no-repeat; background-size: 20px; opacity: 1;} .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;} /* Fullscreen on/off */ .vjs-default-skin .vjs-fullscreen-control{ position: absolute; right: 12%; bottom: 25px;} .vjs-default-skin .vjs-fullscreen-control:before{ content: ''; background: transparent url('img/fullscreen.svg') center center no-repeat; background-size: 20px; opacity: 1;} /* Hidde controls */ .vjs-default-skin .vjs-loading-spinner:before, .vjs-default-skin .vjs-volume-control, .vjs-current-time-display, .vjs-time-divider, .vjs-default-skin .vjs-menu-button, .vjs-duration, .vjs-default-skin .vjs-seek-handle:before{ display: none;} /* Idea */ .single-monography .idea_header, .single-counterpoint .idea_header{ width: 100%; height: 100vh; position: relative; margin-bottom: 75px; text-align: center} .single-counterpoint .idea_header{ background-color: #fff;} .single-monography .idea_header img, .single-counterpoint .idea_header img{ width: auto; height: auto; max-width: 80%; max-height: 80vh; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 0;} .single-monography .idea_header h1, .single-counterpoint .idea_header h1{ max-width: 960px; margin: 0 auto; font-size: 120px; font-family: 'Paralucent-Medium'; letter-spacing: -3px; line-height: 120px; color: #000; position: relative; z-index: 40} .single-monography .idea_header h5, .single-counterpoint .idea_header h5, .single-monography .report_header h5, .single-counterpoint .report_header h5{ max-width: 560px; margin: 0 auto; font-size: 24px; font-family: 'FreightTextBook'; letter-spacing: 0.6px; line-height: 28px; position: relative; z-index: 40} .single-monography .flexible_content .featured_text, .single-counterpoint .flexible_content .featured_text{ margin: 0 auto; text-align: center; max-width: 748px; font-size: 32px; font-family: 'FreightTextBook'; font-style: italic; letter-spacing: 1.1px; line-height: 35px;} /* Read next article */ .read_next_article{ text-align: center; padding: 85px 40px 65px; margin: 0 auto; max-width: 600px;} .read_next_article h5{ font-size: 13px; font-family: 'AvenirNextDemi-Bold'; letter-spacing: 0.6px; line-height: 20px; color: #B13A1B;} .read_next_article h3{ font-size: 24px; letter-spacing: 1px; line-height: 24px; margin: 20px auto 5px} .read_next_article h3 span{ color: #B13A1B;} .read_next_article .icon-next{ display: table; margin: 0 auto; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); width: 100px;} .read_next_article a:hover .icon-next path{ fill: #B13A1B} /* Purchase content */ .purchase_container{ text-align: center; font-family: 'Avenir-Medium';} .purchase_container .purchase_text{ border: 1px solid #B13A1B; text-align: center; font-size: 20px; color: #B13A1B; max-width: 665px; margin: 0 auto 60px; padding: 35px 30px 15px; line-height: 1.4} .purchase_container .purchase_text i, .purchase_container .purchase_text em{ font-family: 'AvenirNext-MediumItalic';} .purchase_container .purchase_text a{ color: #B13A1B;} .purchase_container .purchase_link{ font-family: 'AvenirNext-Medium'; border: 1px solid #B13A1B; background: #B13A1B; color: #fff; text-align: center; width: 280px; height: 57px; line-height: 55px; margin: 0 auto; display: inline-block; font-size: 20px;} /* Written by ---------- */ .writter_by{ background: #f9f7f3; padding: 25px 0 45px; position: relative} .writter_by.not_last{ margin-bottom: 95px;} .writter_by.not_last2{ margin-bottom: 0 !important;} .writter_by a{ color: #4a4a4a} .writter_by a:hover{ color: #B13A1B} .writter_by .container-fluid{ position: relative} .writter_by .written_title{ font-family: 'AvenirNextDemi-Bold'; font-size: 13px; letter-spacing: 0.5px; line-height: 33px; color: #000000; text-align: center;} .writter_by .posted{ font-size: 13px; font-family: 'Inconsolata-Regular'; letter-spacing: 0.7px; line-height: 17px; color: #000000; position: absolute; left: 40px; top: 0;} .writter_by .posted .post-counter{ display: inline-block;} .writter_by .posted .post-counter span{ margin-left: 15px;} .writter_by .the_author{ font-family: 'AvenirNext-Medium'; max-width: 700px; margin: 30px auto 0; font-size: 0;} .writter_by .the_author .left{ padding-top: 10px; display: inline-block; width: 140px; padding-right: 20px; vertical-align: top; font-size: 13px; letter-spacing: 0.5px; line-height: 19px; color: #4a4a4a; text-align: center;} .writter_by .the_author .left img{ margin-bottom: 20px;} .writter_by .the_author .right{ padding-top: 8px; display: inline-block; width: 550px; padding-left: 20px; border-left: 1px solid #979797; vertical-align: top; font-size: 13px; letter-spacing: 0.5px; line-height: 19px; color: #4a4a4a;} .writter_by .the_author .right .description{ margin-bottom: 50px;} .writter_by .the_author .right .description i{ font-family: 'AvenirNext-MediumItalic';} .writter_by .the_author .right span{ margin-right: 15px;} /* By Transfer ----------- */ .by_transfer{ background: #f9f7f3; padding: 25px 0 25px; position: relative; margin-top: -100px;} .by_transfer .written_title{ font-family: 'AvenirNextDemi-Bold'; font-size: 13px; letter-spacing: 0.5px; line-height: 33px; color: #000000; text-align: center;} /* Simple page ----------- */ .page-template-simple-page section.container-fluid{ padding-top: 160px;} .page-template-simple-page h2.title{ /* letter-spacing: -0.4px; */ font-family: 'AvenirNextDemi-Bold'; font-size: 20px; line-height: 1.2; text-align: center; color: #B13A1B; margin-bottom: 35px;} .page-template-simple-page h3.subtitle{ font-size: 20px; line-height: 1.2; letter-spacing: 0.4px; max-width: 920px; padding: 0; margin: 0 auto; margin-bottom: 55px; display: block; color: #B13A1B; text-align: center} .page-template-simple-page .email{ letter-spacing: -0.4px; font-size: 28px; line-height: 1.2; text-align: center; display: block; margin-bottom: 55px;} .page-template-simple-page .email.big{ font-size: 34px;} .page-template-simple-page .text{ font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; max-width: 920px; padding: 0; margin: 0 auto; margin-bottom: 55px; display: block} .page-template-simple-page .text a{ border-bottom: 1px solid #000;} .page-template-simple-page .text a:hover{ border-bottom: 1px solid #B13A1B;} .page-template-simple-page .columns{ font-size: 0; max-width: 980px; padding: 0; text-align: center; margin: 0 auto 55px;} .page-template-simple-page .columns.gallery{ margin-bottom: 110px;} .page-template-simple-page .column{ font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; display: inline-block; text-align: left; vertical-align: top; width: 33.333%; padding: 0 30px;} .page-template-simple-page .column.small{ font-size: 14px;} .page-template-simple-page .column .img_wrapper{ position: relative;} .page-template-simple-page .column .clip-svg{ position: absolute;} .page-template-simple-page .column .square{ width: 100%; max-width: 80%; margin-bottom: 30px;} .page-template-simple-page .column .circle{ border-radius: 50%; width: 100%; max-width: 70%; margin-bottom: 30px;} .page-template-simple-page .column .pentagon{ -webkit-clip-path: polygon(50% 0%, 100% 40%, 80% 100%, 20% 100%, 0% 40%); clip-path: polygon(50% 0%, 100% 40%, 80% 100%, 20% 100%, 0% 40%); -webkit-clip-path: url("#polygon-clip-pentagon"); clip-path: url("#polygon-clip-pentagon"); width: 100%; max-width: 80%; margin-bottom: 30px;} .page-template-simple-page .donate{ width: 100%; text-align: center; margin-bottom: 55px;} .page-template-simple-page .donate form .donate_button{ background: transparent; margin: 0 auto; text-align: center; border: 1px solid #B13A1B; color: #B13A1B; line-height: 40px; padding: 0 20px; display: inline-block; font-size: 20px;} .page-template-simple-page .donate form .donate_button:hover{ background: #B13A1B; color: #fff;} .page-template-simple-page .download_button{ display: table; height: 55px; line-height: 55px; text-align: center; width: 280px; background: #B13A1B; color: #fff; font-size: 16px; letter-spacing: .5px; margin: 55px auto; position: relative;} body.search{ text-align: center;} /* About award page ----------------- */ .page-template-page-about-awards section.container-fluid{ padding-top: 160px; border-bottom: 1px solid #ff674c; } .page-template-page-about-awards h2.title{ /* letter-spacing: -0.4px; */ font-family: 'AvenirNextDemi-Bold'; font-size: 20px; line-height: 1.2; text-align: center; color: #ff674c; margin-bottom: 35px;} .page-template-page-about-awards h3.subtitle{ font-size: 20px; line-height: 1.2; letter-spacing: 0.4px; max-width: 920px; padding: 0; margin: 0 auto; margin-bottom: 55px; display: block; color: #ff674c; text-align: center} .page-template-page-about-awards .email{ letter-spacing: -0.4px; font-size: 28px; line-height: 1.2; text-align: center; display: block; margin-bottom: 55px;} .page-template-page-about-awards .email.big{ font-size: 34px;} .page-template-page-about-awards .text{ font-family: 'FreightTextMedium'; font-size: 20px; line-height: 25px;max-width: 920px; padding: 0; margin: 0 auto; margin-bottom: 55px; display: block} .page-template-page-about-awards .text a{ border-bottom: 1px solid #ff674c; color:#ff674c; } .page-template-page-about-awards .text a:hover{ border-bottom: 1px solid #ff674c;} .page-template-page-about-awards .columns{ font-size: 0; max-width: 980px; padding: 0; text-align: center; margin: 0 auto 55px;} .page-template-page-about-awards .columns.gallery{ margin-bottom: 110px;} .page-template-page-about-awards .column{ font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; display: inline-block; text-align: left; vertical-align: top; width: 33.333%; padding: 0 30px;} .page-template-page-about-awards .column.small{ font-size: 14px; color:#ff674c;} .page-template-page-about-awards .column.small a{color:#ff674c;} .page-template-page-about-awards .column .img_wrapper{ position: relative;} .page-template-page-about-awards .column .clip-svg{ position: absolute;} .page-template-page-about-awards .column .square{ width: 100%; max-width: 80%; margin-bottom: 30px;} .page-template-page-about-awards .column .circle{ border-radius: 50%; width: 100%; max-width: 70%; margin-bottom: 30px;} .page-template-page-about-awards .column .pentagon{ -webkit-clip-path: polygon(50% 0%, 100% 40%, 80% 100%, 20% 100%, 0% 40%); clip-path: polygon(50% 0%, 100% 40%, 80% 100%, 20% 100%, 0% 40%); -webkit-clip-path: url("#polygon-clip-pentagon"); clip-path: url("#polygon-clip-pentagon"); width: 100%; max-width: 80%; margin-bottom: 30px;} .page-template-page-about-awards .donate{ width: 100%; text-align: center; margin-bottom: 55px;} .page-template-page-about-awards .donate form .donate_button{ background: transparent; margin: 0 auto; text-align: center; border: 1px solid #ff674c; color: #ff674c; line-height: 40px; padding: 0 20px; display: inline-block; font-size: 20px;} .page-template-page-about-awards .donate form .donate_button:hover{ background: #ff674c; color: #fff;} .page-template-page-about-awards .download_button{ display: table; height: 55px; line-height: 55px; text-align: center; width: 280px; background: #ff674c; color: #fff; font-size: 16px; letter-spacing: .5px; margin: 55px auto; position: relative;} .post-type-archive-video-award #pdf_links_containers{ border-bottom: 1px solid #ff674c; } /* Block newsletter ---------------- */ .block_newsletter{ border-top: 1px solid #B13A1B; border-bottom: 1px solid #B13A1B;} .block_newsletter .newsletter{ margin: 65px auto; display: table;} .block_newsletter .newsletter input{ height: 55px; line-height: 50px; text-align: center; width: 305px; border: 1px solid #B13A1B; font-size: 16px; letter-spacing: .5px; margin: 0 10px; position: relative;} .block_newsletter .newsletter input[type="text"]{ background: transparent; color: #B13A1B; top: -1px} .block_newsletter .newsletter input[type="text"]::-webkit-input-placeholder {color: #B13A1B;} .block_newsletter .newsletter input[type="text"]:-moz-placeholder { color: #B13A1B; opacity: 1;} .block_newsletter .newsletter input[type="text"]::-moz-placeholder { color: #B13A1B; opacity: 1;} .block_newsletter .newsletter input[type="text"]:-ms-input-placeholder { color: #B13A1B;} .block_newsletter .newsletter input[type="submit"]{ background: #B13A1B; color: #fff;} .block_newsletter .newsletter input[type="submit"]:hover{ background: #B13A1B; border-color: #B13A1B; color: #fff;} .block_newsletter .follow{ font-size: 16px; text-align: center; color: #B13A1B; margin: 40px auto 0;} .block_newsletter .follow a{ color: #B13A1B; border-bottom: 1px solid #B13A1B} .block_newsletter #subForm{ margin: 0 auto; text-align: center} .post-type-archive-monography #bottom_newsletter{ margin-top: -1px;} /* Footer ------ */ footer{ width: 100%; background: #F1F1F1; color: #4A4A4A;} footer a{ color: #4A4A4A;} footer a:hover{ color: #B13A1B;} footer h3{ text-align: center; padding: 30px 15px 45px;} footer nav{ font-size: 0; margin: 0 auto 25px; text-align: center} footer nav > div{ width: 200px; font-size: 15px; line-height: 26px; display: inline-block; vertical-align: top; padding: 0 30px 30px; border-left: 0px solid #fff; text-align: left} footer nav > div:first-child{ border: 0;} footer nav > div:last-child{ padding-right: 0;} footer nav > div h5{ font-size: 15px; line-height: 23px; font-weight: normal; color: #9B9B9B;} footer nav > div ul{ display: table; width: auto; margin: 20px 0 0 0; padding: 0; list-style: none;} footer .support{ margin: 0 auto 65px; text-align: center; font-size: 0;} footer .support h5{ font-size: 15px; line-height: 26px; font-weight: normal; color: #9B9B9B; display: block; margin-bottom: 50px;} footer .support img{ display: inline-block; vertical-align: bottom; margin: 0 50px 15px; max-height: 70px;} footer .signature{ position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; font-size: 15px; text-align: center; text-transform: uppercase;} /* Main search ----------- */ .main_search{ position: fixed; width: 100%; z-index: -1; background: #fff; text-align: center; height: 195px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); border-bottom: 1px solid #979797;} .search .main_search{ background: #fff; z-index: 999; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%);} .main_search a{ color: #B13A1B;} .main_search form{ position: absolute; left: 0; right: 0; margin: auto; bottom: 85px;} .main_search label{ display: none;} .main_search input[type="text"]{ border: 0; border-bottom: 3px solid #B13A1B; width: 640px; font-size: 30px; line-height: 30px; background: transparent; color: #B13A1B; margin-right: 40px;} .main_search input[type="submit"]{ position: relative; top: 15px; border: 0; background: transparent; color: #B13A1B; font-size: 30px; line-height: 30px; letter-spacing: .9px;} .main_about, .main_support{ position: fixed; width: 100%; z-index: -1; background: #fff; text-align: center; height: 195px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); border-bottom: 1px solid #979797;} .show_about .main_about, .show_support .main_support{ background: #fff; z-index: 999; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%);} .main_about .content, .main_support .content{ max-width: 670px; padding: 0 30px; margin: 0 auto; color: #B13A1B; font-size: 20px; line-height: 1.2;} .main_about .content a, .main_support .content a{ border-bottom: 1px solid #B13A1B; color: #B13A1B; text-transform: none; font-size: 16px; margin-top: 10px; letter-spacing: 0} .main_newsletter{ position: fixed; width: 100%; z-index: -1; background: #fff; text-align: center; height: 195px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); border-bottom: 1px solid #979797;} .main_newsletter .block_newsletter, .main_newsletter .block_newsletter .newsletter{ padding: 0; margin: 0 auto; border: 0;} .show_newsletter .main_newsletter{ z-index: 999; background: #fff; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%);} /* Streaming --------- */ .straming_container{ background-size: contain; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;} .page-template-streaming header{ border-bottom: 1px solid #000;} header .streaming_nav{ position: absolute; top: 38px; right: 140px; display: table; margin: 0; padding: 0; list-style: none;} header .streaming_nav li{ display: inline-block; margin-left: 30px; font-size: 16px; cursor: pointer;} header .streaming_nav li:hover, header .streaming_nav li.active{ color: #AE2300;} .straming_container h1{ font-family: 'FreightTextBook'; position: fixed; right: 0; left: 0; margin: auto; color: #AE2300; font-size: 64px; line-height: 1; top: 180px; text-align: center; z-index: 10} .straming_container .clock_container{ position: fixed; left: 0; right: 0; bottom: 165px; margin: auto; width: 100%; text-align: center} .straming_container .clock_container h4{ color: #AE2300; font-family: 'AvenirNext-Medium'; font-size: 18px; margin: 0 auto 30px;} .straming_container .clock_container #clockdiv{ line-height: 1; font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px;} .straming_container .clock_container #clockdiv > div{ color: #AE2300; font-family: 'AvenirNext-Medium'; display: inline-block;} .straming_container .clock_container #clockdiv > div span:after{ content: ':'; padding: 0px 10px 0px 20px} .straming_container .clock_container #clockdiv > div .seconds:after{ content: ''; padding: 0;} .straming_container .clock_container #clockdiv div > span{ font-family:'Paralucent-Medium'; font-size: 100px; display: inline-block;} .straming_container .clock_container .smalltext{ padding-top: 0px; font-size: 18px; position: relative; left: -20px;} .straming_container .clock_container .smalltext.second{ left: 0} .straming_container .caption{ color: #AE2300; font-family: 'AvenirNext-Medium'; position: fixed; left: 0; right: 0; margin: auto; text-align: center; padding: 0 30px; font-size: 12px; bottom: 50px} .programme, .sponsors{ font-family: 'AvenirNext-Medium'; color: #AE2300; font-size: 18px; position: fixed; top: 96px; right: 0; height: calc(100vh - 96px); z-index: 50; background: #fff; width: 400px; padding: 95px 40px 40px;} .programme b, .sponsors b, .programme strong, .sponsors strong{ font-weight: normal; font-family: 'AvenirNextDemi-Bold'} .programme, .sponsors{ overflow: auto; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%);} .programme .arrow, .sponsors .arrow{ cursor: pointer; position: absolute; right: 50px; top: 30px;} .show_programme .programme{ transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%);} .show_sponsors .sponsors{ transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%);} .sponsors{ font-size: 0;} .sponsors p{ font-size: 18px;} .sponsors .logos{ margin: 30px 0 60px;} .sponsors .sponsor_box{ display: inline-block; width: 50%; vertical-align: middle; margin-bottom: 30px;} .sponsors .sponsor_box img{ width: auto; max-width: 100%; max-height: 50px; height: auto; margin: 0 auto; padding: 0 10px;} .show_streaming .straming_container{ display: none} .page-template-streaming iframe{ box-shadow: none; position: fixed; top: 90px; left: 0; right: 0; bottom: 0; margin: auto; display: none;} .show_streaming.page-template-streaming iframe{ display: block;} @media screen and (max-width: 1100px){ .page-template-streaming iframe{ width: 700px; height: 394px;} } @media screen and (max-width: 767px){ .page-template-streaming iframe{ width: 300px; height: 169px;} } .page-template-streaming .right_nav{ overflow: hidden; position: relative; line-height: 96px; width: 150px; text-align: left; float: right; font-size: 16px; font-family: 'AvenirNext-Medium'; letter-spacing: 0.8px; color: #000; padding-right: 30px; position: relative; height: 96px; z-index: 99; text-align: right; background: transparent;} .page-template-streaming .right_nav a:hover{ color: #B13A1B;} .page-template-streaming .right_nav{ height: 96px;} .page-template-streaming .right_nav .share_top{ position: absolute; top: 0; font-size: 16px; text-align: left; right: 40px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); cursor: pointer;} .page-template-streaming .right_nav .share_bottom{ position: absolute; right: 40px; font-size: 16px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); cursor: pointer;} .page-template-streaming .right_nav:hover .share_top, .page-template-streaming .right_nav:focus .share_top{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);} .page-template-streaming .right_nav:hover .share_bottom, .page-template-streaming .right_nav:focus .share_bottom{ -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);} .page-template-streaming .right_nav .share_bottom .desktop{ display: inline-block} .page-template-streaming .right_nav .share_bottom .responsive{ display: none} .intense{ cursor: url(img/plus.png) 32 32, auto !important;} figure img{ cursor: url(img/cross.png) 32 32, auto !important;} /* Mediaqueries ------------ */ /*@media screen and (max-width: 1360px){*/ @media screen and (max-width: 1490px){ header .main_navigation ul li{ margin: 0 15px;} header .main_navigation ul li{ margin: 0 12px;} header .main_submenu li{ display: inline-block; margin-left: 20px;} header .main_submenu li{ display: inline-block; margin-left: 17px;} header .main_submenu{ right: 78px;} /* .flexible_content .the_content.gallery, .flexible_content .the_content.gallery .gallery_item, .flexible_content .the_content.gallery .gallery_item .layer{ height: 70vh} .flexible_content .the_content.gallery .gallery_item img{ height: 55vh;} .flexible_content .the_content.gallery .flickity-page-dots { top: 52vh;} */ } @media screen and (max-width: 1320px){ .post-type-archive-monography .issue .issue-posts .issue-post, .archive_suggest .issue-post, .single .issue-post{ width: 33.33333%; } } @media screen and (max-width: 1280px){ .block_news .news-gallery .news-gallery-cell{ width: 32%; display: inline-block} .block_news .news-gallery .news-gallery-cell:nth-child(4){ display: none} } @media screen and (max-width: 1140px){ header .main_navigation ul li{ margin: 0 10px;} header .main_submenu li{ display: inline-block; margin-left: 10px;} header .main_submenu{ right: 70px;} } @media screen and (max-width: 1060px){ header .main_navigation ul li { margin: 0 20px;} header .main_submenu li { margin-left: 25px;} header .main_submenu { right: 83px;} .archive_suggest .issue-post, .single .issue-post{ width: 33.333%;} .archive_suggest .issue-post:last-child, .single .issue-post:last-child{ display: none} .single .related_posts .issue-post, .single .related_posts .issue-post:last-child{ width: 50%; display: inline-block;} .search .issue-post{ display: block} .search-results .issue-post:nth-child(4n+1){ border-left: 1px solid #979797;} .search-results .issue-post:nth-child(3n+1){ border-left: 0;} } @media screen and (max-width: 1050px){ /* .flexible_content .the_content.gallery, .flexible_content .the_content.gallery .gallery_item, .flexible_content .the_content.gallery .gallery_item .layer{ height: 60vh} .flexible_content .the_content.gallery .gallery_item img{ height: 45vh;} .flexible_content .the_content.gallery .flickity-page-dots { top: 42vh;} */ } @media screen and (max-width: 1024px){ /* Header */ header .main_navigation ul li { margin: 0 10px;} header .main_submenu li { margin-left: 15px;} header .main_submenu { right: 78px;} /* Block monography */ .block_monography .monography-gallery-container .monography-posts .monography-post, .single-monography .grid .issue-post, .post-type-archive-monography .issue .issue-posts .issue-post, .block_news .news-gallery .news-gallery-cell, .post-type-archive-materiality .grid .item, .single-materiality .grid .item, .post-type-archive-counterpoint .grid .item, .single-counterpoint .grid .item, .blog .grid .item, .post-type-archive-counterpoint .grid .item{ width: 33.3333%;} /* Block experiences */ .block_experiences .gallery-experiences .experience-item .thmb, .block_experiences .gallery-experiences .experience-item .caption{ width: 100%; display: block; padding: 0 25px;} .block_experiences .gallery-experiences .experience-item .thmb img{ margin-bottom: 15px;} .block_experiences .gallery-experiences .experience-item .thmb .play{ left: 0;} .block_experiences .gallery-experiences .experience-item a{ padding-bottom: 30px;} .block_experiences .gallery-experiences .experience-item .post-counter{ bottom: 0; left: 25px;} .block_experiences .gallery-experiences .experience-item .post-counter span { margin: 0 5px 0 0;} /* Block materiality */ .block_materiality .materiality-gallery .materiality-item{ padding-top: 0;} .block_materiality .materiality-gallery .materiality-item .excerpt{ font-size: 16px; line-height: 1.4;} .block_materiality .materiality-gallery .materiality-item .post-counter span { margin: 0 5px;} .block_materiality .materiality-gallery .materiality-item h5 { font-size: 16px; line-height: 1.4;} /* Single header */ #single .main, #single .left_nav, #single .right_nav{ font-size: 13px;} /* Flexible content */ /* .flexible_content .the_content.gallery{ padding: 0 30px;} */ /* Single Monography */ .single-monography .single_header h1, .post-type-archive-monography .issue h3{ font-size: 160px;} .single-monography .grid .issue-post:last-child{ display: none} .single-monography .double_content .left_side .image img{ max-width: 85%;} /* Single experience */ .single-experience .grid .item h3, .post-type-archive-experience .grid .item h3, .post-type-archive-work .grid .item h3, .single-work .grid .item h3{ font-size: 40px; line-height: 1.1;} .single-experience .flexible_content .the_content .real_title{ font-size: 80px; padding: 0 30px;} .flexible_content .the_content .multimple_images .multimple_images_item img{ max-height: 75vh; height: auto} /* Single page */ .page-template-simple-page .column{ padding: 0 15px;} .page-template-page-about-awards .column{ padding: 0 15px;} .block_news .news-gallery .news-gallery-cell{ width: 49%; display: inline-block} .block_news .news-gallery .news-gallery-cell:nth-child(3){ display: none} /* Streaming */ .straming_container h1{ font-size: 54px;} .sponsors .sponsor_box img{ max-height: 40px;} .programme, .sponsors p{ font-size: 16px; line-height: 22px} .straming_container .clock_container{ bottom: 135px;} } @media screen and (max-width: 1023px){ .main_search input[type="text"]{ border-bottom: 2px solid #B13A1B; width: 50%; font-size: 20px; line-height: 1; margin-right: 40px;} .main_search input[type="submit"]{ top: 11px; font-size: 20px; line-height: 1;} /* Home header */ .home_header .header_layer h2{ font-size: 80px; line-height: 1;} /* Block Monography */ .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell h3, .single-monography .single_header h1, .post-type-archive-monography .issue h3{ font-size: 100px; line-height: 1.4;} .block_monography .monography-gallery-container .monography-posts .monography-post, .single-monography .grid .issue-post, .post-type-archive-monography .issue .issue-posts .issue-post, .post-type-archive-materiality .grid .item, .single-materiality .grid .item, .post-type-archive-counterpoint .grid .item, .single-counterpoint .grid .item, .post-type-archive-counterpoint .grid .item, .blog .grid .item{ width: 50%;} .block_monography .monography-gallery-container .monography-posts .monography-post{ width: 32%; display: inline-block; vertical-align: top} .block_monography .monography-gallery-container .monography-posts .monography-post:nth-child(4){display: none} /* Block counterpoint */ .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell h3{ font-size: 38px; line-height: 1.2;} /* Block Experiences */ .block_experiences .experience-item-full .caption h3{ font-size: 70px; line-height: 1.2;} .block_experiences .gallery-experiences .experience-item{ width: 33.333%;} .block_experiences .gallery-experiences .experience-item:nth-child(3) a{ border: 0} .block_experiences .gallery-experiences .experience-item:last-child{ display: none;} /* Block Materiality */ .block_materiality .materiality-gallery .materiality-item, .block_materiality .materiality-gallery .materiality-item{ width: 50%; padding: 0 15px; margin: 0;} .block_materiality .materiality-gallery .materiality-item img{ margin-bottom: 45px;} .block_materiality .materiality-gallery .materiality-item h3{ font-size: 40px; line-height: 1;} .block_materiality .materiality-gallery .materiality-item h5{font-size: 13px; line-height: 1.4;} .block_materiality .materiality-gallery .materiality-item .excerpt{ margin: 20px auto; padding: 0 20px 40px;} .block_materiality .materiality-gallery .materiality-item .post-counter{ border: 0; bottom: 0} /* Block Works */ .block_works .works-gallery .works-gallery-cell .img_layer h3{ font-size: 80px; line-height: 1;} /* Archive Works */ .single-experience .grid .item h3, .post-type-archive-experience .grid .item h3, .post-type-archive-work .grid .item h3, .single-work .grid .item h3{ font-size: 30px; padding: 0 35px;} /* Monography */ .post-type-archive-monography .issue .n_issue{ margin-top: -20px; font-size: 50px} .single-monography .grid .issue-post:nth-child(3){ display: none} .single-monography .idea_header h1 { font-size: 80px; line-height: 1; margin-bottom: 35px;} .single-monography .double_content .left_side{ display: none} .single-monography .double_content .right_side, .single-monography .double_content .left_side.responsive{ display: block; width: 100%;} .single-monography #single .left_nav .title, .single-counterpoint #single .left_nav .title{ display: none; z-index: -1;} /* Single Counterpoint */ .single-counterpoint .fullscreen h1{ font-size: 60px; padding: 0 35px;} /* single works */ .post-type-archive-work .grid .item .author, .single-work .grid .item .author{ font-size: 13px; line-height: 1;} .single-monography #single .left_nav .title{ display: none;} /* Written by */ .writter_by .written_title{ text-align: left; margin-top: 60px;} .writter_by .the_author{ max-width: 100%; margin-top: 10px;} .writter_by .the_author .left{ padding-right: 0; text-align: left} .writter_by .the_author .right { padding-top: 0; display: block; width: 100%; padding-left: 0; border: 0; margin-top: 30px;} /* Footer */ footer nav > div { width: 25%;} } /* @media screen and (max-width: 960px){*/ @media screen and (max-width: 1250px){ .main_about, .main_support{ display: none} .block_newsletter .newsletter input{ height: 45px; line-height: 40px; width: 80%; font-size: 14px; margin-top: 10px;} .block_newsletter .follow { font-size: 12px; margin: 30px auto 0px;} .responsive_nav{ background: #F1F1F1; min-height: 100vh; overflow: hidden; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: -1; font-size: 22px; display: none} .show_responsive .responsive_nav{ display: block; z-index: 80;} .responsive_nav ul{ display: table; width: 100%; margin: 0; padding: 80px 0 20px; width: 100%; list-style: none; text-align: center; background: #fff;} .responsive_nav ul li{ margin-bottom: 25px;} .responsive_nav .submenu ul{ padding: 40px 0 80px; background: #F1F1F1;} .responsive_nav .responsive_nav_container{ height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch;} /* Header */ header{ height: 50px; background: #fff !important; border-bottom: 1px solid #979797; } header .main_navigation, header .main_submenu{ display: none} header .icon-search, .overpass header .icon-search{ font-size: 20px; top: 13px; right: 15px;} header .site_title{ width: 200px; top: 15px; left: 0; right: 0; margin: auto; text-align: center;} header .site_title .logo_transfer span { font-size: 16px;} header .site_title .logo_transfer .line{ max-width: 30px; height: 2px; bottom: 6px;} header .icon-burguer{ display: block; font-size: 20px; position: absolute; top: 14px; left: 15px; z-index: 200; cursor: pointer;} header .site_description{ display: none} .block_monography .monography-gallery-container .monography-posts .monography-post{ width: 49%; display: inline-block; vertical-align: top} .block_monography .monography-gallery-container .monography-posts .monography-post:nth-child(3){display: none} .page-template-streaming .right_nav{ font-size: 14px;} .page-template-streaming .right_nav{ height: 50px; line-height: 50px;} .page-template-streaming .right_nav .share_top, .page-template-streaming .right_nav .share_bottom{ font-size: 14px; right: 15px;} header .streaming_nav{ top: 15px; right: 100px;} header .streaming_nav li{ margin-left: 20px; font-size: 14px;} } @media screen and (max-width: 900px){ /* .flexible_content .the_content.gallery, .flexible_content .the_content.gallery .gallery_item, .flexible_content .the_content.gallery .gallery_item .layer{ height: 55vh} .flexible_content .the_content.gallery .gallery_item img{ height: 40vh;} .flexible_content .the_content.gallery .flickity-page-dots { top: 37vh;} */ .page-template-simple-page .columns{ text-align: left;} .page-template-simple-page .column{ width: 50%; text-align: left; margin-bottom: 20px} .page-template-page-about-awards .columns{ text-align: left;} .page-template-page-about-awards .column{ width: 50%; text-align: left; margin-bottom: 20px} .single-delight .flexible_content .the_content .real_title{ font-size: 80px; line-height: 1} } @media screen and (max-width: 850px){ .post-type-archive-monography .issue .issue-posts .issue-post, .archive_suggest .issue-post, .single .issue-post{ width: 50%;} .archive_suggest .issue-post:nth-child(3), .single .issue-post:nth-child(3){ display: none} .search .issue-post{ display: block} .search-results .issue-post{ border: 0 !important;} } @media screen and (max-width: 1250px){ .top_single{ padding-top: 49px;} } @media screen and (max-width: 768px){ .top_single{ padding-top: 49px;} .flickity-enabled.is-draggable .flickity-viewport, .single-work .gallery .slide .img_layer{ height: auto;} .single-work .gallery .slide .img_layer .v-middle{ position: relative; top: initial; transform: none; -webkit-transform: none; -moz-transform: none;} .flickity-viewport{ transition: min-height 0.5s ease-in-out; } .single-work .video_content{ position: relative; background: transparent; height: auto; width: 100%;} .single-work .fullscreen{ height: initial; margin-bottom: 25px; margin-top: -120px;} .home_header .fullscreen .video-js, .fullscreen .video-js .vjs-tech{ position: relative !important; width: 100% !important; height: initial !important; left: initial !important; top: initial !important;} .single-work .video-js{ margin-top: 60px; height: auto !important; position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; width: 100% !important; background: transparent} .home_header .fullscreen .video-js, .fullscreen .video-js .vjs-tech { position: relative; top: initial; left: initial; min-width: initial !important; min-height: initial !important; width: initial !important; height: initial !important; z-index: 1; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; background-size: cover !important;} .single-work .fullscreen .video-js .vjs-tech{ width: 100% !important;} .vjs-default-skin.vjs-has-started .vjs-control-bar{ bottom: 0;} .vjs-default-skin .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:before{ background: transparent !important;} .straming_container h1 { font-size: 44px;} .block_advertise .intro{ margin-top: 50px;} .block_advertise .text{ margin-bottom: 50px;} .post-type-archive-delight .grid .item{ width: 50%;} .post-type-archive-delight .grid .item h3{ font-size: 30px; line-height: 1;} } @media screen and (max-width: 767px){ .fullscreen { height: 100vh } .container-fluid{ padding: 0 30px;} /* Header */ .top_single{ padding-top: 49px;} .top_init{ padding-top: 100px;} .init_content{ margin-bottom: 65px;} .nav_little .icon-burguer{ left: 15px;} .nav_little .icon-search{ right: 15px;} /* Main navigation */ .main_navigation ul { top: 55px; font-size: 16px;} .main_navigation ul li{ margin: 0 15px} /* Home headaer */ .home_header .header_layer h2{ font-size: 50px; margin: 15px auto 15px; letter-spacing: -0.3px; line-height: .9;} .home_header .header_layer h4{ margin-top: -1px;} .home_header .header_layer h4, .single-monography .single_header h4{ font-size: 16px; letter-spacing: 0.2px; line-height: 1.4;} .home_header .flickity-prev-next-button{ display: none !important;} .flickity-prev-next-button svg{ width: 30px;} .flickity-prev-next-button.next svg{ left: 0;} .home_header .header_layer span { font-size: 13px; line-height: 1;} .home_header .header_layer .author{ top: -10px; font-size: 15px; line-height: 1;} .more .icon-plus{ font-size: 25px;} .more { font-size: 13px; line-height: 1; margin-bottom: 30px} .post-type-archive-monography .issue { padding-left: 25px; padding-right: 25px; } .block .block_title{ font-size: 13px; line-height: 1.4} /* Block monography */ .block_monography{ margin-top: 45px;} .single-monography .profile_header h1, .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell h3, .single-monography .single_header h1, .post-type-archive-monography .issue h3{ font-size: 50px; letter-spacing: 1px; margin-bottom: 10px} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .n_issue{ letter-spacing: -1px; font-size: 28px;} .block_monography .flickity-prev-next-button svg{ top: -35px;} .block_monography .monography-gallery-container{ margin-bottom: 0} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description, .grid .issue .description{ font-size: 16px; line-height: 1.4; margin: -15px 0 45px;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description{ margin: -15px auto 45px;} .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell .description .read_editorial, .grid .issue .description .read_editorial{ font-size: 13px;} .block_monography .monography-gallery-container .monography-posts .monography-post .content h5{ font-size: 13px;} .block_monography .monography-gallery-container .monography-posts .monography-post{ display: block; width: 100%;} .block_monography .monography-gallery-container .monography-posts .monography-post:nth-child(2){ display: none;} .block_monography .related_counterpoint{ display: block;} .block_monography .more{ padding-top: 35px} .block_monography .monography-gallery-container .monography-posts .monography-post:first-child, .single-monography .grid .issue-post:first-child{ border: 0; padding: 0} .single-monography .profile_header h1{ max-width: 95%; font-size: 42px} .block_monography.block_news_slider { background: #FDFBFA; margin-top: 0; } .block_monography.block_news_slider svg { fill: #B13A1B; } /*.block_monography button.flickity-prev-next-button.previous{ left: 30px;} .block_monography button.flickity-prev-next-button.next{ right: 30px;}*/ .block_monography button.flickity-prev-next-button.next{ right: -25px} button.flickity-prev-next-button.next{ right: -25px} .single-monography .idea_header h1{ font-size: 60px; line-height: 1; margin-bottom: 15px;} .single-monography .idea_header h5, .single-monography .report_header h5{ font-size: 16px; line-height: 1.4; padding: 0 30px;} .single-monography .double_content .left_side .text{ margin-bottom: 40px; font-size: 13px; line-height: 1.4;} .related_counterpoint .item_counterpoint:first-child{ border: 0; margin-bottom: 40px} .related_counterpoint .item_counterpoint{ display: block; width: 100%; border: 0} .block_monography .monography-gallery .slick-arrow, .block_monography .monography-gallery-container .monography-posts2 .slick-arrow svg{ width: 32px; height: 32px;} .block_monography .monography-gallery-container .monography-gallery{ padding: 0} .block_monography .monography-gallery .slick-prev{ left: -25px;} .block_monography .monography-gallery .slick-next{ right: -25px;} .block_monography .monography-gallery-container .monography-posts2 .slick-arrow{ width: 66px;} .block_monography .monography-gallery-container .monography-posts2 .slick-prev{ left: -26px;} .block_monography .monography-gallery-container .monography-posts2 .slick-next{ right: -26px;} .block_monography .monography-gallery-container .monography-posts2 .slick-prev svg{ left: -40px;} .block_monography .monography-gallery-container .monography-posts2 .slick-next svg{ right: 6px;} .block_monography .monography-gallery-container .monography-posts2 .slick-slide .monography-post{ padding: 0; border: 0} .block_monography .monography-gallery-container .monography-posts2 .slick-arrow{ background: transparent;} .block_monography .monography-gallery-container .monography-posts2 .monography-post .content{ padding: 65px 0 0;} .block_monography .monography-gallery-container .monography-posts2 .slick-prev{ left: 0;} /* block counterpoint */ .block_counterpoint .counterpoint-gallery { padding: 0px 15px 0; height: 300px;} .block_counterpoint .counterpoint-gallery-container h4{ width: 100%; text-align: center; margin: 20px auto; left: 0; font-size: 13px;} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell, .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell{ height: 300px} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell h3{ font-size: 32px; line-height: 1.1; padding: 0; position: relative;} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell img{ display: none; height: auto} .block_counterpoint .counterpoint-gallery .counterpoint-gallery-cell .counterpoint-cell .author{ font-size: 13px; line-height: 1.4;} .block_counterpoint .counterpoint-gallery-container .post-counter{ right: 0;} /* Block Experiences */ .block_experiences .experience-item-full{ margin-bottom: 25px;} .block_experiences .experience-item-full .caption h3 { font-size: 40px; padding: 0 30px;} .block_experiences .experience-item-full .caption .n_experience, .block_experiences .experience-item-full .caption .author{ font-size: 13px; line-height: 1;} .block_experiences .experience-item-full .caption .play{ font-size: 36px;} .block_experiences .gallery-experiences{ display: none} /* Block Materiality */ .block_materiality .materiality-gallery .materiality-item{ width: 100%; padding: 0 15px; margin: 0 0 30px 0; border: 0;} .block_materiality .materiality-gallery .materiality-item:nth-child(2){ display: none;} .block_materiality .materiality-gallery .materiality-item .caption, .block_materiality .materiality-gallery .materiality-item .excerpt{ height: auto; width: 100%; font-size: 13px; line-height: 1.4; display: block; padding: 0; margin-top: 20px;} .block_materiality .materiality-gallery .materiality-item .post-counter{ position: relative;} /* Block Works */ .block_works .works-gallery .works-gallery-cell img{ padding: 0} .block_works .works-gallery .works-gallery-cell .img_layer h3{ font-size: 40px;} .block_works .works-gallery .works-gallery-cell .img_layer h5{ font-size: 13px; line-height: 1;} .block_works button.flickity-prev-next-button.next{ right: 0; } .block_works button.flickity-prev-next-button.prev{ left: 0; } .single-work .flexible_content .the_content .excerpt{ margin: 20px auto 0px; font-size: 16px; line-height: 1.4; padding: 0 30px 20px;} /* Block News */ .blog .grid .item, .block_news .news-gallery .news-gallery-cell, .block_news .news-gallery .news-gallery-cell:first-child{ padding: 0; width: 100%; border-left: 1px solid #B13A1B; border-right: 1px solid #B13A1B; border: 0;} .block_news .container-fluid { padding: 0px;} .block_news .flickity-prev-next-button.previous { left: 20px;} .block_news .flickity-prev-next-button.next { right: 0;} .block_news .news-gallery .news-gallery-cell .content{ vertical-align: top} .block_news .news-gallery .news-gallery-cell .content .caption .post-counter{ right: 0; text-align: center;} .block_news .news-gallery .news-gallery-cell .content .caption .post-counter span, .block_counterpoint .counterpoint-gallery-container .post-counter span{ margin-right: 10px;} .block_works .more{ top: -95px;} .block_news .news-gallery { padding: 0 25px;} .blog .grid .item { padding: 0 20px; } .block-news-slider { padding: 0 25px; } .news-gallery-slider { /*padding: 0; margin: 0; width: 100%; height: 100vh;*/} .news-gallery-slider .news-gallery-cell { width: 100%; } .news-gallery-slider .flickity-prev-next-button .arrow { fill: #B13A1B; } /* Chronicles home mobile slider */ body.home .block_news { display: none; } .block_monography.block_news_slider { display: inherit; padding-top: 50px; } .block_monography.block_news_slider .monography-gallery-container .monography-gallery { padding: 0 10px; } .monography-gallery-cell.chronicles-mobile-slider { text-align: left; } .block_monography .monography-gallery-container .monography-gallery .monography-gallery-cell.chronicles-mobile-slider h3 { font-family: 'ParalucentCond-Medium'; font-size: 35px; line-height: 33px; color: #B13A1B; text-transform: none; text-align: left; } .monography-gallery-cell.chronicles-mobile-slider h5 { font-family: 'AvenirNextMedium'; font-size: 16px; letter-spacing: .5px; color: #B13A1B; text-align: left; margin-bottom: 25px; } .monography-gallery-cell.chronicles-mobile-slider .author { font-style: italic; font-size: 15px; line-height: 1.2; padding-bottom: 50px; color: #B13A1B; text-align: left; } .monography-gallery-cell.chronicles-mobile-slider .post-counter { margin-top: 40px; text-align: center; } .monography-gallery-cell.chronicles-mobile-slider .post-counter span { font-family: 'Inconsolata-Regular'; font-size: 13px; line-height: 17px; color: #B13A1B; } .monography-gallery-cell.chronicles-mobile-slider .post-counter span.date { margin-right: 10px; } .block_monography.block_news_slider .monography-gallery .slick-prev, .block_monography.block_news_slider .monography-gallery .slick-next { top: 45%; } /* Archive Monography */ /* .post-type-archive-monography .flickity-prev-next-button{ display: none !important} */ .post-type-archive-monography .flickity-prev-next-button.next { right: -10px; } .post-type-archive-monography .flickity-prev-next-button.previous{ left: 0px; } .post-type-archive-monography .flickity-prev-next-button.previous svg{ left: 0;} .post-type-archive-monography .issue .issue-posts .issue-post .content{ padding: 45px;} /* Flexible content */ .single-post .flexible_content .the_content .featured_text { font-size: 22px; } .flexible_content .the_content .text, .single-post .flexible_content .the_content .text, .single-monography .flexible_content .the_content .text{ font-size: 16px; line-height: 1.4} /* .flexible_content .the_content.gallery{ padding: 0; max-width: 95%; margin: 0 auto 30px} */ /* .flexible_content .the_content.gallery, .flexible_content .the_content.gallery .gallery_item, .flexible_content .the_content.gallery .gallery_item .layer{ height: 390px} .flexible_content .the_content.gallery .gallery_item img{ height: 215px; width: auto; max-width: 100%;} .flexible_content .the_content.gallery .flickity-page-dots { top: initial; bottom: 190px;} */ .flexible_content .text .caption{ font-size: 12px; bottom: 5px;} .flexible_content .the_content .featured_text, .single-experience .flexible_content .the_content .featured_text, .single-experience .flexible_content .the_content .featured_text, .single-monography .profile .flexible_content .featured_text, .single-monography .double_content .right_side .featured_text{ font-size: 17px; line-height: 1.4;} .flexible_content .the_content .title h2{ font-size: 40px; line-height: 1.1; padding: 0 20px;} .init_content .description, .flexible_content .the_content .title h4{ padding: 0 30px; font-size: 16px; line-height: 1.4} .flexible_content .the_content, .flexible_content .the_content.gallery_fullscreen{ margin-bottom: 50px} .flexible_content .the_content .title h2{ margin: 5px auto} .flexible_content .the_content .footnote .num{ left: -20px;} .post-type-archive-monography .issue .n_issue { margin-top: 20px; font-size: 30px;} .post-type-archive-monography .issue .issue-posts .issue-post, .single-monography .grid .issue-post{ width: 100%; border: 0; padding: 0} .flexible_content .flickity-prev-next-button{ display: none !important;} .flexible_content .the_content.gallery_fullscreen .gallery_item .caption{ padding: 0 30px} .flexible_content .the_content .footnote{ padding: 0 25px; overflow: hidden} .flexible_content .the_content .footnote .num { left: 0px;} /* Single counterpoint */ .single-counterpoint .grid .item, .post-type-archive-counterpoint .grid .item{ width: 100%; padding: 0; border: 0;} .single-counterpoint .fullscreen h1 { font-size: 50px;} .flexible_content .the_content .multimple_images .multimple_images_item{ width: 100% !important; margin-bottom: 60px;} /* Single materiality */ .post-type-archive-materiality .grid .item, .single-materiality .grid .item{ width: 100%; border: 0;} .single-materiality .flexible_content .the_content .excerpt{ font-size: 16px; line-height: 1.4; padding: 0 30px;} /* Single works */ .single-work .gallery .slide .img_layer{ padding: 0 10px} .single-work .gallery .slide .img_layer .caption{ position: relative; bottom: initial; left: initial; margin-top: 10px;} .single .related_posts .issue-post, .single .related_posts .issue-post:last-child{ width: 100%; vertical-align: top; padding: 0 !important} .single .related_posts .issue-post:last-child{ margin-top: 30px;} /* Single experience */ .single-experience .grid .item, .post-type-archive-work .grid .item, .single-work .grid .item, .post-type-archive-experience .grid .item{ width: 100%; padding: 0} .single-experience .flexible_content .the_content .text{ font-size: 16px; line-height: 1.4;} .single-experience .latest_experiences .quote{ font-size: 16px; line-height: 1.4} .single-experience .grid, .post-type-archive-work .grid, .single-work .grid, .post-type-archive-experience .grid{ margin-bottom: 60px} .vjs-default-skin .vjs-play-control{ left: 5%;} .vjs-default-skin .vjs-fullscreen-control{ right: 5%;} .vjs-mute-control.vjs-control{ right: 15%;} .vjs-default-skin .vjs-control-bar, .vjs-default-skin .vjs-slider { width: 50%; left: -10%;} /* Single monography */ .single-monography .idea_header h1, .single-monography .report_header h1 { font-size: 40px; letter-spacing: 0px; line-height: .8; margin-bottom: 10px} .single-counterpoint .fullscreen .caption{ bottom: 25px;} .single-monography #single .left_nav .icon-next, .single-counterpoint #single .left_nav .icon-next{ display: none} .single-monography #single .left_nav, .single-counterpoint #single .left_nav, .single-monography #single.active .left_nav, .single-counterpoint #single.active .left_nav{ font-size: 13px; width: 50%; padding: 0; text-align: center} .single-monography #single .left_nav span, .single-counterpoint #single .left_nav span{ font-size: 13px;} #monography-menu li span{ left: 0; right: 0; margin: auto; padding: 0} #monography-menu{ position: fixed; left: 0; right: 0; width: auto; width: 100%; max-width: 100%; height: 100vh; font-size: 16px; top: -16px; padding: 0; border-right: none; background: white; z-index: 99999; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none;} #monography-menu li{ width: 100%; max-width: 100%; padding: 0;} #monography-menu .top_responsive{ display: block; text-align: center; font-size: 13px; position: relative; line-height: 50px; text-transform: uppercase;} #monography-menu .top_responsive:hover{ background: white; color: #000;} #monography-menu .top_responsive .icon-plus{ position: absolute; right: 10px; top: 13px; font-size: 22px; color: #B13A1B; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);} .swipe header{ display: none} .to_swipe{ transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important;} /* Single news */ .blog .grid .item .caption{ min-height: auto;} .single-post .flexible_content .the_content .real_title{ margin-bottom: 0} .single-post .flexible_content .the_content .real_title, .single-work .flexible_content .the_content .real_title, .single-experience .flexible_content .the_content .real_title, .flexible_content .the_content .real_title{ font-size: 40px; line-height: 1; margin-bottom: 0px;} .block_news .news-gallery .news-gallery-cell .content .caption{ height: auto;} .archive_suggest .issue-post, .single .issue-post{ width: 100%;} .archive_suggest .issue-post:nth-child(2), .single .issue-post:nth-child(2){ display: block; margin-top: 30px; padding: 0} .search .issue-post{ display: block} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption, .archive_suggest .issue-post .content .caption, .single .issue-post .content .caption{ min-height: auto;} .post-type-archive-monography .issue .issue-posts .issue-post .content .caption .post-counter, .archive_suggest .issue-post .content .caption .post-counter, .single .issue-post .content .caption .post-counter{ position: relative; margin-top: 25px;} .blog .container-fluid { padding: 0 25px;} .blog .grid .item .caption .post-counter, .block_news .news-gallery .news-gallery-cell .content .caption .post-counter{ position: relative; bottom: initial; border: 0; text-align: center; } .block_news .news-gallery .news-gallery-cell .content .caption .post-counter{ margin-top: 40px;} /* Single page */ .page-template-simple-page section.container-fluid{ padding-top: 80px;} .page-template-simple-page .text, .page-template-simple-page .column{ font-size: 16px; line-height: 1.4;} .page-template-simple-page .column{ width: 100%; margin-bottom: 5px; padding: 0} .page-template-simple-page h2.title{ font-size: 24px; margin-bottom: 15px;} .page-template-page-about-awards section.container-fluid{ padding-top: 80px;} .page-template-page-about-awards .text, .page-template-page-about-awards .column{ font-size: 16px; line-height: 1.4;} .page-template-page-about-awards .column{ width: 100%; margin-bottom: 5px; padding: 0} .page-template-page-about-awards h2.title{ font-size: 24px; margin-bottom: 15px;} /* Hide block news */ .single-experience .block_news, .single-monography .block_news, .single-monography .block_news, .single-counterpoint .block_news, .single-post .block_news, .single-work .block_news, .single-pedagogy .block_news, .post-type-archive-monography .block_news{ display: none} #single .main{ display: none} #single .right_nav{ width: 50%; text-align: center} #single .main{ opacity: 0} #single.regular .left_nav, #single.regular .right_nav{ width: 50%; text-align: center} #single .right_nav .share_top, #single .right_nav .share_bottom{ width: 100%; right: 0; left: 0; text-align: center} #single .right_nav .share_bottom .desktop{ display: none} #single .right_nav .share_bottom .responsive{ display: inline-block} .writter_by .posted{ left: 30px;} /* Delight */ .single-delight .flexible_content .the_content .real_title{ font-size: 40px; line-height: 1; margin: 60px auto 0;} .delight_gallery_nav_item{ width: 33.3333%; padding: 10px;} .delight_subtitle{ font-size: 22px;} .single-delight .delight_gallery .img_container, .single-delight .delight_gallery .img_container span{ height: auto; max-height: calc(100vh - 52px);} .single-delight .delight_gallery_nav .delight_gallery_nav_item{ padding: 0 10px;} /* Suggest */ .post-type-archive-materiality .grid, .post-type-archive-counterpoint .grid{ margin-bottom: 0px} .archive_suggest{ padding: 0 10px; margin-bottom: 60px} .post-type-archive-work .archive_suggest, .post-type-archive-monography .archive_suggest{ padding: 0 30px} .post-type-archive-monography .issue .issue-posts .issue-post .content, .archive_suggest .issue-post .content, .single .issue-post .content, .single-monography .grid .issue-post .content{ padding-top: 45px} .post-type-archive-monography .issue .issue-posts .issue-post:first-child, .archive_suggest .issue-post:first-child, .single .issue-post:first-child{ padding: 0;} .archive_suggest{ display: none} .block_newsletter .newsletter{ text-align: center} .block_newsletter .newsletter input[type="text"]{top: 0; margin: 0 auto; padding: 0;} .block_newsletter .newsletter input[type="submit"]{ margin: 0 auto; padding: 0;} /* Footer */ footer .newsletter{ text-align: center;} footer .newsletter input{ width: 90%; margin: 0 auto;} footer .newsletter input[type="text"]{ top: 0} footer nav > div{ width: 100%; text-align: center; padding: 0} footer nav > div ul{ margin: 20px auto} footer .support img{ max-width: 100%;} footer .support img { max-height: 60px;} header .streaming_nav{ display: none} .straming_container h1{ font-size: 20px; top: 100px; line-height: 1.2;} .straming_container .caption{ bottom: 30px; line-height: 1.5;} .straming_container .clock_container{ bottom: 100px;} .straming_container .clock_container h4{ font-size: 16px; margin: 0 auto 20px;} .straming_container .clock_container #clockdiv div > span { font-size: 28px;} .straming_container .clock_container .smalltext{ font-size: 10px;} .straming_container .clock_container #clockdiv > div span:after{ content: ':'; padding: 0px 5px 0px 14px;} .straming_container .clock_container .smalltext { left: -10px;} .block_advertise .title{ font-size: 48px;} .ann_top{ height: 220px;} .show_ann{ padding-top: 220px;} .ann_layer .go_to_transfer{ font-size: 14px;} .ann_layer .go_to_transfer .icon-plus:before{ font-size: 26px;} .single-monography .profile_header .caption_bg{bottom: -50px} .post-type-archive-delight .grid .item h3{ font-size: 30px; padding: 0 35px; line-height: 1;} .related_counterpoint .item_counterpoint img{ opacity: 1;} .post-type-archive-monography .issue.active .related_counterpoint .slick-arrow{ position: absolute; background: red; border: 0; top: 50%; margin-top: -25px; height: 50px; width: 25px; z-index: 11} .post-type-archive-monography .issue.active .related_counterpoint .slick-prev{ left: -15px; background: transparent url(img/arrow-small-left.svg) center center no-repeat; background-size: 50% auto;} .post-type-archive-monography .issue.active .related_counterpoint .slick-next{ right: -15px; background: transparent url(img/arrow-small-right.svg) center center no-repeat; background-size: 50% auto;} } @media screen and (max-width: 500px){ .post-type-archive-delight .grid .item { width: 100%; padding: 0; } .post-type-archive-delight .grid .item .v-middle { top: 46%; transform: translateY(-46%); -webkit-transform: translateY(-46%); -moz-transform: translateY(-46%); } } /* 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;} } /*---------------------------------------------------- FORM ----------------------------------------------------*/ .page-id-5958 article.clearfix, .page-id-6269 article.clearfix, .page-id-6272 article.clearfix { max-width: 900px; margin: 129px auto 50px; } .wpcf7 form .site-branding { display: none; } .wpcf7 form h1, .wpcf7 form h2, .wpcf7 form h3, .wpcf7 form label { color: #ff674c !important; } /*.wpcf7 form h1 { font-family: 'AvenirNextMedium'; font-size: 36px; line-height: 46px; padding: 0; margin-bottom: 20px; }*/ .wpcf7 form h1 { font-family: 'Paralucent-Medium'; font-size: 21px; line-height: 28px; padding: 0; } /*.wpcf7 form h2, .wpcf7 form h3 { font-family: 'AvenirNextMedium'; font-size: 21px; line-height: 25px; padding: 0; }*/ .wpcf7 form h3, h3.stripe_title { font-family: 'AvenirNextMedium'; font-size: 21px; line-height: 25px; padding: 0; } .wpcf7 form h2 { font-family: 'FreightTextMedium'; font-size: 20px; line-height: 27px; padding: 0; } .wpcf7 form h3, h3.stripe_title { margin: 50px 0 10px; } .wpcf7 form input[type="submit"] { font-family: 'AvenirNextMedium'; font-size: 16px; line-height: 20px; width: 300px; font-weight: lighter; background-color: #ff674c !important; padding: 16px 20px 15px !important; text-align: center; color: #FFF !important; margin: 50px auto; border: none !important; } .wpcf7 form input[type="date"] { width: 100% !important; } .wpcf7 form .text-submit { font-size: 15px; line-height: 20px; margin-top: 40px; } .wpcf7 form input[type="file"] { width: 100%; } .wpcf7 form .label-file { display: none; } .wpcf7 form label, .wpcf7 form span, .wpcf7 form .drop_uploader.drop_zone .text { font-family: 'AvenirNextMedium' !important; font-size: 17px !important; line-height: 25px !important; font-weight: lighter !important; padding: 0; margin-top: 15px;  } .wpcf7 form #camps input, .wpcf7 form #camps textarea, .wpcf7 form #camps select, .wpcf7 form #camps .drop_uploader.drop_zone { border: 1px solid #ff674c !important; border-radius: 0 !important; padding: 0.4em !important; width: 100%; margin-top: 5px; } .wpcf7 form .drop_uploader.drop_zone { padding: 0 20px !important; min-height: 100px !important; } .wpcf7 form .drop_uploader.drop_zone .text, .wpcf7 form .drop_uploader.drop_zone .text_wrapper i { color:#ff674c !important; margin-top: 5px !important; } .wpcf7 form .drop_uploader.drop_zone .text_wrapper i { top: 7px !important; margin-right: 5px !important; } .wpcf7 form .drop_uploader.drop_zone .text_wrapper { margin-top: 0 !important; } .wpcf7 form .drop_uploader.drop_zone ul.files.thumb { margin-bottom: 0 !important; } .wpcf7 form .pe-7s-cloud-upload::before { content: "\e606" !important; font-size: 32px !important; } .wpcf7 form .field-left, .field-half { float: left; width: 50%; padding-right: 20px; } .wpcf7 form .field-right { float: left; width: 50%; padding-left: 20px; } .wpcf7 form .field-all { float: left; width: 100%; } .wpcf7 form span.wpcf7-list-item:first-child { margin-left: 1px !important; } .wpcf7 form span.wpcf7-list-item { margin: 1.5em 0 0 3em; } .wpcf7 form #camps #label-minutes, .wpcf7 form #camps #label-seconds { float:left; margin-top:9px; width: 80px; } .wpcf7 form #camps #input-minutes, .wpcf7 form #camps #input-seconds { float-right; /* width: calc(100% - 80px);*/ margin-top: 0; } .wpcf7 form ::placeholder { color:#9B9B9B !important; } /* Buttons */ .wpcf7 form span.wpcf7-list-item input[type="radio"], .wpcf7 form span.wpcf7-list-item input[type="checkbox"] { position: absolute; z-index: 1000; opacity: 0; margin-left: 5px; cursor: pointer; } /* Radio buttons pay */ .wpcf7 form .payment-42 span.wpcf7-list-item-label::before { content: ''; background: white; border-radius: 100%; border: 1px solid #ff674c; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } .wpcf7 form span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label::before { background-color: #ff674c; box-shadow: inset 0 0 0 4px white; } .wpcf7 form span.wpcf7-list-item input[type="radio"]:focus + span.wpcf7-list-item-label::before { outline: none; border-color: #ff674c; } .wpcf7 form span.wpcf7-list-item input[type="radio"]:disabled + span.wpcf7-list-item-label::before { box-shadow: inset 0 0 0 4px #ff674c; border-color: #800000; background: #800000; } .wpcf7 form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:empty::before { margin-right: 0; } /* Check acceptance */ .wpcf7 form .wpcf7-acceptance span.wpcf7-list-item-label::before { content: ''; background: white; border-radius: 0%; border: 1px solid #ff674c; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: -0.1em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } .wpcf7 form .wpcf7-acceptance span.wpcf7-list-item input[type="checkbox"]:checked + span.wpcf7-list-item-label::before { background-color: #ff674c; box-shadow: inset 0 0 0 4px white; } .wpcf7 form .wpcf7-acceptance span.wpcf7-list-item input[type="checkbox"]:focus + span.wpcf7-list-item-label::before { outline: none; border-color: #ff674c; } .wpcf7 form .wpcf7-acceptance span.wpcf7-list-item input[type="checkbox"]:disabled + span.wpcf7-list-item-label::before { box-shadow: inset 0 0 0 4px #ff674c; border-color: #800000; background: #800000; } .wpcf7 form .wpcf7-acceptance span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:empty::before { margin-right: 0; } .wpcf7 form .text-submit { font-size: 15px !important; } .wpcf7 form #camps textarea, .wpcf7 form #camps #drop_uploader_0 { width: 100%; } .wpcf7 form .pe-7s-cloud-upload::before { background-image: url(img/clip.jpg) !important; display: inline-flex; content: " " !important; width: 25px; height: 25px; background-position: center; background-size: contain; background-repeat: no-repeat; } .wpcf7 form .drop_uploader.drop_zone .text_wrapper i { margin-top: 2px !important; } div.wpcf7-response-output { margin: 2em 0em -1em !important; } .wpcf7 form .flex-submit{ max-width: 700px; margin: 10px auto; text-align: center; display: flex; justify-content: space-around; } /* Errors */ div.wpcf7-validation-errors { border: 1px solid #000; } .field-left.minutes span.number-minuts .wpcf7-not-valid-tip { width:400px !important; } /*--- HIDE ARROWS ---*/ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } #brief-button-2{ width: 70%; margin-top: 50px; background-color: #FFF !important; border: 1px solid #ff674c !important; color: #ff674c; } .wpcf7 .ajax-loader{ display: none !important; } /*--- Responsive ---*/ @media (max-width: 1040px) { .page-id-5958 article.clearfix { padding: 15px; } } @media (min-width: 861px) { .wpcf7 form .field-left.minutes, .wpcf7 form .field-right.seconds { width: 130px !important; } .wpcf7 form #camps .field-left.minutes input, .wpcf7 form #camps .field-right.seconds input { padding: 0.4em 12px !important; } .wpcf7 form .field-left.minutes { padding-right: 10px !important; } .wpcf7 form .field-right.seconds { padding-left: 10px !important; } } @media (max-width: 860px) { .wpcf7 form .field-left, .wpcf7 form .field-half, .wpcf7 form .field-right { width: 100%; clear: both; padding: 0; } .wpcf7 form .field-right { padding-top: 20px; } .wpcf7 form .flex-submit{ display: block; } .wpcf7 form input[type="submit"] { margin: 10px auto; } #brief-button-2{ width: 100%; margin-top: 50px; } .butons-video-award button{ margin: 10px auto; } .wpcf7 form #camps input, .wpcf7 form #camps textarea, .wpcf7 form #camps #drop_uploader_0, .wpcf7 form #camps input[type="date"] { width: 100% !important; } } /*--- Template About Transfer Next ---*/ body.post-type-archive-transfer-next .top_init { padding-top: 165px; } body.page-template-about-transfer-next #bottom_newsletter { background-color: #FFF; } body.page-template-about-transfer-next .text-container { max-width: 920px; padding: 0; margin: 0 auto 100px; } body.page-template-about-transfer-next .text-container h1, body.page-template-about-transfer-next .text-container p { font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; color: #B13A1B; } body.page-template-about-transfer-next .text-container h1 { margin-bottom: 30px; } .aboutTransferNext-titleContainer { text-align: center; padding-bottom: 90px; } .aboutTransferNext-title { max-width: 440px; } body.page-template-about-transfer-next .block_title { text-align: center; letter-spacing: .9px; } body.page-template-about-transfer-next .top_init { padding-top: 165px; } @media screen and (max-width: 767px) { body.page-template-about-transfer-next .text-container h1, body.page-template-about-transfer-next .text-container p { font-size: 16px; line-height: 1.4; } .aboutTransferNext-titleContainer { padding-bottom: 70px; } .aboutTransferNext-title { max-width: 320px; } } /*---------------------------------------------------- WATERMARK ----------------------------------------------------*/ #frontpage_pastille { display: none; } .watermark { position: fixed; bottom: 100px; right: 40px; z-index: 600; } .watermark .close { cursor: pointer; background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0LjEzIDI0LjEzIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjQuMTR2MjQuMTRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzllYTJhMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJNLjcxLjcxbDIyLjcyIDIyLjcyTS43MSAyMy40M0wyMy40My43MSIvPjwvZz48L3N2Zz4=) no-repeat 0 0 scroll transparent; width: 24px; height: 24px; position: absolute; top: 0; right: 0; z-index: 601; } .watermark a { width: 200px; height: 186px; display: block; position: relative; } .watermark .c { position: absolute; top: 30%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; left: 50%; width: 100%; max-height: 130px; } .watermark .c.c1 { display: block; } .watermark .c.c2 { display: none; } .watermark a:hover .c.c1 { display: none; } .watermark a:hover .c.c2 { display: block; } .watermark .c img{ width: 270px; margin-right: 50px; right: -90px; position: absolute; top: -80px; } @media (max-width: 767px) { .watermark { bottom: 20px; right: 25px; } .watermark a { width: 120px; } .watermark .c { top: 40%; } .watermark .c img{ width: 230px; } }