@font-face { font-family: 'FoundersGrotesk-Bold'; src: url('../fonts/FoundersGrotesk-Bold.eot'); src: url('../fonts/FoundersGrotesk-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/FoundersGrotesk-Bold.woff') format('woff'),url('../fonts/FoundersGrotesk-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FoundersGrotesk-Medium'; src: url('../fonts/FoundersGrotesk-Medium.eot'); src: url('../fonts/FoundersGrotesk-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/FoundersGrotesk-Medium.woff') format('woff'),url('../fonts/FoundersGrotesk-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FoundersGrotesk-Regular'; src: url('../fonts/FoundersGrotesk-Regular.eot'); src: url('../fonts/FoundersGrotesk-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/FoundersGrotesk-Regular.woff') format('woff'),url('../fonts/FoundersGrotesk-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FoundersGrotesk-Light'; src: url('../fonts/FoundersGrotesk-Light.eot'); src: url('../fonts/FoundersGrotesk-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/FoundersGrotesk-Light.woff') format('woff'),url('../fonts/FoundersGrotesk-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans-Regular.eot'); src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular.woff') format('woff'),url('../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .french {color:#192196!important;} body { font-size:14px; font-weight:normal; font-style:normal; line-height: 1.5; background:#ffffff; word-wrap: break-word; margin: 0; padding: 0; border: 0; outline: 0; font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } body.node-type-main-basic-page #main h1.title {display:none;} a:link, a:visited { text-decoration: none; outline:0;} a:hover, a:active, a:focus { text-decoration: none; outline:0; } #main a { text-decoration: underline; } #main a:hover { text-decoration: none; } #main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin:0; } h1 {font-size: 45px; font-weight: normal; font-style: normal; line-height: 45px; margin-bottom: 14px; font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} h2 { font-size:28px; font-weight:normal; font-style:normal; line-height:28px; margin-bottom: 10px; } .block h2, #footer h2 { font-weight:bold; font-size:24px; line-height:28px; margin-bottom: 10px; } h3 { font-size:21px; font-weight:normal; font-style:normal; line-height: 130%; margin-bottom: 8px; } h4 { font-size:17px; font-weight:bold; font-style:bold; line-height: 125%; margin-bottom: 8px; } h5 { font-size:14px; font-weight:bold; font-style:bold; line-height: 120%; margin-bottom: 8px; } h1 a, h2 a, h3 a, h4 a, h5 a { font-weight: inherit; text-decoration: none; } p { margin: 0 0 20px 0; font-size:18px;} .red-edd, p.red-edd {color:rgba(226,73,73,1);} .yellow-edd, p.yellow-edd {color:rgba(244,151,18,1);} .blue-edd, p.blue-edd {color:rgba(98,189,208,1);} .green-edd, p.green-edd {color:rgba(72,187,128,1);} del { text-decoration: line-through; } pre,code { white-space: pre; background-color: #ededed; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; display: block; margin: 5px 0; padding: 5px; line-height: 125%; overflow: hidden; font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; } hr { border: solid #DDD; clear: both; margin: 10px 0 30px; height: 0; border-width: 1px 0 0; } .field-type-taxonomy-term-reference .field-item { float: left; padding: 0 1em 0 0; white-space: nowrap;} /* Isotope grid */ #stand-grid-buttons { margin: 2em auto !important; text-align: center;} #stand-grid-buttons button {-webkit-border-radius: 0; border-radius: 0; border: 0; font-size: 1em; margin: .2em .1em } #stand-grid-buttons button.showall { background-color:#d9d9d9; color:#333333;} #stand-grid-buttons button.showall:hover { background-color:#333333; color:#ffffff;} #stand-grid-buttons button.theme-01 { background-color:#1a54eb; color:#ffffff;} #stand-grid-buttons button.theme-01:hover { color:#ffffff;} #stand-grid-buttons button.theme-02 { background-color:#18baa8; color:#ffffff;} #stand-grid-buttons button.theme-02:hover { color: #ffffff;} #stand-grid-buttons button.theme-03 { background-color:#00125c; color:#ffffff;} #stand-grid-buttons button.theme-03:hover { color:#ffffff;} #stand-grid-buttons button.theme-04 { background-color:#ff5c55; color:#ffffff;} #stand-grid-buttons button.theme-04:hover { color:#ffffff;} #stand-grid-buttons button.theme-05 { background-color:#8f4099; color:#ffffff;} #stand-grid-buttons button.theme-05:hover { color:#ffffff;} #stand-grid { margin:0 auto !important;} #stand-grid .isotope-element {width:400px; min-width:194px;} .stand-list-item-container {display:inline-block; margin:.5em; min-height:8.5em; border-bottom:1px solid #ececec; width: 95%; text-align: center;} .stand-list-item-number { display:inline-block; width:100%; padding:8px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:16px; line-height:1em;} .stand-list-item-data { display:inline-block; width:100%; position:relative; padding:10px; color: #3c3c3a; font-weight:600; font-size:1.1em; line-height: 1em; } .stand-list-item-container a { color:#5a574d !important; text-decoration:none !important; } .stand-list-item-container a:hover { color:#000000 !important; } .stand-list-item-number.theme-01 { background-color:#1a54eb; color:#ffffff;} .stand-list-item-number.theme-02 { background-color:#18baa8; color:#ffffff;} .stand-list-item-number.theme-03 { background-color:#00125c; color:#ffffff;} .stand-list-item-number.theme-04 { background-color:#ff5c55; color:#ffffff;} .stand-list-item-number.theme-05 { background-color:#8f4099; color:#ffffff;} /* Responsive Images */ img, img.scale-with-grid { outline:0; max-width:100%; height:auto; } /* Fonts */ body, input, textarea, select, a.button, fieldset legend { font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } /* Image Alignment Classes */ .alignright { float: right; margin: 0px 0px 10px 15px; } .alignleft { float: left; margin: 0px 15px 10px 0px; } .aligncenter { display:block; margin:0 auto; } /* Map */ #map { height:460px; overflow:hidden; display:none; width:100%; position:relative; } .inner-map {overflow: hidden;} .map-fake { display:inline-block; width:100%; height:400px; background-image:url(../img/map-default.gif); background-repeat:no-repeat; background-position:center; overflow:hidden;} .map-fake img { display:none; } #map-google-box { position:absolute; top:0; left:0; height:440px; width:100%; display:inline-block; overflow:hidden; } .gm-style-iw h3.firstHeading { margin:0 0 3px ; font-size: 12px; font-family: "FoundersGrotesk-Medium";} .gm-style-iw #bodyContent p {margin:0; font-size: 12px; line-height: 15px;} .gmnoprint a, .gmnoprint span, .gm-style-cc a { display:none; } .gmnoprint div { background:none !important; } #GMapsID div div a div img{ display:none;} a.see-on-map, a.see-on-map:link, a.see-on-map:visited { color: rgba(226,73,73,1); text-decoration:none; display: inline-block; padding-right: 30px; overflow: hidden; background-image: url("../img/to-map-top.svg"), none; background-position: right 2px; background-size: 15% auto; transition: all 0s ease 0s; background-repeat: no-repeat; } a.see-on-map:hover, #header-top .one_third a.see-on-map:hover { text-decoration:none; border:0; background-position: right -15px; transition: all 0.5s ease 0s; } a.see-on-map.open, #header-top .one_third a.see-on-map.open { background-position: right -32px; transition: all 0s ease 0s; } /* Header */ #header {min-height: 50px;} #header-top {padding:1em 0 0 0;} #header-top .one_third.last a, #header-top .one_third.last a:link, #header-top .one_third.last a:visited {color: #41413f;} #header-top .one_third a:hover {text-decoration:underline;} #header-top .one_third {margin-bottom:1px; height:15px;} #header, #header-right {margin:0; padding:25px 0; background-color: rgba(226,73,73,1); color: rgb(255,255,255);} #tagline {height:84px; display:block; text-align:right; width:100%; } #tagline .inner-tagline {padding:45px 40px 0 0 ; color: rgba(0,0,0,1); font-size:22px; font-family:"OpenSans-Semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } #EC-Logo {display:inline-block; width:167px; height:118px; position: absolute; top: -107px; left:40px; background-image:url(../img/logo-EC.png); background-image:url(../img/logo-EC.svg), none; background-repeat:no-repeat; background-size:contain; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #logo {float:left; display:inline-block; width:268px; height:46px; margin-left:171px; background-image:url(../img/logo-EDD.png); background-image:url(../img/logo-EDD.svg), none; background-repeat:no-repeat; background-size:contain; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} #logo img, #footer-logo img { visibility: hidden; display: none; } #footer-logo { float:left; display:inline-block; width:280px; height:38px; background-image:url(../img/logo-EC-EDD-2016.png); background-repeat:no-repeat; background-size:contain; display: inline-block; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } #site-name { margin: 0; padding: 0; font-size: 60px; line-height: 55px; letter-spacing: -1px; } #header #site-name a { margin: 0; padding: 0; line-height: 55px; text-decoration: none; font-weight: bold; letter-spacing: -2px; text-shadow: 0px 1px 0px #FFF; } #header #site-name a:hover { color: #3253ad; } #header #site-slogan { margin: 0; padding: 0; font-size: 24px; line-height: 28px; letter-spacing: -1px; } .region-header-top-right {font-size:.8em;} #header.stick { margin-top: 0 !important; position: fixed; top: 0; left:0; z-index: 1000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 100%; padding:0;} body.toolbar #header.stick { top: 62px;} #header.stick #EC-Logo {display:none;} #header.stick #logo { /*width: 180px; height:30px; margin-left: 0; margin-top: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;*/} /* Top and bottom social links */ #top-social-links, #bottom-social-links { display: inline-block; position: absolute; vertical-align: top; margin: 10px 30px 0 30px; right:0; top:0; } #upper-social-links { display:inline-block; vertical-align:top; margin: 0 10px 0 30px; right:0; top:0; } #bottom-social-links { margin-top:35px; } #upper-social-links a { display:inline-block; width:22px; height:22px; line-height:22px; text-indent:-19999px; vertical-align:middle; background-image: url("../img/social-links-picto-v3.png"); background-image: url("../img/social-links-picto-v3.svg"), none; background-position 0 0; -webkit-background-size:500%; -moz-background-size:500%; -0-background-size:500%; background-size:500%; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #header-top .one_third.last #upper-social-links a, #header-top .one_third.last #upper-social-links a:link, #header-top .one_third.last #upper-social-links a:visited {color: rgba(255,255,255,0);} #upper-social-links a.social-twitter { background-position: -2px 0;} #upper-social-links a.social-fb { background-position: -32px 0;} #upper-social-links a.social-youtube { background-position: -61px 0;} #upper-social-links a.social-ig { background-position: -90px 0;} #upper-social-links a.social-twitter:hover { background-position: -2px 25px;} #upper-social-links a.social-fb:hover { background-position: -32px 25px;} #upper-social-links a.social-youtube:hover { background-position: -61px 25px;} #upper-social-links a.social-ig:hover { background-position: -90px 25px;} #profile-logo { position:absolute; right:10px; top:0; width:45px; height:45px; background-color:#ccc; display:inline-block; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); text-align:center; overflow: hidden;} #profile-logo.logged-out { background-color:transparent; -webkit-clip-path:none; clip-path:none; width: auto } #profile-logo.logged-out span {margin-top:9px;} #profile-logo.logged-out a {font-size: 14px} #profile-logo span {margin-top:10px; font-size:18px; display:inline-block;} #profile-logo img {width:100%; height:auto; position:relative; top:-6px;} #profile-logo.logged-out a {text-transform: uppercase; font-size: 14px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; display: inline-block; padding: 4px 10px; margin: 0 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s; transition: 0.5s; background-color: rgba(226,73,73,1); color: #fff; border: 1px solid rgba(226,73,73,1); font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #profile-logo.logged-out #banner-login-button, #profile-logo.logged-in #banner-profile-picture {display:inline-block; visibility:visible;} #profile-logo.logged-in #banner-login-button, #profile-logo.logged-out #banner-profile-picture {display:none; visibility:hidden;} #top-social-links a { display:inline-block; width:22px; height:22px; line-height:22px; text-indent:-19999px; vertical-align:middle; background-image: url("../img/social-links-picto-v3.png"); background-image: url("../img/social-links-picto-v3.svg"), none; background-position 0 0; -webkit-background-size:500%; -moz-background-size:500%; -0-background-size:500%; background-size:500%; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #top-social-links a { display:inline-block; width:22px; height:22px; line-height:22px; text-indent:-19999px; vertical-align:middle; background-image: url("../img/social-links-picto-v3.png"); background-image: url("../img/social-links-picto-v3.svg"), none; background-position 0 0; -webkit-background-size:500%; -moz-background-size:500%; -0-background-size:500%; background-size:500%; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #top-social-links a.social-twitter { background-position: -2px 0;} #top-social-links a.social-fb { background-position: -32px 0;} #top-social-links a.social-youtube { background-position: -61px 0;} #top-social-links a.social-ig { background-position: -90px 0;} #top-social-links a.social-twitter:hover { background-position: -2px 25px;} #top-social-links a.social-fb:hover { background-position: -32px 25px;} #top-social-links a.social-youtube:hover { background-position: -61px 25px;} #top-social-links a.social-ig:hover { background-position: -90px 25px;} #header.noheader #top-social-links a.social-twitter { background-position: -2px 46px;} #header.noheader #top-social-links a.social-fb { background-position: -32px 46px;} #header.noheader #top-social-links a.social-youtube { background-position: -61px 46px;} #header.noheader #top-social-links a.social-ig { background-position: -90px 46px;} #header.noheader #top-social-links a.social-twitter:hover {background-position: -2px 25px;} #header.noheader #top-social-links a.social-fb:hover {background-position: -32px 25px;} #header.noheader #top-social-links a.social-youtube:hover {background-position: -61px 25px;} #header.noheader #top-social-links a.social-ig:hover {background-position: -90px 25px;} #bottom-social-links a { display:inline-block; width:22px; height:22px; line-height:22px; text-indent:-19999px; vertical-align:middle; background-image: url("../img/social-links-picto.png"); background-image: url("../img/social-links-picto.svg"), none; background-position: 0 0; -webkit-background-size: 500%; -moz-background-size: 500%; -0-background-size: 500%; background-size: 500%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #bottom-social-links a.social-twitter { background-position: -2px 0; } #bottom-social-links a.social-fb { background-position: -32px 0; } #bottom-social-links a.social-youtube { background-position: -61px 0; } #bottom-social-links a.social-ig { background-position: -90px 0; } #bottom-social-links a.social-twitter:hover { background-position: -2px 25px; } #bottom-social-links a.social-fb:hover { background-position: -32px 25px; } #bottom-social-links a.social-youtube:hover { background-position: -61px 25px; } #bottom-social-links a.social-ig:hover { background-position: -90px 25px; } /* Header Navigation menu*/ #navigation {display: inline-block;} #navigation ul, #navigation ul li { margin: 0; padding: 0; } #navigation ul li { float: left; position: relative; list-style:none; } #navigation ul li a {text-transform: uppercase; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; display: inline-block; padding: 4px 10px; margin: 0 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: rgba(226,73,73,1); color: #fff; border: 1px solid rgba(226,73,73,1); font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #navigation ul li a:hover { position: relative; background-color:#fff; color: rgba(226,73,73,1); } #navigation ul li a.active { border:1px solid #fff; } .slicknav_menu {display:none;} .slicknav_btn {float:none; display: inline-block; background: none;} .slicknav_menu .slicknav_menutxt{font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100} .slicknav_nav {margin-left: -33.33%; margin-right: -33.33%;} .slicknav_nav a, .slicknav_nav a:link {color:#fff; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 1.4em; padding: .6em 0 .2em 0;} .slicknav_nav a:hover {background-color: rgba(154,202,60,1); border-radius: 0; color: #fff;} .slicknav_menu .slicknav_icon { margin: 0 .438em 0 0;} /* max width: 1199px */ @media only screen and (max-width: 1199px) { /* #menu is the original menu */ #header-logo img {width: 50%;} #header-logo h2 {font-size:80%;} body.front #header.header, body #header.header, body.front #header, body #header, body.front #header.noheader, body #header.noheader {background-color: #333333 !important;} body.front #header, body #header {min-height: 50px;} #menu, body.front #navigation, body #navigation {display:none;} .slicknav_menu {display:block; text-align: center; background: none;} #header.noheader #logo { left: 0; top: 9px; margin-top: 0; width: 71px; height: 30px; background-image: url(../img/edd-log-2019-mobile-white.svg), none; } body.front #logo.header, body #logo.header, body.front #logo, body #logo { position: absolute; left: 0; top: 9px; margin-top: 0; width: 71px; height: 30px; background-image:none;} #profile-logo {width: 45px; height: 45px; top: 5px; z-index: 999;} #profile-logo.logged-out a {margin:0;} #top-social-links {margin: 10px;} #header.noheader #top-social-links a.social-twitter {background-position: -2px 0;} #header.noheader #top-social-links a.social-fb {background-position: -32px 0;} #header.noheader #top-social-links a.social-youtube {background-position: -61px 0;} #header.noheader #top-social-links a.social-ig {background-position: -90px 0;} /*body.front #header.noheader #top-social-links a.social-twitter, #header.noheader #top-social-links a.social-twitter {background-position: -5px 0;} body.front #header.noheader #top-social-links a.social-fb, #header.noheader #top-social-links a.social-fb {background-position: -46px 0;} body.front #header.noheader #top-social-links a.social-youtube, #header.noheader #top-social-links a.social-youtube { background-position: -89px 0;} body.front #header.noheader #top-social-links a.social-ig, #header.noheader #top-social-links a.social-ig {background-position: -130px 0;}*/ } @media only screen and (max-width: 959px) { } /* Footer Navigation menu*/ #footer-navigation { display:inline-block; margin:0; width:100%; text-align: center} #footer-navigation ul, #footer-navigation ul li { margin: 0; padding: 0; } #footer-navigation ul li { position: relative; list-style:none; display: inline-block; } #footer-navigation ul li a { text-transform:uppercase; padding:5px 0; margin:0 20px; border-bottom:solid 2px rgba(247,247,247,1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color:#41413f; } #footer-navigation ul li.expanded a { padding-right: 35px; } #footer-navigation ul li a:hover { position: relative; color: rgba(226,73,73,1); border-bottom:solid 2px rgba(226,73,73,1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #footer-navigation ul li:hover li a { color: #595959; font-weight: normal; } #footer-navigation ul li a.active { color: #333333; text-shadow: 1px 1px 0px #ffffff; } #footer-navigation ul a { display: block; position: relative; } /* Breadcrumb */ .breadcrumb { padding:0; margin-left:60px;} #breadcrumb { overflow: hidden; zoom: 1; margin: 0 0 1.5em !important; padding: 5px 5px 5px 10px; font-size: 0.92em; color:#41413f !important; background-color:#f7f7f7; } .front #breadcrumb { display:none; visibility:hidden; } #breadcrumb a { color: #797979; margin-right: 6px; text-shadow: none; text-decoration:underline; } #breadcrumb .sep { margin-right: 6px; } /* Highlighted */ #highlighted { margin-bottom: 20px; text-align: center; } body.front #highlighted {margin-bottom: 0;} /* Sharing box */ .view-sharing-box td {width:24.5%} /* Cto */ #cto { background-color: rgba(226,73,73,1); color: rgb(255,255,255); text-align:center; text-transform:uppercase; padding: 3em 0; } .block h2.cto-title, #cto h2 { font-weight:100; font-size:24px; line-height:28px; margin:30px 0; color:#fff; text-transform:uppercase; font-family:"OpenSans-Light"; } #cto p { font-size:1.2em; text-transform: none;} .cto-headline {font-size:45px; padding:0 0 20px 0; text-transform:none; line-height:45px; font-family: "OpenSans-Light";} #cto-button { margin: 20px 0 40px 0;} .node-type-topics #cto { background-color: rgba(239,239,239,1); color: rgb(60,60,60); text-align:center; padding: 2em 0; } .node-type-topics #cto h2 { margin:0; padding-bottom:30px; color:rgb(60,60,60); text-transform:none; font-family:"OpenSans-SemiBold"; } /* Main */ #wrap #content { float:left; } #main { margin-bottom: 20px; } .node.node-teaser { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; } .submitted { font-size:1em; color: #666666; padding-bottom: 10px; margin-bottom: 10px; } /* Featured */ #featured .block { padding: 0 0 20px 0; } /* Counter */ #counter { background-color: rgba(226,73,73,1); color: rgb(255,255,255); text-align:center; text-transform:uppercase; } .block h2.counter-title { font-weight:100; font-size:28px; line-height:30px; margin:30px 0; color:#fff; text-transform:uppercase; font-family: "OpenSans-Light";} #counter p { font-size:16px; font-family: "OpenSans-Light";} #counter-days, #counter-hours, .counter-digits, .counter-digit-item { display:inline-block; } #counter-days { margin-right:40px;} .counter-digits { margin-bottom: 10px; } .counter-digit-item { background-color:#e95858; font-size:4.5em; padding:0 15px; margin:0 2px; font-family: OpenSans-Light;} #counter-button { margin: 20px 0 40px 0;} /* Counter Session Proposals*/ #block-countdown-countdown {z-index:9; width:100%; background-color:rgba(0,0,0,0.5); color:#fff; padding: 20px 0;} .countdown-submission #counter-title, .countdown-submission #counter-button {display:inline-block; width:20%; vertical-align:top; padding: 0 20px;} .countdown-submission #counter-title h2 {text-align:right; color:#fff !important; text-transform:uppercase; font-size:26px; line-height:34px;} .countdown-submission .counter-digit-item {font-size:3.5em; padding:0 10px; margin: 0 1px; font-family: OpenSans-Light; background-color: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);} .countdown-submission .counter-caption {display:inline-block; text-transform:uppercase;} .countdown-submission #counter-button {margin:0; vertical-align:baseline;} .countdown-submission #counter-button .button-red {border:none;} .counter-caption-label {position:absolute;} .counter-caption-label.hours {left:-7px;} .rotate-90 {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} /* Sub content*/ #sub-content { margin: 60px 0 20px 0; text-align: center; } /* to-page-top*/ #to-page-top {margin-top:50px;} #to-page-top .inner {text-align:center;} #to-page-top a.to-top-link {display:inline-block; width:50px; padding-top:40px; text-transform:uppercase; color:#E34949; background-image: url("../img/to-page-top.png"); background-image: url("../img/to-page-top.svg"), none; background-position:0 0; -webkit-background-size:100%; -moz-background-size:100%; -0-background-size: 100%; background-size:100%; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; background-repeat:no-repeat;} #to-page-top a.to-top-link:link, #to-page-top a.to-top-link:visited {color:#575756;} #to-page-top a.to-top-link:hover {background-position:0 -35px; } #to-page-top .to-top-link-label {background-color:#fff; padding-top:5px;} /* Footer */ #footer { clear: both; padding: 20px 0; font-size: .8em; margin-top: 50px; } #footer-nav { margin-bottom:50px; } #credits { text-align: center; } #footer .block { padding: 0 0 20px 0; } /* Home slide show */ .slider-wrapper { position:relative; } .slider-teaser { position:absolute; bottom:145px; left:0px; width:100%; } .slider-teaser .inner {width:92%; margin:0 auto;} .slider-teaser h3 { color:#fff; font-size:45px; line-height:45px; padding-bottom:20px; font-family: "OpenSans-SemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .slider-wrapper.Video .slider-media-picture, .slider-wrapper.Video .slider-button.slider-button-picture {display:none;} .slider-wrapper.Picture .slider-media-video, .slider-wrapper.Picture .slider-button.slider-button-play {display:none;} .slider-media-video a img { -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;} .slider-media-video a:hover img { opacity:0.8; } .views-field-field-home-slider-video-1 .field-content {display:none;} /* Home slide show - modif full screen*/ .slider-teaser-body { padding:15px; background-color:rgba(0,0,0,0.5); width: 45%; text-align:left; } .slider-teaser-body p, .slider-teaser-body { color:rgba(255,255,255,1); } .slider-teaser-body a:hover { color:rgba(226,73,73,1); text-decoration: underline;} .slider-teaser-body a, .slider-teaser-body a:link, .slider-teaser-body a:active { color:rgba(226,73,73,1); text-decoration:none;} .slider-wrapper .slider-media-picture, .slider-wrapper .slider-media-video {position:relative; height:720px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .slider-wrapper .slider-media-video img, .slider-wrapper .slider-media-picture img { position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; } /*.slider-wrapper .slider-media-picture img { display:none; visibility:hidden;}*/ #block-views-home-slider-block.block ul.slides, #block-views-home-slider-block-1.block ul.slides { height:580px; overflow:hidden;} /* Counter 2017 on slide */ #block-views-home-slider-block.block ul.slides, #block-views-home-slider-block-1.block ul.slides { height:720px;} /* Counter 2017 on slide */ .view-home-slider .view-footer {position:absolute; width:100%; bottom:0; z-index:9;} #flexslider-1 {border:none;} #slide-13611 .slider-teaser h3, #slide-14141 .slider-teaser h3, #slide-14249 .slider-teaser h3, #slide-14250 .slider-teaser h3, #slide-14251 .slider-teaser h3, #slide-14252 .slider-teaser h3, #slide-14253 .slider-teaser h3, #slide-14794 .slider-teaser h3 {background-color: rgba(0, 0, 0, 0.2); padding: .3em; } /* Colorbox override */ #cboxWrapper { background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0; } #cboxClose { display:none;} #cboxLoadingOverlay { background: rgba(0,0,0,0) !important; } #cboxWrapper, #cboxMiddleLeft, #cboxLoadedContent, #cboxContent, #cboxMiddleRight { height:auto !important; } /* Juicebox carousel override */ body.page-slideshow { background-color: rgb(34, 34, 34); } #back-button{ text-align: right; position:relative; z-index:999; } a.back.close { position:absolute; top:50px; display:inline-block; background-image:url(../img/back.png); background-repeat:no-repeat; background-position:center center; background-size: cover; width:30px; height:30px; color: transparent; } /* Help */ .region-help { border: 1px solid #d3d7d9; padding: 20px; margin: 20px 0; } /* Table Styles */ table { border: 0; border-spacing: 0; margin: 10px 0; width: 100%; } table table { font-size: 1em; } table tr th { border-bottom: 1px solid white; border-top: 1px solid #dddddd; font-weight: normal; color: #707070; text-shadow: white 1px 1px 0; background: #dddddd url(../img/gradient_small_trans.png) repeat-x 0 top; } th { padding:5px 15px; border:none; } td { padding:15px; border:none; } table tr th, table tr th a, table tr th a:hover { font-weight: bold; } table tbody tr th { vertical-align: top; } tr.odd { background-color: #F4F4F4; border-bottom: 1px solid #EBEBEB; border-top: 1px solid white; } tr, tr.even { background-color: #F9F9F9; border-bottom: 1px solid #EDEDED; border-top: 1px solid white; } /* List Styles */ .block ol, .block ul { margin: 0; padding: 0; } .contextual-links-wrapper { font-size: small !important; } ul.contextual-links { font-size: 0.923em; } .contextual-links-wrapper a { text-shadow: 0 0 0 !important; } .item-list .pager { font-size: 0.929em; } ul.menu li { margin: 0; } .region-content ul, .region-content ol { margin: 1em 0; padding: 0 0 0.25em 2.5em; } #block-views-home-slider-block.block ul, .region-content ul.slides, #block-views-home-slider-block-1.block ul { padding:0 !important; margin:0 !important; } .item-list ul li { margin: 0; padding: 0.2em 0.5em 0 0; } ul.links { font-size: 11px; color: #666666; } ul.links.inline li { padding:0 5px 0 0; margin:0 5px 0 0; border-right:1px solid #666666; } ul.links.inline li.last { border:none; } #block-views-home-slider-block .flexslider, #block-views-home-slider-block-1 .flexslider-1 { border:0px solid #FFF !important; border-radius:0px !important; box-shadow:none !important; margin:0; } /* Menus */ .block ul.menu { padding: 0; margin: 0; list-style: none; } .block ul.menu li { list-style:none; } .block ul.menu li a { display: block; border-bottom: 1px solid #eee; padding: 8px 0px 8px 24px; line-height: 120%; font-weight: bold; background: url(../img/light/arrow_bullet.png) no-repeat 10px; text-decoration: none; } .block ul.menu li a:hover { color:#333333; background: url(../img/dark/arrow_bullet.png) no-repeat 10px; } .block ul.menu ul { margin:0 0 0 1.3em; } .block ul.menu ul li a { border:none; padding: 4px 0; font-size:13px; color:#666666; background:none; } .block ul.menu ul li a:hover { color:#333333; background:none; } .block.block-superfish ul.menu li a { background:none; } /* Comments */ .comment h2.title { margin-bottom: 1em; } .comment div.user-picture img { margin-left: 0; } .comment { margin-bottom: 20px; display: table; vertical-align: top; } .comment .attribution { display: table-cell; padding: 0 35px 0 0; vertical-align: top; overflow: hidden; } .comment .attribution img { margin: 0; border: 1px solid #d3d7d9; } .comment .attribution .username { white-space: nowrap; } .comment .submitted p { margin: 4px 0; font-size: 1.071em; line-height: 1.2; } .comment .submitted .comment-time { font-size: 0.786em; } .comment .submitted .comment-permalink { font-size: 0.786em; text-transform: lowercase; } .comment .content { font-size: 0.929em; line-height: 1.6; } .comment .comment-arrow { background: url(../img/comment-arrow.gif) no-repeat 0 center transparent; border-left: 1px solid; border-right: 1px solid; height: 40px; margin-left: -36px; margin-top: 15px; position: absolute; width: 20px; } .comment .comment-text { padding: 0 25px 10px 35px; display: table-cell; vertical-align: top; position: relative; width: 100%; border-left: 1px solid #d3d7d9; } .comment .indented { margin-left: 40px; } .comment-unpublished { margin-right: 5px; padding: 5px 2px 5px 5px; } .comment .comment-text .comment-arrow { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* Sidebar */ #wrap #sidebar-first, #wrap #sidebar-second { float:left; } #sidebar-first .block, #sidebar-second .block { padding: 0 0 20px 0; } /* Messages */ #messages {margin:0 auto; position: relative; top: -1.5em;} div.messages {margin:10px 0;} #messages .messages {width:80%; margin:0px auto; padding:10px 50px;} .messages {text-align:left;} .messages label {font-size:14px; font-family:"OpenSans-SemiBold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:100; line-height:24px;} .messages.error {background-color:#E24949; color:rgb(255, 255, 255); border:0px none;} .messages.status {background-color:#F8FFF0; border:0px none;} #messages div.status {background-image:none; text-align:center;} #messages.red {background-color:#E24949;} #messages.green {background-color:#F8FFF0;} /* div.error, .error {color:#fff;} */ label.error {color:#fff;} /* Credits */ #credits a, #credits a:link, #credits a:visited { color:#41413F; } #credits a:hover { text-decoration:underline; } /* Core tabs */ #main .tabs ul.primary { border:none; white-space:normal; padding:0;} #main .tabs ul.primary li { display:inline-block; padding:5px;} #main .tabs ul.primary li a { border-radius:3px; display:inline-block; padding:4px 20px; text-decoration: none; text-transform:uppercase; font-size:0.8em; transition:all 0.5s ease 0s; background-color: #FFF; color: #707070; border: 1px solid #B4B4B4; margin:0; padding:5px 12px; } #main .tabs ul.primary li a:link, #main .tabs ul.primary li a:visited { color:#707070; text-decoration:none !important;} #main .tabs ul.primary li a:hover, #main .tabs ul.primary li a.active { background-color:#808080; color:#FFF; border:1px solid #808080;} /* -------------- Form Elements ------------- */ fieldset { background: #ffffff; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px; padding: 0 0 10px; position: relative; top: 12px; /* Offsets the negative margin of legends */ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .fieldset-wrapper { margin-top: 25px; } .node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; } .filter-wrapper { top: 0; padding: 1em 0 0.2em; -khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .filter-help a { font-size: 0.857em; padding: 2px 20px 0; } .filter-wrapper .form-item label { margin-right: 10px; } .filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; } .filter-guidelines { padding: 0 1.5em 0 0.5em; } fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } fieldset legend { background: #dbdbdb; border: 1px solid #ccc; border-bottom: none; display: block; height: 2em; left: -1px; line-height: 2; padding: 0; position: absolute; text-indent: 10px; text-shadow: 0 1px 0 #fff; top: -12px; width: 100%; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } fieldset .fieldset-wrapper { padding: 0 10px; } fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; } input { margin: 2px 0; padding: 4px; } input, textarea { font-size: 0.929em; } textarea { line-height: 1.5; } textarea.form-textarea, select.form-select { padding: 4px; } input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #e9e9e9; webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#e9e9e9;} .password-suggestions ul li { margin-left: 1.2em; } .form-item { margin-bottom: 1em; margin-top: 2px; } .form-item label { font-size:14px; font-family: "OpenSans-SemiBold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:100; line-height:24px; } .form-type-radio label, .form-type-checkbox label { margin-left: 4px; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; } .form-actions { padding-top: 10px; } /* Contact Form */ .contact-form #edit-name { width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contact-form #edit-mail { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contact-form #edit-subject { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contact-form #edit-message { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -khtml-border-top-left-radius: 4px; -khtml-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .contact-form .resizable-textarea .grippie { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -khtml-border-bottom-left-radius: 4px; -khtml-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* Animated throbber */ html.js input.form-autocomplete { background-position: 100% 4px; } html.js input.throbbing { background-position: 100% -16px; } /* Comment form */ .comment-form label { float: left; font-size: 0.929em; } .comment-form input, .comment-form .form-select { margin: 0; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .comment-form .form-type-textarea label { float: none; } .comment-form .form-item,.comment-form .form-radios,.comment-form .form-type-checkbox, .comment-form .form-select { margin-bottom: 10px; overflow: hidden; } .comment-form .form-type-checkbox, .comment-form .form-radios { margin-left: 120px; } .comment-form .form-type-checkbox label, .comment-form .form-radios label { float: none; margin-top: 0; } .comment-form input.form-file { width: auto; } .comment-form .form-text { display: block; margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-left: 120px; } #content h2.comment-form { margin-bottom: 0.5em; } .comment-form .form-textarea { -khtml-border-radius-topleft: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .comment-form fieldset.filter-wrapper .fieldset-wrapper, .comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; } .filter-wrapper label { width: auto; float: none; } .filter-wrapper .form-select { min-width: 120px; } .comment-form fieldset.filter-wrapper .tips { font-size: 0.786em; } #comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; } #edit-actions input { margin-right: 0.6em; } /* Other Overrides */ div.password-suggestions { border: 0; } .ui-widget-overlay { background: #222222; opacity: 0.7; } div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; } #forum .name { font-size: 1.083em; } #forum .description { font-size: 1em; } /* --------------- Search Form ---------------- */ #block-search-form { padding-bottom: 7px; } #block-search-form .content { margin-top: 0; } #search-form input#edit-keys, #block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 5px; width: 9em; } #search-block-form input.form-submit, #search-form input.form-submit { margin-left: 0; margin-right: 0; height: 25px; width: 34px; padding: 0; cursor: pointer; text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(../img/search-button.png) no-repeat center top; overflow: hidden; filter:none; } #search-block-form input.form-submit:hover, #search-block-form input.form-submit:focus, #search-form input.form-submit:hover, #search-form input.form-submit:focus { background-position: center bottom; } #search-form .form-item-keys label { display: block; } /* Search Results */ ol.search-results { padding-left: 0; } .search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; } .search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; } .search-results .search-snippet-info { padding-left: 0; } /*css drop down menu arrows*/ /*#navigation li.expanded > a, #navigation li.menuparent > a { background: transparent url('../img/light/arrow_bullet.png') no-repeat 90% 50%; } #navigation li li.expanded > a { background: #f0f0f0 url('../img/light/arrow_bullet.png') no-repeat 90% 50%; } #navigation li li.expanded:hover > a { background-color:#ffffff; } #navigation li.expanded:hover > a, #menu li.expanded:active > a, #navigation li.menuparent:hover > a, #menu li.menuparent:active > a { background: #f0f0f0 url('../img/dark/arrow_bullet.png') no-repeat 90% 50%; } */ /* * Superfish support: Reset background/border */ #navigation .sf-menu a { border:none; } #navigation .sf-menu li { background-color:none; border-top:none; } #navigation .sf-menu li li { border:none; } #header-top .region-header-top-right { text-align:right; } #header-top .region-header-top-center { text-align:center; } #header-right ul.menu, #header-top ul.menu { padding:0; margin:0; display:block; overflow:hidden; text-align:right; padding:20px 0 0 0; } #header-top ul.menu { text-align:left; padding:2px 0; } #header-top .region-header-top-left ul.menu { text-align:left; } #header-top .region-header-top-right ul.menu { text-align:right; } /* Buttons */ .button-std { -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 16px 30px 10px 30px; text-decoration: none; text-transform: uppercase; font-size: 1em; line-height: 1em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .button-big { -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 16px 30px 10px 30px; text-decoration: none; text-transform: uppercase; font-size: 1.6em; line-height: 1.6em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .button-mini { -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 16px 30px 10px 30px; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 12px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .gm-style-iw #bodyContent a.button-mini { padding: 0; margin: 10px 0; font-size: 10px; line-height: 10px; border: none; } .button-red { background-color: rgba(226,73,73,1); color:#fff; border:1px solid #fff;} a.button-red:link, a.button-red:visited { color:#fff; text-decoration:none !important; } a.button-red:hover { background-color:#00125c; color:#fff; border:1px solid #00125c; } .button-purple { background-color: rgba(173,72,147,1); color:#fff; border:1px solid #fff;} a.button-purple:link, a.button-purple:visited { color:#fff; text-decoration:none !important; } a.button-purple:hover { background-color:#fff; color: rgba(173,72,147,1); border:1px solid rgba(173,72,147,1); } .button-orange { background-color: rgba(248,151,0,1); color:#fff; border:1px solid #fff;} a.button-orange:link, a.button-orange:visited { color:#fff; text-decoration:none !important; } a.button-orange:hover { background-color:#fff; color: rgba(248,151,0,1); border:1px solid rgba(248,151,0,1); } .button-white { background-color:#fff; color:rgba(226,73,73,1); border:1px solid rgba(226,73,73,1);} a.button-white:link, a.button-white:visited { color:rgba(226,73,73,1); text-decoration:none !important; } a.button-white:hover { background-color:rgba(226,73,73,1); color:#fff; border:1px solid rgba(226,73,73,1); } .gm-style-iw #bodyContent a.button-white:hover { background-color:rgba(226,73,73,0); color:#000; border:0; } .button-grey { background-color:#fff; color:rgba(112,112,112,1); border:1px solid rgba(180,180,180,1);} a.button-grey, a.button-grey:link, a.button-grey:visited { color:rgba(112,112,112,1); text-decoration:none !important; } a.button-grey:hover { background-color:rgba(112,112,112,1); color:#fff; border:1px solid rgba(180,180,180,1); } .button-light-grey { background-color:#fff; color:rgba(112,112,112,1); border:1px solid rgba(190,190,190,1);} a.button-light-grey, a.button-light-grey:link, a.button-light-grey:visited { color:rgba(112,112,112,1); text-decoration:none !important; } a.button-light-grey:hover { background-color:rgba(190,190,190,.3); border:1px solid rgba(190,190,190,1); } .slider-button a { -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: rgba(226,73,73,1); display:inline-block; padding:4px 20px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:.8em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .slider-button a:link, .slider-button a:visited { color:#fff; text-decoration:none !important; } .slider-button a:hover { background-color:#fff; color:rgba(226,73,73,1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #msc-anchors { display:block; margin:2em 0; } .msc-anchor-button { display:inline-block; padding:5px; } .msc-item-link a, .regular-round-button a {-webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 16px 30px 10px 30px; text-decoration: none; text-transform: uppercase; font-size: 1em; line-height: 1em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgba(255,11,58,1); color: rgba(255,255,255,1); border: 1px solid rgba(255,11,58,1);} .msc-item-link a:link, .msc-item-link a:visited { color:rgba(255,255,255,1); text-decoration:none !important; } .msc-item-link a:hover { background-color: rgba(48,48,48,1); color: rgba(255,255,255,1); border: 1px solid rgba(48,48,48,1); } .regular-round-button.white a, .regular-round-button.white a:link, .regular-round-button.white a:visited { background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); border: 1px solid rgba(255,255,255,1); text-decoration: none !important;} .principe-9 .msc-item-body-text .regular-round-button.white a, .principe-9 .msc-item-body-text .regular-round-button.white a:link {color: #000000;} .principe-9 .msc-item-body-text .regular-round-button.white a:hover { background-color: rgba(0,0,0,1); color: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,1); text-decoration: none !important;} /* Social buttons AddThis */ a.at4-share-btn { margin-bottom:1px !important; } a.at-svc-twitter, a.at-svc-facebook, a.at-svc-google_plusone_share, a.at-svc-email, a.at-svc-print { background: rgba(113,203,244,1) !important; } /* Flickr embed */ #flicker-embed {text-align: center; margin: 50px 0;} /* Isotope local specs */ #isotope-container { margin: 0 auto !important; } .isotope-element { background:none !important; } .isotope-element .views-field-nothing { margin:0 !important; } .isotope-element img { width: 100%; opacity: 1; filter: alpha(opacity=100); transition: all 0.5s ease 0s; } .isotope-options { background-color: rgba(125,125,125,0); margin-bottom: 10px; } .page-node-3 .isotope-options { margin-bottom: 15px; } ul.isotope-filters, ul.isotope-filters li {list-style:none; margin:0; padding: 0 0 20px 0; text-align:center; } ul.isotope-filters li { display:inline-block; padding:5px; } ul.isotope-filters li a { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; display:inline-block; padding:4px 20px; text-decoration:none; text-transform:uppercase; font-size:.8em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color:#fff; color:rgba(112,112,112,1); border:1px solid rgba(180,180,180,1);} ul.isotope-filters li a:link, ul.isotope-filters li a:visited { color:rgba(112,112,112,1); text-decoration:none !important; } ul.isotope-filters li a:hover, ul.isotope-filters li a.selected { background-color:rgba(112,112,112,1); color:#fff; border:1px solid rgba(180,180,180,1); } .isotope-element .views-field-field-media-type, .mg-item-quote, .mg-item-title, .mg-item-link { display:none; } .media-gallery-item.type-quote .mg-item-quote { display:inline-block; background-color:#FFFFFF; color:#E34949; border:1px solid #E34949; padding:15px 15px 25px 15px; text-align:left; width:100%;} .media-gallery-item.type-quote .mg-item-quote-author, .media-gallery-item.type-quote .mg-item-quote-function { font-size:14px; line-height:14px;} .media-gallery-item.type-quote .mg-item-quote-author { font-family: "FoundersGrotesk-Medium"; margin:10px 0 4px 0} .media-gallery-item.type-quote .mg-item-quote-text { font-family: "FoundersGrotesk-Light"; font-size: 20px; line-height: 22px;} .media-gallery-item.type-Picture .mg-item-title, .media-gallery-item.type-Text .mg-item-title { display:inline-block; position: absolute; top: 15px; left: 15px; text-align: left; width: 75%; font-size: 1.4em; line-height: 1.3em; z-index: 400; } .media-gallery-item.type-Picture .mg-item-title a, .media-gallery-item.type-Text .mg-item-title a { font-family: "FoundersGrotesk-Medium"; font-size: 20px; line-height: 24px } .media-gallery-item.type-Picture .mg-item-title img, .media-gallery-item.type-Text .mg-item-title img { display:none; } .media-gallery-item.type-Picture.category-jed .mg-item-title {display:none;} .media-gallery-item.type-Text .mg-item-title { position:relative; top:0; left:0; margin-bottom: 70px;} .media-gallery-item.type-Text { background-color:#bfbfbe; padding:15px; text-align: left;} .media-gallery-item.type-Picture.category-news { margin-bottom: -4px; overflow: hidden; } .media-gallery-item.type-Picture.category-news .mg-item-picture:after { content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0; background: rgba(0,0,0,0.3); opacity: 1; pointer-events: none; } .media-gallery-item.type-Picture.category-news .mg-item-picture.linkhover:after { background: rgba(0,0,0,0.5); } .media-gallery-item.type-Picture .mg-item-link , .media-gallery-item.type-Text .mg-item-link { display:block; } .mg-item-link a { padding:5px 20px; font-size:.8em; text-transform:uppercase; background-color:#e44949; color:#fff; display:inline-block; ; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family:"OpenSans-SemiBold"; } .mg-item-link a:hover, .mg-item-link.hover a { background-color:rgba(255,255,255,1); color:#e44949 !important; } .media-gallery-item.type-Picture .mg-item-link { display:block; position:absolute; bottom:20px; left:15px; } .media-gallery-item.type-Picture.category-announcements { background-color:#fff; padding:15px; text-align: left; border:1px solid #E5E5E5; } .media-gallery-item.type-Picture.category-announcements .mg-item-picture img { width:80px; display:none} .media-gallery-item.type-Picture.category-announcements .mg-item-title { position:relative; top:0; left:0; width:100%; color:#706F6F; font-size: 1em; line-height: 1.4em; } .media-gallery-item.type-Picture.category-announcements .mg-item-title img { width:80px; display:inline-block; float:left; padding-right: 10px;} .media-gallery-item.type-Picture.category-announcements .mg-item-title a { color:#706F6F !important; font-size:20px; font-family:"OpenSans-SemiBold"; } .media-gallery-item.type-Picture.category-announcements .mg-item-link { position: relative; bottom:0; left:0; margin-top: 15px; } .media-gallery-item.type-Picture.category-announcements .mg-item-link a:hover { background-color:rgba(228,73,73,0.2); color:rgba(228,73,73,1) !important; } .media-gallery-item.category-videos .mg-item-video {height:162px;} .mg-item-video-overlay, .mg-item-picture-overlay, .mg-item-slideshow-overlay { visibility:hidden; position:absolute; top:600px; left:0; width:100%; height:100%; z-index:9999; pointer-events:none; background-color:rgba(0,0,0,0.5); text-align:left; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; overflow:hidden; padding: 1em; font-size: 1.4em; line-height: 1.4em; } /* .front .mg-item-picture-overlay { pointer-events: inherit;} */ .mg-item-picture-overlay a, .mg-item-video-overlay a, .mg-item-slideshow-overlay a, .mg-item-video-overlay span.title { font-family: "OpenSans-SemiBold"; font-size:20px; line-height:24px; display:inline-block; position: relative; top:800px; left:15px; width:90%; -webkit-transition:0.8s; -moz-transition:0.8s; -o-transition:0.8s; transition:0.8s; color:#ffffff;} .mg-item-video-overlay a, .mg-item-video-overlay a:link, .mg-item-video-overlay a:visited, .mg-item-slideshow-overlay a, .mg-item-slideshow-overlay a:link, .mg-item-slideshow-overlay a:visited, .mg-item-picture-overlay a, .mg-item-picture-overlay a:link, .mg-item-picture-overlay a:visited { color:#ffffff; } .mg-item-video-overlay.hover, .mg-item-slideshow-overlay.hover, .mg-item-picture-overlay.hover { display:inline-block; visibility:visible; top:0; } .mg-item-video-overlay.hover a, .mg-item-slideshow-overlay.hover a, .mg-item-picture-overlay.hover a, .mg-item-video-overlay.hover span.title { top:15px; } .media-gallery-item.type-Picture.category-photos .mg-item-title, .media-gallery-item.type-Picture.category-photos .mg-item-video, .media-gallery-item.type-Picture.category-photos .mg-item-link {display:none;} .media-gallery-item.type-Slideshow.category-photos .mg-item-title, .media-gallery-item.type-Slideshow.category-photos .mg-item-video, .media-gallery-item.type-Slideshow.category-photos .mg-item-link, .media-gallery-item.type-Slideshow.category-photos .mg-item-picture {display:none;} .media-gallery-item.type-Slideshow.category-photos .mg-item-slideshow {overflow:hidden; margin:0; padding:0;} .media-gallery-item.type-Picture.category-images .mg-item-title, .media-gallery-item.type-Picture.category-images .mg-item-video, .media-gallery-item.type-Picture.category-images .mg-item-link {display:none;} .media-gallery-item.type-Slideshow.category-images .mg-item-title, .media-gallery-item.type-Slideshow.category-images .mg-item-video, .media-gallery-item.type-Slideshow.category-images .mg-item-link, .media-gallery-item.type-Slideshow.category-images .mg-item-picture {display:none;} .media-gallery-item.type-Slideshow.category-images .mg-item-slideshow {overflow:hidden; margin:0; padding:0;} #jed-popup-share-links-group {display:inline-block; position:relative; width:100%;} .jed-popup-share-link {display:inline-block; vertical-align:top; padding-left:10px;} .jed-popup-share-link a.download-button {position:relative; box-sizing:border-box; padding:1px 8px 1px 6px; background-color:#d75a20; color:#fff; border-radius:3px; font-weight:500; cursor: pointer; display:inline-block;} .jed-popup-share-link a.download-button span {padding:3px; display:inline-block;} /* Home */ #first-time {display:none;} .front .field-name-body { padding:0 60px; } .front .field-name-body p { text-align:left} .front h1.title {display:none;} .front .msc-item-view { margin-top: 45px; } .field-name-body p { font-family: "OpenSans-Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; line-height: 28px;} #home-body-button { margin: 50px 0 90px 0; } #home-body-button a { font-size:14px; } /* Home - BXSlider adjustements */ #block-views-front-speakers-block .view-content, #block-views-speakers-home-block .view-content, #views-slideshow-bxslider-1 .view-content {width:100%; height:350px; overflow:hidden; text-align:center;} #block-views-front-speakers-block h2 { text-align: center; font-size: 25px; font-weight: normal; font-style: normal; line-height: 25px; margin-bottom: 14px; font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} @media only screen and (max-width: 767px) { #block-views-front-speakers-block h2 { margin: 15px 0; font-size: 25px; line-height: 30px;} } #block-views-front-speakers-block .bx-wrapper {margin: 0px auto !important; } .bx-wrapper .bx-viewport {left:0; background:none;} #views-slideshow-bxslider-1 .bx-viewport {height:350px!important; } .bx-wrapper .bx-controls-direction a {top:23%;} .bx-wrapper .bx-prev {left:-50px;} .bx-wrapper .bx-next {right:-50px;} #block-views-speakers-home-block, #block-views-front-speakers-block {margin-top:0; background-color:#F9F9F9;} #home-speakers-button a { font-size:14px; } li.bxslider-views-slideshow-main-frame-row, #session-speakers-flexslider li, #session-speakers-noflexslider li { padding:0 10px; min-height: 340px;} #session-speakers-noflexslider li { list-style:none; position:relative; width:180px; display: inline-block; padding:0; vertical-align:top;} li.bxslider-views-slideshow-main-frame-row .views-field-title { font-family: "FoundersGrotesk-Medium"; line-height: 16px; font-size: 16px; padding: 0; margin-bottom: 3px; text-align: left; margin: 20px 0 5px 20px;} li.bxslider-views-slideshow-main-frame-row .views-field-field-speaker-title, li.bxslider-views-slideshow-main-frame-row .views-field-field-fonction, li.bxslider-views-slideshow-main-frame-row .views-field-field-speaker-organisation {font-size: 12px; line-height: 14px; text-align:left; margin:0 0 0 20px;} li.bxslider-views-slideshow-main-frame-row .views-field-field-image {text-align: center; height: 180px; display: inline-block; overflow: hidden; width: 140px; margin: 0 auto; position: relative;} .speaker-page-picture-overlay {position: absolute; width: 100%; top: 0; left: 0;} .speaker-cell-image img {width:100%; height:100%; object-fit:cover;} /* Media partners slideshow */ #views-slideshow-bxslider-1 .bx-wrapper { margin: 0px auto !important; -moz-box-shadow: 0 0 0 #fff !important; -webkit-box-shadow: 0 0 0 #fff !important; box-shadow: 0 0 0 #fff !important; border: 0 !important; background: #f8f8f8;} #views-slideshow-bxslider-1 li.bxslider-views-slideshow-main-frame-row, #views-slideshow-bxslider-1 .bxslider-views-slideshow-main-frame-row { padding:0 10px; min-height: 100px !important; } /* Main Sections Pages */ .page-node-1 h1.title, .page-node-12 h1.title, .page-node-13 h1.title, .page-node-14 h1.title, .page-node-15 h1.title, .page-node-16 h1.title, .page-node-17 h1.title, .page-node-18 h1.title, .page-node-19 h1.title, .page-node-20 h1.title, .page-node-21 h1.title, .page-node-22 h1.title, .page-node-29 h1.title { display:none;} #block-views-main-section-content-block .container, #block-views-main-section-content-block-1 .container, #block-views-main-section-content-block-2 .container, #block-views-main-section-content-block-3 .container, #block-views-main-section-content-block-4 .container, #block-views-main-section-content-block-5 .container, #block-views-main-section-content-block-6 .container, #block-views-main-section-content-block-11 .container {text-align: center;} #block-views-main-section-content-block-1, #block-views-main-section-content-block-3, #block-views-main-section-content-block-5, #block-views-main-section-content-block-8, #block-views-main-section-content-block-12 { margin:1.5em 0 5em 0; text-align: center; } /*#block-views-main-section-content-block .views-row { margin:3em 0;}*/ /*#block-views-main-section-content-block .views-row.views-row-last { margin:3em 0 0 0; }*/ .view-main-section-content .views-row-last .views-field-nothing { margin: 40px 0 0 0; } .front .view-main-section-content .views-row-last .views-field-nothing {margin: 0;} #block-views-main-map-block { text-align: center; } #block-views-main-map-block .content { width: 85%; margin: 0px auto; } #block-views-main-map-block .view-content {display:inline-block; width:49%; vertical-align:top;} /* Offset anchors to cope with sticky header */.view-main-section-content .views-field.views-field-nid {position:relative; top:-90px;} body.toolbar .view-main-section-content .views-field.views-field-nid {position:relative; top:-120px;} .view-main-section-content .msc-anchor-button .views-field.views-field-nid, body.toolbar .view-main-section-content .msc-anchor-button .views-field.views-field-nid {top:0;} /* About EDD16 */ .custom #about-infografic { text-align:center;} .custom #about-infografic h2 {color:#E34949; } .custom #about-infografic img { width:230px; height:249px; } .custom #about-infografic .inline-item { display:inline-block; } /* Media page */ #block-views-main-section-content-block-4 .views-row-2 .msc-item-link {display:none;} .documents-group { text-align:left; display:inline-block; width:32%; vertical-align: top;} .documents-group h3 { font-family:"OpenSans-SemiBold"; margin-bottom:25px;} #block-views-documents-block .view-documents .documents-group .views-row {width:90%; margin-bottom: 5px;} .documents-group p { font-family:"FoundersGrotesk-Regular"; font-size:14px; line-height:1em; margin-bottom:8px;} /* Main section item */ .container.Light-grey {background-color: #f7f7f7; padding-bottom: 2em;} .container.Light-blue {background-color: #4ab6e7; padding-bottom: 2em;} .container.Light-green {background-color: #76b742; background-image: url("../images/edd21-green-banner.svg"); padding-bottom: 2em;} .container.Blue {background-color: rgba(111,188,210,1); padding-bottom: 2em;} .container.Violet {background-color: rgba(113,111,188,1); padding-bottom: 2em;} .container.Yellow {background-color: rgba(245,198,27,1); padding-bottom: 2em;} .container.Green {background-color: rgba(58,166,118,1); padding-bottom: 2em;} .container.Orange {background-color: rgba(227,100,46,1); padding-bottom: 2em;} #block-block-92 {background-color: rgba(227,100,46,1); padding: 2em 0; color:#ffffff;} #block-block-92 h2 {color:#ffffff;} .container.Red {background-color: rgba(255, 11, 58, 1); padding-bottom: 2em;} .msc-item-fullwidth-inner {margin:0 auto;} .view-main-section-content .views-field-nothing { margin: 0; } body.front .view-main-section-content .views-field-nothing {margin: 0;} .view-main-section-content .views-field-nothing h1 { margin-bottom:50px; margin-top:20px;} .view-main-section-content .views-field-nothing .content-node-10296 { margin-bottom:0;} .view-main-section-content .views-field-nothing .content-node-10296 h1 { margin-bottom:0;} .view-main-section-content .views-field-nothing .content-node-10296 .msc-item-picture-and-body, .view-main-section-content .views-field-nothing .content-node-10296 .msc-item-view { display:none;} .msc-item h2 {font-family:"FoundersGrotesk-Light"; font-size:20px; line-height:28px; font-weight:100;} .msc-item.principe-5 .inner-column h2, .msc-item.principe-6 .inner-column h2, .msc-item.principe-7 .inner-column h2 {font-weight:100; font-size:21px; padding-top:10px; margin-bottom:.5em; font-family: "OpenSans-SemiBold"; color: #565656; line-height:1.3em;} .msc-item, .msc-item-picture-and-body, .msc-item-view {position: relative; } .msc-item-picture-and-body, .msc-item-view { margin-top: 30px } /*.content-node-10004 .msc-item-picture-and-body, .msc-item-view { margin-top: 90px }*/ .msc-item-picture, .msc-item-body { display:inline-block; width:49%; vertical-align:top; } .msc-item-picture {position:relative; overflow:hidden;} .msc-item-picture img {width:100%;} /*.msc-item-picture-and-body .msc-item-picture:hover { opacity:0.7; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}*/ .msc-item-body .inner { padding-left:35px; text-align:left; font-size: 20px; line-height: 22px; font-family: "FoundersGrotesk-Regular"; } .msc-item-body .inner h2 {margin-bottom:0; padding-bottom:10px; } .msc-item-body .inner h1.item-body-h1, .msc-item-body .inner h2.item-body-h2 {display:none;} .msc-item-body-text a, .msc-item-body-text a:link, .msc-item-body-text a:visited { color:rgba(226,73,73,1); font-family:"FoundersGrotesk-Medium"; } .msc-item-body-text a:hover, .msc-item-body-text a:link:hover, .msc-item-body-text a:visited:hover { text-decoration:underline; } .msc-item-body-text a.custom-link:hover {color:#FFFFFF;} .msc-item-body-text ul {margin:0 0 0 2em;} .msc-item-link {margin-top:30px; clear: both;} .msc-item-link.nolink {display:none;} .msc-item-link.system a.custom-link {display:none} .msc-item-link.custom a:nth-child(2) {display:none} .msc-item.grid .msc-item-tagline, .msc-item.grid .msc-item-picture-and-body, .msc-item-tagline.top {display:none;} .content-node-193 .msc-item.grid .msc-item-tagline {display:inline-block} .content-node-193 .msc-item.grid .msc-item-tagline.top {display:none;} .Red { background-color: rgba(255,11,58,1);} .Orange { background-color: rgba(248,151,0,1); } #block-views-main-section-content-block-7 {text-align:center;} .msc-item.principe-1 .msc-item-picture, .msc-item.principe-1 .msc-item-body { width: 100%; } .msc-item.principe-1 .msc-item-view, .msc-item.principe-1 .msc-item-columns {display:none;} .msc-item.principe-1bis .msc-item-picture { width:100%; } .msc-item.principe-1bis .msc-item-tagline-top, .msc-item.principe-1bis .msc-item-title, .msc-item.principe-1bis .msc-item-tagline, .msc-item.principe-1bis .msc-item-body, .msc-item.principe-1bis .msc-item-columns, .msc-item.principe-1bis .msc-item-link, .msc-item.principe-1bis .msc-item-view {display:none;} .msc-item.principe-2 { width:85%; margin:0 auto; } .msc-item.principe-2 .msc-item-view, .msc-item.principe-2 .msc-item-tagline, .msc-item.principe-2 .msc-item-title, .msc-item.principe-2 .msc-item-view, .msc-item.principe-2 .msc-item-columns {display:none} .msc-item.principe-2 .msc-item-picture {width:80%; text-align: center; margin: 0 auto;} .msc-item.principe-2 .msc-item-picture-and-body {margin-top:0; text-align: center;} .msc-item.principe-2 .msc-item-body {width:97%} .msc-item.principe-2 .msc-item-body .msc-item-body-text {margin:0 auto; width:80%; text-align:left;} .msc-item.principe-2 .msc-item-body .inner h1.item-body-h1, .msc-item.principe-2 .msc-item-body .inner h2.item-body-h2 {display:inline-block; text-align:center; width:100%} /*.msc-item.principe-2 .msc-item-body .inner h1.item-body-h1 {margin-top:50px;}*/ .msc-item.principe-2 .msc-item-body .inner {padding-left:0;} .content-node-13755 .msc-item.principe-2 .msc-item-picture {width:auto;} /*.content-node-13755 .msc-item.principe-2 .msc-item-title {display:inline-block; text-align:center; width:100%;}*/ /*.content-node-13755 .msc-item-body {display:none;}*/ .msc-item.principe-2bis { width:85%; margin:0 auto; } .msc-item.principe-2bis .msc-item-view {display:none} .msc-item.principe-2bis .msc-item-title h1 {margin-bottom: 20px !important; text-align:center;} .msc-item.principe-2bis .msc-item-tagline {text-align:center;} .msc-item.principe-2bis .msc-item-tagline h2 {margin-bottom: 50px !important;} .msc-item.principe-2bis .msc-item-picture {width:80%; text-align: center; margin: 0 auto;} .msc-item.principe-2bis .msc-item-picture-and-body {margin-top:0; text-align: center;} .msc-item.principe-2bis .msc-item-body {width:97%} .msc-item.principe-2bis .msc-item-body .msc-item-body-text {margin:0 auto; width:80%; text-align:left;} .msc-item.principe-2bis .msc-item-body .inner h1.item-body-h1, .msc-item.principe-2bis .msc-item-body .inner h2.item-body-h2 {display:none} .msc-item.principe-2bis .msc-item-body .inner {padding-left:0;} .principe-2bis .msc-item-columns, .taxonomy-principe-2bis .group-msp-columns {text-align:center;} .principe-2bis .msc-item-column, .taxonomy-principe-2bis .group-msp-column {/*width:30%;*/ width:45%; text-align:left; display:inline-block; vertical-align:top; margin-right:4% } .principe-2bis #msc-item-column-02.msc-item-column, .taxonomy-principe-2bis .group-msp-column-02.group-msp-column, .principe-2bis #msc-item-column-03.msc-item-column, .taxonomy-principe-2bis .group-msp-column-03.group-msp-column {margin-right:0;} /* pdf files buttons */ .msc-iten-column-body .file a {display:inline-block; width:90%; padding:9px 5px 5px 38px; text-align:left; color:#575756; margin:2px; background: url("../img/view-documents-picto-pdf.png") 12px 9px no-repeat, #EFEFEF; background-size:16px;} .msc-iten-column-body .file a:hover { background-color:#575756; color:#EFEFEF;} .msc-item.principe-3 { width:85%; margin:0 auto; } .msc-item.principe-3 .msc-item-title, .msc-item.principe-3 .msc-item-tagline {text-align:center;} .principe-3 .msc-item-tagline h2, .principe-3 .msc-item-view, .msc-item.principe-3 .msc-item-columns { display:none;} .principe-3 .msc-item-body .inner .msc-item-body-text { text-align:left;} .principe-3 .msc-item-body .inner h2.item-body-h2 { display:inline-block;} .msc-item.principe-3bis .msc-item-title, .msc-item.principe-3bis .msc-item-tagline {text-align:center;} .principe-3bis .msc-item-tagline h2, .principe-3bis .msc-item-view, .msc-item.principe-3bis .msc-item-columns { display:none;} .principe-3bis .msc-item-body .inner .msc-item-body-text { text-align:left;} .principe-3bis .msc-item-body .inner h2.item-body-h2 { display:inline-block;} .msc-item.principe-3bis { width:85%; margin:0 auto; text-align:center; } .principe-3bis .msc-item-body { float:left; } .principe-3bis .msc-item-body .inner { padding: 0 35px 0 0; } .msc-item-body .inner .msc-item-link { display: none } .borderless-principe-3 .msc-item-picture, .borderless-principe-3 .msc-item-body {width:50%;} .borderless-principe-3 .msc-item-body { height: 100%; display: flex; align-items: center;} .borderless-principe-3 .msc-item-picture {float:left; margin-bottom:-5px;} .borderless-principe-3 .mg-item-picture-background {display: inline-block; width: 100%; height: 620px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .borderless-principe-3 .mg-item-picture-background-container {width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } .borderless-principe-3 .msc-item-picture-and-body, .borderless-principe-3 .msc-item-view { margin: 0; } .borderless-principe-3 .msc-item-picture-and-body { height: 620px;} .borderless-principe-3 .msc-item-picture img {display:none;} .borderless-principe-3 .msc-item-title, .borderless-principe-3 .msc-item-tagline {display:none;} .borderless-principe-3 .msc-item-body .inner h1.item-body-h1, .borderless-principe-3 .msc-item-body .inner h2.item-body-h2 {display: inline-block; width:100%} .borderless-principe-3 .msc-item-body .inner {width: 570px} .borderless-principe-3 .msc-item-link { display: none;} .borderless-principe-3 .msc-item-body .inner .msc-item-link { display:inline-block; } .borderless-principe-3 .msc-item-body .inner .msc-item-link.nolink { display:none; } .view-main-section-content .views-field-nothing .borderless-principe-3 h1 {margin: 20px 0;} .msc-item.borderless-principe-3 h2 { font-size: 24px; line-height: 24px;} .borderless-principe-3 h2 p {margin:0; padding:0;} .borderless-principe-3bis .msc-item-picture, .borderless-principe-3bis .msc-item-body {width:50%;} .borderless-principe-3bis .msc-item-body { height: 100%; display: flex; align-items: center; justify-content: flex-end;} .borderless-principe-3bis .msc-item-picture {float:right; margin-bottom:-5px;} .borderless-principe-3bis .mg-item-picture-background {display: inline-block; width: 100%; height: 620px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .borderless-principe-3bis .mg-item-picture-background-container { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;} .borderless-principe-3bis .msc-item-picture-and-body, .borderless-principe-3bis .msc-item-view {margin: 0; } .borderless-principe-3bis .msc-item-picture-and-body {height: 620px;} .borderless-principe-3bis .msc-item-picture img {display: none;} .borderless-principe-3bis .msc-item-title, .borderless-principe-3bis .msc-item-tagline {display: none;} .borderless-principe-3bis .msc-item-body .inner h1.item-body-h1, .borderless-principe-3bis .msc-item-body .inner h2.item-body-h2 {display: inline-block; width: 100%} .borderless-principe-3bis .msc-item-body {float:none;} .borderless-principe-3bis .msc-item-body .inner { padding: 0 35px 0 0; width: 570px; float: right;} .borderless-principe-3bis .msc-item-link {display: none;} .borderless-principe-3bis .msc-item-body .inner .msc-item-link { display:inline-block} .borderless-principe-3bis .msc-item-body .inner .msc-item-link.nolink { display:none;} .view-main-section-content .views-field-nothing .borderless-principe-3bis h1 {margin: 20px 0;} .msc-item.borderless-principe-3bis h2 {font-size: 24px; line-height: 24px;} .borderless-principe-3bis h2 p {margin: 0; padding: 0;} .msc-item.principe-4 {width: 85%; margin: 0 auto;} .view-main-section-content .views-field-nothing .principe-4 h1 { margin-bottom:15px; } .msc-item.principe-4 .msc-item-title, .msc-item.principe-4 .msc-item-tagline {text-align:center;} .msc-item.principe-4 .msc-item-view, .msc-item.principe-4 .msc-item-columns {display:none;} .msc-item.principe-4 .msc-item-link { margin-bottom: 90px; } .page-node-18795 .msc-item.principe-4 .msc-item-link { margin-bottom: 20px; } .msc-item.principe-4bis { width:85%; margin:0 auto; text-align:center } .view-main-section-content .views-field-nothing .principe-4bis h1 { margin-bottom:15px; } .msc-item.principe-4bis .msc-item-title, .msc-item.principe-4bis .msc-item-tagline {text-align:center;} .principe-4bis .msc-item-body { float:left; } .principe-4bis .msc-item-body .inner { padding: 0 35px 0 0; } .msc-item.principe-4bis .msc-item-view, .msc-item.principe-4bis .msc-item-columns {display:none;} .msc-item.principe-4bis .msc-item-link { margin-bottom: 90px; } .page-node-18795 .msc-item.principe-4bis .msc-item-link { margin-bottom: 20px; } .page-node-18795 h4 {color:#444444; font-size:16px;} .principe-5 .msc-item-view{margin:0;} .principe-5 .msc-item-tagline {width:80%; margin:0 auto;} .principe-5 .msc-item-columns, .taxonomy-principe-5 .group-msp-columns {text-align:center;} .principe-5 .msc-item-column, .taxonomy-principe-5 .group-msp-column {width:30%; text-align:left; display:inline-block; vertical-align:top; margin-right:4% } .principe-5 #msc-item-column-03.msc-item-column, .taxonomy-principe-5 .group-msp-column-03.group-msp-column {margin-right:0;} .principe-5 .msc-item-view {display:none;} .principe-6 .msc-item-tagline {width:80%; margin:0 auto;} .principe-6 .msc-item-columns, .taxonomy-principe-6 .group-msp-columns {text-align:center;} .principe-6 .msc-item-column, .taxonomy-principe-6 .group-msp-column {width:20%; text-align:left; display:inline-block; vertical-align:top; margin-right:2% } .principe-6 #msc-item-column-04.msc-item-column, .taxonomy-principe-6 .group-msp-column-04.group-msp-column {margin-right:0;} .principe-6 .msc-item-view {display:none;} .principe-7 .msc-item-view{margin:0;} .principe-7 .msc-item-tagline {width:80%; margin:0 auto;} .principe-7 .msc-item-columns, .taxonomy-principe-7 .group-msp-columns {text-align:center;} .principe-7 .msc-item-column, .taxonomy-principe-7 .group-msp-column {width:30%; text-align:left; display:inline-block; vertical-align:top; margin-right:4% } .principe-7 #msc-item-column-02.msc-item-column, .taxonomy-principe-7 .group-msp-column-02.group-msp-column {margin-right:0;} .principe-7 #msc-item-column-03.msc-item-column, .principe-7 #msc-item-column-04.msc-item-column, .principe-7 .msc-item-view {display:none;} .principe-8 .msc-item-tagline, .principe-8 .msc-item-link, .principe-8 .msc-item-view, .msc-item.principe-8 .msc-item-columns { display:none; } .principe-8 .msc-item-picture { width:100%; } .principe-8 .msc-item-picture-and-body .msc-item-picture:hover { opacity:1; } .principe-8 .msc-item-body { width:39%; position:absolute; top:60px; right:60px; padding:20px; background-color:rgba(255,255,255,0.8); } .principe-8 .msc-item-body .inner { padding-left:0; } .principe-8 .msc-item-body .inner c { display:inline-block;} .principe-8 .msc-item-body .inner h2.item-body-h2 {display:inline-block;} .principe-8 .msc-item-body .inner h2.item-body-h2 p { margin:0; padding:0; font-size:28px; line-height:32px; font-weight:900;} .principe-8 .msc-item-body-text p { font-family: "OpenSans-Light"; font-size: 20px; line-height: 28px; font-weight: 100;} /*#block-views-main-section-content-block .views-row.has-principe-9, #block-views-main-section-content-block-2 .views-row.has-principe-9, #block-views-main-section-content-block-4 .views-row.has-principe-9 { margin:-80px 0 80px 0; }*/ .view-main-section-content .views-row-last.has-principe-9 .views-field-nothing, .view-main-section-content .has-principe-9 .views-field-nothing { margin:0; } .principe-9 { padding:0; color: rgb(255,255,255); } .principe-9 .msc-item-tagline, .principe-9 .msc-item-view, .msc-item.principe-9 .msc-item-columns {display:none;} .principe-9 .msc-item-tagline.top {display:inline-block;} .principe-9 h1, .principe-9 h2 { color:#FFFFFF; text-transform:none; } .principe-9 h1.Light-grey, .principe-9.Light-grey h2 {color: rgb(255, 11, 58)} .view-main-section-content .views-field-nothing .principe-9 h1 { margin-bottom: 35px; } .principe-9 h2 { font-weight:100; font-size: 24px; line-height: 28px; margin: 30px 0; color: #fff; text-transform: uppercase; font-family: "OpenSans-Light"; } .principe-9 p { color:#FFFFFF; } .principe-9 .msc-item-picture-and-body { margin:0; display:inline-block; } .principe-9 .msc-item-picture, .principe-9 .msc-item-body { display: block; width: 100%; vertical-align: top; position: relative; text-align: center; } .principe-9 .msc-item-body .inner { text-align:center; padding:0;} .principe-9 .msc-item-body-text a, .principe-9 .msc-item-body-text a:link, .principe-9 .msc-item-body-text a:visited { color:#FFFFFF; font-family:"FoundersGrotesk-Bold"; } .principe-9 .msc-item-body-text a.button-orange:hover, .principe-9 .msc-item-body-text a.button-orange:link:hover, .principe-9 .msc-item-body-text a.button-orange:visited:hover { color:rgba(248,151,0,1);} .principe-9 .msc-item-body-text a.button-red:hover, .principe-9 .msc-item-body-text a.button-red:link:hover, .principe-9 .msc-item-body-text a.button-red:visited:hover { color:rgba(226,73,73,1);} .principe-9 .msc-item-body-text a.button-big, .principe-9 .msc-item-body-text a.button-big:link, .principe-9 .msc-item-body-text a.button-big:visited { font-size: 1.6em; padding: 16px 40px; } .principe-9 .msc-item-body-text #cto-button { margin: 20px 0 0 0; } .principe-9 .msc-item-body-text p { font-family: "OpenSans-Light"; font-size: 20px; line-height: 28px; font-weight: 900;} .principe-9 .msc-item-link { margin-top:0; clear: both; display:none;} .principe-9bis { background-color:#E44949; color:#fff;} .principe-9bis .msc-item-picture-and-body { margin:0 auto;} .principe-9bis .msc-item-title, .principe-9bis .msc-item-tagline, .principe-9bis .msc-item-link, .principe-9bis .msc-item-view, .msc-item.principe-9bis .msc-item-columns { display:none;} .principe-9bis .msc-item-picture { width:40%; margin-left:3%; } .principe-9bis .msc-item-body { width:40%; margin-right:12%;} .principe-9bis .msc-item-body .inner { padding-top: 30px; } .principe-9bis .msc-item-body .inner h2.item-body-h2 {display:inline-block; color:#fff;} .principe-9bis .msc-item-body .inner h2.item-body-h2 p {margin:0; font-size:28px; line-height:32px; font-weight:900;} .principe-10 .msc-item-tagline.top, .principe-10 .msc-item-body, .principe-10 .msc-item-link, .principe-10 .msc-item-view, .front .principe-10 .msc-item-title, .msc-item.principe-10 .msc-item-columns { display:none;} .principe-10 .msc-item-picture-and-body {text-align: center;} .principe-10 .msc-item-picture { width:60%; position:relative; overflow:hidden; } .principe-10 .msc-item-picture img { width:100%; } .principe-10 .msc-item-picture a img { -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;} .principe-10 .msc-item-picture a:hover img { opacity:0.8; } .principe-10 .mg-item-video-overlay { width:100%; left:initial; right:initial; } .principe-10 .msc-item-body {margin-top:3em;} .msc-item-picture-hyperlink, .principe-11 .msc-item-picture {display:none;} .principe-11 .msc-item-picture-hyperlink {display:inline-block; width: 80%;} .custom .msc-item-title, .custom .msc-item-tagline, .custom .msc-item-picture, .custom .msc-item-link, .custom .msc-item-view, .custom .msc-item-columns { display:none;} .custom .msc-item-body { display: inline-block; width: 100%; } .custom .msc-item-body .inner { padding-left:0; } /*.view-main-section-content .views-field-nothing.has-principe-custom { margin:-60px 0 0 0; }*/ #location-and-key-documents { width: 83%; margin: 0px auto; position:relative; text-align:center; } #location-and-key-documents .documents-group {text-align:left; display:inline-block; vertical-align:top; width:49%; } #location-and-key-documents #location-map {width:50%;} .msc-item-body-text .documents-group a, .msc-item-body-text .documents-group a:link, .msc-item-body-text .documents-group a:visited { color:#444; } #location-and-key-documents #key-documents {width:44%; margin-left:0%; text-align:center;} #location-and-key-documents #key-documents .views-row {margin:0; text-align:left; } #location-and-key-documents .field-content {display:inline-block; width:90%; background-color:#EFEFEF; padding: 9px 5px 5px 5px; text-align:left; color:#575756; margin:2px; } #location-and-key-documents .field-content a, #location-and-key-documents .field-content a:link, #location-and-key-documents .field-content a:visited {color: rgb(87, 87, 86);} .map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /* Exceptions*/ .content-node-9 .msc-item-link, .content-node-9790 .msc-item-link {display:none;} .content-node-15017 .msc-item.grid .msc-item-tagline, .content-node-231 .msc-item.grid .msc-item-tagline {display:inline-block;} /* Grid Documents Get Involved */ .content-node-15017 .msc-item.grid .msc-item-tagline.top, .content-node-231 .msc-item.grid .msc-item-tagline.top {display:none;} /* Grid Documents Get Involved */ /* Theme and Topics 2022 */ #themes-and-topics-header h1 {margin: 50px 0 30px;} #themes-and-topics-header p {margin: 0 auto; width: 70%;} #edd19-topic-header {z-index: 400;} #edd19-topic-logo {text-align:center; position:relative; display:inline-block; width:100%; min-height:500px; } #edd19-topic-logo-equal {position:absolute; display:inline-block; z-index:400; left:30.5%; bottom:-18px; width:39%; } #edd19-topic-containers {display:flex; justify-content:left; align-items:flex-start; opacity:1; margin: 0 auto; padding-top:40px; width: 80%; flex-wrap: wrap;} .edd19-topic-container {width:50%; text-align:left; vertical-align:top; padding: 0 10px 30px 10px; } .edd19-topic-container-visu {position:relative; width:100%; display:inline-block; margin-top:-14.5%; opacity:0;} .edd19-topics-logos { position: absolute; bottom: 110px; width: 120px; margin: 0 0 25px 50px;} .edd19-topic-container-header {display:flex; min-height:240px; position:relative; border-radius:0;} .edd19-topic-container-header-picture, .edd19-topic-container-header-title {width:50%;} .edd19-topic-container-header h3 {position:absolute; bottom:16%; margin:25px 50px; color:#fff; font-family: "FoundersGrotesk-Medium", Helvetica, Arial, sans-serif; line-height:.9em; font-size:1.9em;} .edd19-topic-container-header h3 a {color:#d7d7d7;} .edd19-topic-container-header h3 a:hover {color:#fff;} #edd19-topic-container-topic0 .edd19-topic-container-header {background-color:#1a54eb;} #edd19-topic-container-topic1 .edd19-topic-container-header {background-color:#18baa8;} #edd19-topic-container-topic2 .edd19-topic-container-header {background-color:#00125c;} #edd19-topic-container-topic3 .edd19-topic-container-header {background-color:#ff5c55;} #edd19-topic-container-topic4 .edd19-topic-container-header {background-color:#8f4099;} .edd19-topic-container-header-picture {background-position: center; background-repeat: no-repeat; background-size: cover;} #edd19-topic-container-topic0 .edd19-topic-container-header-picture {background-image: url("https://eudevdays.eu/community/img/topics/theme-digital.png");} #edd19-topic-container-topic1 .edd19-topic-container-header-picture {background-image: url("https://eudevdays.eu/community/img/topics/theme-climate.png");} #edd19-topic-container-topic2 .edd19-topic-container-header-picture {background-image: url("https://eudevdays.eu/community/img/topics/theme-transport.png");} #edd19-topic-container-topic3 .edd19-topic-container-header-picture {background-image: url("https://eudevdays.eu/community/img/topics/theme-health.png");} #edd19-topic-container-topic4 .edd19-topic-container-header-picture {background-image: url("https://eudevdays.eu/community/img/topics/theme-education.png");} .edd19-topic-container ul {list-style:none; padding:0; margin:25px 0 25px 0;} .edd19-topic-container li {padding:0; margin-bottom:1em; border-bottom: 1px solid #000; display: flex;} #edd19-topic-container-topic0.edd19-topic-container li {border-bottom: 1px solid #1a54eb;} #edd19-topic-container-topic1.edd19-topic-container li {border-bottom: 1px solid #18baa8;} #edd19-topic-container-topic2.edd19-topic-container li {border-bottom: 1px solid #00125c;} #edd19-topic-container-topic3.edd19-topic-container li {border-bottom: 1px solid #ff5c55;} #edd19-topic-container-topic4.edd19-topic-container li {border-bottom: 1px solid #8f4099;} .edd19-topic-container span.edd19-picto {display:inline-block; width:20%; vertical-align:top;} .edd19-topic-container li a {color:#00125c; display: inline-flex; width: 80%; min-height: 58px; align-items: center; font-size: 1.3em; line-height: 1.1em; text-decoration: none; font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif } .edd19-topic-container li a:hover {color:#18baa8; } .yellow-bar {position:absolute; top:59.5%; left:30%; transform:rotate(-45deg); width:39%;} /* Theme and Topics 2019 */ /* Sections */ #tat-programme h1 {font-size: 60px; margin-bottom: 40px;} @media only screen and (max-width:1439px) { #edd19-topic-logo {min-height:410px;} #edd19-topic-containers {} .edd19-topic-container-header {min-height:130px;} .edd19-topic-container-header h3 {font-size:1.7em; margin:20px 35px;} .edd19-topic-container ul {margin:25px 35px 25px 0;} .edd19-topic-container li a {font-size:1.1em; line-height:1em;} .yellow-bar {left:30%;} } @media only screen and (max-width:1199px) { #edd19-topic-logo {min-height:323px;} #edd19-topic-containers { } .edd19-topic-container-header {min-height:115px;} .edd19-topic-container-header h3 {font-size:1.4em; margin:20px 25px;} .edd19-topic-container ul {margin:20px 25px 20px 0;} .edd19-topic-container li a {font-size:1em; line-height:1em;} .yellow-bar {left:30%;} } @media only screen and (max-width: 959px) { #edd19-topic-logo {min-height:253px;} #edd19-topic-containers {width: 60%;} .edd19-topic-container-header {min-height:100px;} .edd19-topic-container-header h3 {font-size:1.1em; margin:20px;} .edd19-topic-container ul {margin:20px 20px 20px 0;} .edd19-topic-container li a {line-height:1.1em;} .yellow-bar {left:30%;} } @media only screen and (max-width: 769px) { #edd19-topic-logo {min-height:150px; margin-top:100px;} #edd19-topic-logo-equal {left:20%; bottom:-18px; width:60%;} #edd19-topic-containers {display:inline-block; width: 100%; } .edd19-topic-container {width:100%;} .edd19-topic-container-header {min-height:110px; border-radius:0;} .edd19-topic-container-visu {margin-top:0;} .edd19-topic-container-header h3 {font-size:1.4em; margin:20px;} .edd19-topic-container ul {margin:25px 25px 25px 0;} .edd19-topic-container li a {font-size:1.2em; line-height:1.1em; margin-left: 5px;} .yellow-bar {top:46%; left:20%; width:60%;} #themes-and-topics-header p {width:100%;} } @media only screen and (max-width: 480px) { #edd19-topic-logo {min-height:220px; overflow:hidden;} #edd19-topic-logo-equal {left:10%; bottom:11px; width:80%;} .edd19-topic-container-header {min-height:110px;} .edd19-topic-container-header h3 {font-size:1.4em; margin:20px;} .edd19-topic-container ul {margin:20px 20px 20px 0;} .edd19-topic-container li a {font-size:1.1em; line-height:1em;} .yellow-bar {top:52.1%; left:10%; width:80%;} } /* Topic 2019 */ #edd22-theme-name {width:65%; margin:0 auto; padding:0; line-height:1em; font-family:"FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 34px; text-align:left; color:#00125c; } /* Theme digital */ .topic-40 #edd22-theme-name, .topic-41 #edd22-theme-name, .topic-42 #edd22-theme-name {color:#1a54eb;} /* Theme climate and energy */ .topic-43 #edd22-theme-name, .topic-44 #edd22-theme-name {color:#18baa8;} /* Theme transport */ .topic-45 #edd22-theme-name, .topic-46 #edd22-theme-name, .topic-47 #edd22-theme-name {color:#00125c;} /* Theme health */ .topic-48 #edd22-theme-name {color:#ff5c55;} /* Theme education and research */ .topic-49 #edd22-theme-name, .topic-50 #edd22-theme-name{color:#8f4099;} h1#edd22-topic-name {width:65%; margin:0 auto; padding:.2em 0 1em 0; line-height:1em; font-family:"FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 50px; text-align:left; color:#00125c;} #edd19-topic-banner {margin-bottom:50px; position:relative; overflow:hidden; display:flex; width:100%; text-align: center; height:auto;} #edd19-topic-banner img {vertical-align: middle;} #edd19-topic-banner-img img {object-fit: cover; height: 100%;} #edd19-topic-banner-colorshape {height:100%; width:36%; position:absolute; background-position:right center; background-repeat:no-repeat; background-size: cover} #edd19-topic-banner-colorshape.topic-17, #edd19-topic-banner-colorshape.topic-18, #edd19-topic-banner-colorshape.topic-19, #edd19-topic-banner-colorshape.topic-20 {background-image: url("../img/edd19-topic-banner-colorshape-green.png");} #edd19-topic-banner-colorshape.topic-21, #edd19-topic-banner-colorshape.topic-22, #edd19-topic-banner-colorshape.topic-23, #edd19-topic-banner-colorshape.topic-24, #edd19-topic-banner-colorshape.topic-25 {background-image: url("../img/edd19-topic-banner-colorshape-yellow.png");} #edd19-topic-banner-colorshape.topic-26, #edd19-topic-banner-colorshape.topic-27, #edd19-topic-banner-colorshape.topic-28, #edd19-topic-banner-colorshape.topic-29, #edd19-topic-banner-colorshape.topic-30, #edd19-topic-banner-colorshape.topic-31 {background-image: url("../img/edd19-topic-banner-colorshape-blue.png"); } /* Theme digital */ .topic-40-color, .topic-41-color, .topic-42-color {background-color:#1a54eb;} /* Theme climate and energy */ .topic-43-color, .topic-44-color {background-color:#18baa8;} /* Theme transport */ .topic-45-color, .topic-46-color, .topic-47-color {background-color:#00125c;} /* Theme health */ .topic-48-color {background-color:#ff5c55;} /* Theme education and research */ .topic-49-color, .topic-50-color {background-color:#8f4099;} #edd19-topic-banner-picto {display:flex; flex-direction:column; justify-content:center; height:100%; text-align:center; color:#fff; z-index: 20; position: relative;} #edd19-topic-banner-picto img {align-self:center; border:5px solid #fff; border-radius:180%; z-index: 20;} /* Theme digital */ .topic-40-color #edd19-topic-banner-picto img, .topic-41-color #edd19-topic-banner-picto img, .topic-42-color #edd19-topic-banner-picto img {background-color:#1a54eb;} /* Theme climate and energy */ .topic-43-color #edd19-topic-banner-picto img, .topic-44-color #edd19-topic-banner-picto img {background-color:#18baa8;} /* Theme transport */ .topic-45-color #edd19-topic-banner-picto img, .topic-46-color #edd19-topic-banner-picto img, .topic-47-color #edd19-topic-banner-picto img {background-color:#00125c;} /* Theme health */ .topic-48-color #edd19-topic-banner-picto img {background-color:#ff5c55;} /* Theme education and research */ .topic-49-color #edd19-topic-banner-picto img, .topic-50-color #edd19-topic-banner-picto img {background-color:#8f4099;} #edd22-topic-banner-dots-layer {background-image: url("https://eudevdays.eu/community/img/dots-01.png"); width: 100%; height: 100%; display: inline-block; z-index: 10; position: absolute; background-repeat: no-repeat; background-position: left; background-size:85%; opacity:0.8;} #edd19-topic-picture-credit {padding-top: 10px; color: rgba(0,0,0,0.5); font-size: 14px;} #edd19-topic-body {position: relative;} #edd19-topic-body-text {width:50%; margin:0 auto;} #edd19-topic-body-text #picto-text {position:relative; float:left; padding-right:20px; padding-bottom:10px; width:190px; } #edd19-topic-body-text p {font-size:1.2em; font-family:"FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:left;} /* Theme 2022 */ #edd22-theme-banner {margin-bottom:50px; position:relative; overflow:hidden; display:flex; width:100%; text-align:center; height:auto;} #edd22-theme-banner img {vertical-align: middle;} #edd22-theme-banner-img img {object-fit: cover; height: 100%;} #edd22-theme-banner-dots-layer {background-image: url("https://eudevdays.eu/community/img/dots-01.png"); width: 100%; height: 100%; display: inline-block; z-index: 10; position: absolute; background-repeat: no-repeat; background-position: left; background-size:85%; opacity:0.8;} #edd22-theme-data {width:80%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;} #edd22-theme-text, #edd22-theme-related-topics {width:49%; margin-bottom: 2em;} h1#edd22-singletheme-name {padding:.2em 0 1em 0; margin:0; line-height:1em; font-family:"FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 50px; text-align:left; color:#00125c;} #edd22-themes-and-topics-label {padding:0; line-height:1em; font-family:"FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 34px; text-align:left; color:#999;} #edd22-theme-body {position: relative;} #edd22-theme-body-text {width:90%;} #edd22-theme-body-text, #edd22-theme-body-text p {font-size:1.2em; font-family:"FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:left; } .topics-by-theme-row {display:flex; align-items:center; margin-bottom:12px;} /* Theme digital */ .theme-1 .topics-by-theme-row {background-color:#1a54eb;} /* Theme climate and energy */ .theme-2 .topics-by-theme-row{background-color:#18baa8;} /* Theme transport */ .theme-3 .topics-by-theme-row {background-color:#00125c;} /* Theme health */ .theme-4 .topics-by-theme-row {background-color:#ff5c55;} /* Theme education and research */ .theme-5 .topics-by-theme-row {background-color:#8f4099;} .topics-by-theme-row-picto {display:flex; width:35%; flex-direction:column; justify-content:center; height:100%;} .topics-by-theme-row-picto img {align-self:center;} .topics-by-theme-row-text {display:flex; width:55%; flex-direction:column; padding: 10px 0; justify-content:center; line-height: 1.1em; height:100%; font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; text-align: left; color: #fff; text-transform: uppercase; } .topics-by-theme-row-text a {line-height: 1.1em; font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; text-align: left; color: #fff; text-transform: uppercase;} .topics-by-theme-row-text span {text-transform:capitalize; font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} @media only screen and (max-width:1199px) { #edd19-topic-page h1, #edd22-theme-name {width:60%;} #edd19-topic-body-text, #edd22-topic-body-text {width:60%;} .topics-by-theme-row-text, .topics-by-theme-row-text a {font-size:16px;} } @media only screen and (max-width: 959px) { #edd19-topic-page h1, #edd22-theme-name {width:100%;} #edd22-theme-name {font-size:24px;} #edd19-topic-page h1, #edd22-theme-page h1 {font-size:34px;} #edd19-topic-body-text, #edd22-topic-body-text {width:100%;} #edd19-topic-banner-picto img {height:60%; width:auto;} #edd19-topic-banner-picto img {border: 3px solid #fff;} .topics-by-theme-row-picto {width:25%;} } @media only screen and (max-width: 769px) { #edd22-theme-name {font-size:20px;} #edd19-topic-page h1, #edd22-theme-page h1 {font-size:26px;} #edd19-topic-banner, #edd22-theme-banner {margin-bottom: 1.5em;} #edd19-topic-body-text #picto-text {width:120px;} #edd19-topic-body-text p, #edd22-topic-body-text p, #edd22-theme-body-text, #edd22-theme-body-text p {line-height:1.3em; font-size:1.1em;} #edd22-theme-text, #edd22-theme-related-topics, #edd22-theme-data {width:100%;} #edd22-themes-and-topics-label {font-size:20px;} h1#edd22-singletheme-name {font-size:26px;} } @media only screen and (max-width: 480px) { #edd19-topic-banner, #edd22-theme-banner {margin-bottom: 1em; height:200px;} #edd19-topic-banner img, #edd22-theme-banner img {object-fit: cover;} #edd19-topic-banner-picto img {height: 40%;} #edd19-topic-body-text #picto-text {width:90px;} #edd19-topic-body-text p, #edd22-topic-body-text p {line-height:1.2em; font-size:1.1em;} .view-sessions-by-topic h2 {padding: 0; font-size: 24px;} .topic-page-sessionblock {background-color: #f7f7f7;} #edd19-topic-banner-picto img {border: 2px solid #fff;} .topics-by-theme-row-text, .topics-by-theme-row-text a {font-size:14px;} #edd22-theme-banner-dots-layer {background-image: url("https://eudevdays.eu/community/img/dots-05.png"); background-position:right; background-size:190%;} } /* Dropdown Box Toggle */ .dropdown-box {margin-bottom:40px;} #main .dropdown-box a {text-decoration:none; } .dropdown-box h3 {margin:0 0 14px 0; padding:0; color:#565655 } .dropdown-box-item-body {display:none; width:auto; margin-bottom:1em;} .dropdown-box-item-body p {margin: 0;} a.dropdown-toggle-info {color: #5d5a58; text-decoration: none;} a.dropdown-toggle-info span.dropdown-box-arrow {display:inline-block; width:20px; height:14px; padding-left:10px; overflow:hidden; background-image:url("../img/grey-arrow.png"); background-position: right -27px; background-size: 20px auto; background-repeat: no-repeat; transition: all 0s ease 0s;} a.dropdown-toggle-info.open span.dropdown-box-arrow {background: url("../img/grey-arrow.png") right -14px no-repeat, none; background-size: 20px auto; transition: all 0s ease 0s;} /*Submit you proposals - hide button */ /* #user-dashboard #dropdown-box-item-2 a.button-std {display:none;} */ /* Registration link: my_submissions */ /* Registration label: Create a proposal */ /* Node Main section page */ #highlighted, .node-type-main-section-page #main, #sub-content {position: relative;} #highlighted .region-highlighted .view-main-section-content, #sub-content .inner {margin: 0 auto;} .node-type-main-section-page #main .region-content {width: 100%; margin: 0 auto;} .node-main-section-page .field-name-field-section-page-picture {width: 72%; margin: 0 auto;} .node-main-section-page .field-name-title-field h1 {margin: 50px 0;} .node-main-section-page .field-name-body {text-align: left;} .node-main-section-page .field-name-field-section-page-tagline p {font-family: "OpenSans-Light"; font-size: 20px; line-height: 28px; font-weight: 900; margin-bottom: 20px; display: inline-block} .node-main-section-page .field-name-field-section-page-tagline { font-family: "OpenSans-Light"; font-size: 20px; line-height: 28px; font-weight: 900; margin-bottom: 20px; color: #181818; } .taxonomy-principe-5 .field-name-field-section-page-tagline, .taxonomy-principe-6 .field-name-field-section-page-tagline { width: 80%; margin: 0 auto; margin-bottom: 40px } .node-main-section-page .field-name-field-section-col1-headline, .node-main-section-page .field-name-field-section-col2-headline, .node-main-section-page .field-name-field-section-col3-headline, .node-main-section-page .field-name-field-section-col4-headline { font-family: "OpenSans-Light"; font-size: 20px; line-height: 28px; font-weight: 900; margin-bottom: 10px; color: #181818; } .node-type-main-basic-page blockquote, blockquote { color: #e64a4f; font: 400 22px/28px "opensans","Open Sans",sans-serif; padding-left: 70px; position: relative; margin: 0; } .node-type-main-basic-page blockquote::before, blockquote::before { content: "‘‘"; position: absolute; left: -20px; top: 15px; font: 184px/110px 'Times'; letter-spacing: -16px; text-align: left; display: inline-block; vertical-align: top; } .node-type-main-basic-page blockquote .blockquote-author, .node-type-main-basic-page blockquote strong, blockquote .blockquote-author, blockquote strong { font-size: 16px; line-height: 20px; padding: 1em 0 0 0; display: inline-block; margin: 0; font-weight: 100; } /* Node Main section page - Documents */ #block-views-documents-block h2 { margin-bottom: 1em; } #block-views-documents-block .view-documents .views-row { display: inline-block; width: 32%; background-color: #EFEFEF; padding: 9px 5px 5px 5px; text-align: left; color: #575756; margin: 2px; } #block-views-documents-block .view-documents .views-row a { color: #575756; text-decoration: none; } #block-views-documents-block .view-documents .views-row a:hover { color: #000; } .view-documents.view-id-documents img.file-icon { display: none; } .view-documents.view-id-documents { width: 44%; margin: 0 auto; } .view-documents.view-id-documents .views-field a { display: inline-block; width: 90%; padding: 9px 5px 5px 38px; text-align: left; color: #575756; margin: 2px; background: url("../img/view-documents-picto-pdf.png") 12px 9px no-repeat, #EFEFEF; background-size: 16px; } .view-documents.view-id-documents .views-field a:hover { background-color: #575756; color: #EFEFEF; } .view-documents.view-id-documents .views-field .file-versions a { display: inline-block; width: auto; background-color: #fff; padding: 5px; text-align: left; color: #575756; margin: 2px; } .view-documents.view-id-documents .views-field .file-versions a:hover { background-color: transparent; color: #575756; } .view-documents.view-id-documents .views-field-nothing, .view-documents.view-id-documents .views-row-last .views-field-nothing { margin: 0; } .view-documents.view-id-documents .file-all-versions { text-align: left; margin: 0 0 0 30px; } .view-documents.view-id-documents .file-versions { display: inline-block; } .view-main-section-content .views-field-nothing .content-node-15017 .msc-item.grid h1 { margin-bottom: 30px; } /* Node Main section page - Documents - Useful informations */ /* Node Media article page */ #media-article { margin: 0 auto; padding: 0 60px; } .media-article-retrait { width: 80%; margin: 0 auto; } /*.media-article-picture img {-webkit-border-radius:5px; border-radius:5px;}*/ .media-article-title { padding: 30px 0 40px 0; border-bottom: solid 1px #D1D1D1; } .media-article-author { text-align: left; padding: 20px 0; border-bottom: 1px solid #D1D1D1; } #media-author-date, #media-author-logo { display: inline-block; vertical-align: top; color: #000; } #media-author-date span { font-family: "FoundersGrotesk-Medium"; } #media-author-date span a, #media-author-date span a:link, #media-author-date span a:visited { text-decoration: none; color: #000; } #media-author-logo { float: right; } #media-author-logo img { height: 30px; padding-left: 20px; } .media-article-body { text-align: left; margin-top: 40px; font-family: OpenSans-Light; font-size: 16px; line-height: 24px; } .media-article-body p:first-child:first-letter { font-size: 162px; padding: 0 5px 5px 0; margin-right: 5px; float: left; line-height: 100px; color: #000; } .container.fullwidth { width: 100% } .container.fullwidth .sixteen.columns { width: 100%; margin: 0; padding: 0; } /* Node Media element page */ .node-media-element .field-name-field-media-category, .node-media-element .field-name-field-media-type, .node-media-element .field-name-field-media-related-session { } .node-media-element .field-label-inline .field-label, .node-media-element .field-label-inline .field-items, .node-media-element .field-type-taxonomy-term-reference .field-item { float: none; } /* Isotope local specs */ #isotope-container {margin: 0 auto !important;} .isotope-element {background: none !important;} /* Session Media Elements - Isotope grid */ #session-grid-buttons { text-align: center; margin: 1em 0 2em 0;} #session-media-elements .container::before {content: "Media wall"; font-size: 28px; line-height: 28px; font-weight: 100; margin: 0 0 15px 0; color: #000; text-transform: none; display: inline-block; text-align: center; width: 100%;} #media-elements-grid .isotope-element { width: 290px; /* height: 250px; */ margin: 10px 10px; float: left; overflow: hidden; position: relative; background: #bebebe; color: #fff;} #media-elements-grid {margin: 0 auto !important; margin-top: 60px;} ul.isotope-filters, ul.isotope-filters li {list-style: none; margin: 0; padding: 0 0 20px 0; text-align: center;} ul.isotope-filters li {display: inline-block;padding: 5px;} ul.isotope-filters li a {-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; display: inline-block; padding: 4px 20px; text-decoration: none; text-transform: uppercase; font-size: .8em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: #fff; color: rgba(112,112,112,1); border: 1px solid rgba(180,180,180,1);} ul.isotope-filters li a:link, ul.isotope-filters li a:visited {color: rgba(112,112,112,1); text-decoration: none !important;} ul.isotope-filters li a:hover, ul.isotope-filters li a.selected {background-color: rgba(112,112,112,1); color: #fff; border: 1px solid rgba(180,180,180,1);} .media-gallery-item.type-quote .mg-item-quote {display:inline-block; background-color:#FFFFFF; color:#E34949; border:1px solid #E34949; padding:15px 15px 25px 15px; text-align:left;} .media-gallery-item.type-quote .mg-item-quote-author, .media-gallery-item.type-quote .mg-item-quote-function {font-size:14px; line-height:14px;} .media-gallery-item.type-quote .mg-item-quote-author {font-family: "OpenSans-SemiBold";} .media-gallery-item.type-quote .mg-item-quote-text {font-family: "OpenSans-Light"; font-size:20px; line-height:24px;} .media-gallery-item.type-file {display:flex; flex-direction:row-reverse; justify-content:space-between; background-color:#9E9E9E; color:#fff; padding:15px 15px 25px 15px; text-align:left;} .media-gallery-item.type-file:hover {background-color:#E34949;} .media-gallery-item.type-file .mg-item-file-picto-holder {display:flex; justify-content:flex-end;} .media-gallery-item.type-file .mg-item-file-picto {display:inline-block; width:30px; height:41px;background-size: 60%; background-image: url("../img/media-element-picto-file.png"); background-repeat: no-repeat; background-position: top right; } .media-gallery-item.type-file .mg-item-file-text {font-family: "OpenSans-Light"; font-size:16px; line-height:18px;} .mg-item-picture-overlay, .mg-item-video-overlay { visibility: hidden; position: absolute; top: 600px; left: 0; width: 100%; height: 100%; z-index: 400; pointer-events: none; background-color: rgba(0,0,0,0.5); text-align: left; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; overflow: hidden; padding: 1em; } .mg-item-video-overlay { pointer-events: inherit; top: 800px; background-color: rgba(0,0,0,0); -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .mg-item-picture-overlay span.title, .mg-item-video-overlay span.title { font-family: "OpenSans-SemiBold"; font-size: 20px; line-height: 24px; display: inline-block; position: relative; top: 800px; width: 90%; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; color: #ffffff; } .mg-item-video-overlay span.title {top:300px;} .mg-item-picture-overlay span.subtitle, .mg-item-video-overlay span.subtitle { font-size: 16px; line-height: 18px; display: inline-block; position: relative; top: 1000px; width: 90%; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; color: #ffffff; padding-top: .6em; } .mg-item-video-overlay span.subtitle {top:400px;} .mg-item-picture-overlay a, .mg-item-picture-overlay a:link, .mg-item-picture-overlay a:visited, .mg-item-video-overlay a, .mg-item-video-overlay a:link, .mg-item-video-overlay a:visited { color: #ffffff; } .mg-item-picture-overlay.hover, .mg-item-picture-overlay.hover span.title, .mg-item-picture-overlay.hover span.subtitle, .mg-item-video-overlay, .mg-item-video-overlay.hover span.title, .mg-item-video-overlay.hover span.subtitle { display: inline-block; visibility: visible; top: 0; } .mg-item-video-overlay.hover {background-color: rgba(0,0,0,0.5);} /* Node Topics page */ #topics-page { margin: 0 auto; padding: 0 60px; } .topics-page-retrait { width: 80%; margin: 0 auto; } .topics-page-body-retrait { width: 60%; margin: 0 auto; } /*.topics-page-picture img {-webkit-border-radius:5px; border-radius:5px;}*/ .topics-page-picture { padding: 25px 0 50px 0; } .topics-page-body { text-align: left; font-family: OpenSans-Light; font-size: 16px; line-height: 24px; /* margin-bottom:4em;*/ } .topics-page-body p { } .topics-page-picto { display: inline-block; vertical-align: top; float: left; margin: 0 25px 10px 0; width: 190px; } .views-field-field-topics-facst-text, .views-field-field-topics-facts-video { display: inline-block; width: 40%; vertical-align: top } .views-field-field-topics-facst-text { text-align: left; text-transform: none; font-family: "FoundersGrotesk-Regular"; font-size: 18px; margin-right: 20px; } #sessions-by-topic h2 { margin: 0; padding-bottom: 30px; color: rgb(60,60,60); text-transform: none; font-family: "OpenSans-SemiBold"; font-weight: 100; font-size: 24px; line-height: 28px; } .view-sessions-by-topic h2 {padding: 0 15px;} @media only screen and (max-width: 480px) {.view-sessions-by-topic h2 {padding: 0;} } .view-sessions-by-topic .views-row { display: inline-block; width: 30%; vertical-align: top; margin: 1em; border-bottom: 1px solid #ccc; } .topic-page-sessionblock-topic { color: white; text-align: left; padding: 8px 10px; font-size: 14px; line-height: 1.2em; } .topic-page-sessionblock-organiser {margin-top:.5em;} /* Old topics */ .topic-page-sessionblock-topic.topic-98, .topic-page-sessionblock-topic.topic-99, .topic-page-sessionblock-topic.topic-100, .topic-page-sessionblock-topic.topic-101, .topic-page-sessionblock-topic.topic-102, .topic-page-sessionblock-topic.topic-103 { position: relative; background: rgba(245,198,27,1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #009ac6; color: #ffffff; } .topic-page-sessionblock-topic.topic-108, .topic-page-sessionblock-topic.topic-109, .topic-page-sessionblock-topic.topic-110, .topic-page-sessionblock-topic.topic-111, .topic-page-sessionblock-topic.topic-112 { background-color: rgba(0,224,187,1); color: #273988; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 12px; } /* End Old topics */ .topic-page-sessionblock-topic .picto-topic { width: 40px; height: 34px; display: inline-block; position: absolute; left: 0; top: 0; overflow: hidden; } /* Topics 2022 - Theme 1 - Digital - Bleu*/ .topic-page-sessionblock-topic.topic-124, .topic-page-sessionblock-topic.topic-125, .topic-page-sessionblock-topic.topic-126 {position:relative; background-color:#1a54eb; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} .topic-page-sessionblock-topic.topic-40, .topic-page-sessionblock-topic.topic-41, .topic-page-sessionblock-topic.topic-42 {position:relative; background-color:#1a54eb; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} /* Topics 2022 - Theme 2 - Green - Vert*/ .topic-page-sessionblock-topic.topic-127, .topic-page-sessionblock-topic.topic-128 {position:relative; background-color:#18baa8; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} .topic-page-sessionblock-topic.topic-43, .topic-page-sessionblock-topic.topic-44 {position:relative; background-color:#18baa8; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} /* Topics 2022 - Theme 3 - Transport - Bleu foncé*/ .topic-page-sessionblock-topic.topic-129, .topic-page-sessionblock-topic.topic-130, .topic-page-sessionblock-topic.topic-131 {position:relative; background-color:#00125c; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} .topic-page-sessionblock-topic.topic-45, .topic-page-sessionblock-topic.topic-46, .topic-page-sessionblock-topic.topic-47 {position:relative; background-color:#00125c; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} /* Topics 2022 - Theme 4 - Health - Rouge*/ .topic-page-sessionblock-topic.topic-132 {position:relative; background-color:#ff5c55; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} .topic-page-sessionblock-topic.topic-48 {position:relative; background-color:#ff5c55; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} /* Topics 2022 - Theme 5 - Education - Violet*/ .topic-page-sessionblock-topic.topic-133, .topic-page-sessionblock-topic.topic-134 {position:relative; background-color:#8f4099; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} .topic-page-sessionblock-topic.topic-49, .topic-page-sessionblock-topic.topic-50 {position:relative; background-color:#8f4099; color:#ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px;} /* Topics 2021 - Theme 1 - Green Economy - Vert */ .topic-page-sessionblock-topic.topic-89, .topic-page-sessionblock-topic.topic-90, .topic-page-sessionblock-topic.topic-91, .topic-page-sessionblock-topic.topic-92, .topic-page-sessionblock-topic.topic-115, .topic-page-sessionblock-topic.topic-116, .topic-page-sessionblock-topic.topic-117, .topic-page-sessionblock-topic.topic-118, .topic-page-sessionblock-topic.topic-119 { position: relative; background-color: rgba(154,202,60,1); color: #ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px; } /* Topics 2021 - Theme 2 - Biodiversity and People - Bleu */ .topic-page-sessionblock-topic.topic-93, .topic-page-sessionblock-topic.topic-94, .topic-page-sessionblock-topic.topic-95, .topic-page-sessionblock-topic.topic-96, .topic-page-sessionblock-topic.topic-97, .topic-page-sessionblock-topic.topic-120, .topic-page-sessionblock-topic.topic-121, .topic-page-sessionblock-topic.topic-122 { position: relative; background-color: rgba(64,150,192,1); color: #ffffff; padding: 8px 10px 4px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 14px; line-height: 14px; } .topic-page-sessionblock-topic.topic-9817 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -121px no-repeat, rgba(227,100,46,1);} .topic-page-sessionblock-topic.topic-9818 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -162px no-repeat, rgba(227,100,46,1);} .topic-page-sessionblock-topic.topic-9819 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -202px no-repeat, rgba(227,100,46,1);} .topic-page-sessionblock-topic.topic-9820 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -481px no-repeat, rgba(58,166,118,1);} .topic-page-sessionblock-topic.topic-9821 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -518px no-repeat, rgba(58,166,118,1);} .topic-page-sessionblock-topic.topic-9823 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -560px no-repeat, rgba(58,166,118,1);} .topic-page-sessionblock-topic.topic-9824 .picto-topic {background: url("../img/pictos-topics-small.png") 5px -1px no-repeat, rgba(245,198,27,1);} .topic-page-sessionblock-topic.topic-9825 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -42px no-repeat, rgba(245,198,27,1); } .topic-page-sessionblock-topic.topic-9826 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -241px no-repeat, rgba(113,111,188,1); } .topic-page-sessionblock-topic.topic-9827 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -441px no-repeat, rgba(111,188,210,1); } .topic-page-sessionblock-topic.topic-9828 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -401px no-repeat, rgba(111,188,210,1); } .topic-page-sessionblock-topic.topic-9829 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -361px no-repeat, rgba(111,188,210,1); } .topic-page-sessionblock-topic.topic-9830 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -81px no-repeat, rgba(245,198,27,1); } .topic-page-sessionblock-topic.topic-9831 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -281px no-repeat, rgba(113,111,188,1); } .topic-page-sessionblock-topic.topic-9865 .picto-topic { background: url("../img/pictos-topics-small.png") 5px -321px no-repeat, rgba(113,111,188,1); } .topic-page-sessionblock-date, .topic-page-sessionblock-title, .topic-page-sessionblock-place { text-align: left; padding: 0 10px; font-family: 'OpenSans-Regular'; font-size: 13px; line-height: 1.5em; } .topic-page-sessionblock-place { padding: 5px 10px 0; } .topic-page-sessionblock-title { padding-top: 10px; font-family: OpenSans-Semibold; } .topic-page-sessionblock-date .sessionblock-date-place, .topic-page-sessionblock-date .sessionblock-date-day, .topic-page-sessionblock-date .sessionblock-date-hour { display: inline-block; } .topic-page-sessionblock-date .sessionblock-date-day, .topic-page-sessionblock-date .sessionblock-date-hour { margin-left: .3em; position: relative; } .topic-page-sessionblock-date .sessionblock-date-place { font-size: 14px; line-height: 18px; } .topic-page-sessionblock-date .sessionblock-date-place span { font-size: 14px; text-transform: capitalize; } .topic-page-sessionblock-date .agenda-picto-day { display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -25px -4px no-repeat, none; background-size: 400% auto; } .topic-page-sessionblock-date .agenda-picto-hour { display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -51px -3px no-repeat, none; background-size: 400% auto; } .topic-page-sessionblock-date .date-display-single { padding-left: 20px; } .topic-page-sessionblock-title { min-height: 6em; } .date-display-range { display: inline-block; } .topic-page-sessionblock-title a, .topic-page-sessionblock-title a:link, .topic-page-sessionblock-title a:visited { color: #41413F; font-size: 16px; line-height: 16px; } .topic-page-sessionblock-title a:hover { color: #000000; } /*Sessions by type - creative youth activities */ #block-views-sessions-by-topic-block-2 { margin-top: 3em; } /* Sessions youth lounge grid */ .view-youth-lounge { display: inline-block; text-align: center; margin-top: 3em; width: 100%;} .view-youth-lounge .views-row { display: inline-block; width: 30%; vertical-align: top; margin: 1em; border-bottom: 1px solid #ccc; } .view-youth-lounge .topic-page-sessionblock-date .date-display-single {padding-left: 10px;} /* Node Session page */ .node-type-session #page-title {display:none;} .node-type-session .session-page-body h3 {font-weight:900;} #session-page {margin:0 auto; padding:0 60px;} .session-page-retrait {width:80%; margin:0 auto; border:0;} .session-page-title {padding:20px 0 20px 0;} .session-page-subtitle h2 {padding:0px 0 30px 0; margin:0; font-weight:100; text-align:center;} @media only screen and (max-width: 767px) {.session-page-subtitle h2 {font-size: 20px; line-height: 20px;}} .session-page-picture, #session-page-video {max-width:1000px; text-align:center; margin:0 auto;} .session-page-picture img {vertical-align: bottom;} .session-page-body {text-align:left; font-size:16px; line-height:24px; margin-bottom:0;} .session-page-body-text ul { margin:0 0 20px 0;} .session-page-body-text li {margin: 0;} .session-page-body-text-data {padding-top: 25px;} .session-page-datablock {display:inline-block; position:relative; vertical-align:top; float:left; margin:0 25px 10px 0; width:45%; color:#FFFFFF; z-index:40; background-color:#ccc; max-width:300px;} /* Topics 2022 */ /* Theme digital */ .session-page-datablock.topic-40, .session-page-datablock.topic-41, .session-page-datablock.topic-42, .session-page-datablock.topic-1 {background-color:#1a54eb;} /* Theme climate and energy */ .session-page-datablock.topic-43,.session-page-datablock.topic-44, .session-page-datablock.topic-2 {background-color:#18baa8;} /* Theme transport */ .session-page-datablock.topic-45, .session-page-datablock.topic-46,.session-page-datablock.topic-47, .session-page-datablock.topic-3 {background-color:#00125c;} /* Theme health */ .session-page-datablock.topic-48, .session-page-datablock.topic-4 {background-color:#ff5c55;} /* Theme education and research */ .session-page-datablock.topic-49, .session-page-datablock.topic-50, .session-page-datablock.topic-5 {background-color:#8f4099;} /* End Topics 2022 */ /* Topics 2021 */ .session-page-datablock.topic-17, .session-page-datablock.topic-18, .session-page-datablock.topic-19, .session-page-datablock.topic-20, .session-page-datablock.topic-32, .session-page-datablock.topic-33, .session-page-datablock.topic-34, .session-page-datablock.topic-35, .session-page-datablock.topic-36 {background-color: rgba(154,202,60,1);} .session-page-datablock.topic-21, .session-page-datablock.topic-22, .session-page-datablock.topic-23, .session-page-datablock.topic-24, .session-page-datablock.topic-25, .session-page-datablock.topic-37, .session-page-datablock.topic-38, .session-page-datablock.topic-39 {background-color: rgba(64,150,192,1);} /* End Topics 2021 */ .session-page-datablock.topic-26, .session-page-datablock.topic-27, .session-page-datablock.topic-28, .session-page-datablock.topic-29, .session-page-datablock.topic-30, .session-page-datablock.topic-31 {background-color: #009ac6;} .session-page-datablock .session-page-topic {display: inline-block; font-family: "FoundersGrotesk-Medium"; text-transform: uppercase; padding: 8px 0 0 70px; font-size: 1.1em; line-height: 1.1em;} .session-page-location {margin: 0 0 20px 70px;} .session-page-datablock.topic-1 .session-page-topic, .session-page-datablock.topic-2 .session-page-topic, .session-page-datablock.topic-3 .session-page-topic, .session-page-datablock.topic-4 .session-page-topic, .session-page-datablock.topic-5 .session-page-topic {padding: 8px 0 0 0px;} .session-page-location {margin: 0 0 20px 70px;} .session-page-datablock.topic-1 .session-page-location, .session-page-datablock.topic-2 .session-page-location, .session-page-datablock.topic-3 .session-page-location, .session-page-datablock.topic-4 .session-page-location, .session-page-datablock.topic-5 .session-page-location {margin: 0 0 20px 0px;} .session-page-datablock .place {display:inline-block; width:100%;} .session-page-datablock .field-name-field-session-submission-type, .session-page-datablock .field-name-field-session-stand-number { text-transform:capitalize; display:inline-block; line-height:1.2em; font-size:.9em; } .session-place-text {display:inline-block; line-height:1.2em; font-size:.9em;} .session-page-datablock .field-name-field-topics-2015 {display:inline-block; font-family:"FoundersGrotesk-Medium"; text-transform:uppercase; padding:8px 0 20px 70px; font-size:.9em; line-height:1.2em; min-height:40px;} .session-page-datablock .field-name-field-date {display:inline-block; width:100%; font-size:1.4em; line-height:1.2em;} .session-page-datablock .field-name-field-place-2015 {display:inline-block; vertical-align:top; font-family:"FoundersGrotesk-Medium"; text-transform:uppercase; line-height:1em; font-size: 1.4em;} .session-page-datablock .field-name-field-session-submission-type.field-type-taxonomy-term-reference .field-item, .session-page-datablock .field-name-field-place-2015.field-type-taxonomy-term-reference .field-item { padding: 0; float: none; display: inline-block;} #session-page-contact {width:100%; border-top:1px solid #fff; margin-top:.4em; padding-top:.8em; font-size:1.1em; font-family:"FoundersGrotesk-Medium";} #session-page-contact a {-webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(174, 174, 174, 0.9); color: rgba(255,255,255,1); display: inline-block; padding: 10px 12px 5px 12px; text-decoration: none; text-transform: uppercase; font-size: .8em; line-height: .8em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:.4em;} #session-page-contact a:hover {background-color: rgba(48,48,48,1); color: rgba(255,255,255,1)!important;} #session-page-datablock-inner a, #session-page-datablock-inner a:link, #session-page-datablock-inner a:active {color:#FFFFFF; text-decoration:none;} #session-page-datablock-inner .session-page-topic a:hover {text-decoration:underline!important; color:#fff;} #session-page-datablock-inner {padding:10px; font-family: 'OpenSans-Regular'; font-size: 14px; line-height: 1.5em; } .session-page-datablock #picto {position:absolute; top:0; left:0; min-height:80px; min-width: 80px; z-index: 100; padding: 0;} .session-supported-by-the-EC {display:none;} #session-2657 .session-supported-by-the-EC {display: inline-block; text-align: center; width: 100%;} .under-the-picto {margin-top:2em;} /* Theme digital */ .topic-40 h1.title, .topic-41 h1.title, .topic-42 h1.title {color:#1a54eb;} /* Theme climate and energy */ .topic-43 h1.title, .topic-44 h1.title {color:#18baa8;} /* Theme transport */ .topic-45 h1.title, .topic-46 h1.title, .topic-47 h1.title {color:#00125c;} /* Theme health */ .topic-48 h1.title {color:#ff5c55;} /* Theme education and research */ .topic-49 h1.title, .topic-50 h1.title {color:#8f4099;} /* Pictos 2022 */ .session-page-datablock.topic-40 #picto {background: url("../img/topic-40.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-41 #picto {background: url("../img/topic-41.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-42 #picto {background: url("../img/topic-42.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-43 #picto {background: url("../img/topic-43.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-44 #picto {background: url("../img/topic-44.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-45 #picto {background: url("../img/topic-45.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-46 #picto {background: url("../img/topic-46.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-47 #picto {background: url("../img/topic-47.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-48 #picto {background: url("../img/topic-48.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-49 #picto {background: url("../img/topic-49.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-50 #picto {background: url("../img/topic-50.svg") 0px 0px no-repeat, none; background-size: 100% auto;} /* Pictos 2019 */ .session-page-datablock.topic-17 #picto {background: url("../img/topic-17.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-18 #picto {background: url("../img/topic-18.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-19 #picto {background: url("../img/topic-19.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-20 #picto {background: url("../img/topic-20.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-21 #picto {background: url("../img/topic-21.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-22 #picto {background: url("../img/topic-22.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-23 #picto {background: url("../img/topic-23.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-24 #picto {background: url("../img/topic-24.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-25 #picto {background: url("../img/topic-25.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-26 #picto {background: url("../img/topic-26.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-27 #picto {background: url("../img/topic-27.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-28 #picto {background: url("../img/topic-28.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-29 #picto {background: url("../img/topic-29.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-30 #picto {background: url("../img/topic-30.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-31 #picto {background: url("../img/topic-31.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-32 #picto {background: url("../img/topic-32.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-33 #picto {background: url("../img/topic-33.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-34 #picto {background: url("../img/topic-34.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-35 #picto {background: url("../img/topic-35.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-36 #picto {background: url("../img/topic-36.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-37 #picto {background: url("../img/topic-37.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-38 #picto {background: url("../img/topic-38.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-39 #picto {background: url("../img/topic-39.svg") 0px 0px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9817 #picto {background: url("../img/pictos-topics.svg") 0px -215px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9818 #picto {background: url("../img/pictos-topics.svg") 0px -295px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9819 #picto {background: url("../img/pictos-topics.svg") 0px -380px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9820 #picto {background: url("../img/pictos-topics.svg") 0px -945px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9821 #picto {background: url("../img/pictos-topics.svg") -5px -1137px no-repeat, none; background-size: 110% auto;} .session-page-datablock.topic-9823 #picto {background: url("../img/pictos-topics.svg") 0px -1125px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9824 #picto {background: url("../img/pictos-topics.svg") 0px -5px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9825 #picto {background: url("../img/pictos-topics.svg") 0px -85px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9826 #picto {background: url("../img/pictos-topics.svg") 0px -465px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9827 #picto {background: url("../img/pictos-topics.svg") 0px -855px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9828 #picto {background: url("../img/pictos-topics.svg") 0px -770px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9829 #picto {background: url("../img/pictos-topics.svg") 0px -690px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9830 #picto {background: url("../img/pictos-topics.svg") 0px -150px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9831 #picto {background: url("../img/pictos-topics.svg") 0px -538px no-repeat, none; background-size: 100% auto;} .session-page-datablock.topic-9865 #picto { background: url("../img/pictos-topics.svg") 0px -610px no-repeat, none; background-size: 100% auto; } /* Pictos 2017 */ .session-page-datablock.topic-14968 #picto { background: url(../img/pictos-topics-2017.svg) 9px -5px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14969 #picto { background: url(../img/pictos-topics-2017.svg) -102px 5px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14970 #picto { background: url(../img/pictos-topics-2017.svg) -218px -4px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14971 #picto { background: url(../img/pictos-topics-2017.svg) -348px 0px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14972 #picto { background: url(../img/pictos-topics-2017.svg) -468px 0px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14973 #picto { background: url(../img/pictos-topics-2017.svg) -567px 0px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14974 #picto { background: url(../img/pictos-topics-2017.svg) 10px -87px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14975 #picto { background: url(../img/pictos-topics-2017.svg) -102px -87px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14976 #picto { background: url(../img/pictos-topics-2017.svg) -172px -62px no-repeat, none; background-size: 640% auto; } .session-page-datablock.topic-14977 #picto { background: url(../img/pictos-topics-2017.svg) -349px -87px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14978 #picto { background: url(../img/pictos-topics-2017.svg) -468px -87px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14979 #picto { background: url(../img/pictos-topics-2017.svg) 10px -186px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14980 #picto { background: url(../img/pictos-topics-2017.svg) -102px -190px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14981 #picto { background: url(../img/pictos-topics-2017.svg) -218px -190px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14982 #picto { background: url(../img/pictos-topics-2017.svg) -349px -186px no-repeat, none; background-size: 800% auto; } .session-page-datablock.topic-14983 #picto { background: url(../img/pictos-topics-2017.svg) -435px -166px no-repeat, none; background-size: 750% auto; } .session-type-2959 .session-page-datablock .field-name-field-topics-2015 { padding: 0; } .node-type-session .view-session-stakeholders .views-row { padding: 0 10px; } .view-session-stakeholders.view-display-id-block_1 { margin-top: 2em; } .view-session-stakeholders .views-row { display: inline-block; vertical-align: top; } .view-session-stakeholders img {max-width: 80%;} #block-views-efbd6f0c6ed5d32bbb25bbbd0a51d9a4 {margin: 4em 0;} .session-leading-organisations-logos { text-align: center; margin: 0 auto; position: relative; justify-content: center; flex-wrap: wrap; display: flex;} .session-leading-organisations-item {padding:0 20px 20px; display:flex; min-height:120px; justify-content:center; align-items:center; max-width: 300px; line-height:1em; text-transform:uppercase;} #session-leading-organisations h2 {font-weight: 100; margin: 0 0 25px 0; color: #000; text-transform: none; text-align: center;} #session-leading-organisations {margin-bottom: 4em;} .session-leading-organisations-item img { max-width: 100%;} @media only screen and (max-width: 480px) { .session-leading-organisations-item {padding: 0 20px 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}} /* Speakers - BXSlider adjustements */ #session-speakers-slider {background-color: rgb(239, 239, 239); padding-top: 2em;} li.bxslider-views-slideshow-main-frame-row, .bxslider-views-slideshow-main-frame-row { padding: 0 10px; min-height: 340px;} .bxslider-views-slideshow-main-frame-row .views-field-field-image img, .speaker-flexlist-picture img {margin: 0 auto;} .speakerslider-image {width: 140px; height: 180px; margin: 0 auto; position: relative; overflow: hidden} .speakerslider-image img.portrait {margin: 0 auto; max-width: 140px; height:100%; object-fit:cover;} .speaker-flexlist-picture-overlay {position: absolute; width: 140px; height: 180px; left: 0; top: 0;} .speaker-flexlist-picture-overlay span {position: absolute; bottom: 10px; z-index: 400; text-align: center; width: 100%; left: 0; text-transform: uppercase; font-size: .8em;} #session-speakers-noflexslider .speaker-flexlist-picture-overlay {left: 0;} .session-speaker-slider-slide {width: 180px; display: inline-block; vertical-align: top;} /* Moderator - adjustements */ .speaker-flexlist-picture-moderator-border {border: 5px solid gray; height: 140px; width: 140px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; z-index: 400; top: 6px;} .moderator.topic-17 .speaker-flexlist-picture-moderator-border, .moderator.topic-18 .speaker-flexlist-picture-moderator-border, .moderator.topic-19 .speaker-flexlist-picture-moderator-border, .moderator.topic-20 .speaker-flexlist-picture-moderator-border, .moderator.topic-32 .speaker-flexlist-picture-moderator-border, .moderator.topic-33 .speaker-flexlist-picture-moderator-border, .moderator.topic-34 .speaker-flexlist-picture-moderator-border, .moderator.topic-35 .speaker-flexlist-picture-moderator-border, .moderator.topic-36 .speaker-flexlist-picture-moderator-border {border: 5px solid rgba(154,202,60,1);} .moderator.topic-22 .speaker-flexlist-picture-moderator-border, .moderator.topic-21 .speaker-flexlist-picture-moderator-border, .moderator.topic-23 .speaker-flexlist-picture-moderator-border, .moderator.topic-24 .speaker-flexlist-picture-moderator-border, .moderator.topic-25 .speaker-flexlist-picture-moderator-border, .moderator.topic-37 .speaker-flexlist-picture-moderator-border, .moderator.topic-38 .speaker-flexlist-picture-moderator-border, .moderator.topic-39 .speaker-flexlist-picture-moderator-border {border: 5px solid rgba(64,150,192,1);} .speaker-flexlist-role {position: absolute; top: 155px; width: 92%; text-align: center;} #session-speakers-noflexslider .speaker-flexlist-role {width: 100%; } #block-views-session-stakeholders-block h2 { margin-bottom: 25px; }#block-views-session-stakeholders-block {margin-bottom: 4em; } #session-speakers-slider h2 {text-align: center;} #session-speakers-slider .bx-wrapper { margin:0 auto!important;} .speakerslider-name, .speakerslider-fonction, .speakerslider-organisation {font-size: 1em; line-height: 1em; padding: .2em .3em;} .speakerslider-name {font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:.5em;} /* BXSlider DIRECTION CONTROLS (NEXT / PREV) */ #session-speakers-slider .bx-wrapper .bx-prev, #session-speakers-slider .bx-wrapper .bx-next {-webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} #session-speakers-slider .bx-wrapper .bx-prev {left: -40px; background: url(../img/home-speakers-arrows.png) no-repeat -37px 0px;} #session-speakers-slider .bx-wrapper .bx-next {right: -40px; background: url(../img/home-speakers-arrows.png) no-repeat -93px 0px;} #session-speakers-slider .bx-wrapper .bx-prev:hover {background-position: -1px 0;} #session-speakers-slider .bx-wrapper .bx-next:hover {background-position: -128px 0;} #session-speakers-slider .bx-wrapper .bx-controls-direction a {position: absolute; top: 23%; margin-top: -16px; outline: 0; width: 35px; height: 66px; text-indent: -9999px; z-index: 400;} /* related docs and urls */ #session-related-links {text-align: center; margin: 60px 0 3em 0;} #session-related-links .item-list::before {content: "Related links"; line-height: 28px; font-weight: 100; margin: 0 0 15px 0; color: #000; text-transform: none; display: inline-block; font-size: 28px; } #session-related-links ul {margin:0; list-style: none; padding: 0;} #session-related-links li {list-style: none; padding: 0.2em 0.5em 0 0; font-family: OpenSans-Light;font-size: 16px; line-height: 24px;} #session-related-links li a {color: rgba(57, 152, 147, 0.9); background-color: rgb(239, 239, 239); -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 5px 12px; text-decoration: none; text-transform: uppercase; font-size: .8em; line-height: 1em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: .4em;} #session-related-links li a:hover {background-color: rgba(0,97,92,0.9); color: rgba(255,255,255,1)!important;} @media only screen and (max-width: 480px) { #session-related-links li a { padding:10px 22px; max-width:300px; border-radius:12px;} } #block-views-related-docs-by-session-block {margin-bottom: 3em;} #block-views-related-docs-by-session-block .session-page-related-docs {text-align: center;} #block-views-related-docs-by-session-block .session-page-related-docs .item-list::before {content: "Related links"; font-size: 24px; line-height: 28px; font-weight: 100; margin: 0 0 15px 0; color: #000; text-transform: none; font-family: "OpenSans-Semibold"; display: inline-block;} #block-views-related-docs-by-session-block li {list-style: none;} #uploaded-docs { text-align: center; } #uploaded-docs ul { list-style: none; } /* Media wall */ #block-views-madia-gallery-block h2 { font-size: 45px; font-weight: normal; font-style: normal; line-height: 45px; font-family: "OpenSans-Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: .8em; } #block-views-madia-gallery-block-2 .view-madia-gallery .view-header { display: none; } #block-views-madia-gallery-block-2.isotope-filter-activation .view-madia-gallery .view-header {display: inline-block;} #block-views-madia-gallery-block-2.isotope-filter-activation .view-madia-gallery .view-header .isotope-options {margin-bottom: 0;} #session-photogallery-url {text-align:center; margin-top:1.5em;} #session-photogallery-url a.photogallery-button {font-size:14px;} /* Hide EC logos */ .page-node-12177 .organisation-6020, .page-node-12260 .organisation-6020 { display: none; } .page-node-12177.node-type-session .view-session-stakeholders .views-row, .page-node-12260.node-type-session .view-session-stakeholders .views-row { padding: 0; } /* Webform stakeholders meeting */ .page-node-9811 #block-system-main .links { display: none; visibility: hidden; } /* User top menu */ #block-system-user-menu.block ul.menu li.leaf { padding: 0; } #block-system-user-menu.block ul.menu li a { display: inline-block; border-bottom: 0; padding: 0; line-height: 1em; font-weight: 100; background: none; text-decoration: none; } #block-system-user-menu.block ul.menu li a::after { content: " /"; } #block-system-user-menu.block ul.menu li:last-child a::after { content: ""; } #block-system-user-menu.block ul.menu li a:hover { text-decoration: underline; } #block-system-user-menu.block ul.menu li { display: inline-block; } /* user account form */ .page-user-register #page-title, .page-user-profile #page-title, .page-user #page-title { margin-bottom: 1em; } /*.page-user-register #block-system-main, .page-user-profile #block-system-main, .page-user-edit #block-system-main {width:80%; margin:0 auto; border:1px solid #ccc; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin-top:1em;} */ .page-user-register #block-system-main .messages, .page-user-profile #block-system-main .messages { margin: 4% 6% 0px; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #user-register-form, #user-profile-form, #user-login { padding: 4% 6%; } #user-register-form, #user-profile-form { text-align: left; } #user-register-form input.form-text, #user-register-form textarea.form-textarea, #user-profile-form input.form-text, #user-profile-form textarea.form-textarea { width: 98%; } #field-user-introduction-add-more-wrapper, #user-register-form .captcha, #user-register-form #edit-actions { text-align: center; } #field-user-introduction-add-more-wrapper { font-family: "OpenSans-Light","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 20px; font-weight: 100; } #user-register-form .captcha { width: 33%; margin: 0 auto; padding: 1.5em 0; } #edit-field-organisation-acronym p { margin: 0; } #edit-field-user-salutation, #edit-field-user-title { display: inline-block; } #edit-field-user-salutation { margin-right: 3em; } .form-item-field-organisation-not-in-list-und { display: none; visibility: hidden; } /* user account form > checkbox young leader programme */ #edit-field-user-ylp-apply { } /* user Profile */ .page-user.page-user- #main .tabs ul.primary { display: none; } .profile .user-picture { float: none; } #field-organisation-alternate-add-more-wrapper label { display: none; } #user-profile-organisation { margin-top: 20px; } div.password-confirm, .password-strength { margin-top: 0; } /* user Dashboard Banner */ #user-dashboard-banner { width: 80%; margin: 0 auto; text-align: center; } .udb-item { display: inline-block; vertical-align: top; } #udb-link { width: 100%; padding-top: 20px; } #udb-picture { width: 19% } #udb-picture a { width: 100px; height: 110px; display: inline-block; overflow: hidden; } #udb-picture img { width: 100px; } #udb-data { width: 40%; text-align: right; padding-top: 20px; } /* user account dashboard */ .page-user #main .region { border: 1px solid #CCC; border-radius: 8px; width: 80%; margin: 0 auto; } .page-user #block-system-main .user-picture { display: none; visibility: hidden; } .page-user-edit #block-system-main .user-picture { display: inline-block; visibility: visible; } #block-views-workbench-current-user-block-2 { display: inline-block; vertical-align: top; width: 20%; padding: 4% 6%; } #dashboard-menu-links { margin: 2em 0; } .view-main-submissions-dashboard, .view-ylp-submission-dashboard { text-align: left; } .view-main-submissions-dashboard > .view-content > .views-row { /*border-bottom:1px solid #CCC; margin-bottom: 20px;*/ border: none; margin-bottom: 0; } .view-main-submissions-dashboard > .view-content > .views-row.views-row-last { border-bottom: none; } .view-main-submissions-dashboard .views-row-2 { display: none; } #block-views-b8b93f9d3dc241d70885c331992605ce, #block-views-ylp-submission-dashboard-block, #block-views-21bbba2e192cb225adcbf6ac32a991f5, #block-views-7bf35a4aa1a96b6ec55d0863ce125d56, #block-views-first-community-meeting-block, #block-views-my-submitted-proposals-block-3 { display: inline-block; width: 60%; padding: 4% 6% 4% 0; } #block-views-b8b93f9d3dc241d70885c331992605ce h2, #block-views-ylp-submission-dashboard-block h2, #block-views-21bbba2e192cb225adcbf6ac32a991f5 h2, #block-views-7bf35a4aa1a96b6ec55d0863ce125d56 h2, #block-views-first-community-meeting-block h2 { text-align: left; margin-bottom: 40px; } .dropdown-box .view-my-submitted-proposals { margin-bottom: 10px; } .dropdown-box .view-my-submitted-proposals .views-row, .view-ylp-submission-dashboard .views-row { background-color: rgb(247, 247, 247); padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 5px; } .view-ylp-submission-dashboard .views-row { margin-bottom: .7em; } .dropdown-box .view-my-submitted-proposals .views-field-title a, #main .view-ylp-submission-dashboard .views-field-title a { color: #000; } #main .view-ylp-submission-dashboard .views-field-title a, #main .view-ylp-submission-dashboard .views-field-edit-node a { text-decoration: none } .dropdown-box .view-my-submitted-proposals .views-field-title a:hover, .view-ylp-submission-dashboard .views-field-title a:hover { font-weight: 900; } .dropdown-box .view-my-submitted-proposals .submission-status, .view-ylp-submission-dashboard .views-field-field-ylpf-submission-status { text-transform: capitalize; } #editableviews-entity-form-my-submitted-proposals { position: relative; } .views-field-field-msf-terms-of-payment-editable .views-row-edit-static, .views-field-field-msf-carbon-offset-project-editable .views-row-edit-static { display: none; } tr.odd .views-field-field-msf-terms-of-payment-editable .form-item { white-space: initial; } td.views-field-field-msf-terms-of-payment-editable { top: 0px; display: inline-block; position: absolute; padding: 0; } td.views-field-field-msf-carbon-offset-project-editable { position: relative; display: inline-block; /*margin-top: 100px;*/ padding: 0; } td.views-field-field-msf-terms-of-payment-editable .views-row-edit-edit, td.views-field-field-msf-carbon-offset-project-editable .views-row-edit-edit { padding: 15px; } #editableviews-entity-form-my-submitted-proposals tbody { } #block-views-first-community-meeting-block .views-row-edit-static { display: none; } #block-views-first-community-meeting-block table { display: block; } #block-views-first-community-meeting-block table tr { text-align: left; background-color: #fff; border-bottom: none; } #block-views-first-community-meeting-block table td { display: inline-block; padding: 0; width: 100%; } #block-views-first-community-meeting-block table td.views-field-field-user-birthdate-editable { width: 100%; } #block-views-first-community-meeting-block #edit-user-24658-field-user-nationality input, #block-views-first-community-meeting-block #edit-user-24658-field-id-passport-number input { width: 300px !important; } #block-views-first-community-meeting-block #edit-actions { text-align: left; } #block-views-my-submitted-proposals-block-3 { text-align: left; } #block-views-my-submitted-proposals-block-3 .views-row { background-color: rgb(247, 247, 247); padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 5px; } #block-views-my-submitted-proposals-block-3 a, #block-views-my-submitted-proposals-block-3 a:link, #block-views-my-submitted-proposals-block-3 a:active { text-decoration: none; } #block-views-my-submitted-proposals-block-3 .views-field-title { color: #000; font-weight: 900; } #block-views-my-submitted-proposals-block-3 .views-field-title a:hover { font-weight: 900; } .view-my-submitted-proposals .views-field-field-msf-session-hold .field-content { display: inline-block; } /* Main session form AND Young Leaders Programme form - Form */ .not-logged-in.page-node-add-main-session-form #block-system-main, .not-logged-in.page-node-add-young-leaders-programme-form #block-system-main { display: none; } .not-logged-in.page-node-add-main-session-form #main-session-form-advice-block, .not-logged-in.page-node-add-young-leaders-programme-form #main-session-form-advice-block { margin-top: 4em; } .ui-widget { font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .node-type-main-session-form #breadcrumb, .page-node-add-main-session-form h1#page-title, .page-node-add-young-leaders-programme-form h1#page-title, .node-type-young-leaders-programme-form #breadcrumb { display: none; } .node-type-main-session-form #block-system-main, .page-node-add-main-session-form #block-system-main, .node-type-young-leaders-programme-form #block-system-main, .page-node-add-young-leaders-programme-form #block-system-main { width: 80%; margin: 0 auto; margin-top: 1em; } .node-type-main-session-form.page-node-edit #block-system-main, .page-node-add-main-session-form #block-system-main, .node-type-young-leaders-programme-form.page-node-edit #block-system-main, .page-node-add-young-leaders-programme-form #block-system-main { border: 1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .node-type-main-session-form #block-system-main .messages, .page-node-add-main-session-form #block-system-main .messages, .node-type-young-leaders-programme-form .messages, .page-node-add-young-leaders-programme-form #block-system-main .messages { margin: 4% 6% 0px; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #main-session-form-node-form, #young-leaders-programme-form-node-form { text-align: left; padding: 4% 6%; } #main-session-form-node-form fieldset .fieldset-wrapper, #young-leaders-programme-form-node-form fieldset .fieldset-wrapper { padding: 0; } #main-session-form-node-form input.form-text, #main-session-form-node-form textarea.form-textarea, #young-leaders-programme-form-node-form input.form-text, #young-leaders-programme-form-node-form textarea.form-textarea { width: 100%; font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } #main-session-form-node-form .form-item label, #young-leaders-programme-form-node-form .form-item label { font-weight: 100; font-family: "FoundersGrotesk-Regular"; font-size: 1.2em; } #main-session-form-node-form .form-item label.option, #young-leaders-programme-form-node-form .form-item label.option { font-size: 1.2em; } #main-session-form-node-form .group-sf-related-topics label, #young-leaders-programme-form-node-form .group-sf-related-topics label { width: 60px; } #main-session-form-node-form .counter { font-size: 0.85em; } #main-session-form-node-form fieldset, #young-leaders-programme-form-node-form fieldset { border: 0px none; } #main-session-form-node-form fieldset legend, #young-leaders-programme-form-node-form fieldset legend { line-height: 2em; text-indent: 0; text-shadow: none; font-size: 1.4em; font-weight: bold; color: #444; background: #fff none repeat scroll 0% 0%; border: 0px none; } #main-session-form-node-form fieldset .fieldset-description, #young-leaders-programme-form-node-form fieldset .fieldset-description { line-height: 1.4; margin-bottom: 0 0 1em 0; font-size: 0.85em; font-style: normal; } #main-session-form-node-form fieldset.field-group-fieldset .form-item label, #young-leaders-programme-form-node-form fieldset.field-group-fieldset .form-item label { font-size: 1em; display: inline-block; padding-right: 1em; text-align: left; } #young-leaders-programme-form-node-form fieldset.date-combo { padding: 0; margin: 0 0 1.5em 0; position: relative; } #young-leaders-programme-form-node-form fieldset.date-combo .container-inline-date .date-padding { padding: 0; } #young-leaders-programme-form-node-form #edit-field-ylpf-date-of-birth-und-0-value label { display: none; } #main-session-form-node-form #edit-field-msf-submission-type { display: none; } #main-session-form-node-form fieldset.field-group-fieldset.group-msf-moderator .form-item label { display: block; padding: 0; } #main-session-form-node-form .field-multiple-table .field-multiple-drag, #main-session-form-node-form .tabledrag-toggle-weight-wrapper, #young-leaders-programme-form-node-form .field-multiple-table .field-multiple-drag, #young-leaders-programme-form-node-form .tabledrag-toggle-weight-wrapper { display: none; } #main-session-form-node-form .field-multiple-table tbody, #young-leaders-programme-form-node-form .field-multiple-table tbody { border: 0px none; vertical-align: top; } #main-session-form-node-form .field-multiple-table th.field-label, #young-leaders-programme-form-node-form .field-multiple-table th.field-label { background: #fff none repeat scroll 0% 0%; color: rgb(68, 68, 68); border: 0; padding: 0; } #main-session-form-node-form .field-multiple-table tr, #young-leaders-programme-form-node-form .field-multiple-table tr { border: 0px none; } #main-session-form-node-form .field-multiple-table tr.draggable.odd, #main-session-form-node-form .field-multiple-table tr.draggable.even, #young-leaders-programme-form-node-form .field-multiple-table tr.draggable.odd, #young-leaders-programme-form-node-form .field-multiple-table tr.draggable.even { background-color: #fff; border: 0px none; } #main-session-form-node-form .field-multiple-table tr.draggable td, #young-leaders-programme-form-node-form .field-multiple-table tr.draggable td { padding: 20px; border: 1px solid #ccc; margin-bottom: 2em; display: inline-block; width: 96%; } #main-session-form-node-form .field-multiple-table tr.draggable td.field-multiple-drag { display: none; } #main-session-form-node-form input[type="submit"].form-submit.ajax-processed, #young-leaders-programme-form-node-form input[type="submit"].form-submit.ajax-processed { font-size: 0.7em; padding: 2px 8px; border: 1px solid rgba(0, 0, 0, 0.1); color: #666; } #main-session-form-node-form #edit-field-msf-partner-organisations input[type="submit"], #main-session-form-node-form input[type="submit"].form-submit.field-add-more-submit, #young-leaders-programme-form-node-form input[type="submit"].form-submit.field-add-more-submit { font-size: 0.7em; padding: 2px 8px; border: 1px solid #E24949; color: #E24949; background-color: #FFF; } #main-session-form-node-form #edit-field-msf-mod-picture div.image-widget-data, #main-session-form-node-form #edit-field-msf-mod-picture div.image-preview { float: none; } #main-session-form-node-form #edit-field-msf-session-decription label, #main-session-form-node-form #edit-field-msf-session-relevance label, #main-session-form-node-form #edit-field-msf-outcomes label, #main-session-form-node-form #edit-field-msf-added-value label { display: none; } #main-session-form-node-form #edit-field-msf-session-decription, #main-session-form-node-form #edit-field-msf-session-relevance, #main-session-form-node-form #edit-field-msf-added-value, #main-session-form-node-form #edit-field-msf-stand-configuration, #main-session-form-node-form #edit-field-msf-background-info, #main-session-form-node-form #edit-field-msf-history-past-expos, #main-session-form-node-form #edit-field-msf-mobile-application, #main-session-form-node-form #edit-field-msf-press-release, #main-session-form-node-form #edit-field-msf-artistic-relevance, #main-session-form-node-form #edit-field-msf-promotion, #main-session-form-node-form #edit-field-msf-additional-comments, #main-session-form-node-form #edit-field-msf-media-campaign, #main-session-form-node-form #edit-field-msf-media-relations, #main-session-form-node-form #edit-field-msf-youthactivity-other, #main-session-form-node-form #edit-field-msf-youthactivity-desc, #main-session-form-node-form #edit-field-msf-session-relevance, #main-session-form-node-form #edit-field-msf-background-yout, #main-session-form-node-form #edit-field-msf-facilitators, #edit-field-ylpf-topic-interests, #edit-field-ylpf-video, #edit-field-ylpf-representation, #edit-field-ylpf-project-name, #edit-field-ylpf-role, #edit-field-msf-mod-picture, #edit-field-msf-mod-relevance, #edit-field-msf-speakers { margin-bottom: 3em; } #main-session-form-node-form #edit-field-msf-youthactivity-type { margin-bottom: 2em; } #main-session-form-node-form #field-msf-speakers-values--3 thead th label { margin-bottom: 1.5em; } #main-session-form-node-form #edit-field-msf-part-of-youth-agenda, #main-session-form-node-form .form-type-checkboxes { margin-top: 2em; } #main-session-form-node-form .group-msf-billing-information label { min-width: 100px; } .agenda-special-event { position: relative; padding: 8px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 16px; line-height: 1em; background-color: rgba(172,172,172,1.00); } #session-id-3177 .agenda-special-event span, #session-id-3177 .agenda-topic, #session-id-3178 .agenda-special-event span, #session-id-3178 .agenda-topic {display: none;} #session-id-3177 .agenda-special-event::after {content: "Opening Ceremony";} #session-id-3178 .agenda-special-event::after {content: "Closing Ceremony";} #main-session-form-node-form span.multipage-button, #young-leaders-programme-form-node-form span.multipage-button {padding: 1em 0px;} #main-session-form-node-form span.multipage-button input.form-submit, #young-leaders-programme-form-node-form span.multipage-button input.form-submit { margin-right: 1em; } #main-session-form-node-form .multipage-pane-title em.placeholder, #young-leaders-programme-form-node-form .multipage-pane-title em.placeholder { font-style: normal; } #main-session-form-node-form h2, #young-leaders-programme-form-node-form h2 { font-weight: 100; } #main-session-form-node-form .multipage-controls-list input.form-submit, #young-leaders-programme-form-node-form .multipage-controls-list input.form-submit { text-shadow: none; } #main-session-form-node-form .multipage-controls-list input.form-submit:hover, #young-leaders-programme-form-node-form .multipage-controls-list input.form-submit:hover { background-color: #666; color: rgb(226,73,73); box-shadow: 0; border-color: #666; } #main-session-form-node-form #edit-field-msf-region-intro .form-item { margin-bottom: 0 } #main-session-form-node-form #edit-field-msf-region-intro .form-item p { margin-bottom: 12px } #main-session-form-node-form #edit-field-msf-region-scope-coverage label, #main-session-form-node-form #edit-field-msf-region-coverage label, #main-session-form-node-form #edit-field-msf-region-loc-coverage label { font-size: 1em; padding-right: 1em; display: inline-block; text-align: left; } #main-session-form-node-form #edit-field-msf-region-coverage .form-type-checkboxes, #main-session-form-node-form #edit-field-msf-media-campaign .form-type-checkboxes, #main-session-form-node-form #edit-field-msf-media-relations .form-type-checkboxes { margin-top: 1em; } #main-session-form-node-form #edit-field-msf-region-coverage-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-campaign-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-relations-und .form-type-checkbox { width: 24%; display: inline-block; margin: 0px; } #edit-field-msf-youthactivity-type-und .form-type-checkbox { width: 33%; display: inline-block; margin: 0px; } #main-session-form-node-form #edit-field-msf-region-coverage-und .form-type-checkbox label, #main-session-form-node-form #edit-field-msf-media-campaign-und .form-type-checkbox label, #main-session-form-node-form #edit-field-msf-media-relations-und .form-type-checkbox label, #main-session-form-node-form #edit-field-msf-youthactivity-type-und .form-type-checkbox label { font-size: .9em; font-family: "FoundersGrotesk-Regular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; } #main-session-form-node-form #edit-field-msf-region-coverage-und .form-item-field-msf-region-coverage-und-2354 { display: none; } #main-session-form-node-form #edit-field-msf-representatives th label { display: none; } body.taxonomy-exhibition #main-session-form-node-form .group-msf-billing-information { display: none; } #main-session-form-node-form .text-format-wrapper .description { margin-bottom: 1em; } #main-session-form-node-form .form-item-field-stand-picture-logo-und-0-description label, #main-session-form-node-form #edit-field-stand-picture-logo-und label { font-size: 1em; } #main-session-form-node-form #edit-field-msf-stand-type-und .form-item-field-msf-stand-type-und:first-child { display: none; } /* Main session form - Form - Field collections */ #main-session-form-node-form #edit-field-msf-speakers fieldset legend span.fieldset-legend, #main-session-form-node-form #edit-field-msf-representatives fieldset legend span.fieldset-legend, #main-session-form-node-form #edit-field-msf-exhibition-units fieldset legend span.fieldset-legend, #main-session-form-node-form #edit-field-msf-artistic-people fieldset legend span.fieldset-legend, #main-session-form-node-form #edit-field-msf-facilitators-coll fieldset legend span.fieldset-legend { margin-left: 20px; font-size: 19px; } #field-msf-exhibition-units-values th.field-label label { margin-bottom: .5em; } #field-msf-artistic-people-values th.field-label label { display: none; } #young-leaders-programme-form-node-form .group-ylpf-activity .filter-wrapper { display: none; } #young-leaders-programme-form-node-form fieldset.group-ylpf-activity .text-format-wrapper { margin-bottom: 3em; } #field-msf-speakers-und-0-field-msf-speaker-org-alternate-add-more-wrapper { display: none; } #main-session-form-node-form .group-msf-related-publications label, #main-session-form-node-form #group-msf-moderator label, #main-session-form-node-form fieldset.group-msf-facilitator-collectio.field-group-fieldset label, #main-session-form-node-form .group-msf-exhibition-units.field-group-fieldset label, #main-session-form-node-form .group-msf-artistic-facilitator.field-group-fieldset label, #main-session-form-node-form .group-msf-facilitator.field-group-fieldset label, #young-leaders-programme-form-node-form .group-ylpf-activity.field-group-fieldset label { font-size: 1em; padding: 0; } #main-session-form-node-form .group-msf-speaker-collection, #main-session-form-node-form .group-msf-facilitator-collectio, #main-session-form-node-form .group-msf-exhibition-units, #main-session-form-node-form .group-msf-artistic-facilitator, #main-session-form-node-form .group-msf-facilitator, #young-leaders-programme-form-node-form .group-ylpf-activity { margin: 0px auto; margin-bottom: 2em; padding: 20px; } #main-session-form-node-form .group-msf-speaker-collection legend, #main-session-form-node-form .group-msf-facilitator-collectio legend, #main-session-form-node-form .group-msf-exhibition-units legend, #main-session-form-node-form .group-msf-artistic-facilitator legend, #main-session-form-node-form .group-msf-facilitator legend, #young-leaders-programme-form-node-form .group-ylpf-activity legend { border: 1px #CCC solid; border-bottom: 0; } #main-session-form-node-form fieldset.group-msf-speaker-collection.field-group-fieldset, #main-session-form-node-form fieldset.group-msf-facilitator-collectio.field-group-fieldset, #main-session-form-node-form fieldset.group-msf-exhibition-units, #main-session-form-node-form fieldset.group-msf-artistic-facilitator, #main-session-form-node-form fieldset.group-msf-facilitator, #young-leaders-programme-form-node-form fieldset.group-ylpf-activity { border: 1px #CCC solid; position: relative; } #main-session-form-node-form fieldset.group-msf-speaker-collection.field-group-fieldset .form-item label, #main-session-form-node-form fieldset.group-msf-facilitator-collectio.field-group-fieldset .form-item label, #main-session-form-node-form fieldset.group-msf-exhibition-units .form-item label, #main-session-form-node-form fieldset.group-msf-artistic-facilitator .form-item label, #main-session-form-node-form fieldset.group-msf-facilitator .form-item label, #young-leaders-programme-form-node-form fieldset.group-ylpf-activity .form-item label { display: block; } #main-session-form-node-form fieldset.group-msf-speaker-collection.field-group-fieldset .form-item.form-type-radios label.option, #main-session-form-node-form fieldset.group-msf-facilitator-collectio.field-group-fieldset .form-item.form-type-radios label.option, #main-session-form-node-form fieldset.group-msf-exhibition-units .form-item.form-type-radios label.option, #main-session-form-node-form fieldset.group-msf-artistic-facilitator .form-item.form-type-radios label.option { display: inline-block; font-size: .85em; font-family: "FoundersGrotesk-Regular"; } #main-session-form-node-form fieldset.group-msf-speaker-collection .form-item:nth-child(4) label { display: none; } #main-session-form-node-form .field-multiple-table td, #young-leaders-programme-form-node-form .field-multiple-table td { position: relative; } #main-session-form-node-form .field-multiple-table input.form-submit.ajax-processed.cancel[type="submit"], #young-leaders-programme-form-node-form .field-multiple-table input.form-submit.ajax-processed.cancel[type="submit"] { position: absolute; top: 10px; margin-left: 100px; } #main-session-form-node-form #edit-field-msf-representatives .field-multiple-table input.form-submit.ajax-processed.cancel[type="submit"] { position: absolute; top: 10px; margin-left: 180px; } #main-session-form-node-form #edit-field-msf-artistic-people .field-multiple-table input.form-submit.ajax-processed.cancel[type="submit"] { position: absolute; top: 10px; margin-left: 200px; } #main-session-form-node-form #edit-field-msf-facilitators-coll .field-multiple-table input.form-submit.ajax-processed.cancel[type="submit"] { position: absolute; top: 10px; margin-left: 130px; } #main-session-form-node-form .group-msf-speaker-collection input.form-text, #main-session-form-node-form .group-msf-facilitator-collectio input.form-text, #main-session-form-node-form .group-msf-exhibition-units input.form-text, #main-session-form-node-form .group-msf-artistic-facilitator input.form-text { width: 99%; } #main-session-form-node-form .group-msf-speaker-collection .form-item .description, #main-session-form-node-form .group-msf-speaker-collection .file-widget, #main-session-form-node-form .group-msf-facilitator-collectio .form-item, #main-session-form-node-form .group-msf-exhibition-units .form-item, #main-session-form-node-form .group-msf-artistic-facilitator .form-item { text-align: left; margin-bottom: .4em; white-space: normal; } #main-session-form-node-form .group-msf-speaker-collection .form-item.form-type-radio .description, #main-session-form-node-form .group-msf-facilitator-collectio .form-item.form-type-radio, #main-session-form-node-form .group-msf-exhibition-units .form-item.form-type-radio, #main-session-form-node-form .group-msf-artistic-facilitator .form-item.form-type-radio { margin-bottom: 0; } #main-session-form-node-form .group-msf-speaker-collection div.image-widget-data span.file, #main-session-form-node-form .group-msf-speaker-collection div.image-widget-data span.file-size, #main-session-form-node-form .group-msf-artistic-facilitator div.image-widget-data span.file-size { display: none; } #main-session-form-node-form #edit-field-msf-speakers table.sticky-header, #main-session-form-node-form #edit-field-msf-representatives table.sticky-header, #edit-field-msf-exhibition-units table.sticky-header, #edit-field-msf-artistic-people table.sticky-header { position: relative !important; display: none; } #main-session-form-node-form input.form-submit.field-add-more-submit[type="submit"] { margin-bottom: 2em; } #main-session-form-node-form #edit-field-msf-proposal-status-title { margin: 3em 0 0 0; } #main-session-form-node-form #edit-field-msf-proposal-status-title h3 { line-height: 2em; text-indent: 0; text-shadow: none; font-size: 1.4em; font-weight: bold; color: #444; } #main-session-form-node-form #edit-field-msf-submission-check { padding: 1em; background-color: #e9e9e9; margin: 0 0 1em 0; } #main-session-form-node-form .form-item.form-type-switch.form-item-field-msf-submission-check-und { margin-bottom: 0; } #main-session-form-node-form .form-type-switch.form-item-field-msf-submission-check-und label.option { float: left; padding-right: 20px; } #main-session-form-node-form span.percent, #young-leaders-programme-form-node-form span.percent { font-family: "FoundersGrotesk-Medium"; font-size: 20px; } /* Main sessions Form - Form */ #main-session-form-node-form .multipage-pane:nth-child(1) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-red-step-01.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form .multipage-pane:nth-child(2) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-red-step-02.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form .multipage-pane:nth-child(3) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-red-step-03.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form .multipage-pane:nth-child(4) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-red-step-04.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form .multipage-pane:nth-child(5) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-red-step-05.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form .multipage-pane:nth-child(6) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-red-step-06.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form .group-sf-related-topics .field-widget-options-select.form-wrapper label { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-red.png") no-repeat left top; background-size: 25px; padding-left: 25px; height: 25px; display: inline-block; width: 100px; } #main-session-form-node-form ul { padding: 0 0 0.25em 0 !important; } #young-leaders-programme-form-node-form .group-ylpf-related-topics .field-widget-options-select.form-wrapper label { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-yellow.png") no-repeat left top; background-size: 25px; padding-left: 25px; height: 25px; display: inline-block; width: 100px; } #main-session-form-node-form ul li { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-red.png") no-repeat left top; background-position: 0 -3px; background-size: 20px; padding-left: 25px; list-style: none; } #main-session-form-node-form ul.noliststyle li { background-image: none; list-style: none; padding-left: 0; } #main-session-form-node-form h2.multipage-pane-title { display: none; } #main-session-form-node-form h2 { display: inline-block; visibility: visible; color: rgba(226,73,73,1); font-family: "FoundersGrotesk-Medium"; } #main-session-form-node-form #field-msf-intro-project-add-more-wrapper p:first-child { color: rgba(226,73,73,1); } #main #main-session-form-node-form a, #main #main-session-form-node-form a:link, #main #main-session-form-node-form a:visited { color: rgba(226,73,73,1); text-decoration: none; } #main #main-session-form-node-form a:hover { text-decoration: underline; } #main-session-form-node-form #edit-field-msf-carbon-offset .form-item label { line-height: 2em; text-indent: 0; text-shadow: none; font-size: 1.4em; font-weight: bold; color: #444; } /* Main sessions Form - Brainstorming Form - BLUE */ /* .form-type-2593 - Brainstorming */ /* .form-type-2595 - Project */ #main-session-form-node-form.form-type-2593 .multipage-pane:nth-child(1), #main-session-form-node-form.form-type-2595 .multipage-pane:nth-child(1) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-blue-step-01.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2593 .multipage-pane:nth-child(2), #main-session-form-node-form.form-type-2595 .multipage-pane:nth-child(2) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-blue-step-02.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2593 .multipage-pane:nth-child(3), #main-session-form-node-form.form-type-2595 .multipage-pane:nth-child(3) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-blue-step-03.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2593 .multipage-pane:nth-child(4), #main-session-form-node-form.form-type-2595 .multipage-pane:nth-child(4) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-blue-step-04.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2593 .multipage-pane:nth-child(5), #main-session-form-node-form.form-type-2595 .multipage-pane:nth-child(5) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-blue-step-05.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2593 .multipage-pane:nth-child(6), #main-session-form-node-form.form-type-2595 .multipage-pane:nth-child(6) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-blue-step-06.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2593 h2, #main-session-form-node-form.form-type-2595 h2 { color: rgba(98,189,208,1); font-family: "FoundersGrotesk-Medium"; } #main-session-form-node-form.form-type-2593 .form-required, #main-session-form-node-form.form-type-2595 .form-required { color: rgba(98,189,208,1) !important; } #main #main-session-form-node-form.form-type-2593 a, #main #main-session-form-node-form.form-type-2595 a:link, #main #main-session-form-node-form.form-type-2593 a:visited, #main #main-session-form-node-form.form-type-2595 a, #main #main-session-form-node-form.form-type-2595 a:link, #main #main-session-form-node-form.form-type-2595 a:visited { color: rgba(98,189,208,1); text-decoration: none; } #main #main-session-form-node-form.form-type-2593 a:hover, #main #main-session-form-node-form.form-type-2595 a:hover { text-decoration: underline; } #main-session-form-node-form.form-type-2593 .group-sf-related-topics .field-widget-options-select.form-wrapper label, #main-session-form-node-form.form-type-2595 .group-sf-related-topics .field-widget-options-select.form-wrapper label { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-blue.png") no-repeat left top; background-size: 25px; padding-left: 25px; height: 25px; display: inline-block; width: 100px; } #main-session-form-node-form.form-type-2593 ul, #main-session-form-node-form.form-type-2595 ul { padding: 0 0 0.25em 0 !important; } #main-session-form-node-form.form-type-2593 ul li, #main-session-form-node-form.form-type-2595 ul li { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-blue.png") no-repeat left top; background-position: 0 -3px; background-size: 20px; padding-left: 25px; list-style: none; } #main-session-form-node-form.form-type-2593 ul.noliststyle li, #main-session-form-node-form.form-type-2595 ul.noliststyle li { background-image: none; list-style: none; padding-left: 0; } /* Main sessions Form - Brainstorming Form - GREEN */ /* .form-type-2597 - Stand */ #main-session-form-node-form.form-type-2597 .multipage-pane:nth-child(1) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-green-step-01.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2597 .multipage-pane:nth-child(2) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-green-step-02.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2597 .multipage-pane:nth-child(3) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-green-step-03.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2597 .multipage-pane:nth-child(4) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-green-step-04.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2597 .multipage-pane:nth-child(5) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-green-step-05.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2597 .multipage-pane:nth-child(6) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-green-step-06.png"); background-repeat: no-repeat; background-position: top center; } #main-session-form-node-form.form-type-2597 h2 { color: rgba(72,187,128,1); font-family: "FoundersGrotesk-Medium"; } #main-session-form-node-form.form-type-2597 .form-required { color: rgba(72,187,128,1) !important; } #main #main-session-form-node-form.form-type-2597 a, #main #main-session-form-node-form.form-type-2597 a:link, #main #main-session-form-node-form.form-type-2597 a:visited { color: rgba(72,187,128,1); text-decoration: none; } #main #main-session-form-node-form.form-type-2597 a:hover { text-decoration: underline; } #main-session-form-node-form.form-type-2597 .group-sf-related-topics .field-widget-options-select.form-wrapper label { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-green.png") no-repeat left top; background-size: 25px; padding-left: 25px; height: 25px; display: inline-block; width: 100px; } #main-session-form-node-form.form-type-2597 ul { padding: 0 0 0.25em 0 !important; } #main-session-form-node-form.form-type-2597 ul li { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-green.png") no-repeat left top; background-position: 0 -3px; background-size: 20px; padding-left: 25px; list-style: none; } #main-session-form-node-form.form-type-2597 ul.noliststyle li { background-image: none; list-style: none; padding-left: 0; } /* Young Leaders Programme Form AND Creative Youth Submission Form - YELLOW */ /* .form-type-2599 - Creative Youth Activities */ #young-leaders-programme-form-node-form .multipage-pane:nth-child(1), #main-session-form-node-form.form-type-2599 .multipage-pane:nth-child(1) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-step-01.png"); background-repeat: no-repeat; background-position: top center; } #young-leaders-programme-form-node-form .multipage-pane:nth-child(2), #main-session-form-node-form.form-type-2599 .multipage-pane:nth-child(2) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-step-02.png"); background-repeat: no-repeat; background-position: top center; } #young-leaders-programme-form-node-form .multipage-pane:nth-child(3), #main-session-form-node-form.form-type-2599 .multipage-pane:nth-child(3) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-step-03.png"); background-repeat: no-repeat; background-position: top center; } #young-leaders-programme-form-node-form .multipage-pane:nth-child(4), #main-session-form-node-form.form-type-2599 .multipage-pane:nth-child(4) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-step-04.png"); background-repeat: no-repeat; background-position: top center; } #young-leaders-programme-form-node-form .multipage-pane:nth-child(5), #main-session-form-node-form.form-type-2599 .multipage-pane:nth-child(5) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-step-05.png"); background-repeat: no-repeat; background-position: top center; } #young-leaders-programme-form-node-form .multipage-pane:nth-child(6), #main-session-form-node-form.form-type-2599 .multipage-pane:nth-child(6) { padding-top: 240px; background-size: 20%; background-image: url("/sites/all/themes/skeletontheme/images/main-session-forms-circle-step-06.png"); background-repeat: no-repeat; background-position: top center; } #young-leaders-programme-form-node-form #edit-title-field, .node-type-young-leaders-programme-form .link-wrapper { display: none; } #young-leaders-programme-form-node-form #field-ylpf-intro-add-more-wrapper, #young-leaders-programme-form-node-form .form-required, #main-session-form-node-form.form-type-2599 .form-required { color: #f49712 !important; } #young-leaders-programme-form-node-form h2 { display: none; } #main #young-leaders-programme-form-node-form a, #main #young-leaders-programme-form-node-form a:link, #main #young-leaders-programme-form-node-form a:visited, #main #main-session-form-node-form.form-type-2599 a, #main #main-session-form-node-form.form-type-2599 a:link, #main #main-session-form-node-form.form-type-2599 a:visited { color: rgba(244,151,18,1); text-decoration: none; } #main #young-leaders-programme-form-node-form a:hover, #main #main-session-form-node-form.form-type-2599 a:hover { text-decoration: underline; } #main-session-form-node-form.form-type-2599 h2 { color: rgba(244,151,18,1); font-family: "FoundersGrotesk-Medium"; } #main-session-form-node-form.form-type-2599 .group-sf-related-topics .field-widget-options-select.form-wrapper label { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-yellow.png") no-repeat left top; background-size: 25px; padding-left: 25px; height: 25px; display: inline-block; width: 100px; } #main-session-form-node-form.form-type-2599 ul { padding: 0 0 0.25em 0 !important; } #main-session-form-node-form.form-type-2599 ul li { background: url("/sites/all/themes/skeletontheme/images/main-session-forms-bullet-yellow.png") no-repeat left top; background-position: 0 -3px; background-size: 20px; padding-left: 25px; list-style: none; } #main-session-form-node-form.form-type-2599 ul.noliststyle li { background-image: none; list-style: none; padding-left: 0; } /* New layout- Form 2017 */ #young-leaders-programme-form-node-form #edit-field-ylpf-date-of-birth fieldset legend { line-height: 1em; text-indent: 0; text-shadow: none; font-size: 16px; font-weight: 100; color: #444; background: #fff none repeat scroll 0% 0%; border: 0px none; display: inline-block; background: transparent; } #young-leaders-programme-form-node-form fieldset legend span.fieldset-legend { padding-left: 20px; } #young-leaders-programme-form-node-form #edit-field-ylpf-date-of-birth fieldset legend span.fieldset-legend { font-size: 16px; font-weight: 100; padding-left: 0; } #young-leaders-programme-form-node-form #edit-field-ylpf-date-of-birth fieldset .fieldset-wrapper { padding: 0; margin-top: 8px !important; } /*#young-leaders-programme-form-node-form .form-item label {font-size:1.2em; width:18%; display:inline-block; font-weight:100; font-family:"FoundersGrotesk-Regular";} #young-leaders-programme-form-node-form fieldset legend {line-height:1em; text-indent:0; text-shadow:none; font-size:16px; font-weight:100; color:#444; background: #fff none repeat scroll 0% 0%; border: 0px none; display: inline-block; width:18%;} #young-leaders-programme-form-node-form fieldset legend span.fieldset-legend {font-size:16px; font-weight:100;} #young-leaders-programme-form-node-form .form-item.form-type-checkbox label {width:auto;} #young-leaders-programme-form-node-form input.form-text {width:80%;} #young-leaders-programme-form-node-form textarea.form-textarea {width:100%;} #young-leaders-programme-form-node-form fieldset .fieldset-wrapper {width:80%; display:inline-block; padding:0; margin:0 0 0 18%;}*/ #young-leaders-programme-form-node-form .group-ylpf-related-topics h3, #young-leaders-programme-form-node-form #field-ylpf-video-advice-add-more-wrapper label { font-size: 1.4em; font-family: "OpenSans-SemiBold","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; line-height: 24px; } #young-leaders-programme-form-node-form .group-ylpf-related-topics .description { margin-bottom: 2em; } #young-leaders-programme-form-node-form #edit-field-ylpf-topic-interests { margin-top: 2em; } #young-leaders-programme-form-node-form .group-ylpf-related-topics .form-item label { font-size: 1em; } #young-leaders-programme-form-node-form #edit-field-ylpf-intro { margin-bottom: 2em; } #young-leaders-programme-form-node-form #field-ylpf-topic-interests-add-more-wrapper .form-item .description { font-size: 1em; margin-bottom: 1em; } #young-leaders-programme-form-node-form #edit-field-ylpf-lng-presentation .form-item .description { font-size: 1em; } #young-leaders-programme-form-node-form .form-item-field-ylpf-lng-presentation-und-Portuguese, #young-leaders-programme-form-node-form .form-item-field-ylpf-lng-presentation-und-German { display: none; visibility: hidden } #young-leaders-programme-form-node-form .form-item-field-ylpf-lng-presentation-und-English, #young-leaders-programme-form-node-form .form-item-field-ylpf-lng-presentation-und-French, #young-leaders-programme-form-node-form .form-item-field-ylpf-lng-presentation-und-Spanish { display: inline-block; margin-right: 2em; } #young-leaders-programme-form-node-form #edit-field-ylpf-spoken-language { margin: 0 0 2em 0; } #young-leaders-programme-form-node-form #field-ylpf-video-add-more-wrapper .form-item label { font-size: 1em; } #young-leaders-programme-form-node-form #edit-field-ylpf-representation .form-item .description, #young-leaders-programme-form-node-form #edit-field-ylpf-project-name .form-item .description, #young-leaders-programme-form-node-form #edit-field-ylpf-reference .form-item .description, #young-leaders-programme-form-node-form #field-ylpf-publicspeaking-skills-add-more-wrapper .form-item .description, #young-leaders-programme-form-node-form #edit-field-ylpf-additional-comments .form-item .description { font-size: 1em; } #young-leaders-programme-form-node-form #edit-field-ylpf-activities-und-0-field-ylpf-act-evidence fieldset { border: 1px solid #ccc; padding: 20px; } .group-ylpf-activity .fieldset-wrapper .field-type-text-long { margin-bottom: 1.5em; } /* Main session form - Display */ .node-main-session-form .field-group-format-wrapper { text-align: left; } .node-main-session-form .field-label-inline .field-label, .node-main-session-form .field-label-inline .field-items { display: inline-block; float: none; } .node-main-session-form .field-collection-view .field-label { width: auto; } .node-main-session-form .field-type-taxonomy-term-reference .field-item { float: none; } .node-main-session-form ul.field-collection-view-links, .node-main-session-form ul.action-links.action-links-field-collection-add { display: none; } .node-main-session-form .field-name-field-msf-region-coverage .field-item, .node-main-session-form .field-name-field-msf-region-loc-coverage .field-item { display: inline-block; } body.taxonomy-stand .node-main-session-form .field-name-field-msf-speakers, body.taxonomy-exhibition .node-main-session-form .field-name-field-msf-speakers, body.taxonomy-creative-youth-activities .node-main-session-form .field-name-field-msf-speakers, body.taxonomy-brainstorming .node-main-session-form .field-name-field-msf-speakers { display: none; } .node-main-session-form .field-collection-container { border-bottom: 0; margin: 0 } #block-views-main-submission-form-block { font-size: 11px; } .node-main-session-form .field-name-field-msf-youthactivity-type .form-item { display: inline-block; padding: 0px 1em 0px 0px; white-space: nowrap; } .field-name-field-msf-focalpoint-org .field-label, .field-name-field-msf-focalpoint-org .field-items, .field-name-field-msf-partner-organisations .field-label, .field-name-field-msf-partner-organisations .field-items { float: left; } .field-name-field-msf-focalpoint-org, .field-name-field-msf-partner-organisations { clear: both; } /* Main session from - Speakers field collection display */ .field-name-field-msf-speakers > .field-items > .field-item { display: inline-block; text-align: center; vertical-align: top; width: 280px; } .field-collection-item-field-msf-speakers { background-color: #efefef; padding: 1em 0; } .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-first-name, .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-last-name { display: inline-block; font-weight: 900; } .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-last-name { padding-left: 5px; } .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-organisation, .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-position, .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-relevance { font-size: .8em; padding: 0 1em; } .field-collection-item-field-msf-speakers .field-name-field-msf-speaker-relevance { padding: 1em; } /* Main session from - Brainstorming - Moderators field collection display */ .field-name-field-msf-moderators > .field-items > .field-item { display: inline-block; text-align: center; vertical-align: top; width: 280px; } .field-collection-item-field-msf-moderators { background-color: #efefef; padding: 1em 0; } .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-first-name, .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-last-name { display: inline-block; font-weight: 900; } .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-last-name { padding-left: 5px; } .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-position, .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-nationality, .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-relevance, .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-biography-url { font-size: .8em; padding: 0 1em; } .field-collection-item-field-msf-moderators .field-name-field-msffc-mod-relevance { padding: 1em; } /* MainsSessions dashboard*/ #edit-field-msf-submission-type-tid-wrapper .description { display: none; } .view-main-session-dashboard table td, .view-young-leaders-programme-dashboard table td { text-align: left; } .view-main-session-dashboard .feed-icon a { padding: 0 6px; } #editableviews-entity-form-main-session-dashboard .views-row-edit-static { display: none; } /* Practical informations */ /*.page-node-12198 .has-principe-custom .container { width:100%; }*/ /*.page-node-12198 .has-principe-custom .container .sixteen.columns { width:100%; margin: 0;}*/ .page-node-12198 .has-principe-custom .msc-item-view { display: none; margin-top: 0; } /* Video YouTube page */ .node-type-video-youtube .fluid-width-video-wrapper { position: initial; } .node-type-video-youtube .field-name-field-video-link { margin: 0 auto; width: 63%; } .node-type-video-youtube .field-label-inline .field-label, .node-type-video-youtube .field-label-inline .field-items, .node-type-video-youtube .field-type-taxonomy-term-reference .field-item { float: none; } /* Session page - Slideshow videos */ #session-page-video-slideshow { /*old settings-padding:0 60px;*/ width: 80%; margin: 0 auto; } #session-page-video-thumbnails { display: none; } #fc-video-wrapper, #session-page-video-thumbnails { position: relative; margin: 0 auto; /*old settings - width:63%;*/ width: 100%; } #fc-video-wrapper { background: #262626; /*padding: 10px;*/ } #fc-video-wrapper .fluid-width-video-wrapper { position: initial; } .fc-videos-container { text-align: left; position: relative; } #fc-videos li { background: #424242; border: 1px solid #ccc; cursor: pointer; float: left; height: 90px; margin: 10px; padding: 0px 0px 60px 0px; overflow: visible; width: 120px; } #fc-videos li:hover { background: #d5d5d5; } #fc-videos h4 { font-size: 10px; line-height: 12px; margin: 0; overflow: hidden; padding: 5px; text-overflow: clip; white-space: normal; } #fc-videos img { display: inline-block; height: 68px; width: 120px; } .fc-video-large { overflow: auto; } .fc-video-large .fcplayer { float: left; } .fc-video-large .fc-video-player { float: left; width: 64%; } .fc-video-large .fc-video-details { box-sizing: border-box; float: left; padding-left: 10px; width: 36%; } .day { margin: 0; } .fc-video-date { color: #b6975e; } .fc-video-name { color: #ffffff; } .fc-videos-container .gray-block { border-bottom-color: transparent; cursor: pointer; margin-bottom: 15px; height: 260px; } .fc-videos-container .span3 { margin-left: 10px; } .fc-videos-container a.img-people { display: block; } #fc-videos-pagination { clear: left; display: block; } .page-channel .filters { margin-top: 0; } #fc-video-wrapper.fc-compact { background: #FFF; padding: 0; } .fc-compact .fc-videos-container { float: none; } .fc-compact .fc-video-details { display: block; float: none; padding: 10px; width: auto; } .fc-compact .fc-video-name, .fc-compact .fc-video-description { color: #000; margin: 0; } .fc-compact .fc-videos-scroll { background: #424242; color: #AAA; height: 68px; overflow: hidden; } .fc-compact #fc-videos-thumbs { height: 68px; padding: 0 30px !important; } .fc-compact #fc-videos-pagination { display: none; } .fc-compact .fc-videos-container a { display: block; float: left; height: 68px; width: 300px; } .fc-compact .fc-videos-container h4 { color: #AAA; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 5px; max-height: 58px; text-overflow: ellipsis; } .fc-compact .fc-videos-container img { float: left; margin-right: 5px; } .fc-scroll-left, .fc-scroll-right { background: #161616; cursor: pointer; font-size: 60px; height: 68px; line-height: 68px; position: absolute; text-align: center; top: 0; width: 30px; } .fc-scroll-left { background: #000 url("/sites/all/themes/edd/img/slider-left-arrow.png") center center no-repeat; left: 0; } .fc-scroll-right { background: #000 url("/sites/all/themes/edd/img/slider-right-arrow.png") center center no-repeat; right: 0; } .page-channel .pull-right { margin-right: 10px; margin-top: 15px; } /* Cookies page */ #node-12354 .content { text-align: left; } /* Carbon offset page */ .content-node-12790 .msc-item-picture img { max-width: 1420px; } /* Organisations page */ .page-community h1.title { margin-bottom: 1.6em; } #organisations-grid-input-01, #organisations-grid-select-01, #organisations-grid-select-02, #organisations-grid-button-01, #organisations-grid-button-02 { display: inline-block; float: none; padding: .5em 1em 0 0; } .view-stakeholders { margin: 0 auto; max-width: 1100px; } .view-stakeholders .views-widget .description { display: none; } #views-exposed-form-stakeholders-page { margin-bottom: 2.8em; } .view-stakeholders .views-exposed-form .views-exposed-widget { float: none; display: inline-block; padding: .5em 1em 0 0; } .view-stakeholders .views-exposed-widgets input.form-text, .view-stakeholders .views-exposed-widgets textarea.form-textarea, .view-stakeholders .views-exposed-widgets select.form-select { border: 1px solid #f4f4f4; webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f4f4f4; } .views-row.organisations-list { width: 24%; display: inline-block; vertical-align: top; margin: 1em 0; } .organisation-cell-search-terms { display: none; visibility: hidden; } .organisation-cell { width: 90%; border: 1px solid #ededed; margin: 0 auto; min-height: 20em; position: relative; } .organisation-cell-inner { padding: .4em; text-align: left; } .organisation-cell-image { height: 100px; text-align: left; padding: 1em; } .organisation-cell-image img { height: 100%; width: 100%; object-fit: contain; } .organisation-cell-data { position: relative; line-height: 1.3em; padding: 0 .5em; font-size: .9em; } .organisation-cell-data .name { font-family: FoundersGrotesk-Medium; font-size: 1.2em; line-height: 1em; padding-bottom: .2em; display: inline-block; } .organisation-cell-social-links { position: absolute; bottom: 3.2em; } .organisation-social-ico { display: inline-block; margin: 0 .2em; } .organisation-social-ico a { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-indent: -19999px; vertical-align: middle; background-image: url("../img/speakers-social-pictos.png"); background-position: 0 0; } .organisation-social-ico.twitter a { background-position: 100px 0; } .organisation-social-ico.linkedin a { background-position: 49px 0; } .organisation-social-ico.website a { background-position: 22px 0; } .organisation-social-ico.facebook a { background-position: 75px 0; } .organisation-social-ico.youtube a { background-position: 0 0; } .organisation-cell-sessions-data { position: absolute; bottom: 0.5em; width: 100%; left: 0; } .organisation-cell-sessions-links { display: none; padding: 0 0.5em; } .organisation-cell-moderator { margin-bottom: -1px; } .organisation-cell-sessions { background-color: #fff; } #main .organisation-cell-sessions a, .organisation-cell-sessions a, #main .organisation-cell-sessions span, .organisation-cell-sessions span { color: #333333; padding: .5em 5%; display: inline-block; text-decoration: none; width: 90%; background-color: #f4f4f4; line-height: 1.2em; font-size: .9em; margin-bottom: 1px; } #main .organisation-cell-sessions a:hover, .organisation-cell-sessions a:hover { background-color: #D2D3D4 } .organisation-cell-sessions-button { padding: 0 0.5em; } #main .organisation-cell-sessions-button a, .organisation-cell-sessions-button a { color: #ffffff; padding: .5em 5%; display: inline-block; text-decoration: none; width: 90%; background-color: #666666; background-image: url("../img/speakers-sessions-plus.svg"); background-size: 16%; background-repeat: no-repeat; background-position: center right; margin-top: 1px; text-transform: uppercase; background-image: url("../img/speakers-sessions-plus.svg"); } .organisation-cell-sessions-button a:link, .organisation-cell-sessions-button a:visited, .organisation-cell-sessions-button a:active { color: #ffffff; } #main .organisation-cell-sessions-button a.open, .organisation-cell-sessions-button a.open { background-image: url("../img/speakers-sessions-minus.svg"); } #main .organisation-cell-sessions-button a:hover, .organisation-cell-sessions-button a:hover { background-color: #444444 } /* Speakers page */ .page-speakers h1.title {margin-bottom:1.6em; } #speakers-grid-filter-01, #speakers-grid-input-01, #speakers-grid-select-01, #speakers-grid-button-01, #speakers-grid-button-02 {display:inline-block;} .views-widget .form-item-field-region-tid .description {display:none;} .view-id-speaker.view-display-id-page {margin:0 auto; max-width:1100px; } #views-exposed-form-speaker-page {margin-bottom: 2.8em;}#views-exposed-form-speaker-page .views-exposed-form .views-exposed-widget {float:none; display:inline-block; padding:.5em 1em 0 0;} #edit-field-edd13-featured-value-all::after {content:" / "} #edit-field-edd13-featured-value-wrapper a {color: #181818; text-decoration:none; padding:0 .2em;} #edit-field-edd13-featured-value-wrapper a:hover { color:#000000; } #edit-field-edd13-featured-value-wrapper a.active {color:#000000; font-family:"FoundersGrotesk-Medium";} #edit-field-edd13-featured-value-wrapper .form-item.form-type-bef-link {display:inline-block;} #views-exposed-form-speaker-page .views-exposed-widgets input.form-text, #views-exposed-form-speaker-page .views-exposed-widgets textarea.form-textarea, #views-exposed-form-speaker-page .views-exposed-widgets select.form-select { border: 1px solid #f4f4f4; webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f4f4f4;} #views-exposed-form-speaker-page .compact-form-label {top: 14px; left: 8px;} .views-row.speakers-list {width: 24%; display: inline-block; vertical-align: top; margin: 1em 0;} .speaker-cell-search-terms {display: none; visibility: hidden;} .speaker-cell {width: 90%; border: 1px solid #ededed; margin: 0 auto; min-height: 24em; position: relative;} .speaker-cell-inner {padding: .4em; } #speakers-grid .speaker-cell-inner {text-align: center!important;} .speaker-cell-image {text-align:center; height:150px; display:inline-block; overflow:hidden; width:140px; margin:0 auto; position:relative;} .speaker-cell-data {position:relative; line-height:1.3em; padding:0 .5em; font-size:.9em;} .speaker-cell-data .name { font-family: FoundersGrotesk-Medium; font-size:1.2em; line-height:1em; padding-bottom: .2em; display:inline-block;} .speaker-cell-social-links { position: absolute; bottom: 3.6em; } .speaker-social-ico { display: inline-block; margin:0 .2em;} .speaker-social-ico a { display: inline-block; width:22px; height:22px; line-height:22px; text-indent: -19999px; vertical-align: middle; background-image: url("../img/speakers-social-pictos.png"); background-position: 0 0; } .speaker-social-ico.youtube a {background-position:0 0;} .speaker-social-ico.twitter a {background-position:98px 0;} .speaker-social-ico.linkedin a {background-position:49px 0;} .speaker-social-ico.website a {background-position:22px 0;} .speaker-social-ico.facebook a {background-position:75px 0;} .speaker-cell-sessions-data {position: absolute; bottom:0.5em; width:100%; left:0;} .speaker-cell-sessions-links {display: none; padding:0 0.5em;} .speaker-cell-moderator {margin-bottom: -1px;} .speaker-cell-sessions .views-field-title, .speaker-cell-moderator .views-field-title {line-height: 1.2em; font-size: .9em; margin-bottom: 1px;} #main .speaker-cell-sessions .views-field-title a, #main .speaker-cell-moderator .views-field-title a, .speaker-cell-sessions .views-field-title a, .speaker-cell-moderator .views-field-title a {color: #333333; padding: .8em 5%; display: inline-block; text-decoration: none; width: 100%; background-color: #f4f4f4; margin-bottom: 1px;} #main .speaker-cell-sessions .views-field-title a:hover, #main .speaker-cell-moderator .views-field-title a:hover, .speaker-cell-sessions .views-field-title a:hover, .speaker-cell-moderator .views-field-title a:hover {background-color: #D2D3D4} .speaker-cell-sessions-button {padding: 0 0.5em;} #main .speaker-cell-sessions-button a, .speaker-cell-sessions-button a { color: #ffffff; padding: .8em 5%; display: inline-block; text-decoration: none; width: 100%; background-color: #666666; background-image: url("../img/speakers-sessions-plus.svg"); background-size: 16%; background-repeat: no-repeat; background-position: center right; margin-top: 1px; text-transform: uppercase; background-image: url("../img/speakers-sessions-plus.svg");} .speaker-cell-sessions-button a:link, .speaker-cell-sessions-button a:visited, .speaker-cell-sessions-button a:active {color: #ffffff;} #main .speaker-cell-sessions-button a.open, .speaker-cell-sessions-button a.open {background-image: url("../img/speakers-sessions-minus.svg"); } #main .speaker-cell-sessions-button a:hover, .speaker-cell-sessions-button a:hover {background-color: #444444} .speaker-page-picture-overlay {position: absolute; width: 100%; top:0; left:0;} /* Young Leaders Speakers block */ #block-views-speaker-block-1, .view-id-speaker.view-display-id-block_1, #block-views-young-leaders-block, .msc-item-view .view-young-leaders {margin: 0px auto; max-width: 1100px;} .view-id-speaker.view-display-id-block_1 .views-field-nothing {margin: 0; } /* Agenda Flex slider */ /* Agenda page filters */ #agenda-slider h1.title {margin-bottom: 1em;} #agenda-slider input.form-text, #agenda-slider textarea, #agenda-slider select.form-select { border:1px solid #f4f4f4; webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f4f4f4;} #agenda-slider .view-filters {margin: 0 auto; max-width: 1100px; text-align: center;} #views-exposed-form-agenda-page {margin-bottom: 2.8em; text-align: center;} #agenda-grid-select-01, #agenda-grid-select-02, #agenda-grid-button-01 {display: inline-block; float: none; padding: .5em 1em 0 0;} #agenda-grid-select-01 select, #agenda-grid-select-02 select {min-height: 24px; padding-top: 8px;} #agenda-grid-button-02 {display: inline-block; margin: .8em 0;} #agenda-grid-button-02 a, #agenda-grid-button-02 a:link {padding: 6px 10px;} /* Agenda- BXSlider adjustements */ #agenda-slider { color: #444444; text-transform: none; padding: 0; margin: 2em 0 0 0; } #agenda-slider h2 { font-weight: 100; margin: 0 0 30px 0; color: #000; text-transform: none; font-family: "OpenSans-Semibold"; font-size: 24px; text-align: center; } #agenda-slider .bx-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; background: transparent; margin: 0 auto !important; } #agenda-slider .bx-wrapper img { margin: 0 auto !important; } /* BXSlider DIRECTION CONTROLS (NEXT / PREV) */ #agenda-slider .bx-wrapper .bx-prev, #agenda-slider .bx-wrapper .bx-next { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #agenda-slider .bx-wrapper .bx-prev { left: -40px; background: url(../img/home-speakers-arrows.png) no-repeat -37px 0px; } #agenda-slider .bx-wrapper .bx-next { right: -40px; background: url(../img/home-speakers-arrows.png) no-repeat -93px 0px; } #agenda-slider .bx-wrapper .bx-prev:hover { background-position: -1px 0; } #agenda-slider .bx-wrapper .bx-next:hover { background-position: -128px 0; } #agenda-slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 23%; margin-top: -16px; outline: 0; width: 35px; height: 66px; text-indent: -9999px; z-index: 9999; } #block-block-90, #block-global-filter-global-filter-1.block, #block-global-filter-global-filter-2.block, #block-global-filter-global-filter-3.block { padding: 15px; display: inline-block; vertical-align: top; min-height: 25px; } #block-block-90 { padding: 15px 0; } #block-global-filter-global-filter-1 form, #block-global-filter-global-filter-1 .form-item, #block-global-filter-global-filter-2 form, #block-global-filter-global-filter-2 .form-item, #block-global-filter-global-filter-3 form, #block-global-filter-global-filter-3 .form-item { margin: 0; } #global-filter-1 > div { background-color: #efefef; } #block-global-filter-global-filter-2 .content { background-color: transparent; } #block-global-filter-global-filter-1 .sbHolder, #block-global-filter-global-filter-2 .sbHolder { width: 220px; } #block-global-filter-global-filter-1 .form-item-view-topics-2015 { display: inline-block; vertical-align: top; margin: 0; } .global-filter-set-select { display: inline-block; margin: 0; vertical-align: top; } #block-views-agenda-slider-block-1, #block-views-agenda-slider-block-2 { max-width: 1280px; text-align: center; margin: 0 auto; } #block-views-agenda-slider-block-1 .flexslider, #block-views-agenda-slider-block-2 .flexslider { box-shadow: none; } #block-views-agenda-slider-block-1 .flex-direction-nav, #block-views-agenda-slider-block-2 .flex-direction-nav { display: none; } #block-views-agenda-slider-block-1 .flex-direction-nav a:hover, #block-views-agenda-slider-block-1 .flex-direction-nav a:focus, #block-views-agenda-slider-block-2 .flex-direction-nav a:hover, #block-views-agenda-slider-block-2 .flex-direction-nav a:focus { color: #005aac; text-decoration: none; } #block-views-agenda-slider-block-1 .flexslider .flex-direction-nav a, #block-views-agenda-slider-block-1 .flexslider .flex-direction-nav a, #block-views-agenda-slider-block-2 .flexslider .flex-direction-nav a, #block-views-agenda-slider-block-2 .flexslider .flex-direction-nav a { display: block; /* I added this line */ } #block-views-agenda-slider-block-1 ol.flex-control-paging, #block-views-agenda-slider-block-2 ol.flex-control-paging { padding: 0; } #block-views-agenda-slider-block-1 .flex-direction-nav li a, #block-views-agenda-slider-block-2 .flex-direction-nav li a { display: inline-block; color: #0588e2; top: 28px; text-shadow: none; } #block-views-agenda-slider-block-1 .flex-direction-nav .flex-next, #block-views-agenda-slider-block-2 .flex-direction-nav .flex-next { right: 0 !important; margin-right: 0px; opacity: 1 !important; } #block-views-agenda-slider-block-1 .flex-direction-nav .flex-prev, #block-views-agenda-slider-block-2 .flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: 0px; } #block-views-agenda-slider-block-1 .flex-viewport, #block-views-agenda-slider-block-2 .flex-viewport { max-height: none; } #block-views-agenda-slider-block-1 .flex-viewport .halfday-title, #block-views-agenda-slider-block-2 .flex-viewport .halfday-title { height: 120px; text-align: center; padding-top: 10px; } #block-views-agenda-slider-block-1 .flex-viewport .halfday-title span, #block-views-agenda-slider-block-2 .flex-viewport .halfday-title span { visibility: hidden; } #block-views-agenda-slider-block-1 .flex-viewport #day-01-am, #block-views-agenda-slider-block-2 .flex-viewport #day-01-am { width: 384px; /* background-image:url(../img/agenda-slider-title-day1-am.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } #block-views-agenda-slider-block-1 .flex-viewport #day-01-pm, #block-views-agenda-slider-block-2 .flex-viewport #day-01-pm { width: 384px; /* background-image:url(../img/agenda-slider-title-day1-pm.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } #block-views-agenda-slider-block-1 .flex-viewport #day-02-am, #block-views-agenda-slider-block-2 .flex-viewport #day-02-am { width: 384px; /* background-image:url(../img/agenda-slider-title-day2-am.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } #block-views-agenda-slider-block-1 .flex-viewport #day-02-pm, #block-views-agenda-slider-block-2 .flex-viewport #day-02-pm { width: 384px; /* background-image:url(../img/agenda-slider-title-day2-pm.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } .form-type-select.form-item-view-topics-2016 select.form-select, .form-type-select.form-item-view-submission-types-2016 select.form-select, .form-type-select.form-item-field-sessions-youth-agenda select.form-select { border: 1px solid #f4f4f4; webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f4f4f4; } /* Bullets */ #agenda-slider .bx-wrapper .bx-viewport .bx-wrapper .bx-viewport {padding-top: 100px;} #agenda-slider .bx-pager {bottom: initial; top: 0px; min-height: 100px; z-index: 100; position: absolute; width: 100%; margin-top: 1em;} #agenda-slider .bx-pager-item {margin: 5px; display: inline-block;} #agenda-slider .bx-pager-item a { width: 120px; height: 38px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #agenda-slider .bx-pager-item:nth-child(1) a { background: url("../img/agenda-labels-2022.png") no-repeat 10px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(2) a { background: url("../img/agenda-labels-2022.png") no-repeat -93px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(3) a { background: url("../img/agenda-labels-2022.png") no-repeat -195px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(4) a { background: url("../img/agenda-labels-2022.png") no-repeat -297px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(1) a.active { background: url("../img/agenda-labels-hover-2022.png") no-repeat 10px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(2) a.active { background: url("../img/agenda-labels-hover-2022.png") no-repeat -93px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(3) a.active { background: url("../img/agenda-labels-hover-2022.png") no-repeat -195px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #agenda-slider .bx-pager-item:nth-child(4) a.active { background: url("../img/agenda-labels-hover-2022.png") no-repeat -297px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } .timeslot-label {text-align: center; font-size: 2.4em; color: #000; margin-bottom: .8em; display: inline-block; width: 90%;} .view-agenda-half-days .timeslot {vertical-align: top; width: 33%; display: inline-block;} /* Agenda slot - cell */ .view-agenda {display: inline-block; width: 90%;} .view-agenda .views-row {margin: 0 0 1.5em 0; border-bottom: 1px solid #b2b2b2; text-align: left; min-height: 140px; position: relative; background: none} .view-agenda .views-row.hover {background-color: #e5e5e5;} .agenda-cell {position: relative; margin: 0 0 1.5em 0; border-bottom: 1px solid #b2b2b2; display: inline-block; width: 90%;} .agenda-cell.auditoire {background: #ededed;} .agenda-topic {position: relative; padding: 8px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 16px; line-height: 1em;} .agenda-topic-2, .agenda-topic-3, .agenda-topic-4, .agenda-topic-5, .agenda-topic-6 {background-color: rgba(193,28,131,1); color: #fff064;} .agenda-topic-7, .agenda-topic-8, .agenda-topic-9, .agenda-topic-10, .agenda-topic-11 {background-color: rgba(0,224,187,1); color: #273988;} .agenda-topic-12, .agenda-topic-13, .agenda-topic-14, .agenda-topic-15, .agenda-topic-16 {background-color: rgba(29,3,214,1); color: #f89c30;} .agenda-topic-89, .agenda-topic-90, .agenda-topic-91, .agenda-topic-92, .agenda-topic-115, .agenda-topic-116, .agenda-topic-117, .agenda-topic-118, .agenda-topic-119 {background-color: rgba(154,202,60,1);color: #ffffff;} .agenda-topic-93, .agenda-topic-94, .agenda-topic-95, .agenda-topic-96, .agenda-topic-97, .agenda-topic-120, .agenda-topic-121, .agenda-topic-122 {background-color: rgba(64,150,192,1); color: #ffffff;} .agenda-topic-98, .agenda-topic-99, .agenda-topic-100, .agenda-topic-101, .agenda-topic-102, .agenda-topic-103 {background-color: #009ac6; color: #ffffff;} /* Topics 2022 - Theme 1 - Digital - Bleu*/ .agenda-topic-124, .agenda-topic-125, .agenda-topic-126 {background-color:#1a54eb; color:#ffffff;} /* Topics 2022 - Theme 2 - Green - Vert*/ .agenda-topic-127, .agenda-topic-128 {background-color:#18baa8; color:#ffffff;} /* Topics 2022 - Theme 3 - Transport - Bleu foncé*/ .agenda-topic-129, .agenda-topic-130, .agenda-topic-131 {background-color:#00125c; color:#ffffff;} /* Topics 2022 - Theme 4 - Health - Rouge*/ .agenda-topic-132 {background-color:#ff5c55; color:#ffffff;} /* Topics 2022 - Theme 5 - Education - Violet*/ .agenda-topic-133, .agenda-topic-134 {background-color:#8f4099; color:#ffffff;} .view-agenda .agenda-topic-6239.node-6576, .view-agenda .agenda-topic-6239.node-6218, .view-agenda .agenda-topic-6239.node-5971 {background: #ee7103 url("../img/topics-picto.png") bottom; background-position: 0px -288px; background-repeat: no-repeat;} .view-agenda .agenda-topic-6239.node-6927, .view-agenda .agenda-topic-6239.node-6926 {background: #ee7103 url("../img/topics-picto.png") bottom; background-position: 0px -312px; background-repeat: no-repeat;} /* Agenda slot - cell - Opening and closing session */ .view-agenda #session-id-19833, .view-agenda #session-id-19835 {min-height: 296px; background-color: #dadada; padding: 5px 10px 0 10px;} .view-agenda #session-id-19833 .place-2015-format, .view-agenda #session-id-19835 .place-2015-format {display: none;} .view-agenda #session-id-19833 li.first .place-2015-format, .view-agenda #session-id-19835 li.first .place-2015-format {display: inline-block;} .view-agenda #session-id-19833 .agenda-topic-6239, .view-agenda #session-id-19835 .agenda-topic-6239 {color: #5a5a5a; background-color: transparent;} .view-agenda #session-id-19833 .agenda-topic-6239::after {content: "Opening ceremony";} .view-agenda #session-id-19835 .agenda-topic-6239::after {content: "Closing panel";} .view-agenda #session-id-19833 .views-field-title, .view-agenda #session-id-19835 .views-field-title {text-transform: uppercase; font-size: 2em; margin-top: .8em; line-height: 1.1em;} .view-agenda #session-id-19833 .views-field-field-place-2015, .view-agenda #session-id-19835 .views-field-field-place-2015 { display: block; position: relative;} .view-agenda #session-id-19833 .row2---right, .view-agenda #session-id-19835 .row2---right {float: none; display: block; position: relative;} .view-agenda .views-field-field-place-2015 .item-list ul, .view-agenda-youth .views-field-field-place-2015 .item-list ul {margin: 0; padding: 0; list-style-type: none;} .view-agenda .views-field-field-place-2015 .item-list > ul > li, .view-agenda-youth .views-field-field-place-2015 .item-list > ul > li {margin: 0 !important; padding: 0; display: inline-block;} .view-agenda .views-field-field-place-2015, .view-agenda .row2---right, .view-agenda-youth .views-field-field-place-2015, .view-agenda-youth .row2---right {display: inline-block; vertical-align: top;} .agenda-data {position:relative; padding:0 10px; margin-bottom: 10px; font-family:'OpenSans-Regular'; font-size:13px; line-height:1.5em;} .agenda-info {line-height:1em; margin-bottom:1em;} .agenda-type {font-weight:600;} .agenda-place, .agenda-day, .agenda-hour {font-size:.9em; display:inline-block; position:relative;} .agenda-place-label, .agenda-day-label, .agenda-hour-label {padding:0 10px 0 20px;} .view-agenda .views-field-field-place-2015 li .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li .place-2015-label {padding: 0;} .view-agenda .views-field-field-place-2015 li.first .place-2015-label {padding: 0 0 0 0;} .view-agenda .views-field-field-place-2015 li.last .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.last .place-2015-label {padding: 0 20px 0 0;} .view-agenda .views-field-field-place-2015 li.first.last .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.first.last .place-2015-label {padding: 0 10px 0 0;} .view-agenda .views-field-field-place-2015 .place-2015-format, .view-agenda-youth .views-field-field-place-2015 .place-2015-format {font-size: .9em; text-transform: capitalize;} .agenda-date {position: relative;} .agenda-day .agenda-day-picto {display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -25px -4px no-repeat, none; background-size: 400% auto;} .agenda-hour .agenda-hour-picto {display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -51px -3px no-repeat, none; background-size: 400% auto;} .agenda-place .agenda-place-picto { display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -1px -3px no-repeat, none; background-size: 400% auto;} .view-agenda .agenda-cell.session-creative .views-field-field-date .agenda-picto-day, .view-agenda-youth .agenda-cell.session-creative .views-field-field-date .agenda-picto-day, .view-agenda .agenda-cell.session-creative .views-field-field-date-1 .agenda-picto-hour, .view-agenda-youth .agenda-cell.session-creative .views-field-field-date-1 .agenda-picto-hour {top: inherit;} .agenda-title {padding: 10px; font-size: 1.1em; color: #3c3c3a; line-height: 1em; display: inline-block;} .agenda-title a, .agenda-title a:link, .agenda-title a:active {text-rendering: optimize; text-decoration: none; color: #3c3c3a; font-weight: 600;} .agenda-title a:hover {text-decoration: underline;} /* SharingBox view */ .view-sharing-box { margin: 0px auto; } body.front .mfp-bg { background: transparent !important; } .view-sharing-box .view-content { text-align: center; } .view-sharing-box .isotope-element { height: 250px !important; float: none; display: inline-block; } /* Speakers content type page */ #block-views-8ee268d6e103062640623991ee348f12, #block-views-278c44ef63c6cf94d07be1237ec73bb3 { margin-top: 1.5em; } /* Agenda Flex slider */ #block-block-90, #block-global-filter-global-filter-1.block, #block-global-filter-global-filter-2.block, #block-global-filter-global-filter-3.block { padding: 15px; display: inline-block; vertical-align: top; min-height: 25px; } #block-block-90 { padding: 15px 0; } #block-global-filter-global-filter-1 form, #block-global-filter-global-filter-1 .form-item, #block-global-filter-global-filter-2 form, #block-global-filter-global-filter-2 .form-item, #block-global-filter-global-filter-3 form, #block-global-filter-global-filter-3 .form-item { margin: 0; } #global-filter-1 > div { background-color: #efefef; } #block-global-filter-global-filter-2 .content { background-color: transparent; } #block-global-filter-global-filter-1 .sbHolder, #block-global-filter-global-filter-2 .sbHolder { width: 220px; } #block-global-filter-global-filter-1 .form-item-view-topics-2015 { display: inline-block; vertical-align: top; margin: 0; } .global-filter-set-select { display: inline-block; margin: 0; vertical-align: top; } #block-views-agenda-slider-block-1, #block-views-agenda-slider-block-2 { max-width: 1280px; text-align: center; margin: 0 auto; } #block-views-agenda-slider-block-1 .flexslider, #block-views-agenda-slider-block-2 .flexslider { box-shadow: none; } #block-views-agenda-slider-block-1 .flex-direction-nav, #block-views-agenda-slider-block-2 .flex-direction-nav { display: none; } #block-views-agenda-slider-block-1 .flex-direction-nav a:hover, #block-views-agenda-slider-block-1 .flex-direction-nav a:focus, #block-views-agenda-slider-block-2 .flex-direction-nav a:hover, #block-views-agenda-slider-block-2 .flex-direction-nav a:focus { color: #005aac; text-decoration: none; } #block-views-agenda-slider-block-1 .flexslider .flex-direction-nav a, #block-views-agenda-slider-block-1 .flexslider .flex-direction-nav a, #block-views-agenda-slider-block-2 .flexslider .flex-direction-nav a, #block-views-agenda-slider-block-2 .flexslider .flex-direction-nav a { display: block; /* I added this line */ } #block-views-agenda-slider-block-1 ol.flex-control-paging, #block-views-agenda-slider-block-2 ol.flex-control-paging { padding: 0; } #block-views-agenda-slider-block-1 .flex-direction-nav li a, #block-views-agenda-slider-block-2 .flex-direction-nav li a { display: inline-block; color: #0588e2; top: 28px; text-shadow: none; } #block-views-agenda-slider-block-1 .flex-direction-nav .flex-next, #block-views-agenda-slider-block-2 .flex-direction-nav .flex-next { right: 0 !important; margin-right: 0px; opacity: 1 !important; } #block-views-agenda-slider-block-1 .flex-direction-nav .flex-prev, #block-views-agenda-slider-block-2 .flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: 0px; } #block-views-agenda-slider-block-1 .flex-viewport, #block-views-agenda-slider-block-2 .flex-viewport { max-height: none; } #block-views-agenda-slider-block-1 .flex-viewport .halfday-title, #block-views-agenda-slider-block-2 .flex-viewport .halfday-title { height: 120px; text-align: center; padding-top: 10px; } #block-views-agenda-slider-block-1 .flex-viewport .halfday-title span, #block-views-agenda-slider-block-2 .flex-viewport .halfday-title span { visibility: hidden; } #block-views-agenda-slider-block-1 .flex-viewport #day-01-am, #block-views-agenda-slider-block-2 .flex-viewport #day-01-am { width: 384px; /* background-image:url(../img/agenda-slider-title-day1-am.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } #block-views-agenda-slider-block-1 .flex-viewport #day-01-pm, #block-views-agenda-slider-block-2 .flex-viewport #day-01-pm { width: 384px; /* background-image:url(../img/agenda-slider-title-day1-pm.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } #block-views-agenda-slider-block-1 .flex-viewport #day-02-am, #block-views-agenda-slider-block-2 .flex-viewport #day-02-am { width: 384px; /* background-image:url(../img/agenda-slider-title-day2-am.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } #block-views-agenda-slider-block-1 .flex-viewport #day-02-pm, #block-views-agenda-slider-block-2 .flex-viewport #day-02-pm { width: 384px; /* background-image:url(../img/agenda-slider-title-day2-pm.png); background-repeat:no-repeat; background-position:top;*/ margin: 5px auto; } .form-type-select.form-item-view-topics-2016 select.form-select, .form-type-select.form-item-view-submission-types-2016 select.form-select, .form-type-select.form-item-field-sessions-youth-agenda select.form-select { border: 1px solid #f4f4f4; webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #f4f4f4; } /* Bullets */ #block-views-agenda-slider-block-1 .flex-control-nav, #block-views-agenda-slider-block-2 .flex-control-nav { bottom: initial; top: 0px; height: 100px; } #block-views-agenda-slider-block-1 .flex-control-nav li, #block-views-agenda-slider-block-2 .flex-control-nav li { margin: 0 10px; display: inline-block; } #block-views-agenda-slider-block-1 .flex-control-paging li a, #block-views-agenda-slider-block-2 .flex-control-paging li a { width: 120px; height: 38px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(1) a { background: url("../img/agenda-labels-2017.png") no-repeat 10px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(2) a { background: url("../img/agenda-labels-2017.png") no-repeat -93px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(3) a { background: url("../img/agenda-labels-2017.png") no-repeat -195px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(4) a { background: url("../img/agenda-labels-2017.png") no-repeat -297px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(1) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat 10px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(2) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat -93px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(3) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat -195px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-1 .flex-control-paging li:nth-child(4) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat -297px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(1) a { background: url("../img/agenda-labels-2017.png") no-repeat 10px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(2) a { background: url("../img/agenda-labels-2017.png") no-repeat -93px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(3) a { background: url("../img/agenda-labels-2017.png") no-repeat -195px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(4) a { background: url("../img/agenda-labels-2017.png") no-repeat -297px -1px rgba(128,128,128,0); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(1) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat 10px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(2) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat -93px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(3) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat -195px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } #block-views-agenda-slider-block-2 .flex-control-paging li:nth-child(4) a.flex-active { background: url("../img/agenda-labels-2017-hover.png") no-repeat -297px -1px rgba(128,128,128,1); background-size: 340% auto; border: 1px solid #808080; } /* Agenda tables */ .view-agende-half-days table, .view-agenda-youth-half-days table { width: 100%; border: 0; background-color: 0; } .view-agende-half-days thead tr, .view-agenda-youth-half-days thead tr { border-bottom: 0; } .view-agende-half-days th, .view-agende-half-days .views-field.timeslot .views-label, .view-agenda-youth-half-days th, .view-agenda-youth-half-days .views-field.timeslot .views-label { border: 0; background: #ffffff; padding: 0; text-align: center; font-size: 2.4em; color: #000; margin-bottom: .8em; display: inline-block; } .view-agende-half-days tr.even, .view-agende-half-days tr.odd, .view-agenda-youth-half-days tr.even, .view-agenda-youth-half-days tr.odd { background-color: #fff; border-bottom: 1px solid #b2b2b2; padding: 0; } .view-agende-half-days td, .view-agende-half-days .views-field.timeslot, .view-agenda-youth-half-days td, .view-agenda-youth-half-days .views-field.timeslot { vertical-align: top; width: 33%; } .view-agende-half-days .views-field.timeslot, .view-agenda-youth-half-days .views-field.timeslot { display: inline-block; } .view-agende-half-days tr.even, .view-agende-half-days tr.odd, .view-agenda-youth-half-days tr.even, .view-agenda-youth-half-days tr.odd { border-bottom: 0; } /* Agenda slot - cell */ .view-agenda, .view-agenda-youth { display: inline-block; width: 90%; } .view-agenda .views-row, .view-agenda-youth .views-row { margin: 0 0 1.5em 0; border-bottom: 1px solid #b2b2b2; text-align: left; min-height: 140px; position: relative; background: none } .view-agenda .views-row .agenda-cell, .view-agenda-youth .views-row .agenda-cell { min-height: 160px; position: relative; } .view-agenda .views-row .agenda-cell.session-auditorium, .view-agenda-youth .views-row .agenda-cell.session-auditorium { background: #ededed; } .view-agenda .views-row.hover, .view-agenda-youth .views-row.hover { background-color: #e5e5e5; } .view-agenda .views-field-field-topics-2015, .view-agenda-youth .views-field-field-topics-2015, .views-field-views-conditional .agenda-topic-9831 span { text-transform: uppercase; color: #ffffff; font-size: .84em; line-height: 1.4em; font-family: "OpenSans-Light"; } .view-agenda .agenda-topic-9829, .view-agenda .agenda-topic-9828, .view-agenda .agenda-topic-9827, .view-agenda-youth .agenda-topic-9829, .view-agenda-youth .agenda-topic-9828, .view-agenda-youth .agenda-topic-9827, .view-agenda .agenda-topic-14979, .view-agenda .agenda-topic-14980, .view-agenda .agenda-topic-14981, .view-agenda .agenda-topic-14982, .view-agenda .agenda-topic-14983, .view-agenda-youth .agenda-topic-14979, .view-agenda-youth .agenda-topic-14980, .view-agenda-youth .agenda-topic-14981, .view-agenda-youth .agenda-topic-14982, .view-agenda-youth .agenda-topic-14983 { position: relative; background: rgba(111,188,210,1); padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .view-agenda .agenda-topic-9824, .view-agenda .agenda-topic-9825, .view-agenda .agenda-topic-9830, .view-agenda-youth .agenda-topic-9824, .view-agenda-youth .agenda-topic-9825, .view-agenda-youth .agenda-topic-9830, .view-agenda .agenda-topic-14974, .view-agenda .agenda-topic-14975, .view-agenda .agenda-topic-14976, .view-agenda .agenda-topic-14977, .view-agenda .agenda-topic-14978 { position: relative; background: rgba(245,198,27,1); padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .view-agenda .agenda-topic-9820, .view-agenda .agenda-topic-9821, .view-agenda .agenda-topic-9823, .view-agenda-youth .agenda-topic-9820, .view-agenda-youth .agenda-topic-9821, .view-agenda-youth .agenda-topic-9823, .view-agenda .agenda-topic-14968, .view-agenda .agenda-topic-14969, .view-agenda .agenda-topic-14970, .view-agenda .agenda-topic-14971, .view-agenda .agenda-topic-14972, .view-agenda .agenda-topic-14973, .view-agenda-youth .agenda-topic-14968, .view-agenda-youth .agenda-topic-14966, .view-agenda-youth .agenda-topic-14970, .view-agenda-youth .agenda-topic-14971, .view-agenda-youth .agenda-topic-14972, .view-agenda-youth .agenda-topic-14973 { position: relative; background: rgba(58,166,118,1); padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .view-agenda .agenda-topic-9817, .view-agenda .agenda-topic-9818, .view-agenda .agenda-topic-9819, .view-agenda-youth .agenda-topic-9817, .view-agenda-youth .agenda-topic-9818, .view-agenda-youth .agenda-topic-9819 { position: relative; background: rgba(227,100,46,1); padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .view-agenda .agenda-topic-9826, .view-agenda .agenda-topic-9831, .view-agenda .agenda-topic-9865, .view-agenda-youth .agenda-topic-9826, .view-agenda-youth .agenda-topic-9831, .view-agenda-youth .agenda-topic-9865 { position: relative; background: rgba(113,111,188,1); padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .views-field-views-ifempty-1 { } .view-agenda .agenda-topic-6239.node-6576, .view-agenda .agenda-topic-6239.node-6218, .view-agenda .agenda-topic-6239.node-5971 { background: #ee7103 url("../img/topics-picto.png") bottom; background-position: 0px -288px; background-repeat: no-repeat; } .view-agenda .agenda-topic-6239.node-6927, .view-agenda .agenda-topic-6239.node-6926 { background: #ee7103 url("../img/topics-picto.png") bottom; background-position: 0px -312px; background-repeat: no-repeat; } /* Agenda slot - cell - Opening and closing session */ .view-agenda #session-id-19833, .view-agenda #session-id-19835 { min-height: 296px; background-color: #dadada; padding: 5px 10px 0 10px; } .view-agenda #session-id-19833 .place-2015-format, .view-agenda #session-id-19835 .place-2015-format { display: none; } .view-agenda #session-id-19833 li.first .place-2015-format, .view-agenda #session-id-19835 li.first .place-2015-format { display: inline-block; } .view-agenda #session-id-19833 .agenda-topic-6239, .view-agenda #session-id-19835 .agenda-topic-6239 { color: #5a5a5a; background-color: transparent; } .view-agenda #session-id-19833 .agenda-topic-6239::after { content: "Opening ceremony"; } .view-agenda #session-id-19835 .agenda-topic-6239::after { content: "Closing panel"; } .view-agenda #session-id-19833 .views-field-title, .view-agenda #session-id-19835 .views-field-title { text-transform: uppercase; font-size: 2em; margin-top: .8em; line-height: 1.1em; } .view-agenda #session-id-19833 .views-field-field-place-2015, .view-agenda #session-id-19835 .views-field-field-place-2015 { display: block; position: relative; } .view-agenda #session-id-19833 .row2---right, .view-agenda #session-id-19835 .row2---right { float: none; display: block; position: relative; } .view-agenda .views-field-field-place-2015 .item-list ul, .view-agenda-youth .views-field-field-place-2015 .item-list ul { margin: 0; padding: 0; list-style-type: none; } .view-agenda .views-field-field-place-2015 .item-list > ul > li, .view-agenda-youth .views-field-field-place-2015 .item-list > ul > li { margin: 0 !important; padding: 0; display: inline-block; } .view-agenda .views-field-field-place-2015, .view-agenda .row2---right, .view-agenda-youth .views-field-field-place-2015, .view-agenda-youth .row2---right { display: inline-block; vertical-align: top; } .view-agenda .row-2, .view-agenda-youth .row-2 { position: absolute; bottom: .2em; padding: 0 10px; } .view-agenda .views-field-field-date-1, .view-agenda .views-field-field-date, .view-agenda-youth .views-field-field-date-1, .view-agenda-youth .views-field-field-date { font-size: .9em; display: inline-block; } .view-agenda .date-display-single, .view-agenda-youth .date-display-single { padding: 0 10px 0 20px; } .view-agenda .views-field-field-place-2015 li .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li .place-2015-label { padding: 0; } .view-agenda .views-field-field-place-2015 li.first .place-2015-label { padding: 0 0 0 0; } .view-agenda .views-field-field-place-2015 li.last .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.last .place-2015-label { padding: 0 20px 0 0; } .view-agenda .views-field-field-place-2015 li.first.last .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.first.last .place-2015-label { padding: 0 10px 0 0; } .view-agenda .views-field-field-place-2015 .place-2015-format, .view-agenda-youth .views-field-field-place-2015 .place-2015-format { font-size: .9em; text-transform: capitalize; } .view-agenda .views-field-field-date .agenda-picto-day, .view-agenda-youth .views-field-field-date .agenda-picto-day { display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -25px -4px no-repeat, none; background-size: 400% auto; } .view-agenda .views-field-field-date-1 .agenda-picto-hour, .view-agenda-youth .views-field-field-date-1 .agenda-picto-hour { display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -51px -3px no-repeat, none; background-size: 400% auto; } .view-agenda .views-field-field-place-2015 li.first .agenda-picto-place, .view-agenda-youth .views-field-field-place-2015 li.first .agenda-picto-place { display: inline-block; height: 18px; width: 18px; padding: 0; margin: 0; overflow: hidden; position: absolute; top: 2px; background: url("../img/agenda-pictos.svg") -1px -3px no-repeat, none; background-size: 400% auto; } .view-agenda .agenda-cell.session-creative .views-field-field-date .agenda-picto-day, .view-agenda-youth .agenda-cell.session-creative .views-field-field-date .agenda-picto-day, .view-agenda .agenda-cell.session-creative .views-field-field-date-1 .agenda-picto-hour, .view-agenda-youth .agenda-cell.session-creative .views-field-field-date-1 .agenda-picto-hour { top: inherit; } #main .view-agenda .views-field-title, #main .view-agenda-youth .views-field-title { padding: 5px 10px; font-size: 1.2em; line-height: 1.2em; } #main .view-agenda .views-field-title a, #main .view-agenda-youth .views-field-title a { text-rendering: optimize; font-weight: 600; text-decoration: none; color: #3c3c3a; } #main .view-agenda .views-field-title a:hover, #main .view-agenda-youth .views-field-title a:hover { text-decoration: underline; } /* Reveal on scroll */ .revealOnScroll { opacity: 0; } .revealOnScroll.animated { opacity: 1; } /* Specs page EU-Africa Business Forum 4th Follow-up Workshop */ .content-node-11832 .msc-item.principe-2 .msc-item-body .inner h1.item-body-h1 { margin-top: 0 } .content-node-11865 .principe-9 { position: relative; padding-top: 1px; } .content-node-11865 .principe-9 .msc-item-tagline.top { display: none; } .view-main-section-content .views-field-nothing .content-node-11865 .principe-9 .msc-item-title h1 { margin-bottom: 0px; } .view-main-section-content .views-field-nothing .content-node-11865 .principe-9 h1.taglineh1 { margin-top: 0px; } video { width: 100% !important; max-width: 640px !important; height: auto !important; } /* Back-office - View speakers main sessions form */ .views-field-field-msf-speaker-converted-editable .views-row-edit-static { display: none; } #node-12302 .session-page-picture, #node-12468 .session-page-picture, #node-12233 .session-page-picture { display: none; } .content-node-14311 .principe-9 .msc-item-tagline { display: block; } .content-node-14311 .principe-9 h1 { margin-top: .8em; display: inline-block; } .content-node-14311 .principe-9 .msc-item-tagline h2 { margin: 0; text-transform: initial; } .content-node-14311 .principe-9 .msc-item-tagline.top h2 { display: none; } .button-legend { text-align: center; margin-bottom: 0; margin-top: .5em; } .content-node-13905 .msc-item-picture img { width: 60%; } .content-node-14924 .msc-item-body { display: none; } .content-node-13567 .msc-item-column a, .content-node-13567 .msc-item-column a:active, .content-node-13567 .msc-item-column a:link { color: #444444; } /* Lorenzo Natali Media Prize */ #node-16723 { width: 80%; margin: 0 auto; } #node-16723 .field-name-field-section-page-tagline { margin-top: 2em; } #node-16723 .field-name-body .field-items .field-item div { text-align: center; font-family: "OpenSans-Light"; font-size: 20px; line-height: 28px; font-weight: 900; margin-bottom: 20px; } /* Section page agenda link banner 2017 */ .content-node-19873 .title { color: #000; } /* Cultural programme 2017 */ .view-cultural-programme, .view-cultural-programme a { color: #565656 !important; text-align: left; } .view-cultural-programme .views-field-title a { text-decoration: none; display: inline-block; text-align: left; font-weight: 100; font-size: 21px; padding-top: 10px; margin-bottom: .5em; font-family: "OpenSans-SemiBold"; color: #565656; line-height: 1.3em; } .view-cultural-programme .view-content { text-align: center; } .view-cultural-programme .views-row { display: inline-block; width: 20%; vertical-align: top; text-align: left; } .view-cultural-programme .cultural-programme-grid { padding: 1em; } .view-cultural-programme .views-field-type { text-transform: capitalize; } .view-cultural-programme .views-field-place .picto { height: 14px; width: 14px; top: 3px; background: url("../img/agenda-pictos.svg") -1px -1px no-repeat, none; background-size: 400% auto; display: inline-block; } .view-cultural-programme .views-more-info a:link, .view-cultural-programme .views-more-info a:visited { color: rgba(226,73,73,1) !important; } .view-cultural-programme .views-more-info a:hover, .view-cultural-programme .views-more-info a:active, .view-cultural-programme .views-more-info a:focus { color: #000000 !important; } .view-main-section-content .view-cultural-programme .views-field-nothing { margin: 40px 0 0 0; } .view-main-section-content .views-field-nothing .content-node-20096 h1, .view-main-section-content .views-field-nothing .content-node-20117 h1 { margin-bottom: 10px; } .view-main-section-content .views-field-nothing .content-node-20096 .msc-item-view, .view-main-section-content .views-field-nothing .content-node-20117 .msc-item-view { margin-top: 0; } /* EDD17 - Young Leader spinning wheel */ @-webkit-keyframes web-animation-fadein-ws { 0% { opacity: 0; visibility: hidden; backface-visibility: hidden } 100% { opacity: 1; visibility: visible; backface-visibility: hidden } } @-moz-keyframes web-animation-fadein-ws { 0% { opacity: 0; visibility: hidden; backface-visibility: hidden } 100% { opacity: 1; visibility: visible; backface-visibility: hidden } } @keyframes web-animation-fadein-ws { 0% { opacity: 0; visibility: hidden; backface-visibility: hidden } 100% { opacity: 1; visibility: visible; backface-visibility: hidden } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #web-animation-YL-01 { display: inline-block; position: relative; text-align: center; width: 90%; height: auto; /*background-color: rgba(255,222,23,1); padding-top:4em;*/ } #web-animation-YL-01 .background { max-width: 682px; max-height: 682px; position: absolute; width: 100%; height: auto; top: 0; } #web-animation-YL-01-item-01 { max-width: 682px; max-height: 682px; z-index: 0; display: inline-block; position: relative; overflow: hidden } #web-animation-YL-01-item-01 .spinner { position: relative; display: inline-block; -webkit-animation: web-animation-fadein-ws 3s 0s 1 forwards, spin 8s 2s infinite linear; -moz-animation: web-animation-fadein-ws 3s 0s 1 forwards, spin 8s 2s infinite linear; -o-animation: web-animation-fadein-ws 3s 0s 1 forwards, spin 8s 2s infinite linear; animation: web-animation-fadein-ws 3s 0s 1 forwards, spin 8s 2s infinite linear; } /* EDD18 - Page programme */ .content-node-131 .msc-item.principe-2 .msc-item-body .inner h1.item-body-h1 { display: none; } .view-main-section-content .content-node-129 .views-row-last .views-field-nothing { margin: 0; } .content-node-129 .main-section-theme-body-visible, .content-node-164 .main-section-theme-body-visible { display: none; } /* EDD18 - Page Story*/ #story-body { font-size: 16px; line-height: 20px; font-family: 'FoundersGrotesk-Regular'; width: 80%; margin: 0 auto; text-align: left; } .story-body-picture { width: 60%; padding: 0 2em 2em 0; } .views-field-field-story-picture { width: 100%; height: 100%; } .views-field-field-story-picture img { -webkit-transition: all 0.3s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; /* Firefox */ -ms-transition: all 0.3s ease; /* IE 9 */ -o-transition: all 0.3s ease; /* Opera */ transition: all 0.3s ease; } .views-field-field-story-picture:hover img { -webkit-transform: scale(1.05); /* Safari and Chrome */ -moz-transform: scale(1.05); /* Firefox */ -ms-transform: scale(1.05); /* IE 9 */ -o-transform: scale(1.05); /* Opera */ transform: scale(1.05); } .content-node-285 .msc-item-title h1 { display: none; } /* base */ @media only screen and (min-width: 1440px) { .has-principe-9bis .msc-item-picture-and-body { height: 327px; } .session-page-body-text-data { display: inline-block; width: 65%; } } @media only screen and (max-width: 1439px) { #young-leaders-programme-form-node-form .multipage-pane { padding-top: 240px !important; background-size: 25% !important; } } @media only screen and (max-width: 1199px) { #logo { width: 226px; height: 40px; } #block-views-home-slider-block.block ul.slides, #block-views-home-slider-block-1.block ul.slides { height: 520px; } .slider-wrapper .slider-media-picture, .slider-wrapper .slider-media-video { height: 520px; } .slider-teaser h3 { font-size: 40px; line-height: 40px; } .view-id-topics .views-row { width: 246px; } #block-views-speakers-home-block .bx-wrapper, #block-views-front-speakers-block .bx-wrapper, #block-views-82d1c62eb6b28018d37e3cbc6b689b9b .bx-wrapper, #session-moderators-and-speakers-bxslider .bx-wrapper { width: 600px; max-width: 600px !important; margin: 0px auto; } .custom #about-infografic img { width: 200px; height: auto; } .principe-9bis .msc-item-picture { height: 215px; } .region-content ul.block-list { width: 100%; text-align: center; } .view-agenda .place-2015-label, .view-agenda .views-field-field-date-1, .view-agenda .views-field-field-date { font-size: .8em; } .view-agenda .date-display-single, .view-agenda .place-2015-label { padding: 0 .8em 0 1.8em; } .view-agenda .row2---right { display: block; position: relative; clear: both; } #main .view-agenda .views-field-title { font-size: 1em; } .countdown-submission #counter-title h2 { font-size: 18px; line-height: 24px; } .countdown-submission #counter-button .button-red { font-size: 14px; } #young-leaders-programme-form-node-form .multipage-pane { padding-top: 240px !important; background-size: 32% !important; } .borderless-principe-3 .msc-item-body .inner, .borderless-principe-3bis .msc-item-body .inner { width: 400px; } } /* Anything smaller than standard 960 */ @media only screen and (max-width: 959px) { .region-header-top-left, .region-header-top-center { font-size: .8em; } #logo, #footer-logo { float: none; } #footer-nav { text-align: center; } #footer-navigation { display: inline-block; margin: 30px 0 0 0; position: relative; width: 100%; text-align: center; } .front #highlighted .container .sixteen.columns { padding: 0; margin: 0; width: 100%; } #footer-navigation { margin: 10px 0; } #footer-navigation ul.menu { text-align: center; } #footer-navigation ul.menu li { float: none; display: inline-block; } .menu-header { margin: 0 auto; display: inline-block; } #bottom-social-links { display: block; position: relative; margin: 0; clear: both; } .slider-wrapper .slider-media-picture, .slider-wrapper .slider-media-video { height: 350px; } .slider-wrapper .slider-media-picture { background-image: none !important; background-color: rgba(0,0,0,0.2) !important; } .slider-wrapper .slider-media-picture img, .slider-wrapper .slider-media-video img { display: inline-block; visibility: visible; } #block-views-home-slider-block.block ul.slides, #block-views-home-slider-block-1.block ul.slides { height: 350px; } .slider-teaser { bottom: 20px; } .slider-teaser h3 { font-size: 2em; line-height: 1.1em; } .node-type-main-section-page #main .region-content, #sub-content .inner { width: 94%; } .node-type-topics #sub-content .inner { width: 100%; } .msc-item.principe-4, .msc-item.principe-4bis, .msc-item.principe-3, .msc-item.principe-3bis, .msc-item.grid { width: 94%; margin: 0 auto; } #media-article, #topics-page { padding: 0 } .topics-page-retrait { width: 100%; } .topics-page-body-retrait { width: 90%; } .front .field-name-body { padding: 0 30px; } #home-body-button { margin: 30px 0 0 0; } #block-views-documents-block .view-documents .views-row { display: inline-block; width: 49%; } .view-id-topics .views-row { width: 220px; margin-right: 15px; margin-bottom: 15px; } .view-main-section-content .view-id-topics .view-content { padding: 0; } .view-id-topics .views-row.views-row-first .msc-item-topic-body { top: 15px; right: 15px; } .custom #about-infografic img { width: 160px; height: auto; } .msc-item.principe-2 .msc-item-body .inner h1.item-body-h1 { margin: 0 0 20px 0; } .principe-9bis .msc-item-picture, .principe-9bis .msc-item-body { width: 49%; margin: 0; } .borderless-principe-3 .msc-item-body .inner, .borderless-principe-3bis .msc-item-body .inner { width: 85%; } .principe-9bis .msc-item-picture { height: 210px; } .principe-9bis .msc-item-body .inner { padding-top: 20px; } .principe-9bis .msc-item-body .inner h2.item-body-h2 p { font-size: 20px; line-height: 32px; } #main-session-form-node-form #edit-field-msf-region-coverage-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-campaign-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-relations-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-region-coverage-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-campaign-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-relations-und .form-type-checkbox { width: 49%; } .msc-item h2 { font-size: 16px; line-height: 24px; } .msc-item-picture { margin-bottom: 1.5em; } .button-std { font-size: .8em; } .button-big { font-size: 1.6em; } .principe-8 .msc-item-body { top: 15px; right: 15px; } .principe-8 .msc-item-body-text p { font-size: 16px; line-height: 24px; } .msc-item.grid .msc-item.principe-8 .msc-item-body .inner h2.item-body-h2 p { font-size: 20px; line-height: 22px; } .msc-item.grid .msc-item.principe-8 .msc-item-body-text p { font-size: 16px; line-height: 18px; } .custom #location-and-key-documents { width: 92%; } ul.block-list li { width: 40%; } .view-sessions-by-topic .views-row, .view-youth-lounge .views-row { width: 90%; } .session-page-retrait { width: 100%; } .view-agenda .views-field-title a, .view-agenda-youth .views-field-title a { font-weight: 100; } #main .view-agenda .views-field-title, #main .view-agenda-youth .views-field-title { font-size: .9em; line-height: 1.2em; } .view-agenda .date-display-single, .view-agenda-youth .date-display-single { padding: 0 .2em 0 1.4em; } .view-agende-half-days th, .view-agende-half-days .views-field.timeslot .views-label, .view-agenda-youth-half-days th, .view-agenda-youth-half-days .views-field.timeslot .views-label { font-size: 2em; margin-bottom: .4em; } .view-agenda .views-field-field-place-2015 li.first .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.first .place-2015-label { padding: 0; } .view-agenda .views-field-field-place-2015 li.last .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.last .place-2015-label { padding: 0 .2em 0 0; } .view-agenda .views-field-field-place-2015 li.first.last .place-2015-label, .view-agenda-youth .views-field-field-place-2015 li.first.last .place-2015-label { padding: 0 .2em 0 0; } .view-agenda .views-field-field-date-1 .agenda-picto-hour, .view-agenda-youth .views-field-field-date-1 .agenda-picto-hour { height: 14px; width: 14px; top: 4px; background: url("../img/agenda-pictos.svg") -40px -2px no-repeat, none; background-size: 400% auto; } .view-agenda .views-field-field-date .agenda-picto-day, .view-agenda-youth .views-field-field-date .agenda-picto-day { height: 14px; width: 14px; top: 4px; background: url("../img/agenda-pictos.svg") -19px -2px no-repeat, none; background-size: 400% auto; } .view-agenda .views-field-field-place-2015 li.first .agenda-picto-place, .view-agenda-youth .views-field-field-place-2015 li.first .agenda-picto-place { height: 14px; width: 14px; top: 3px; background: url("../img/agenda-pictos.svg") -1px -1px no-repeat, none; background-size: 400% auto; } .countdown-submission #counter-title h2 { } .view-home-slider .view-footer { position: relative } #block-block-90, #block-global-filter-global-filter-1.block, #block-global-filter-global-filter-2.block, #block-global-filter-global-filter-3.block { padding: 5px; } .page-speakers h1.title, .page-community h1.title { margin-bottom: 1em; } .views-row.speakers-list, .views-row.organisations-list { margin: .7em 0; } .speaker-cell { min-height: 22em; } .organisation-cell { min-height: 19em; } .speaker-cell-image img {width: 80%;} .speaker-cell-image {height:130px;} .speaker-cell-inner, .organisation-cell-inner { font-size: 12px; } /* Offset anchors to cope with sticky header */ .view-main-section-content .views-field.views-field-nid { position: relative; top: -180px; } body.toolbar .view-main-section-content .views-field.views-field-nid { position: relative; top: -210px; } #young-leaders-programme-form-node-form .multipage-pane { padding-top: 240px !important; background-size: 40% !important; } .slider-media-picture { background-attachment: scroll !important; } .session-page-body-text-data { display: block; width: 99%; } #session-page-video-slideshow { width: 100%; } .view-cultural-programme .views-row { width: 100%; } } /* ipad detection @media only screen and (max-device-width: 1024px) { .view-id-topics .views-row { width:230px;} .view-main-section-content .view-id-topics .view-content { text-align:center;} }*/ @media only screen and (min-width:768px) { #profile-logo.logged-out a { text-transform: uppercase; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; display: inline-block; padding: 4px 10px; margin: 0 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: rgba(226,73,73,1); color: #fff; border: 1px solid rgba(226,73,73,1); font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #profile-logo.logged-out a:hover {position: relative; background-color: #fff; color: rgba(226,73,73,1); border: 1px solid #e44949; text-decoration: none; } } /* laptops/desktops */ @media only screen and (max-width: 992px) { .agenda-cell {min-height: 210px;} .agenda-place-label, .agenda-day-label, .agenda-hour-label {padding: 0 0px 0 20px;} } /* Mobile/Browser */ @media only screen and (max-width: 767px) { h1 {margin: 15px 0; font-size: 25px; line-height: 30px;} select.mnav {width: 100%; padding: 5px;} #header .inner {text-align: center;} #header-right ul.menu li, #header-top ul.menu li {display: block;text-align: left;border-bottom: 1px solid #e3e3e3;border-right: none;padding: 10px 0;} #header-top .region-header-top-left, #header-top .region-header-top-center, #header-top .region-header-top-right, #footer-navigation {display: none;} #tagline .inner-tagline {display: none;} #EC-Logo {left: 0px;} #logo {margin-left: 95px;} #logo, #footer-logo {width: 300px;height: 40px;} .menu-header {margin: 0;display: block;} #top-social-links {display: none;visibility: hidden;} #block-views-workbench-current-user-block-2 {width: 80%;} #block-views-first-community-meeting-block {width: 80%;padding: 0;} #block-views-first-community-meeting-block h2 {text-align:center; margin-top:1em;} #block-views-first-community-meeting-block #edit-user-24658-field-user-nationality input, #block-views-first-community-meeting-block #edit-user-24658-field-id-passport-number input {width: 95% !important;} #block-views-first-community-meeting-block #edit-actions {text-align: center;} .slider-wrapper .slider-media-picture, .slider-wrapper .slider-media-video {position: relative; height: auto;} .slider-wrapper .slider-media-video img, .slider-wrapper .slider-media-picture img {position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} #block-views-home-slider-block.block ul.slides, #block-views-home-slider-block-1.block ul.slides {height: auto;} .slider-teaser {position: relative; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2)} .slider-teaser-body {width: auto; text-align: center; background-color: rgba(0,0,0,0)} .slider-teaser h3 {font-size: 1.8em; line-height: 1.1em; color: #000000} #counter-days {margin-right: 30px;} .counter-digit-item {font-size: 3.5em; padding: 0 10px;} .view-main-section-content .views-field-nothing {margin-top: 10px;} .msc-item-picture, .msc-item-body {width: 100%;} .msc-item-body .inner {padding-left: 0; text-align: center;} #block-views-main-section-content-block {padding: 0;} .node-main-section-page .field-name-title-field h1 {margin: 15px 0; line-height: 100%;} #highlighted .region-highlighted .view-main-section-content, .node-type-main-section-page #main .region-content, #sub-content .inner, .media-article-retrait {width: 100%;} #block-views-documents-block .view-documents .views-row {display: inline-block; width: 100%;} .media-article-picture img {-webkit-border-radius: 0; border-radius: 0;} .topics-page-title {padding: 20px 0 20px 0;} .views-field-field-topics-facst-text, .views-field-field-topics-facts-video {width: 100%;} .views-field-field-topics-facst-text {margin: 0 0 20px 0;} #media-author-logo {display: none;} .view-id-topics .views-row.views-row-first .msc-item-topic-body {width: 100%; position: relative; top: 0; right: 0; padding: 0; background-color: rgba(255,255,255,0);} .view-id-topics .views-row {width: 100%;} .view-id-topics .views-row {margin-right: 0;} .view-id-topics .msc-item-topic-picture img {width: 100%;} .view-id-topics .views-row.views-row-first .msc-item-topic-body-text {display: none;} #block-views-speakers-home-block .bx-wrapper, #block-views-front-speakers-block .bx-wrapper, #block-views-82d1c62eb6b28018d37e3cbc6b689b9b .bx-wrapper, #session-moderators-and-speakers-bxslider .bx-wrapper {width: 300px; max-width: 300px !important;} li.bxslider-views-slideshow-main-frame-row, #session-moderators-and-speakers-bxslider li {width: 154px !important; padding: 0;} li.bxslider-views-slideshow-main-frame-row .views-field-title {font-family: "FoundersGrotesk-Regular";} li.bxslider-views-slideshow-main-frame-row .views-field-field-speaker-title {display: none;} .custom #about-infografic img {width: 130px; height: auto;} #user-register-form .captcha {width: 100%;} .page-user-register #block-system-main, .page-user-profile #block-system-main {width: 100%;} .view-main-section-content .views-field-nothing {margin-bottom: 0;} .msc-item.principe-2 .msc-item-body .msc-item-body-text, .msc-item.principe-2 .msc-item-picture {width: 100%;} .principe-3bis .msc-item-body, .principe-4bis .msc-item-body {float: none;} .principe-3bis .msc-item-body .inner, .principe-4bis .msc-item-body .inner, .msc-item-body .inner {padding: 0;} .borderless-principe-3 .msc-item-picture, .borderless-principe-3 .msc-item-body, .borderless-principe-3bis .msc-item-picture, .borderless-principe-3bis .msc-item-body {width: 100%;} .borderless-principe-3 .msc-item-picture, .borderless-principe-3bis .msc-item-picture {float: none;} .borderless-principe-3 .mg-item-picture-background, .borderless-principe-3bis .mg-item-picture-background {height: 320px;} .borderless-principe-3 .msc-item-body .inner, .borderless-principe-3bis .msc-item-body .inner {margin: 0 auto;} .borderless-principe-3 .msc-item-picture-and-body, .borderless-principe-3bis .msc-item-picture-and-body {height: 100%;} .group-msp-column, .principe-5 .msc-item-column, .taxonomy-principe-5 .group-msp-column, .principe-2bis .msc-item-column, .taxonomy-principe-2bis .group-msp-column, .principe-6 .msc-item-column, .taxonomy-principe-6 .group-msp-column, .principe-7 .msc-item-column, .taxonomy-principe-7 .group-msp-column {width: 100%; margin-bottom: 2em} .principe-8 .msc-item-picture {width: 100%;} .principe-8 .msc-item-body {width: 100%; position: relative; top: 0; right: 0; padding: 0; background-color: none;} .msc-item-picture-and-body {margin-top: 0;} .principe-8 .msc-item-link {display: block;} .principe-8 .msc-item-link.nolink {display: none;} .principe-9bis .msc-item-picture, .principe-9bis .msc-item-body {width: 100%; display: block;} .principe-9bis .msc-item-picture {height: auto;} .principe-9bis .msc-item-body .inner {padding-bottom: 20px;} .principe-10 .msc-item-picture {width: 95%;} .custom #location-and-key-documents {width: 100%;} .custom #location-and-key-documents #location-map {width: 100%; ,margin: 2em 0;} .custom #location-and-key-documents #key-documents {width: 100%; margin-left: 0;} .custom #location-and-key-documents #key-documents .field-content {width: 94%; margin: 0px 10px;} #main-session-form-node-form #edit-field-msf-region-coverage-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-campaign-und .form-type-checkbox, #main-session-form-node-form #edit-field-msf-media-relations-und .form-type-checkbox, #edit-field-msf-youthactivity-type-und .form-type-checkbox {width: 100%;} select#edit-field-msf-relatedtopic-1-und.form-select, select#edit-field-msf-relatedtopic-2-und.form-select, select#edit-field-msf-relatedtopic-3-und.form-select {width: 295px;display: block} #edit-field-msf-partner-organisations input.form-text {width: 290px;display: block;} tr.odd .form-item, tr.even .form-item, tr.odd .form-item.form-item-field-msf-partner-organisations-und-0-target-id {white-space: initial !important;} ul.block-list li {width: 90%;margin: 10px 0;min-height: 60px;} #session-page-video-slideshow {padding: 0;} #fc-video-wrapper, #session-page-video-thumbnails {width: 100%;} #session-page {padding: 0;} .session-page-datablock { width: 100%; max-width: inherit; margin: 0 0 20px 0;} .session-page-title { padding: 0;} .view-agende-half-days .views-field.timeslot, .view-agenda-youth-half-days .views-field.timeslot { vertical-align: top; width: 100%; display: block;} .view-agenda .row2---right, .view-agenda-youth .row2---right {display: inline-block;} #block-block-90, #block-global-filter-global-filter-1.block, #block-global-filter-global-filter-2.block, #block-global-filter-global-filter-3.block { padding: 5px 0; width: 90%;} .form-type-select.form-item-view-topics-2016 select.form-select, .form-type-select.form-item-view-submission-types-2016 select.form-select, .form-type-select.form-item-field-sessions-youth-agenda select.form-select {width: 100%;} #block-global-filter-global-filter-1 form, #block-global-filter-global-filter-1 .form-item, #block-global-filter-global-filter-2 form, #block-global-filter-global-filter-2 .form-item, #block-global-filter-global-filter-3 form, #block-global-filter-global-filter-3 .form-item {width: 100%;} #block-views-agenda-slider-block-1 .flex-control-nav li, #block-views-agenda-slider-block-2 .flex-control-nav li {margin: 0 10px 15px 10px;} .page-speakers h1.title, .page-community h1.title {margin-bottom: .5em;} #views-exposed-form-speaker-page, #views-exposed-form-stakeholders-page {margin-bottom: 2em;} .views-row.speakers-list, .views-row.organisations-list {width: 48%;} /* Offset anchors to cope with sticky header */ .view-main-section-content .views-field.views-field-nid {position: relative; top: -130px;} body.toolbar .view-main-section-content .views-field.views-field-nid { position: relative; top: -160px;} .countdown-submission #counter-title, .countdown-submission #counter-button {width: 100%; padding: 0;} .countdown-submission #counter-title h2 {text-align: center;} #slide-13611 .slider-teaser h3, #slide-14141 .slider-teaser h3, #slide-14249 .slider-teaser h3, #slide-14250 .slider-teaser h3, #slide-14251 .slider-teaser h3, #slide-14252 .slider-teaser h3, #slide-14253 .slider-teaser h3, #slide-14794 .slider-teaser h3 {background-color: rgba(0, 0, 0, 0);} #young-leaders-programme-form-node-form .multipage-pane {padding-top: 220px !important; background-size: 65% !important;} #story-body {width: 100%;} .story-body-picture {width: 50%;} .principe-11 .msc-item-picture-hyperlink {width: 100%;} /* Agenda */ .view-agenda-half-days .timeslot { vertical-align: top; width: 100%; display: inline-block;} #tat-programme h1 {font-size: 40px; margin-bottom: 30px;} .view-photo-booth .item-list li.views-row {width: 45%; padding: 5px;} #agenda-slider .bx-wrapper .bx-viewport .bx-wrapper .bx-viewport {padding-top: 140px;} } /* Mobile/Browser */ @media only screen and (max-width:480px) { #EC-Logo {width: 137px; height:97px; top:-94px;} #logo {width: 185px; height:33px;} .front #highlighted > .container {width:320px;} .front .field-name-body {padding:0; text-align:center} .slider-teaser h3 {font-size:1.4em;line-height:1.1em;} .flex-control-paging li a {width:22px;height:22px;} .block h2.counter-title {font-size:22px; line-height:24px;} #counter-days {margin-right:20px;} .counter-digit-item {font-size: 2.5em;} #footer-logo, #footer-navigation {display:none; visibility:hidden;} #isotope-container {left:-5px; width: 290px !important;} .isotope-element {width:270px;} .media-article-picture {left: -10px; position: relative; width: 320px; overflow: hidden;} .topics-page-picto, .topics-page-picto img {width: 80px;} /* #block-views-speakers-home-block, #block-views-front-speakers-block { display:none; } */ #block-views-speakers-home-block .bx-wrapper, #block-views-front-speakers-block .bx-wrapper, #block-views-82d1c62eb6b28018d37e3cbc6b689b9b .bx-wrapper, #session-moderators-and-speakers-bxslider .bx-wrapper {width: 155px; max-width: 155px !important;} .custom #about-infografic .inline-item {display: block;} .custom #about-infografic img {width: 200px; height: auto;} .custom #location-and-key-documents {width: 95%;} .custom #location-and-key-documents #key-documents .field-content {margin: 0; width: 275px;} .msc-anchor-button {display: block;} .msc-anchor-button a.button-grey, .msc-anchor-button a.button-grey:link, .msc-anchor-button a.button-grey:visited { width: 100%; padding: 10px 8px 6px;} select#edit-field-msf-relatedtopic-1-und.form-select, select#edit-field-msf-relatedtopic-2-und.form-select, select#edit-field-msf-relatedtopic-3-und.form-select {width: 210px; display: block} #edit-field-msf-partner-organisations input.form-text {width: 205px;} #edit-field-msf-partner-organisations input.form-text {width: 200px;} .view-main-section-themes .main-section-theme-picture {width: 270px; height: 152px;} .view-main-section-themes #main-section-topic-9817 {background: url("../img/pictos-topics.svg") 0px -160px no-repeat, none; background-size: 21% auto;} .view-main-section-themes #main-section-topic-9818 {background: url("../img/pictos-topics.svg") 4px -194px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9819 {background: url("../img/pictos-topics.svg") 0px -275px no-repeat, none; background-size: 21% auto;} .view-main-section-themes #main-section-topic-9820 {background: url("../img/pictos-topics.svg") 0px -610px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9821 {background: url("../img/pictos-topics.svg") 0px -665px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9823 {background: url("../img/pictos-topics.svg") 0px -724px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9830 {background: url("../img/pictos-topics.svg") 0px -115px no-repeat, none; background-size: 21% auto;} .view-main-section-themes #main-section-topic-9829 {background: url("../img/pictos-topics.svg") 4px -445px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9828 {background: url("../img/pictos-topics.svg") 4px -495px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9827 {background: url("../img/pictos-topics.svg") 4px -547px no-repeat, none; background-size: 19% auto; padding: 2px 10px 0px 60px;} .view-main-section-themes #main-section-topic-9826 {background: url("../img/pictos-topics.svg") 0px -302px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9831 {background: url("../img/pictos-topics.svg") 0px -348px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9865 {background: url("../img/pictos-topics.svg") 0px -396px no-repeat, none; background-size: 19% auto;} #block-block-90, #block-global-filter-global-filter-1.block, #block-global-filter-global-filter-2.block, #block-global-filter-global-filter-3.block {display: none} .view-agenda .views-row, .view-agenda .views-row .agenda-cell, .view-agenda-youth .views-row, .view-agenda-youth .views-row .agenda-cell, .agenda-cell {min-height: 120px;} .views-row.speakers-list, .views-row.organisations-list {width: 80%;} .speaker-cell-image img, .organisation-cell-image img {width: inherit;} #speakers-grid .speaker-cell-image img {width: 80%;} .form-item-field-topics-2015-target-id, #views-exposed-form-speaker-page .views-exposed-widget.views-reset-button {display: none} #views-exposed-form-speaker-page .views-exposed-form .views-exposed-widget {padding: 0;} .view-sessions-by-topic .views-row, .view-youth-lounge .views-row { width: 100%; margin: 0 0 1em 0;} #block-views-sessions-by-topic-block, #block-views-sessions-by-topic-block-1, #block-views-sessions-by-topic-block-2, #block-views-sessions-by-topic-block-3 {max-width: 300px; margin: 0 auto; margin-top: 0;} #young-leaders-programme-form-node-form .multipage-pane { padding-top: 160px !important; background-size: 65% !important;} .topics-page-body-retrait {width: 98%;} #web-animation-YL-01 .background, #web-animation-YL-01-item-01 .spinner { width: 300px; height: 300px;} #story-page .msc-item-picture img {width: 100%;} .story-body-picture {width: 100%; padding: 0 0 2em 0; text-align: center;} #session-speakers-slider .bx-wrapper, #session-speakers-slider .bx-viewport {max-width: 180px;} .view-photo-booth .item-list li.views-row {width: 80%; padding: 0;} .topic-page-sessionblock-title a, .topic-page-sessionblock-title a:link, .topic-page-sessionblock-title a:visited { font-size: 14px; line-height: 14px; } #stand-grid .isotope-element {width:300px;} select {max-width:300px;} #village-intro-text {text-align:center; line-height:1.2em;} } @media print { /* All your print styles go here */ .region-page-top, #header-top, #header, #breadcrumb, #to-page-top, #footer {display:none; visibility:hidden;} } #autocomplete { background-color: #fff !important; } /* Newsletter top * --------------------------------------- */ #header-main-nav .inner {min-height:65px;} .newsletter-button a {-webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(255,204,3,1); color: #00125c; display: inline-block; padding: 16px 30px 10px 30px; text-decoration: none; text-transform: uppercase; font-size: 1em; line-height: 1em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .newsletter-button a:link, .big-button a:visited {text-decoration: none !important; background-color: rgba(255,204,3,1); color: #00125c;} .newsletter-button a:hover { background-color:#18baa8; color: rgba(255,255,255,1); } #newsletter-top {background-color:#00125c; color:#fff; padding:10px 0;} #newsletter-top-content {display:flex; justify-content:space-between;} #newsletter-top-content-text {font-size:1.1em; align-self:center;} #newsletter-top-content-text h2 {margin:0; padding:0; color:#fff; display:none;} #newsletter-top-content-text p {margin:0; padding:0;} #newsletter-top-content-cta {font-size:1.1em; text-align: center;} /* Newsletter bottom * --------------------------------------- */ #newsletter-bottom {background-color:#00125c; color:#fff; margin-top:50px; padding:40px; border-top-left-radius: 20px; border-top-right-radius: 20px;} #newsletter-bottom-content {display:flex; justify-content:space-between;} #newsletter-bottom-content-text {font-size:1.4em; align-self:center;} #newsletter-bottom-content-text p {margin:0; padding:0;} #newsletter-bottom-content-cta {font-size:1.1em; text-align: center;} /* Responsive breakpoints * --------------------------------------- */ /* max width: 1199px */ @media only screen and (max-width: 1199px) { #header-main-nav .inner {min-height:auto;} #newsletter-top-content-text h2 {display:inline-block; font-size:1.2em;} #newsletter-top-content-text p {display:none;} #newsletter-top-content-cta {font-size:1em;} #newsletter-bottom-content {flex-direction:column;} #newsletter-bottom-content-text {text-align:center;} #newsletter-bottom-content-cta {margin-top:20px;} body.front #highlighted {margin-top: 116px;} } /* Mobile/Browser */ /* max width: 768px */ @media only screen and (max-width: 768px) { body.front #highlighted {margin-top: 113px;} } /* Mobile */ /* max width: 480px */ @media only screen and (max-width: 480px) { #newsletter-top-content-text h2 {font-size:.9em;} #newsletter-top-content-cta {font-size:.8em;} }