Young Leaders will participate in the High-Level Panels (HLPs) of EDD 2022. Young Leaders will participate in the High-Level Panels (HLPs) of EDD 2022. @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: 'NotoSans-Bold'; src: url('../fonts/NotoSans-Bold.eot'); src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/NotoSans-Bold.woff2') format('woff2'),url('../fonts/NotoSans-Bold.woff') format('woff'),url('../fonts/NotoSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } .borderless-principe-3 .msc-item-picture-and-body body { font-size: 14px; font-weight: normal; font-style: normal; background: #ffffff; word-wrap: break-word; margin: 0; padding: 0; border: 0; outline: 0; font-family: "FounderGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; } 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-weight: normal; font-style: normal; margin-bottom: 14px; font-size: 40px; line-height: 40px; font-family: "FoundersGrotesk-Bold", "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; } .red-edd, p.red-edd {color:rgba(83,101,100,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 */ .isotope-element { width: 290px; /* height: 250px; */ margin: 10px 10px; float: left; overflow: hidden; position: relative; background: #bebebe; color: #fff;} .view-media-wall .view-content { margin: 0 auto !important;} .view-stories .view-content { margin: 0 auto !important; margin-top:60px; } /* Story Page */ #story-page {margin-bottom:90px;} #story-page .msc-item-picture img {width:80%;} /* Moment grid */ .view-ambiance .isotope-element .views-field-edit-node a, .view-ambiance .isotope-element .views-field-edit-node a:link, .view-ambiance .isotope-element .views-field-edit-node a:active, .view-ambiance .isotope-element .views-field-edit-node a:hover {color: rgba(226,73,73,1) !important;} /* Photshelter grid */ .thumbsContainer UL.thumbs { list-style: none; margin: 0 -20px 0 0; padding: 0; } UL.thumbs { overflow: hidden; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} UL.thumbs LI { position: relative; overflow: hidden; float: left; width: 180px; margin: 0 20px 20px 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-height: 250px; } UL.thumbs LI .thumbnail { height: 180px; width: 180px; overflow: hidden; display: table-cell; vertical-align: bottom; text-align: center; } IMG.psImgLoad.loaded { transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; opacity: 1 !important;} /* 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; } /* Entity form popup */ .popups-container .modal-content .messages.status {display:none;} /* Magnific popup */ .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; text-align: center; } .popup-speaker-cell-social-links { margin: 2em 0; } /* Downloads - Documentation */ .cta { margin: 10px auto 0px auto; padding: 10px 10px 20px 10px; background-color: #f2f2f2; position: relative; border: 1px solid #dcdcdc; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-shadow: #fff 1px 1px 0; box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset; } .cta h3 { font-size: 1.5em; text-shadow: #fff 1px -1px 0; } /* 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; } /* block-list - Contact page */ .region-content ul.block-list { width:80%; margin:0 auto; padding:0; text-align: left; list-style:none; } ul.block-list li { list-style:none; text-align:center; font-family: OpenSans-SemiBold; display:inline-block; width:26%; padding:30px 20px; background-color:#fff; border:1px solid rgba(226,73,73,1); margin:12px 10px; vertical-align:top; min-height:100px; -webkit-border-radius:5x; border-radius:5px; -moz-border-radius:5px; } #main ul.block-list li a { text-decoration:none; } /* 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(../images/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: "OpenSans-Bold";} .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("../images/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: 65px;} #header-main-nav .inner {min-height: 65px;} #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(../images/logo-EC.png); background-image:url(../images/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(../images/logo-EDD.png); background-image:url(../images/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(../images/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("../images/social-links-picto-v3.png"); background-image: url("../images/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:6px; 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-Bold", "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:32px; height:32px; line-height:32px; text-indent:-19999px; vertical-align:middle; background-image: url("../images/social-links-picto-v3.png"); background-image: url("../images/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: -5px 0;} #top-social-links a.social-fb { background-position: -46px 0;} #top-social-links a.social-youtube { background-position: -89px -1px;} #top-social-links a.social-ig { background-position: -130px -1px;} #top-social-links a.social-twitter:hover { background-position: -5px 35px;} #top-social-links a.social-fb:hover { background-position: -46px 35px;} #top-social-links a.social-youtube:hover { background-position: -89px 35px;} #top-social-links a.social-ig:hover { background-position: -130px 35px;} #header.noheader #top-social-links a.social-twitter { background-position: -5px -30px;} #header.noheader #top-social-links a.social-fb { background-position: -46px -30px;} #header.noheader #top-social-links a.social-youtube { background-position: -89px -30px;} #header.noheader #top-social-links a.social-ig { background-position: -130px -30px;} #header.noheader #top-social-links a.social-twitter:hover { background-position: -5px 0px;} #header.noheader #top-social-links a.social-fb:hover { background-position: -46px 0px;} #header.noheader #top-social-links a.social-youtube:hover { background-position: -89px 0px;} #header.noheader #top-social-links a.social-ig:hover { background-position: -130px 0px;} #bottom-social-links a { display:inline-block; width:22px; height:22px; line-height:22px; text-indent:-19999px; vertical-align:middle; background-image: url("../images/social-links-picto.png"); background-image: url("../images/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, #navigation ul.sf-menu, #navigation ul.sf-menu li { margin: 0; padding: 0; } #navigation ul li, #navigation ul.sf-menu li { float: left; position: relative; list-style:none; } #navigation ul li a, #navigation ul.sf-menu li a { text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 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, #navigation ul.sf-menu li a:hover { position: relative; background-color:#fff; color: rgba(226,73,73,1); } #navigation ul li:hover li a, #navigation ul.sf-menu li li a { color: #595959; font-weight: normal; } #navigation ul li a.active, #navigation ul.sf-menu li a.active, #navigation ul li a.active-trail, #navigation ul.sf-menu li a.active-trail { border:1px solid #fff; } #navigation ul.sf-menu a, #navigation ul a { display: block; position: relative; } .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 li a, .slicknav_nav li 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 { padding: 5px 15px; margin: 2px 5px; background-color:#18baa8; border-radius: 0; color: #fff; } .slicknav_menu .slicknav_icon { margin: 0 .438em 0 0;} #navigation ul ul { position: absolute; top: -999em; width: 230px; background-color: rgba(226,73,73,1); filter:none; border:none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} #navigation ul.sf-menu ul li, #navigation ul ul li { width: 100%; } #navigation ul.sf-menu li:hover, #navigation ul li:hover { visibility: inherit; } #navigation ul.sf-menu li:hover ul, #navigation ul.sf-menu li.sfHover ul, #navigation ul li:hover ul { left: 0; top: 30px; z-index: 999; } #navigation ul li:hover ul { top:30px; } #navigation ul.sf-menu li:hover li ul, #navigation ul.sf-menu li.sfHover li ul, #navigation ul li:hover li ul { top: -999em; } #navigation ul.sf-menu li li:hover ul, #navigation ul.sf-menu li li.sfHover ul, #navigation ul li li:hover ul { left: 230px; top: 0; } #navigation ul.sf-menu li li:hover li ul, #navigation ul.sf-menu li li.sfHover li ul, #navigation ul li li:hover li ul { top: -999em; } #navigation ul.sf-menu li li li:hover ul, #navigation ul.sf-menu li li li.sfHover ul, #navigation ul li li li:hover ul { left: 230px; top: 0; } #navigation ul ul li { border:none; } #navigation ul ul li a, #navigation ul ul li a.active, #navigation ul.sf-menu ul li a, #navigation ul.sf-menu ul li a.active { color:#f0f0f0; border:0; padding:10px; } #navigation ul ul li a:hover, #navigation ul.sf-menu ul li a:hover, #navigation ul.sf-menu ul li.sfHover > a { color:#ffffff; background-color: rgba(226,73,73,1)} /* Footer Navigation menu*/ #footer-navigation { display:inline-block; margin: 14px 30px 0 143px;} #footer-navigation ul, #footer-navigation ul li { margin: 0; padding: 0; } #footer-navigation ul li { float: left; position: relative; list-style:none; } #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(0,99,96,1); border-bottom:solid 2px rgba(0,99,96,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; height: 80px;} #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, #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; text-align: center; } .node.node-teaser { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; } .submitted { font-size: 11px; 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("../images/to-page-top.png"); background-image: url("../images/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:0px; } #footer-nav { margin-bottom:50px; } #credits { text-align: center; } #footer .block { padding: 0 0 20px 0; } /* 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(../images/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(../images/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; } /* Special transition */ #block-views-home-slider-block .flexslider, #block-views-home-slider-block-1 .flexslider { height: 720px; } #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; height: 720px; overflow: hidden} .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(../images/light/arrow_bullet.png) no-repeat 10px; text-decoration: none; } .block ul.menu li a:hover { color:#333333; background: url(../images/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(../images/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:#006360;} #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(../images/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('../images/light/arrow_bullet.png') no-repeat 90% 50%; } #navigation li li.expanded > a { background: #f0f0f0 url('../images/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('../images/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: 12px 20px 7px 20px; 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: 12px 20px 7px 20px; 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: 12px 20px 7px 20px; 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; } a.button-green {-webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 13px 30px 13px 30px; 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; background-color: rgba(24,186,168,1); color: rgba(255,255,255,1); border: 1px solid rgba(24,186,168,1);} a.button-green:link, .msc-item-link a:visited { color: rgba(255,255,255,1); text-decoration: none !important; margin: 0 6px} a.button-green:hover { background-color: rgba(48,48,48,1);color: rgba(255,255,255,1); border: 1px solid rgba(48,48,48,1); } a.button-black {-webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 13px 30px 13px 30px; 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; background-color: rgba(48,48,48,1); color: rgba(255,255,255,1); border: 1px solid rgba(48,48,48,1);} a.button-black:link, .msc-item-link a:visited { color: rgba(255,255,255,1); text-decoration: none !important; margin: 0 6px} a.button-black:hover { background-color: rgba(24,186,168,1);color: rgba(255,255,255,1); border: 1px solid rgba(24,186,168,1); } .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:#fff; color: rgba(226,73,73,1); border:1px solid #e44949; } .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); color:#fff; 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 {-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(24,186,168,1); color: rgba(255,255,255,1); border: 1px solid rgba(24,186,168,1);} .msc-item-link a:link, .msc-item-link a:visited { color: rgba(255,255,255,1); text-decoration: none !important; margin: 0 6px} .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); } .msc-item-link a.custom-link.black { background-color: rgba(48,48,48,1); color: rgba(255,255,255,1); border: 1px solid rgba(48,48,48,1);} .msc-item-link a.custom-link.black:hover {background-color: rgba(24,186,168,1); color: rgba(255,255,255,1); border: 1px solid rgba(24,186,168,1); } /* 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; } /* 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-transform:uppercase; font-size:.8em; 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;} .media-gallery-item.type-Quote .mg-item-quote-author, .media-gallery-item.type-Quote .mg-item-quote-function { font-size: 12px; 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-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: "OpenSans-SemiBold"; 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: auto !important; margin: 0 auto !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: 14px; line-height: 14px; text-align:left; margin:0 0 0 20px;} li.bxslider-views-slideshow-main-frame-row .views-field-field-speaker-title {font-family: "FoundersGrotesk-Medium"; font-size: 16px; line-height: 18px; text-align: left; margin: 0 0 8px 20px;} li.bxslider-views-slideshow-main-frame-row .slideshow-speaker-data { top: -1.5em; position: relative; line-height: 1.3em; padding: 0 .5em; font-size: .9em; } 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;} /* FAQ Page */ body.page-node-2044 #section-content .msc-item.principe-2 .msc-item-body .msc-item-body-text h3 { font-family: "FoundersGrotesk-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important; color:#7d7878!important;} body.page-node-2044 #section-content .msc-item.principe-2 .msc-item-body .msc-item-body-text ul { } body.page-node-2044 #section-content .view-main-section-content .views-field-nothing h1 {margin-bottom: 10px!important; margin-top: 0px!important;} body.page-node-2044 #section-content .msc-item-body-text ul { margin: 0!important; padding:0 10px 20px 20px;} body.page-node-2044 #section-content .msc-item-body-text h3 { line-height: 1.2em;} /* 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:10em 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: 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:"OpenSans-Regular"; font-size:14px; line-height:1em; margin-bottom:8px;} /* Media social links */ #media-social-links {display: flex; justify-content: center; margin-top: -50px;} .media-social-links-item {padding: 20px;} .media-social-links-item a { display:inline-block; width:64px; height:64px; line-height:64px; text-indent:-19999px; vertical-align:middle; background-image: url("../images/social-links-picto-v3.png"); background-image: url("../images/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; } .media-social-links-item a.social-twitter { background-position: -10px 0;} .media-social-links-item a.social-fb { background-position: -92px 0;} .media-social-links-item a.social-youtube { background-position: -178px -1px;} .media-social-links-item a.social-ig { background-position: -260px -1px;} .media-social-links-item a.social-twitter:hover { background-position: -10px 70px;} .media-social-links-item a.social-fb:hover { background-position: -92px 70px;} .media-social-links-item a.social-youtube:hover { background-position: -178px 70px;} .media-social-links-item a.social-ig:hover { background-position: -260px 70px;} /* 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(83, 101, 100, 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-Regular"; font-size:20px; line-height:22px; 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; line-height:22px; padding-top:10px; margin-bottom:.5em; font-family: "OpenSans-SemiBold"; color: #565656; line-height:1.3em;} .view-main-section-content .views-field-nothing .msc-item.principe-5 h1 {margin-bottom:14px; margin-top:50px;} .msc-item.principe-5 .msc-item-html, .msc-item.principe-5 .msc-item-html p {font-size:20px;} .view-main-section-content .views-field-nothing .msc-item.principe-1 h1 {margin-bottom:14px; margin-top:50px;} .msc-item.principe-1 .msc-item-body .inner {padding-left:0; text-align: center;} .msc-item.principe-1 .msc-item-html, .msc-item.principe-1 .msc-item-html p {font-size:20px;} .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(24,186,168,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(83,101,100,1);} .Orange { background-color: rgba(248,151,0,1); } #block-views-main-section-content-block-7 {text-align:center;} #block-views-main-section-content-block-7 .views-row {margin-bottom:-1px;} #block-views-main-section-content-block-7 .msc-item-body .inner strong:first-child {font-size:20px; font-family:"FoundersGrotesk-Medium";} .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-1.Light-green .msc-item-title h1 {color:#fff; margin-bottom:20px;} .msc-item.principe-1.Light-green h2 {font-size:1.8em; line-height:1.1em; color:#fff;} .msc-item.principe-1.Light-green .msc-item-picture-and-body {margin-top:0px;} .msc-item.principe-1.Light-green .msc-item-link {margin-top:0px;} .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:20px;} /*.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("../images/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-iten-column-body a, #main .msc-iten-column-body a, .msc-iten-column-body a:link, .msc-iten-column-body a:visited {-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;} .msc-iten-column-body a:hover, #main .msc-iten-column-body a:hover {background-color:#18baa8; color:#fff;} .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: 10px 0 0 0;} .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: 10px 0 0 0;} .borderless-principe-3bis h2 p {margin:0; padding:0;} .msc-item.principe-4 {width: 85%; margin: 0 auto; margin-bottom:50px;} .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; margin-bottom:50px; 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:center; 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;} .view-main-section-content .views-field-nothing .principe-6 h1 {margin-bottom: 0px!important; margin-top: 50px!important;} .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%; font-size: 16px; line-height: 20px; } .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: "FoundersGrotesk-regular"; 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:#fff; text-transform:none; font-size: 30px; line-height: 30px;} .view-main-section-content .views-field-nothing .principe-9 h1 { margin-bottom: 20px; } .principe-9 h2 { font-weight:100; font-size: 24px; line-height: 28px; margin: 30px 0; color: #fff; text-transform: uppercase; font-family: "FoundersGrotesk-regular"; } .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; } .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: "FoundersGrotesk-medium"; font-size:20px; line-height:28px; } .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; }*/ .msc-item-video-html5 {color:transparent;} #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 */ .view-main-section-content .views-field-nothing #content-node-id-158 h1 {margin-top: 50px!important;} /* principe grid - Theme and Topics 2019 main section view */ .content-node-174 .view-themes-and-topics .view-content {display:flex; justify-content:center; align-items:stretch;} .content-node-174 .item-list { width: 33%; display: inline-block; text-align: left; padding: 0; vertical-align: top;} .content-node-174 .item-list h3 {margin:0; padding:0;} .content-node-174 .item-list h3 .theme-header {padding:0; color:#fff; min-height:160px; position:relative; border-radius:60px 60px 0 0;} .content-node-174 .item-list h3 #theme-139 {background-color:#009ac6;} .content-node-174 .item-list h3 #theme-138 {background-color:#4096c0;} .content-node-174 .item-list h3 #theme-137 {background-color:rgba(24,186,168,1);} .content-node-174 .item-list h3 .theme-title {position:absolute; top:12%; margin:25px 50px; color:#fff; font-family: "FoundersGrotesk-Bold", Helvetica, Arial, sans-serif; line-height:1.1em; font-size:1.2em;} .content-node-174 .item-list ul {list-style:none; padding:0; margin:25px 50px 25px 0;} .content-node-174 .item-list li {width:100%; padding:0; margin-bottom:1em; display:inline-block;} .content-node-174 .item-list li .views-field-title {padding:0; font-size:1.2em; line-height:1.2em;} .content-node-174 .item-list li .views-field-title a, .content-node-174 .item-list li .views-field-title a:link, .content-node-174 .item-list li .views-field-title a:visited {color: rgba(0,0,0,1); color: #000; display: inline-flex; width: 80%; min-height: 58px; align-items: center; font-size: 1em; line-height: 1em; text-decoration: none; font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .content-node-174 .item-list li .views-field-title a:hover{color: rgba(226,73,73,1);} .content-node-174 .item-list li .views-field-title span.edd19-picto {display:inline-block; width:20%; vertical-align:top;} @media only screen and (max-width:1439px) { .content-node-174 .item-list h3 .theme-header {min-height:130px;} .content-node-174 .item-list h3 .theme-title {font-size:1.1em; margin:20px 35px;} .content-node-174 .item-list ul {margin:25px 35px 25px 0;} .content-node-174 .item-list li .views-field-title a {font-size:1.1em; line-height:1em;} } @media only screen and (max-width:1199px) { .content-node-174 .item-list h3 .theme-header {min-height:115px;} .content-node-174 .item-list h3 .theme-title {font-size:.9em; margin:20px 25px; } .content-node-174 .item-list ul { margin:20px 25px 20px 0;} .content-node-174 .item-list li .views-field-title a {font-size:1em; line-height:1em;} } @media only screen and (max-width: 959px) { .content-node-174 .view-themes-and-topics .view-content {display:inline-block;} .content-node-174 .item-list {width:100%;} .content-node-174 .item-list h3 .theme-header {min-height:110px;} .content-node-174 .item-list h3 .theme-title {font-size:1.2em; margin:30px;} .content-node-174 .item-list ul {margin:25px 25px 25px 0;} .content-node-174 .item-list li .views-field-title a {font-size:1em; line-height:1em;} } @media only screen and (max-width: 769px) { .content-node-174 .view-themes-and-topics .view-content {display:inline-block;} .content-node-174 .item-list {width:100%;} .content-node-174 .item-list h3 .theme-header {min-height:110px;} .content-node-174 .item-list h3 .theme-title {font-size:1em; margin 20px;} .content-node-174 .item-list ul {margin:25px 25px 25px 0;} .content-node-174 .item-list li .views-field-title a {font-size:1em; line-height:1em;} } @media only screen and (max-width: 480px) { .edd19-topic-container-header {min-height: 110px;} .content-node-174 .item-list h3 .theme-title {font-size:.9em; margin:20px 0 20px 20px;} .content-node-174 .item-list ul { margin: 20px 20px 20px 0; } .content-node-174 .item-list li .views-field-title a {font-size: 1em; line-height: 1em;} } /* principe grid - Theme and Topics main section view */ .view-themes-and-topics .view-content { text-align:center; padding:0;} .view-themes-and-topics .views-field-nothing {margin:0;} .view-themes-and-topics .views-row {width:327px; display:inline-block; vertical-align:top; text-align:left; margin-right:35px;} .view-themes-and-topics .views-row.views-row-last, .view-themes-and-topics .views-row:nth-child(3n+0) {margin-right:0;} .view-themes-and-topics .msc-item-topic-picture:hover img { opacity:0.7; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .view-themes-and-topics .views-row.views-row-first .msc-item-topic-body { width:39%; position:absolute; top:60px; right:120px; padding:20px; background-color:rgba(255,255,255,0.8); } .view-themes-and-topics .msc-item-topic-body-title {font-family:"OpenSans-Light"; font-size:20px; line-height:28px; font-weight:900; margin:10px 0;} .view-themes-and-topics .msc-item-topic-body-title a, .view-themes-and-topics .msc-item-topic-body-title a:link, .view-themes-and-topics .msc-item-topic-body-title a:visited {color:#000;} .view-themes-and-topics .msc-item-topic-body-text {display:none;} .view-themes-and-topics .views-row.views-row-first .msc-item-topic-body-text {display:inline-block;} .view-themes-and-topics .msc-item-topic-body-link a, .view-themes-and-topics .msc-item-topic-body-link a:link, .view-themes-and-topics .msc-item-topic-body-link a:visited {font-family:"OpenSans-SemiBold"; color:#E44949; } .content-node-164 .msc-item.grid .msc-item-tagline {display:inline-block;} .content-node-164 .msc-item.grid .msc-item-tagline.top {display:none;} /* principe grid - Theme and Topics main section view - Topics 2018 */ .view-main-section-content .views-row-last .view-themes-and-topics .views-field-nothing {margin: 0;} .msc-item.grid .msc-item-view .msc-item-picture-and-body {display:inline-block; max-width: 100%; margin:0 0 20px 0;} .view-themes-and-topics h2 {color:#5d5a58; font-size:28px; text-align: left; padding-bottom: 10px; font-weight:900;} .view-themes-and-topics .toggle-info { display: inline-block; text-indent: -999px; width: 20px; height: 12px; background: url("../images/grey-arrow.png") 0 -30px no-repeat, none; background-size:100% auto; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; overflow:hidden; } .view-themes-and-topics .toggle-info.open { background: url("../images/grey-arrow.png") 0 -15px no-repeat, none; background-size:100% auto; } .view-themes-and-topics .main-section-theme-body { color: rgb(60, 60, 59); text-align: left; margin:0; display:none; padding:10px 10px 1.4em 10px;} .view-themes-and-topics .main-section-theme-body-visible { color: rgb(60, 60, 59); text-align: left; margin:0; display:inline-block; padding:10px 10px 1.4em 10px; height: 80px;} .view-themes-and-topics .main-section-theme-body p, .view-themes-and-topics .main-section-theme-body-visible p { margin:0; padding: 10px 10px 30px; color:#fff; } .view-themes-and-topics .main-section-theme-picture {/*width:290px; height:163px;*/} .view-themes-and-topics .main-section-topic { color:#fff; text-align:left; margin-bottom:1px; text-transform:uppercase; font-size: 12px; padding: 10px; /*min-height:45px; line-height:20px*/ } #main .view-themes-and-topics .main-section-topic a, #main .view-themes-and-topics .main-section-topic a:link, #main .view-themes-and-topics .main-section-topic a:visited .view-themes-and-topics .main-section-topic a, .view-themes-and-topics .main-section-topic a:link, .view-themes-and-topics .main-section-topic a:visited { color:#fff; text-decoration: none;} /* Protect - 100 - Ensuring the physical and psychological integrity of Girls and Women - Violet */ .view-themes-and-topics #main-section-theme-100 .main-section-topic {background: rgba(193,28,131,1);} .view-themes-and-topics #main-section-theme-100 .main-section-topic.hover {background: rgba(193,28,131,0.6);} .view-themes-and-topics #main-section-theme-100 .main-section-theme-view {background-color:#d4469f;} .view-themes-and-topics #main-section-theme-100 .main-section-theme-picture, .view-themes-and-topics #main-section-theme-100 .main-section-theme-body, .view-themes-and-topics #main-section-theme-100 .main-section-theme-body-visible {background-color:#c11c83;} .view-themes-and-topics #main-section-theme-100 .main-section-theme-picture img {border-bottom: 10px solid #c11c83;} .view-themes-and-topics #main-section-theme-100 .main-section-theme-body p, .view-themes-and-topics #main-section-theme-100 .main-section-theme-body-visible p, .view-themes-and-topics #main-section-theme-100 .main-section-topic a, .view-themes-and-topics #main-section-theme-100 .main-section-topic a:visited, .view-themes-and-topics #main-section-theme-100 .main-section-topic a:link {color:#fff064} /* Invest - 101 - Promoting economic and social rights and Empowerment of Girls and Women - Cyan */ .view-themes-and-topics #main-section-theme-101 .main-section-topic {background: rgba(0,224,187,1); } .view-themes-and-topics #main-section-theme-101 .main-section-topic.hover {background: rgba(0,224,187,0.6) ;} .view-themes-and-topics #main-section-theme-101 .main-section-theme-view {background-color:#69e8d3;} .view-themes-and-topics #main-section-theme-101 .main-section-theme-picture, .view-themes-and-topics #main-section-theme-101 .main-section-theme-body, .view-themes-and-topics #main-section-theme-101 .main-section-theme-body-visible {background-color:#00e0bb;} .view-themes-and-topics #main-section-theme-101 .main-section-theme-picture img {border-bottom: 10px solid #00e0bb;} .view-themes-and-topics #main-section-theme-101 .main-section-theme-body p, .view-themes-and-topics #main-section-theme-101 .main-section-theme-body-visible p, .view-themes-and-topics #main-section-theme-101 .main-section-topic a, .view-themes-and-topics #main-section-theme-101 .main-section-topic a:visited, .view-themes-and-topics #main-section-theme-101 .main-section-topic a:link {color:#273988} /* Empower - 102- Strengthening Girls’ and Women’s voice and participation - Outremer */ .view-themes-and-topics #main-section-theme-102 .main-section-topic {background: rgba(29,3,214,1);} .view-themes-and-topics #main-section-theme-102 .main-section-topic.hover {background: rgba(29,3,214,0.6);} .view-themes-and-topics #main-section-theme-102 .main-section-theme-view {background-color:#4a33e9;} .view-themes-and-topics #main-section-theme-102 .main-section-theme-picture, .view-themes-and-topics #main-section-theme-102 .main-section-theme-body, .view-themes-and-topics #main-section-theme-102 .main-section-theme-body-visible {background-color:#1d03d6;} .view-themes-and-topics #main-section-theme-102 .main-section-theme-picture img {border-bottom: 10px solid #1d03d6;} .view-themes-and-topics #main-section-theme-102 .main-section-theme-body p, .view-themes-and-topics #main-section-theme-102 .main-section-theme-body-visible p, .view-themes-and-topics #main-section-theme-102 .main-section-topic a, .view-themes-and-topics #main-section-theme-102 .main-section-topic a:visited, .view-themes-and-topics #main-section-theme-102 .main-section-topic a:link {color:#f89c30} /* Protect 100 Gender based violence */.view-main-section-themes #main-section-topic-103 { /*background: url("../images/pictos-topics.svg") 4px -594px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Protect 100 Women in Emergencies */.view-main-section-themes #main-section-topic-104 { /*background: url("../images/pictos-topics.svg") 4px -535px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Protect 100 Women and health */.view-main-section-themes #main-section-topic-105 { /*background: url("../images/pictos-topics.svg") 4px -480px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Protect 100 Adolescent Girls and the Girl Child*/.view-main-section-themes #main-section-topic-106 { /*background: url("../images/pictos-topics.svg") 0px -122px no-repeat, none; background-size: 21% auto; padding: 2px 10px 0px 60px;*/} /* Protect 100 Women, Peace and Security */.view-main-section-themes #main-section-topic-107 { /*background: url("../images/pictos-topics.svg") 0px -374px no-repeat, none; background-size: 19% auto; padding: 2px 10px 0px 60px;*/} /* Empower 102 Women in Power and Decision-making */.view-main-section-themes #main-section-topic-113 { /*background: url("../images/pictos-topics.svg") 0px -172px no-repeat, none; background-size: 21% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Empower 102 Women’s Human Rights */.view-main-section-themes #main-section-topic-114 { /*background: url("../images/pictos-topics.svg") 4px -210px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Empower 102 Women and the Environment */.view-main-section-themes #main-section-topic-115 { /*background: url("../images/pictos-topics.svg") 0px -298px no-repeat, none; background-size: 21% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Empower 102 Women in Digitalisation */.view-main-section-themes #main-section-topic-116 { /*background: url("../images/pictos-topics.svg") 0px -655px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Empower 102 Rural Women and Development */.view-main-section-themes #main-section-topic-117 { /*background: url("../images/pictos-topics.svg") 0px -715px no-repeat, none; background-size: 19% auto; padding: 4px 10px 0px 60px;*/} /* Invest 101 Gender equality in Education */.view-main-section-themes #main-section-topic-108 { /*background: url("../images/pictos-topics.svg") 8px -314px no-repeat, none; background-size: 21% auto; padding: 0 60px 0 0; */} /* Invest 101 Women and the Economy */.view-main-section-themes #main-section-topic-109 { /*background: url("../images/pictos-topics.svg") 0px -780px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} /* Invest 101 Women in the Urban Space */.view-main-section-themes #main-section-topic-110 { /*background: url("../images/pictos-topics.svg") 0px -10px no-repeat, none; background-size: 21% auto; padding: 2px 10px 0px 60px;*/} /* Invest 101 Women and Migration */.view-main-section-themes #main-section-topic-111 { /*background: url("../images/pictos-topics.svg") 0px -70px no-repeat, none; background-size: 21% auto; padding: 2px 10px 0px 60px;*/} /* Invest 101 Gender Responsive Budgeting */.view-main-section-themes #main-section-topic-112 { /*background: url("../images/pictos-topics.svg") 0px -322px no-repeat, none; background-size: 19% auto; padding: 12px 10px 0px 60px; min-height: 30px;*/} .node-type-theme-description #block-views-4fdd14e27c512b282113e5f4e5c16aac { width:50%; margin:0 auto; margin-top: 50px;} .field-name-field-theme-desc-picture {padding: 25px 0 50px 0;} #main-section-theme-15022 h2 a, #main-section-theme-15023 h2 a, #main-section-theme-15024 h2 a, /* EDD v2018 */ #main-section-theme-17 h2 a, #main-section-theme-18 h2 a, #main-section-theme-16 h2 a {color:#5d5a58 !important;} .view-main-section-themes-2017 .main-section-topic {text-transform:uppercase; text-align:left;} .view-main-section-themes-2017 #main-section-topic-14968 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14969 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14970 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14971 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14972 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14973 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14974 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14975 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14976 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14977 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14978 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14979 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14980 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14981 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14982 {padding:17px 10px; line-height:1.2em;} .view-main-section-themes-2017 #main-section-topic-14983 {padding:17px 10px; line-height:1.2em;} /* EDD v2018 */ .view-main-section-themes-2017 #main-section-topic-19 {padding:17px 10px; line-height:1.2em;} /* 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("../images/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("../images/grey-arrow.png") right -14px no-repeat, none; background-size:20px auto; transition: all 0s ease 0s; } /* Dropdown Box Toggle */ .dropdown-faq-box {margin-bottom:40px;} #main .dropdown-faq-box a {text-decoration:none;} .dropdown-faq-box h3{margin:0 0 14px 0; padding:0; color:#565655} .dropdown-faq-box-item-body {display:none; width:auto; margin-bottom:1em; } .dropdown-faq-box-item-body p {margin:0;} a.dropdown-faq-toggle-info {color:#5d5a58; text-decoration:none;} a.dropdown-faq-toggle-info span.dropdown-faq-box-arrow { display:inline-block; width:20px; height:14px; padding-left:10px; overflow:hidden; background-image: url("../images/grey-arrow.png"); background-position: right -27px; background-size: 20px auto; background-repeat: no-repeat; transition: all 0s ease 0s;} a.dropdown-faq-toggle-info.open span.dropdown-faq-box-arrow { background: url("../images/grey-arrow.png") right -14px no-repeat, none; background-size:20px auto; transition: all 0s ease 0s; } /* 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:rgb(0,18,92); 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, .document-link { display: inline-block; width: 90%; padding: 9px 5px 5px 38px; text-align: left; color: #575756; margin: 2px; background: url("../images/view-documents-picto-pdf.png") 12px 9px no-repeat, #EFEFEF; background-size: 16px; } .view-documents.view-id-documents .views-field a:hover, .document-link:hover { background-color:#575756; color:#EFEFEF;} a.document-link, a.document-link:link {color: #575756; font-size: 16px; font-family: "FoundersGrotesk-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none!important;} a.document-link:hover { background-color:#575756; color:#EFEFEF; text-decoration:none!important;} .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:"OpenSans-Bold"; } #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;} /* 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:"OpenSans-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 .views-row { display:inline-block; width:30%; vertical-align: top; margin: 1em; border-bottom: 1px solid #ccc;} .topic-page-sessionblock-topic { text-transform: uppercase; color: white; text-align:left; padding:2px 10px;} /* Peace - blue */.topic-page-sessionblock-topic.topic-9829, .topic-page-sessionblock-topic.topic-9828, .topic-page-sessionblock-topic.topic-9827, .topic-page-sessionblock-topic.topic-14979, .topic-page-sessionblock-topic.topic-14980, .topic-page-sessionblock-topic.topic-14981, .topic-page-sessionblock-topic.topic-14982, .topic-page-sessionblock-topic.topic-14983 { position:relative; background: rgba(111,188,210,1); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* Partnership - violet */.topic-page-sessionblock-topic.topic-9826, .topic-page-sessionblock-topic.topic-9831, .topic-page-sessionblock-topic.topic-9865 { position:relative; background: rgba(113,111,188,1); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* Prosperity - yellow */.topic-page-sessionblock-topic.topic-9824, .topic-page-sessionblock-topic.topic-9825, .topic-page-sessionblock-topic.topic-9830, .topic-page-sessionblock-topic.topic-14974, .topic-page-sessionblock-topic.topic-14975, .topic-page-sessionblock-topic.topic-14976, .topic-page-sessionblock-topic.topic-14977, .topic-page-sessionblock-topic.topic-14978 { position:relative; background: rgba(245,198,27,1); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* Planet - green */.topic-page-sessionblock-topic.topic-9820, .topic-page-sessionblock-topic.topic-9821, .topic-page-sessionblock-topic.topic-9823, .topic-page-sessionblock-topic.topic-14968, .topic-page-sessionblock-topic.topic-14969, .topic-page-sessionblock-topic.topic-14970, .topic-page-sessionblock-topic.topic-14971, .topic-page-sessionblock-topic.topic-14972, .topic-page-sessionblock-topic.topic-14973 { position:relative; background: rgba(58,166,118,1); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* People - orange */.topic-page-sessionblock-topic.topic-9817, .topic-page-sessionblock-topic.topic-9818, .topic-page-sessionblock-topic.topic-9819 { position:relative; background: rgba(227,100,46,1); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .topic-page-sessionblock-topic .picto-topic { width:40px; height:34px; display:inline-block; position:absolute; left:0; top:0; overflow:hidden; } .topic-page-sessionblock-topic.topic-103, .topic-page-sessionblock-topic.topic-104, .topic-page-sessionblock-topic.topic-105, .topic-page-sessionblock-topic.topic-106, .topic-page-sessionblock-topic.topic-107 { background-color: rgba(193,28,131,1); color: #fff064; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 12px;} .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;} .topic-page-sessionblock-topic.topic-113, .topic-page-sessionblock-topic.topic-114, .topic-page-sessionblock-topic.topic-115, .topic-page-sessionblock-topic.topic-116, .topic-page-sessionblock-topic.topic-117 { background-color: rgba(29,3,214,1); color: #f89c30; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 12px;} .topic-page-sessionblock-topic.topic-9817 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -121px no-repeat, rgba(227,100,46,1); } .topic-page-sessionblock-topic.topic-9818 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -162px no-repeat, rgba(227,100,46,1); } .topic-page-sessionblock-topic.topic-9819 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -202px no-repeat, rgba(227,100,46,1); } .topic-page-sessionblock-topic.topic-9820 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -481px no-repeat, rgba(58,166,118,1); } .topic-page-sessionblock-topic.topic-9821 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -518px no-repeat, rgba(58,166,118,1); } .topic-page-sessionblock-topic.topic-9823 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -560px no-repeat, rgba(58,166,118,1); } .topic-page-sessionblock-topic.topic-9824 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -1px no-repeat, rgba(245,198,27,1); } .topic-page-sessionblock-topic.topic-9825 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -42px no-repeat, rgba(245,198,27,1); } .topic-page-sessionblock-topic.topic-9826 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -241px no-repeat, rgba(113,111,188,1); } .topic-page-sessionblock-topic.topic-9827 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -441px no-repeat, rgba(111,188,210,1); } .topic-page-sessionblock-topic.topic-9828 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -401px no-repeat, rgba(111,188,210,1); } .topic-page-sessionblock-topic.topic-9829 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -361px no-repeat, rgba(111,188,210,1); } .topic-page-sessionblock-topic.topic-9830 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -81px no-repeat, rgba(245,198,27,1); } .topic-page-sessionblock-topic.topic-9831 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -281px no-repeat, rgba(113,111,188,1); } .topic-page-sessionblock-topic.topic-9865 .picto-topic { background: url("../images/pictos-topics-small.png") 5px -321px no-repeat, rgba(113,111,188,1); } .topic-page-sessionblock-date, .topic-page-sessionblock-title { text-align:left; padding:5px 10px;} .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("../images/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("../images/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: 5em;} .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;} .session-page-title {padding:50px 0 20px 0;} .session-page-subtitle h2 {padding:0px 0 30px 0; margin:0; font-weight:100;} .session-page-picture img {vertical-align: bottom;} .session-page-body {text-align:left; font-family:OpenSans-Light; font-size:16px; line-height:24px; margin-bottom:4em;} .session-page-body-text-data {padding-top:25px;} .session-page-datablock {display:inline-block; vertical-align:top; float:left; margin:0 25px 10px 0; width:45%; color:#FFFFFF; z-index:40; background-color:#ccc; max-width:300px;} .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 { font-family: "OpenSans-regular"; text-transform: capitalize; display:inline-block; line-height: 1.2em; font-size: .9em;} .session-place-text { font-family: "OpenSans-regular"; display:inline-block; line-height: 1.2em; font-size: .9em;} .session-page-datablock .field-name-field-topics-2015 { display:inline-block; font-family:"OpenSans-SemiBold"; 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-family: "OpenSans-regular"; font-size: 1.4em; line-height: 1.2em;} .session-page-datablock .field-name-field-place-2015 {display:inline-block; vertical-align: top; font-family:"OpenSans-SemiBold"; 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; font-size: .9em; font-family: "OpenSans-SemiBold";} #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 a:hover{ text-decoration:underline; } /* Peace - blue */.session-page-datablock.topic-9829, .session-page-datablock.topic-9828, .session-page-datablock.topic-9827, .session-page-datablock.topic-14979, .session-page-datablock.topic-14980, .session-page-datablock.topic-14981, .session-page-datablock.topic-14982, .session-page-datablock.topic-14983 { position:relative; background: rgba(111,188,210,1);} /* Partnership - violet */.session-page-datablock.topic-9826, .session-page-datablock.topic-9831, .session-page-datablock.topic-9865, .session-type-2959 .session-page-datablock { position:relative; background: rgba(113,111,188,1);} /* Prosperity - yellow */.session-page-datablock.topic-9824, .session-page-datablock.topic-9825, .session-page-datablock.topic-9830, .session-page-datablock.topic-14974, .session-page-datablock.topic-14975, .session-page-datablock.topic-14976, .session-page-datablock.topic-14977, .session-page-datablock.topic-14978 { position:relative; background: rgba(245,198,27,1);} /* Planet - green */.session-page-datablock.topic-9820, .session-page-datablock.topic-9821, .session-page-datablock.topic-9823, .session-page-datablock.topic-14968, .session-page-datablock.topic-14969, .session-page-datablock.topic-14970, .session-page-datablock.topic-14971, .session-page-datablock.topic-14972, .session-page-datablock.topic-14973 { position:relative; background: rgba(58,166,118,1); } /* People - orange */.session-page-datablock.topic-9817, .session-page-datablock.topic-9818, .session-page-datablock.topic-9819 { position:relative; background: rgba(227,100,46,1); } #session-page-datablock-inner {padding:10px;} .session-page-datablock #picto { position:absolute; top:0; left:0; min-height:80px; min-width:80px; z-index:100; padding:0; } /* Pictos 2016 */ .session-page-datablock.topic-9817 #picto { background: url("../images/pictos-topics.svg") 0px -215px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9818 #picto { background: url("../images/pictos-topics.svg") 0px -295px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9819 #picto { background: url("../images/pictos-topics.svg") 0px -380px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9820 #picto { background: url("../images/pictos-topics.svg") 0px -945px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9821 #picto { background: url("../images/pictos-topics.svg") -5px -1137px no-repeat, none; background-size:110% auto; } .session-page-datablock.topic-9823 #picto { background: url("../images/pictos-topics.svg") 0px -1125px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9824 #picto { background: url("../images/pictos-topics.svg") 0px -5px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9825 #picto { background: url("../images/pictos-topics.svg") 0px -85px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9826 #picto { background: url("../images/pictos-topics.svg") 0px -465px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9827 #picto { background: url("../images/pictos-topics.svg") 0px -855px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9828 #picto { background: url("../images/pictos-topics.svg") 0px -770px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9829 #picto { background: url("../images/pictos-topics.svg") 0px -690px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9830 #picto { background: url("../images/pictos-topics.svg") 0px -150px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9831 #picto { background: url("../images/pictos-topics.svg") 0px -538px no-repeat, none; background-size:100% auto; } .session-page-datablock.topic-9865 #picto { background: url("../images/pictos-topics.svg") 0px -610px no-repeat, none; background-size:100% auto; } /* Pictos 2017 */ .session-page-datablock.topic-14968 #picto {background: url(../images/pictos-topics-2017.svg) 9px -5px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14969 #picto {background: url(../images/pictos-topics-2017.svg) -102px 5px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14970 #picto {background: url(../images/pictos-topics-2017.svg) -218px -4px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14971 #picto {background: url(../images/pictos-topics-2017.svg) -348px 0px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14972 #picto {background: url(../images/pictos-topics-2017.svg) -468px 0px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14973 #picto {background: url(../images/pictos-topics-2017.svg) -567px 0px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14974 #picto {background: url(../images/pictos-topics-2017.svg) 10px -87px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14975 #picto {background: url(../images/pictos-topics-2017.svg) -102px -87px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14976 #picto {background: url(../images/pictos-topics-2017.svg) -172px -62px no-repeat, none; background-size: 640% auto;} .session-page-datablock.topic-14977 #picto {background: url(../images/pictos-topics-2017.svg) -349px -87px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14978 #picto {background: url(../images/pictos-topics-2017.svg) -468px -87px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14979 #picto {background: url(../images/pictos-topics-2017.svg) 10px -186px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14980 #picto {background: url(../images/pictos-topics-2017.svg) -102px -190px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14981 #picto {background: url(../images/pictos-topics-2017.svg) -218px -190px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14982 #picto {background: url(../images/pictos-topics-2017.svg) -349px -186px no-repeat, none; background-size: 800% auto;} .session-page-datablock.topic-14983 #picto {background: url(../images/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;} /* Moderator - adjustements */ #block-views-64c33477ae67bdd533c5a6c779c516bf .views-field-field-lastname, #block-views-f46226b2ffcca4217d14d2585750f584 .views-field-field-lastname {font-family:"OpenSans-SemiBold"; line-height:16px; font-size:16px; padding:0 20px; margin-bottom:3px;} #block-views-64c33477ae67bdd533c5a6c779c516bf .views-field-field-fonction, #block-views-64c33477ae67bdd533c5a6c779c516bf .views-field-field-thestakeholder, #block-views-f46226b2ffcca4217d14d2585750f584 .views-field-field-fonction, #block-views-f46226b2ffcca4217d14d2585750f584 .views-field-field-thestakeholder {font-size: 12px; line-height: 14px;} /* Speakers - BXSlider adjustements */ .node-type-session #cto { background-color:#efefef; color:#444444; text-transform:none; padding: 3em 0 0 0; margin:5em 0 0 0;} .node-type-session #cto h2, .node-type-session h2 { font-weight: 100; margin: 0 0 30px 0; color: #000; text-transform:none; font-family: "OpenSans-Semibold"; font-size: 24px} #block-views-82d1c62eb6b28018d37e3cbc6b689b9b .view-content {width:100%; height:320px; overflow:hidden; } li.bxslider-views-slideshow-main-frame-row, .bxslider-views-slideshow-main-frame-row { padding:0 10px; min-height: 340px;} li.bxslider-views-slideshow-main-frame-row .views-field-field-lastname, .bxslider-views-slideshow-main-frame-row .views-field-field-lastname, .speaker-flexlist-name { font-family:"OpenSans-SemiBold"; line-height:16px; font-size:16px; padding:0 20px; margin-bottom:3px; } li.bxslider-views-slideshow-main-frame-row .views-field-field-fonction, .bxslider-views-slideshow-main-frame-row .views-field-field-fonction, li.bxslider-views-slideshow-main-frame-row .views-field-field-thestakeholder, .bxslider-views-slideshow-main-frame-row .views-field-field-thestakeholder, li.bxslider-views-slideshow-main-frame-row .views-field-field-year, .bxslider-views-slideshow-main-frame-row .views-field-field-year, .speaker-flexlist-function, .speaker-flexlist-organization {font-size: 14px; line-height: 14px; margin:0 0 0 20px; text-align:left;} .bxslider-views-slideshow-main-frame-row .views-field-field-image img, .speaker-flexlist-picture img {margin:0 auto;} .speaker-flexlist-picture-overlay { position:absolute; width:143px; height:143px; left:28px; top:6px;} #session-speakers-noflexslider .speaker-flexlist-picture-overlay {left:20px;} .speaker-flexlist-picture-overlay-topic-yellow { background-image:url(../images/speaker-flexlist-picture-yellow.png); background-repeat:no-repeat;} .speaker-flexlist-picture-overlay-topic-green { background-image:url(../images/speaker-flexlist-picture-green.png); background-repeat:no-repeat;} .speaker-flexlist-picture-overlay-topic-blue { background-image:url(../images/speaker-flexlist-picture-blue.png); background-repeat:no-repeat;} .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;} /* related docs and urls */ #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: "OpenSans-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: "OpenSans-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:"OpenSans-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;} #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: "OpenSans-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: "OpenSans-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:"OpenSans-Bold"; 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: "OpenSans-Bold";} #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: "OpenSans-Bold";} #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: "OpenSans-Bold";} #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: "OpenSans-Bold";} #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:"OpenSans-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;} .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-data { position: relative; line-height: 1.3em; padding: 0 .5em; font-size: .9em;} .organisation-cell-data .name { font-family: OpenSans-Bold; 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("../images/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 { 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:#fff; padding:.5em 5%; display:inline-block; text-decoration:none; width: 90%; background-color: #666666; background-size: 16%; background-repeat:no-repeat; background-position:center right; margin-top:1px; text-transform:uppercase; background-image: url("../images/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("../images/speakers-sessions-minus.svg");} #main .organisation-cell-sessions-button a:hover, .organisation-cell-sessions-button a:hover { background-color: #444444 } /* Young Leaders grid */ .yl-heading {text-transform:capitalize;} #young-leaders-2022 {margin-bottom: 2em;} #young-leaders-filters {margin-bottom: 2em;} .young-leaders-item {font-family: "FoundersGrotesk-Medium"; background-color: #d9d9d9; color:#333!important; margin: .2em .1em; display: inline-block; text-decoration:none!important; padding:2px 5px;} .young-leaders-item:hover, .young-leaders-item.selected {background-color:#333; color:#fff!important;} .views-field-field-link-twitter, .views-field-field-link-linkedin, .views-field-field-link-facebook, .views-field-field-website {display: inline-block; margin: 0 .2em;} .view-young-leaders .view-young-leaders-bio {height: 1px;} .view-young-leaders .view-young-leaders-bio .item-list ul {list-style: none;} .view-young-leaders .view-young-leaders-bi .item-list ul li {list-style: none;} .white-popup {position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin:20px auto;} /* Speakers page */ .page-speakers h1.title {margin-bottom: 1.6em;} .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:"OpenSans-Bold";} #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; /*text-align: left;*/} .speaker-cell-image { text-align: center; height:180px;} .speaker-cell-data { top: -1.5em; position: relative; line-height: 1.3em; padding: 0 .5em; font-size: .9em;} .speaker-cell-data .name {font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.2em;line-height: 1em;padding-bottom: .2em;display: inline-block;} .speaker-cell-social-links { position: absolute; bottom: 3.2em; } .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("../images/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: .5em 5%; display: inline-block; text-decoration: none; width: 90%; 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: .5em 5%; display: inline-block; text-decoration: none; width: 90%; background-color: #666666; background-image: url("../images/speakers-sessions-plus.svg"); background-size: 16%; background-repeat: no-repeat; background-position: center right; margin-top: 1px; text-transform: uppercase; background-image: url("../images/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("../images/speakers-sessions-minus.svg");} #main .speaker-cell-sessions-button a:hover, .speaker-cell-sessions-button a:hover { background-color: #444444 } /* 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; } /* 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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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:140px; 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("../images/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("../images/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("../images/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;} .button-legend {text-align:center; margin-bottom:0; margin-top:.5em;} /* 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("../images/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;} /* Page Think Twice */ #think-twice h1 {font-family: "FoundersGrotesk-Bold"} #think-twice-intro {margin-top:2em;} #think-twice-intro .msc-item-link.custom {text-align:center;} #think-twice-intro .msc-item-body .inner h2 {font-size: 38px; font-family: "FoundersGrotesk-Bold"; line-height: 38px; text-align: center; margin: 0 0 20px 0;} #think-twice-intro .msc-item-body .inner p {font-size: 28px; font-family: "FoundersGrotesk-Regular"; line-height: 28px; text-align: center;} .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-button > .vjs-icon-placeholder::before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {position: relative !important;} .video-js .vjs-big-play-button {height:3em !important; width:3em !important; border-radius:50% !important;} .video-js .vjs-big-play-button .vjs-icon-placeholder {font-size:3em; margin-top:.21em; display:inline-block;} .view-main-section-content .views-field-nothing .content-node-276 h1 { margin-bottom:0; margin-top:0;} .content-node-276 .msc-item-view {margin-top:0!important;} #think-twice-stories .msc-item-picture {text-align:left;} #think-twice-stories .msc-item-picture h4 {display:inline-block; margin-right:1em; text-transform:uppercase; font-size:20px;} #think-twice-stories .tts-social-links {display:inline-block;} .view-think-twice-ambassadors .view-content {display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; align-content: center;} .view-think-twice-ambassadors .views-row {width: 25%; padding: 1em; vertical-align: top;} .view-main-section-content .view-think-twice-ambassadors .views-row-last .views-field-nothing {margin:0} .view-main-section-content .view-think-twice-ambassadors {margin-bottom:3em;} .view-main-section-content .views-field-nothing .content-node-267 h1 {margin:0;} .content-node-267 .msc-item-view {margin-top: 10px;} /* EDD18 - Page Story*/ #story-body {font-size: 16px; line-height: 20px; font-family: 'OpenSans-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);} /* EDD19 - Home - Implementation of the new European Consensus on Development - Addressing inequality in partner countries */ #block-block-6 .principe-9 h1 span { width: 80%; display: inline-block; margin: 1.5em 0 .5em 0; } #block-block-6 .principe-9 .msc-item-body-text { margin-bottom: 4em; } #block-block-6 .principe-9 .msc-item-body-text a { -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 16px 30px 10px 30px; 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-Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); border: 1px solid rgba(255,255,255,1); } #block-block-6 .principe-9 .msc-item-body-text a:hover { background-color: rgba(0,0,0,1); color: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,1); } a.custom-link.white, a.custom-link.white:link, a.custom-link.white:visited { -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; padding: 16px 30px 10px 30px; text-decoration: none!important; text-transform: uppercase; font-size:14px; line-height:14px; -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!important; background-color: rgba(255,255,255,1); color: rgba(24,186,168,1)!important; border: 1px solid rgba(24,186,168,1); margin-bottom:8px; font-weight:100;} a.custom-link.white:hover { background-color: rgba(48,48,48,1); color: rgba(255,255,255,1)!important; border: 1px solid rgba(48,48,48,1); text-decoration:none!important; font-weight:100; } /* Slider - Red "D" Background * --------------------------------------- */ body.page-node-405 #block-views-home-slider-block-1 .flex-direction-nav a::before, body.page-node-405 #block-views-home-slider-block .flex-direction-nav a::before { color: rgba(255, 255, 255, 1); text-shadow: 0 rgb(255, 255, 255); } body.page-node-405 #block-views-home-slider-block-1 .flex-control-nav.flex-control-paging, body.page-node-405 #block-views-home-slider-block .flex-control-nav.flex-control-paging { display: none; } body.page-node-405 .slider-teaser { position: absolute; bottom: 40px; top: 40px; left: 0; width: 100%; } body.page-node-405 .slider-teaser .inner { width: 100%; margin: 0 auto; } body.page-node-405 .slider-teaser-body { padding: 30px; background-color: rgba(0,0,0,0); width: 40%; height: 540px; text-align: left; background-image: url(../images/banner-datazone-bkg.svg), none; background-repeat: no-repeat; background-size: contain; display: flex; justify-content: center; flex-direction: column; margin-top: 50px; } body.page-node-405 .Animated .slider-teaser-body { margin-top: 30px; } body.page-node-405 .slider-teaser h3 { color: #fff; font-size: 40px; line-height: 40px; font-family: "FoundersGrotesk-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 60px 0 0; } body.page-node-405 .slider-button a { -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(255,255,255,1); color: #000; 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; } body.page-node-405 .slider-button a:link, body.page-node-405 .slider-button a:visited { text-decoration: none !important; background-color: rgba(255,255,255,1); color: #000; } body.page-node-405 .slider-button a:hover { background-color: #fff; color: rgba(24,186,168,1) } /* Slider - Variante white "D" Background * --------------------------------------- */ body.page-node-405 #slide-119 .slider-teaser-body, body.page-node-405 #slide-170 .slider-teaser-body, body.page-node-405 #slide-233 .slider-teaser-body, body.page-node-405 #slide-277 .slider-teaser-body, body.page-node-405#slide-290 .slider-teaser-body { background-image: url(../images/banner-datazone-white-bkg.svg), none; opacity: 0.9; } body.page-node-405 #slide-290 .slider-teaser-body { background-image: none; opacity: 0.9; } body.page-node-405 #slide-119 .slider-teaser h3, body.page-node-405 #slide-170 .slider-teaser-body h3, body.page-node-405 #slide-233 .slider-teaser-body h3, body.page-node-405 #slide-277 .slider-teaser-body h3, body.page-node-405 #slide-290 .slider-teaser-body h3 { color: #000; } body.page-node-405 #slide-290 .slider-teaser-body h3 { display:none; } body.page-node-405 #slide-290 .slider-button-picture { position: absolute; bottom: 15%; left: 50%; right: 50%; margin-left: -50px; margin-right: -100px; } body.page-node-405 #slide-119 .slider-button a, body.page-node-405 #slide-170 .slider-button a, body.page-node-405 #slide-233 .slider-button a, body.page-node-405 #slide-277 .slider-button a, body.page-node-405 #slide-290 .slider-button a { background-color: rgba(24,186,168,1); color: #fff; } body.page-node-405 #slide-119 .slider-button a:link, body.page-node-405 #slide-119 .slider-button a:visited, body.page-node-405 #slide-170 .slider-button a:link, body.page-node-405 #slide-170 .slider-button a:visited, body.page-node-405 #slide-233 .slider-button a:link, body.page-node-405 #slide-233 .slider-button a:visited, body.page-node-405 #slide-277 .slider-button a:link, body.page-node-405 #slide-277 .slider-button a:visited, body.page-node-405 #slide-290 .slider-button a:link, body.page-node-405 #slide-290 .slider-button a:visited { background-color: rgba(24,186,168,1); color: #fff; } body.page-node-405 #slide-119 .slider-button a:hover, body.page-node-405 #slide-170 .slider-button a:hover, body.page-node-405 #slide-233 .slider-button a:hover, body.page-node-405 #slide-277 .slider-button a:hover, body.page-node-405 #slide-290 .slider-button a:hover { color: rgba(0,0,0,1) } /* Slider Think Twice specific * --------------------------------------- */ body#think-twice .slider-teaser {display:none!important;} body#think-twice #highlighted {position: relative; overflow: hidden;} #slide-277.slider-wrapper .slider-media-picture {background-image: none !important; background-color: rgba(255,255,255,1) !important;} #slide-290.slider-wrapper .slider-media-picture { background-image: none !important; background-color: rgba(255,255,255,1) !important; } .slider-wrapper.Picture .slider-button.slider-button-play {display:none;} /* Photo booth grid EDD19 * --------------------------------------- */ .view-photo-booth .item-list li.views-row {display: inline-block; width: 25%; padding:5px;} .view-photo-booth .views-field-field-tictac-image img {width: 100%;} body.node-type-tictac-photo h1 {display: none;} body.page-photo-booth h1 {margin-top: 1em;} #content-node-id-478 {margin-bottom:2em;} /* Section Podcast EDD19 * --------------------------------------- */ #content-node-id-404 .msc-item-title h1 span.title {color:rgba(24,186,168,1)} /* Adaptations page programme * --------------------------------------- */ .page-node-29 .view-main-section-content .views-field-nothing .borderless-principe-3 h1 {margin: 20px 0 0 0;} .page-node-29 .borderless-principe-3 .mg-item-picture-background {height: 420px;} .page-node-29 .borderless-principe-3 .msc-item-picture-and-body {height: 420px;} /*.page-node-29 .msc-item h2 {font-size:24px; line-height:24px;}*/ .view-main-section-content .views-field-nothing .content-node-212 h1 { margin-bottom:10px; margin-top:30px;} .content-node-212 .msc-item-link {margin-top: 10px;clear: both;} .content-node-212.container.Light-grey {background-color: #eaeaea;} .content-node-212 .msc-item-picture-and-body {margin: 0;} .view-main-section-content .views-field-nothing .content-node-2133 h1 { margin-bottom:10px; margin-top:30px;} .content-node-2133 .msc-item-link {margin-top: 10px;clear: both;} .content-node-2133 .msc-item-picture-and-body {margin: 0 0 2em 0;} .view-main-section-content .views-field-nothing .content-node-174 h1 { margin-bottom:10px; margin-top:30px;} .content-node-174 .msc-item-link {margin-top: 10px;clear: both;} .content-node-174 .msc-item-picture-and-body {margin: 0;} .view-main-section-content .views-field-nothing .content-node-2172 h1 { margin-bottom:10px; margin-top:30px;} .content-node-2172 .msc-item-link {margin-top: 10px;clear: both;} .content-node-2172 .msc-item-picture-and-body {margin: 0 0 2em 0;} .view-main-section-content .views-field-nothing .content-node-2039 h1 { margin-bottom:10px; margin-top:30px;} .content-node-2039 .msc-item-link {margin-top: 10px;clear: both;} .content-node-2039 .msc-item-picture-and-body {margin: 0;} /* UAT !!!! * --------------------------------------- */ .view-main-section-content .views-field-nothing .content-node-215 h1 { margin-bottom:10px; margin-top:30px;} .content-node-215 .msc-item-link {margin-top: 10px;clear: both;} .content-node-215 .msc-item-picture-and-body {margin: 0 0 2em 0;} .view-main-section-content .views-field-nothing .content-node-2989 h1 { margin-bottom:10px; margin-top:30px;} .content-node-2989 .msc-item-link {margin-top: 10px;clear: both;} .content-node-2989 .msc-item-picture-and-body {margin: 0;} .view-main-section-content .views-field-nothing .content-node-3009 h1 { margin-bottom:10px; margin-top:30px;} .content-node-3009 .msc-item-link {margin-top: 10px;clear: both;} .content-node-3009 .msc-item-picture-and-body {margin: 0 0 2em 0;} /* Adaptations page Young leaders 2021 * --------------------------------------- */ .page-node-2055 .msc-item-view {margin-top: 0;} .page-node-2055 .view-main-section-content .views-field-nothing h1 {margin-bottom: 20px; margin-top: 90px;} /* Brainstormings 2022 * --------------------------------------- */ body.page-brainstormings h1#page-title {margin-top: 250px;} .view-brainstormings {margin-top:1em;} .view-brainstormings .view-content {display:flex; flex-wrap:wrap;} .view-brainstormings .views-row {width:25%; text-align:left;} .view-brainstormings .views-row h3 {line-height:1em; color:#00125c; margin-top: 10px;} .view-brainstormings .views-row .views-field-nothing {padding:20px;} #main .view-brainstormings .views-row a.brainstorming-tool { -webkit-border-radius:50px; border-radius:50px; background-color:#666; color: rgba(255,255,255,1); display: inline-block; padding: 10px 15px 5px 15px; text-decoration: none; text-transform: uppercase; font-size:.7em; line-height:.7em; -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:6px;} #main .view-brainstormings .views-row a.brainstorming-tool:hover {background-color:#333;} .view-brainstormings .views-row .brainstorming-related {display:inline-flex;} /* About EDD - modifications juillet 2022 * ------------------------------------------- */ #content-node-id-26 .msc-item-link {margin-bottom:50px;} /* 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; } #think-twice-video {width: 455px; height: 455px;} } @media only screen and (max-width: 1199px) { #logo { width:226px; height:40px; } #navigation {margin-right:30px; float:none;} .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;} #views-slideshow-bxslider-1 .bx-viewport {width: 800px !important;} #think-twice-video {width: 355px; height: 355px;} #think-twice-intro .msc-item-body .inner h2 {font-size:32px; font-family: "FoundersGrotesk-Bold"; line-height:32px;} #think-twice-intro .msc-item-body .inner p {font-size:22px; font-family: "FoundersGrotesk-Regular"; line-height:22px;} .view-brainstormings .views-row {width:33%;} } /* 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;} #navigation, body.front #navigation, body #navigation {display:none;} .slicknav_menu { display: block; text-align:center; background:none;} .front #highlighted .container .sixteen.columns { padding: 0; margin: 0; width: 100%; } #footer-navigation { display: inline-block; position: relative; width: 100%; text-align: center; 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; } .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;} .principe-9 h1, .principe-9 h2 {font-size: 20px; line-height: 20px;} .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:18px; line-height:20px;} .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("../images/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("../images/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("../images/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: auto; } .speaker-cell-data { top: -1.5em;} .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%;} #views-slideshow-bxslider-1 .bx-viewport {width:600px!important;} #think-twice-video {width: 355px; height: 355px;} #think-twice-intro .msc-item-body .inner h2 {font-size: 28px; font-family: "FoundersGrotesk-Bold"; line-height: 26px;} #think-twice-intro .msc-item-body .inner p {font-size: 20px;font-family: "FoundersGrotesk-Regular"; line-height: 22px; } .view-documents.view-id-documents {width:90%} .view-brainstormings .views-row {width:50%;} } /* 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: "OpenSans-Bold", "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; } } /* Mobile/Browser */ @media only screen and (max-width: 767px) { h1 { margin: 15px 0; font-size: 30px; 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; } #navigation {display:block; margin:0; text-align:left; } .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; } .msc-anchor-button a.button-grey, .msc-anchor-button a.button-grey:link, .msc-anchor-button a.button-grey:visited {padding: 8px 10px 4px;} #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;} .speaker-flexlist-picture-overlay {left:6px !important;} .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-1.Light-green h2 {font-size:1.2em; line-height:1em;} .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, .page-node-29 .borderless-principe-3 .msc-item-picture-and-body, .page-node-29 .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 .views-row, .view-agenda .views-row .agenda-cell, .view-agenda-youth .views-row, .view-agenda-youth .views-row .agenda-cell {min-height: 100px;} .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%;} #views-slideshow-bxslider-1 .bx-viewport {width: 355px !important;} #think-twice-video {width: 344px; height: 344px;} #think-twice-video {float: none; margin: 0 auto;} body#think-twice #highlighted {height: 380px;} .view-think-twice-ambassadors .views-row { width: 100%; padding: 1em; vertical-align: top;} #think-twice-intro .msc-item-body .inner h2 {font-size: 24px; font-family: "FoundersGrotesk-Bold"; line-height: 24px;} #think-twice-intro .msc-item-body .inner p {font-size: 16px; font-family: "FoundersGrotesk-Regular"; line-height: 16px;} #think-twice .flex-direction-nav {display:none;} a.button-green {font-size:.8em; line-height:.8em;} .view-brainstormings .views-row {width:100%;} } /* 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:80%; 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("../images/pictos-topics.svg") 0px -160px no-repeat, none; background-size: 21% auto;} .view-main-section-themes #main-section-topic-9818 {background: url("../images/pictos-topics.svg") 4px -194px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9819 {background: url("../images/pictos-topics.svg") 0px -275px no-repeat, none; background-size: 21% auto;} .view-main-section-themes #main-section-topic-9820 {background: url("../images/pictos-topics.svg") 0px -610px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9821 {background: url("../images/pictos-topics.svg") 0px -665px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9823 {background: url("../images/pictos-topics.svg") 0px -724px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9830 {background: url("../images/pictos-topics.svg") 0px -115px no-repeat, none; background-size: 21% auto;} .view-main-section-themes #main-section-topic-9829 {background: url("../images/pictos-topics.svg") 4px -445px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9828 {background: url("../images/pictos-topics.svg") 4px -495px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9827 {background: url("../images/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("../images/pictos-topics.svg") 0px -302px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9831 {background: url("../images/pictos-topics.svg") 0px -348px no-repeat, none; background-size: 19% auto;} .view-main-section-themes #main-section-topic-9865 {background: url("../images/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 {min-height: 120px;} .views-row.speakers-list, .views-row.organisations-list { width: 80%; } .speaker-cell-image img, .organisation-cell-image img { width: inherit; } .speaker-cell-data {top: -1.5em;} .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;} #views-slideshow-bxslider-1 .bx-viewport {width: 172px !important;} #think-twice-video {width: 382px; height: 382px;} body#think-twice #highlighted {max-height: 260px;} .view-documents.view-id-documents { width: 90%;} .view-documents.view-id-documents .views-field a {width: 100%; } #stand-grid .isotope-element {width:300px!important;} .view-brainstormings .views-row {width:100%;} } /* Mobile/Browser */ @media only screen and (max-width: 480px) { #think-twice-video {width: 282px;height: 282px;} } @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; }