map area { outline: none !important; } body.roles-and-responsibilities div.content { padding-bottom: 100px; } body.roles-and-responsibilities { font-size: 22px; } .roles-and-responsibilities #progress-bar { top: -10px; min-width: 880px; width: 50%; height: 45px; margin-left: 10px; left: 25%; margin-top: 18px; } .roles-and-responsibilities #progress-bar .copy { text-align: center; color: #EEE; } .roles-and-responsibilities #progress-bar .sub-unit { min-width: 90px; position: relative; float: left; border-left: 1px solid #AAA; padding: 0px 10px 20px 10px; } .roles-and-responsibilities #progress-bar .sub-unit:first-child { border-left: none; } .roles-and-responsibilities #progress-bar .sub-unit span.label-sub-unit { text-align: center; text-transform: uppercase; font-size: 12px; display: block; width: 100%; left: 0px; position: absolute; bottom: 0px; } .roles-and-responsibilities div.tools { box-shadow: none; height: 50px; } .roles-and-responsibilities div.tools ul.unit-progress { font-size: 8px; } .roles-and-responsibilities div.tools ul.unit-progress li { border: none !important; background-color: #444; border-radius: 100%; width: 6px; height: 6px; margin-left: 12px; } .roles-and-responsibilities div.tools ul.unit-progress li.intro { background-color: #444; } .roles-and-responsibilities div.tools ul.unit-progress li.current { background-color: #223a82; width: 10px; height: 10px; } .roles-and-responsibilities div.tools ul.unit-progress li:first-child { margin-left: 0px; } .roles-and-responsibilities div.copy { color: #DDD; text-align: center; font-size: 10px; width: 100%; position: absolute; bottom: 0px; clear: both; } .roles-and-responsibilities div.tools #print-bar { position: fixed; bottom: 140px; } .roles-and-responsibilities div.tools #transcript-bar { position: fixed; bottom: 110px; } .roles-and-responsibilities #navbar a { padding: 5px 20px; } .roles-and-responsibilities #navbar .nav-tooltip { bottom: 100%; } .roles-and-responsibilities div.tools #voiceover-bar.player { position: fixed; bottom: 55px; height: 35px; width: 50%; min-width: 880px; overflow: hidden; left: 25%; } .roles-and-responsibilities div.tools #voiceover-bar.player div.audio { position: relative; } .roles-and-responsibilities div.tools #voiceover-bar .mejs-controls .mejs-currenttime-container span { font-size: 10px; } .roles-and-responsibilities div.tools #voiceover-bar .mejs-controls .mejs-duration-container { font-size: 10px; right: 0px; top: 42px; } .roles-and-responsibilities div.tools #voiceover-bar .mejs-time-rail .mejs-time-loaded { background: linear-gradient(rgba(255,255,255,0.8), rgba(200,200,200,0.8)) !important; } /*.roles-and-responsibilities div.tools #voiceover-bar .mejs-controls .mejs-playpause-button button { zoom: 0.4; }*/ .roles-and-responsibilities div.tools #voiceover-bar .mejs-controls .mejs-playpause-button { top: 30px; left: 5px; } .roles-and-responsibilities div.tools #voiceover-bar .mejs-controls .mejs-playpause-button button { background-image: url('../../../OWNERSHIPEN/skin/img/sprite-blue.png'); } .roles-and-responsibilities div.tools #voiceover-bar .mejs-controls .mejs-currenttime-container { top: 43px; } @media (min-width: 992px) { .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container { width: 880px !important; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-time-rail { width: 800px !important; top: 25px; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-controls { width: 800px !important; left: 0px; margin-top: 2px; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-controls .mejs-time-rail span { width: 800px; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-duration-container { right: 0px; left: initial; } } @media (max-width: 1451px) { .roles-and-responsibilities div.tools #voiceover-bar.player { left: 10%; } } @media (max-width: 1358px) { } @media (max-width: 1230px) { .roles-and-responsibilities div.tools #voiceover-bar.player { width: 75%; left: 20px; margin-left: 0px !important; } } @media (max-width: 1000px) { .roles-and-responsibilities #progress-bar .copy { display: none; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container { width: 500px !important; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-time-rail { width: 500px !important; top: 25px; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-controls { width: 500px !important; left: 0px; margin-top: 2px; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-controls .mejs-time-rail span { width: 500px; } .roles-and-responsibilities div.tools #voiceover-bar.player .mejs-container .mejs-duration-container { right: 0px; left: initial; } } @media (max-width: 832px) { .roles-and-responsibilities #progress-bar { display: none; } .roles-and-responsibilities div.tools #voiceover-bar.player { bottom: 20px; } } .roles-and-responsibilities div.tools #instructions-bar { position: fixed; bottom: 180px; left: 3px; } .roles-and-responsibilities div.slide.icon div.header div.container h1 { max-width: 540px; } .roles-and-responsibilities .slide.case-story .header .container h1 { text-shadow: none; } .roles-and-responsibilities .slide.family-interview .header .container h1 { text-shadow: none; } .roles-and-responsibilities .slide.interactive-activity .header .container h1 { text-shadow: none; } @media (max-width: 1450px) { .roles-and-responsibilities #progress-bar { left: 10%; } } @media (max-width: 1358px) { .roles-and-responsibilities #progress-bar .sub-unit span.label-sub-unit { font-size: 10px; } .roles-and-responsibilities div.tools ul.unit-progress li { margin-left: 10px; } } @media (max-width: 1230px) { .roles-and-responsibilities #progress-bar { width: 75%; left: 20px; margin-left: 0px !important; } } @media (max-width: 1000px) { .roles-and-responsibilities div.tools ul.unit-progress li { margin-left: 8px; } .roles-and-responsibilities #progress-bar .sub-unit span.label-sub-unit { bottom: -8px; width: 90%; } } .roles-and-responsibilities .slide .header h1.nospan { text-transform: uppercase; font-size: 28px; font-weight: 700; margin-top: 14px; margin-bottom: 0px; } .roles-and-responsibilities .slide .header h1 span { font-size: 16px; } .roles-and-responsibilities .slide.icon .header h1 span { font-size: 40px; } .roles-and-responsibilities .slide .header h1 span { display: block; clear:right; color:#949ec3; text-transform: uppercase; font-weight: 700; } .roles-and-responsibilities .slide.voiceover .header .container h1 { text-shadow: none; } .roles-and-responsibilities div.slide div.header div.container { padding: 0px 40px; } .roles-and-responsibilities .slide .types-of-owners-intro {text-align: center;} .roles-and-responsibilities .slide .types-of-owners-intro h3 { color: #223a82; } .roles-and-responsibilities .slide .types-of-owners-intro .slide-additional-information { font-size: 16px; } .roles-and-responsibilities .slide.slide-types-of-owners .types-of-owners-intro div img { width: 80%; height: auto; } .roles-and-responsibilities .slide.slide-types-of-owners .types-of-owners-intro div h2 { font-size: 26px; text-transform: none; font-weight: 700; margin-top: 40px; margin-bottom: 0px; padding-bottom: 0px; } .roles-and-responsibilities .slide.slide-types-of-owners .types-of-owners-intro { padding-bottom: 120px; } .roles-and-responsibilities .slide.slide-types-of-owners .types-of-owners-intro div h3 { margin: 0px; padding: 0px 0px 20px 0px; } .roles-and-responsibilities .slide.slide-types-of-owners .slide-learn-more p a img { width: 60px; height: auto; cursor: pointer; } .roles-and-responsibilities .slide.slide-types-of-owners .slide-learn-more p a { text-transform: uppercase; text-decoration: none; } .roles-and-responsibilities .slide.slide-types-of-owners .slide-additional-information p { font-size: 14px; font-weight: 600; text-align: center; padding-right: 40px; } .roles-and-responsibilities .slide.slide-owners-responsibilites div.content { height: 70%; } .roles-and-responsibilities .slide.slide-owners-responsibilites div.content div.container { height: 100%; } .roles-and-responsibilities .slide .responsibility-type-title { display:table; height:250px;width:250px;border-radius: 50%;border:dotted 3px #223a82;background-color: #e2e1f1;} .roles-and-responsibilities .slide .responsibility-type-title p { display:table-cell;vertical-align: middle;text-align: center;padding:10%; font-size: 18px; font-weight: 600; } .roles-and-responsibilities .slide .owners-responsibilites-circle { position: relative; width: 750px; height: 750px; margin-left: auto !important; margin-right: auto !important; background-image: url('../img/owners-responsibilites-circle-bg.png'); background-repeat: no-repeat; background-position: center bottom; } .roles-and-responsibilities .slide .owners-responsibilites-circle .responsibility-type { position: absolute; } .roles-and-responsibilities .slide .owners-responsibilites-circle .responsibility-type-1 { left: 0; top: 33%; } .roles-and-responsibilities .slide .owners-responsibilites-circle .responsibility-type-3 { right: 0; top: 33%; } .roles-and-responsibilities .slide .owners-responsibilites-circle .responsibility-type-2 { left: 50%; top: 5%; margin-left: -125px; } .roles-and-responsibilities .slide .owners-responsibilites-circle .responsibility-type-4 { right: 12%; bottom: -5%; } .roles-and-responsibilities .slide .owners-responsibilites-circle .responsibility-type-5 { left: 12%; bottom: -5%; } .roles-and-responsibilities .slide .types-of-owners-intro h3 { color: #223a82; } .roles-and-responsibilities .slide .why-roles-responsibilities { text-align: center; } .roles-and-responsibilities .slide .why-roles-responsibilities p { font-size: 20px; } .roles-and-responsibilities .slide .why-roles-responsibilities h3 { color: #223a82; } .roles-and-responsibilities .slide .jenkins-introduction p { font-size: 18px; } .roles-and-responsibilities .slide .jenkins-introduction p span { color: #223a82; } body.roles-and-responsibilities { margin-top: 3px; position: relative; background-image: url('../img/rr_bg.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom center; background-size: cover; } div.slide div.header div.container { background-image: url('../img/unit3-header-bold.jpg'); background-size: 80px; background-repeat: no-repeat; } div.audio div.transcript { display: none !important; } .managing-conflict-additional-info { text-align: center;padding-top:20px;} .managing-conflict-additional-info p { padding-top: 30px;} .managing-conflict-additional-info .skewed-dotted-left { background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%); background-position: top; background-size: 5px 2px; background-repeat: repeat-x; height:3px; margin-left: 9px; -ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Safari */ transform: rotate(20deg); } .managing-conflict-additional-info .skewed-dotted-right { background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%); background-position: top; background-size: 5px 2px; background-repeat: repeat-x; height:3px; margin-left: -9px; -ms-transform: rotate(-20deg); /* IE 9 */ -webkit-transform: rotate(-20deg); /* Safari */ transform: rotate(-20deg); } .roles-and-responsibilities .postit-bubble { min-height: 300px; display:table} .roles-and-responsibilities .postit-bubble p { margin: 0 10%; padding:0 10%;text-align: center; font-size: 20px; display:table-cell;vertical-align: middle; background-color: #e2e1f1; border:dotted 2px #223a82;width:80%;} .managing-conflict-neutral-party { text-align: center;} .managing-conflict-neutral-party .header h1 { text-align: left;} .managing-conflict-neutral-party .neutral-party-context { color:#0F3487; font-size: 23px} .managing-conflict-neutral-party .neutral-party-context span {display:block;font-weight: 700;} .managing-conflict-neutral-party .neutral-party-description { margin-top:1em;} .managing-conflict-neutral-party .neutral-party-description p { padding-top:10px; } .managing-conflict-neutral-party .neutral-party-number {font-size: 64px; color:#0F3487;} .managing-conflict-neutral-party .neutral-party-content .neutral-party-section {border-right:2px solid #B4B4B8;border-left:2px solid #B4B4B8;} .managing-conflict-neutral-party .neutral-party-content .neutral-party-section:last-child, .managing-conflict-neutral-party .neutral-party-content .neutral-party-section:first-child {border:none;} .roles-and-responsibilities .slide-roles-responsibilities-postits .postit-row .postit-bubble { width: 30%; margin-left: 5%; } .roles-and-responsibilities .slide-roles-responsibilities-postits .postit-row .postit-bubble:first-child { margin-left: 0px; } .roles-and-responsibilities .slide-roles-responsibilities-postits .postit-row:before { content: ' '; border-bottom: 3px solid #223a82; width: 90%; margin-left: 5%; height: 150px; position: absolute; } .roles-and-responsibilities .slide-motivations .postit-row .postit-bubble { width: 30%; margin-left: 5%; } .roles-and-responsibilities .slide-motivations .postit-row .postit-bubble:first-child { margin-left: 0px; } .roles-and-responsibilities .slide-motivations .postit-row:before { content: ' '; border-bottom: 3px solid #223a82; width: 90%; margin-left: 5%; height: 150px; position: absolute; } .roles-and-responsibilities .managing-conflict-among-owners { text-align: center;} .roles-and-responsibilities .managing-conflict-among-owners .header h1 { text-align: left; } .roles-and-responsibilities .managing-conflict-among-owners .managing-conflict-icons { height:100px;margin:auto;} .roles-and-responsibilities .slide-emotional-ownership .postit-row .postit-bubble { width: 30%; margin-left: 5%; } .roles-and-responsibilities .slide-emotional-ownership .postit-row .postit-bubble:first-child { margin-left: 0px; } .roles-and-responsibilities .slide-emotional-ownership .postit-row:before { content: ' '; border-bottom: 3px solid #223a82; width: 90%; margin-left: 5%; height: 150px; position: absolute; } .roles-and-responsibilities .slide .postit-bubble p span { display: block; font-weight: bold; color: #223a82; } .roles-and-responsibilities .postit-row { margin-top:100px; position: relative; } div.slide.icon div.header div.container { background-image: url('../img/unit3-header-bold.jpg'); background-size: auto; } div.slide.takeaways div.header div.container { background-image: url('../img/unit3-header-bold.jpg'); background-size: auto; } div.slide.appreciation div.header div.container { background-image: url('../img/unit3-header-bold.jpg'); background-size: auto; } #container div.slide.takeaways div.content div.container { padding-top: 100px; } div.slide.voiceover .header .container { background-color: #223a82; } div.slide.case-story .header .container { background-color: #223a82; } div.slide.interactive-activity .header .container { background-color: #223a82; } div.slide.advice-expert .header .container { background-color: #223a82; } div.slide.family-interview .header .container { background-color: #223a82; } div.slide.peer-expert .header .container { background-color: #223a82; } div.slide.voiceover .content .container h2 { color: #223a82; text-shadow: none; } div.slide.case-story .content .container h2 { color: #223a82; text-shadow: none; } div.slide.interactive-activity .content .container h2 { color: #223a82; text-shadow: none; } div.slide.advice-expert .content .container h2 { color: #223a82; text-shadow: none; } div.slide.family-interview .content .container h2 { color: #223a82; text-shadow: none; } div.slide.peer-expert .content .container h2 { color: #223a82; text-shadow: none; } div.slide.toc div.header div.container { background-color: #223a82; } div.slide.toc div.header div.container h1 { color: #FFF; } div.slide.toc div.content div.container div.item { height: 140px; width: 150px; } .roles-and-responsibilities div.slide.toc div.content div.container div.item a { padding: 65px 13px; color: #223a82; text-align: center; } .roles-and-responsibilities div.slide.toc div.content div.container h2 { padding-top: 20px; margin-top: 0px; color: #444; } .roles-and-responsibilities div.slide.toc div.content div.container h2.toc-main-title { padding-top: 0px; font-size: 28px; text-transform: none; color: #223a82; text-align: left; } #partner-logo { display: none; } .roles-and-responsibilities #print-bar { cursor: not-allowed; opacity: 0.2 !important; } #partner-logo { display: none; } .roles-and-responsibilities div.tools #instructions-bar { display: none; } .roles-and-responsibilities div.tools { padding: 20px 0px; } /*@media (max-width: 1024px) { body div.tools #progress-bar { margin-left: -180px; } }*/ .roles-and-responsibilities #navbar a#next-button { margin-right: 10px; } @media (max-width: 1024px) { .roles-and-responsibilities span.intro-nav-label { width: 104px; } .roles-and-responsibilities div.slide.icon div.header div.container h1 { font-size: 30px; width: 50%; } } /*.roles-and-responsibilities div.tools ul.unit-progress { margin-left: 20px; } .roles-and-responsibilities div.tools ul.unit-progress li.u2 { width: 8px; } .roles-and-responsibilities div.tools ul.unit-progress li.u2 a { width: 8px; } .roles-and-responsibilities div.tools .autoplay { left: 210px; top: 0px; color: #AAA; }*/ .roles-and-responsibilities .navigating-ownership { border: none; background-color: #fff; background-color: rgba(255,255,255,0.4); margin-top: 20px; margin-bottom: 50px; padding: 20px; width: 80%; margin-left: auto; margin-right: auto; text-align: center; font-size: 14px; /*border: 2px dotted #223a82;*/ } .roles-and-responsibilities .navigating-ownership .icon { display: block; background-repeat: no-repeat; background-image: url('../../../OWNERSHIPEN//skin/img/sprite.png'); overflow: hidden; background-position: -142px 0px; width: 135px; height: 135px; margin: 0 auto; } .roles-and-responsibilities .navigating-ownership a:hover { text-decoration: none; } .roles-and-responsibilities .expectations li { padding-bottom: 20px; } .roles-and-responsibilities .key-learnings li { padding-bottom: 20px; } .roles-and-responsibilities ul.responsibilities-expectations li { display:table;} .roles-and-responsibilities ul.responsibilities-expectations li span { display:table-cell; vertical-align:middle;} .roles-and-responsibilities .interactive-activity-1 .is-right-answer:before { width: 27px; content: " "; background-image: url('../img/checked.png'); position: absolute; left: -30px; top: -11px; height:26px;} .roles-and-responsibilities .interactive-activity-1 .is-wrong-answer:before { width: 27px; content: " "; background-image: url('../img/no-checked.png'); position: absolute; left: -30px; top: -7px; height:26px;} .roles-and-responsibilities .interactive-activity-1 .content .container { width: 80%; padding: 0px; margin: 0px; margin-left: 10%; } .roles-and-responsibilities .interactive-activity-1 .content .container h2 { text-align: center; } .roles-and-responsibilities .interactive-activity-1 .content .container #pager span, .roles-and-responsibilities .interactive-activity-1 .content .container .pager span { box-shadow: 2px 2px 5px #EEE; } .roles-and-responsibilities .interactive-activity-1 .content .container #pager { margin-bottom: 10px; } .roles-and-responsibilities .slide-roles-responsibilities-activity h2 { text-align: left !important; } .roles-and-responsibilities .slide-roles-responsibilities-activity input { font-size: 18px; position: relative;} .roles-and-responsibilities .slide-roles-responsibilities-activity #add-member { background-color: #FFF; background: #FFF; color: #223a82; border: 1px dotted #223a82; border-radius: 60px; text-transform: uppercase; } .roles-and-responsibilities .interactive-activity-1 #family-roles { width: 100%; position: relative; /*background-color: rgba(255, 255, 255, 0.7);*/ } .roles-and-responsibilities .interactive-activity-1 #family-roles img { display: block; margin: 0 auto; } .roles-and-responsibilities .interactive-activity-1 #family-roles .item { width: 100%; min-height: 245px; margin-left: auto; margin-right: auto; padding: 0px; } .roles-and-responsibilities .interactive-activity-1 #family-roles .character { width: 30%; float: left; } .roles-and-responsibilities .interactive-activity-1 #family-roles .character img { width: 100%; max-width: 200px; height: auto; border-radius: 40px; } .roles-and-responsibilities .interactive-activity-1 #family-roles .character h3 { text-align: center; } .roles-and-responsibilities .interactive-activity-1 #family-roles .questions { width: 60%; margin-left: 10%; float: left; } .roles-and-responsibilities .interactive-activity-1 #family-roles #prev { left: 0; } .roles-and-responsibilities .interactive-activity-1 #family-roles #next { right: 0; } .roles-and-responsibilities .interactive-activity-1 #family-roles #pager { bottom: 5px; } .roles-and-responsibilities .interactive-activity-1 #family-roles label { font-size: 16px; } .roles-and-responsibilities .interactive-activity-1 #family-roles label span { padding-left:5px; } .roles-and-responsibilities .interactive-activity-1 #family-roles legend { margin-bottom: 5px; } .roles-and-responsibilities .interactive-activity-1 #family-roles fieldset { padding-bottom: 10px; } .roles-and-responsibilities .interactive-activity-1 #family-roles .elf-save { font-size: 16px; } .roles-and-responsibilities .interactive-activity-1 #family-roles #pager span.cycle-pager-active { border: none; box-shadow: none; color: #444; font-weight: bold; } .roles-and-responsibilities .interactive-activity-1 #family-roles .cycle-carousel-wrap { width: 100%; } .roles-and-responsibilities .interactive-activity-1 .your-family .template { display: none; } .roles-and-responsibilities .interactive-activity-1 .your-family th { font-size: 16px; } .roles-and-responsibilities .interactive-activity-1 #member-list label { font-size: 16px; } .roles-and-responsibilities .interactive-activity-1 #member-list label.radio-inline { display: block; margin-left: 0px; } .roles-and-responsibilities .interactive-activity-1 #ownership-character-1 { width: 80%; } .roles-and-responsibilities .interactive-activity-1 #ownership-character-2 { width: 80%; } .roles-and-responsibilities .interactive-activity-1 #ownership-character-3 { width: 80%; } .roles-and-responsibilities .interactive-activity-1 #family-roles button.validate-owner-types { margin-bottom: 20px; background-color: #223a82; color: #FFF; font-size: 16px; border: none; padding: 10px 20px; } .roles-and-responsibilities .interactive-activity-9 button.validate-family-case-motivations { margin-bottom: 20px; background-color: #223a82; color: #FFF; font-size: 16px; border: none; padding: 10px 20px; } .roles-and-responsibilities .interactive-activity-1 table.case-story { background-color: transparent; font-size: 18px; margin-bottom: 0px; } .roles-and-responsibilities .interactive-activity-1 table.case-story tr > td { background-color: transparent; border-top: none !important; } .roles-and-responsibilities .interactive-activity-1 table.case-story tr > th { border: none !important; } .roles-and-responsibilities .interactive-activity-1 table.case-story thead, .roles-and-responsibilities .interactive-activity-1 table.case-story tbody { border: none !important; } .roles-and-responsibilities .interactive-activity-1 table.case-story tr > th.firstname { font-weight: normal; text-align: center; border: none !important; font-size: 22px; } .roles-and-responsibilities .interactive-activity-1 table.case-story label { font-size: 16px; } .roles-and-responsibilities .interactive-activity-1 table.case-story label.radio-inline { display: block; margin-left: 0px; } .roles-and-responsibilities .interactive-activity-1 table.case-story img { width: 100%; max-width: 150px; height: auto; border-radius: 20px; } .roles-and-responsibilities .interactive-activity-1 div.row.separator { border-bottom: 2px solid #223a82; margin-bottom: 30px; } .roles-and-responsibilities .interactive-activity-2 h2 small { display: block; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters { width: 100%; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .spacer { height: 40px;} .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters p { text-align: center; color: #fff; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group { position: relative; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group div { display: block; float: left; width: 25%; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group span { display: block; float: left; width: 10%; margin-top: 160px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group .degree-business { display: none; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group p { text-transform: uppercase; font-weight: bold; font-size: 14px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-pictures { position: relative; clear: both; padding-top: 30px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-pictures p { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #9b9a95; padding: 170px 40px 0px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-circle { position: relative; clear: both; margin-top: -70px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-circle img, .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-circle div { position: absolute; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-keys { position: relative; top: 945px; font-size: 18px; width: 500px; margin-left: auto; margin-right: auto; clear: both; height: 500px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .source { position: relative; top: 700px; width: 100%; text-align: center; color: #444; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .serving-group-interest { background-image: url('../img/responsible-ownership-matters/serving-group-interest.png'); min-height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .serving-group-interest p { padding-top: 140px; max-width: 165px; margin-left: auto; margin-right: auto; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .degree-responsible-ownership { background-image: url('../img/responsible-ownership-matters/degree-responsible-ownership.png'); min-height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .degree-responsible-ownership p { text-indent: -9999px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .serving-own-interest { background-image: url('../img/responsible-ownership-matters/serving-own-interest.png'); min-height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .serving-own-interest p { padding-top: 140px; max-width: 165px; margin-left: auto; margin-right: auto; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-vertical-dashed { } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-vertical-dashed.group-degree { border-bottom: 5px dashed #42b4eb; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-vertical-dashed.degree-own { border-bottom: 5px dashed #0f8fbe; } .roles-and-responsibilities .slide-responsive-ownership-matters h2 { text-align: center; } .roles-and-responsibilities .slide.slide-responsibilities div img { width: 80%; height: auto; margin-left: 10%; } .roles-and-responsibilities .slide.slide-responsibilities div h2 { margin-bottom: 0px; } .roles-and-responsibilities .slide.slide-responsibilities div h3 { padding-top: 0px; margin-top: 0px; margin-bottom: 30px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-horizontal { display: block; border-top: 45px solid #9b9a95; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-horizontal.degree-business { top: 455px; left: 330px; width: 150px; z-index: -1; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .picture-stakeholders { top: 80px; background-image: url('../img/responsible-ownership-matters/picture-stakeholders.png'); width: 210px; height: 230px; position: absolute; right: 0px; background-size: contain; background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .picture-business { top: 80px; background-image: url('../img/responsible-ownership-matters/picture-business.png'); width: 210px; height: 230px; position: absolute; left: 48%; margin-left: -100px; background-size: contain; background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .picture-owners { top: 80px; background-image: url('../img/responsible-ownership-matters/picture-owners.png'); width: 210px; height: 230px; position: absolute; background-size: contain; background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-vertical { display: block; border-left: 45px solid #9b9a95; margin-left: 10%; position: absolute; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-vertical.stakeholders-business { top: 30px; height: 130px; z-index: -1; position: absolute; right: 10%; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-vertical.business-owners { top: 590px; height: 110px; z-index: -1; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line { display: block; border-right: 45px solid #9b9a95; border-bottom: 45px solid #9b9a95; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line.business-ring { top: 30px; left: 48%; height: 160px; width: 45px; z-index: -1; position: absolute; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line.owners-ring { height: 130px; width: 45px; z-index: -1; margin-left: 10%; position: absolute; top: 30px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-arrow { display: block; border-top: 45px solid #9b9a95; z-index: -1; width: 80%; margin-left: 10%; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .line-arrow p { color: #fff; text-align: center; margin-top: -30px; padding: 0 20px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ring { position: absolute; top: 430px; left: 50%; background-image: url('../img/responsible-ownership-matters/ring.png'); width: 356px; height: 356px; margin-left: -178px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ring h3 { text-align: center; color: #fff; padding: 55px 35px 5px; text-transform: uppercase; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ring p { text-align: center; color: #fff; font-size: 12px; padding: 0 55px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .family-governance { top: 424px; left: 50%; margin-left: -158px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .family-governance.glow { background-image: url('../img/responsible-ownership-matters/family-governance-glow.png'); } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ownership-attitudes { top: 514px; left: 50%; margin-left: -6px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ownership-attitudes.glow { background-image: url('../img/responsible-ownership-matters/ownership-attitudes-glow.png'); } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ownership-behaviours { top: 510px; left: 50%; margin-left: -186px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .ownership-behaviours.glow { background-image: url('../img/responsible-ownership-matters/ownership-behaviours-glow.png'); } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble { position: absolute; background-repeat: no-repeat; left: 50%; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble p { font-size: 12px; color: #000; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-1 { top: 315px; margin-left: -22px; background-image: url('../img/responsible-ownership-matters/bubble-1.png'); width: 97px; height: 123px; padding: 16px 20px 55px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-2 { top: 343px; margin-left: 69px; background-image: url('../img/responsible-ownership-matters/bubble-2.png'); width: 109px; height: 120px; padding: 16px 10px 35px 11px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-3 { top: 411px; margin-left: 134px; background-image: url('../img/responsible-ownership-matters/bubble-3.png'); width: 124px; height: 88px; padding: 15px 12px 26px 31px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-4 { top: 493px; margin-left: 167px; background-image: url('../img/responsible-ownership-matters/bubble-4.png'); width: 121px; height: 77px; padding: 26px 10px 12px 36px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-5 { top: 566px; margin-left: 177px; background-image: url('../img/responsible-ownership-matters/bubble-5.png'); width: 127px; height: 89px; padding: 30px 10px 15px 35px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-6 { top: 659px; margin-left: 170px; background-image: url('../img/responsible-ownership-matters/bubble-6.png'); width: 116px; height: 85px; padding: 25px 15px 15px 40px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-7 { top: 717px; margin-left: 133px; background-image: url('../img/responsible-ownership-matters/bubble-7.png'); width: 112px; height: 108px; padding: 47px 18px 18px 16px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-8 { top: 769px; margin-left: 49px; background-image: url('../img/responsible-ownership-matters/bubble-8.png'); width: 107px; height: 118px; padding: 55px 18px 18px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-9 { top: 788px; margin-left: -62px; background-image: url('../img/responsible-ownership-matters/bubble-9.png'); width: 106px; height: 125px; padding: 55px 18px 18px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-10 { top: 775px; margin-left: -167px; background-image: url('../img/responsible-ownership-matters/bubble-10.png'); width: 102px; height: 110px; padding: 55px 18px 18px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-11 { top: 727px; margin-left: -251px; background-image: url('../img/responsible-ownership-matters/bubble-11.png'); width: 118px; height: 103px; padding: 23px 18px 18px 0px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-12 { top: 636px; margin-left: -291px; background-image: url('../img/responsible-ownership-matters/bubble-12.png'); width: 119px; height: 88px; padding: 28px 18px 18px 0px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-13 { top: 553px; margin-left: -294px; background-image: url('../img/responsible-ownership-matters/bubble-13.png'); width: 118px; height: 78px; padding: 19px 35px 18px 4px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-14 { top: 469px; margin-left: -275px; background-image: url('../img/responsible-ownership-matters/bubble-14.png'); width: 111px; height: 79px; padding: 10px 18px 18px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-15 { top: 382px; margin-left: -223px; background-image: url('../img/responsible-ownership-matters/bubble-15.png'); width: 117px; height: 118px; padding: 20px 18px 18px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .bubble-16 { top: 327px; margin-left: -141px; background-image: url('../img/responsible-ownership-matters/bubble-16.png'); width: 118px; height: 123px; padding: 15px 18px 18px 18px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-keys h3 { color: #fff; background-color: #0f8fbe; padding: 5px; } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-keys ol { counter-reset: li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-keys ol > li { position:relative; /* Create a positioning context */ margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */ padding:4px 8px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ } .roles-and-responsibilities .interactive-activity-2 .responsible-ownership-matters .group-keys ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-2px; left:-2em; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right: 8px; padding: 4px; color:#fff; background:#0f8fbe; font-weight:bold; text-align:center; } .roles-and-responsibilities .voiceover-1 .content .container h2 { color: #AAA; text-transform: uppercase; text-shadow: none; font-size: 22px; } .roles-and-responsibilities .voiceover-1 table tr th { background-color: #223a82; color: #FFF; padding: 5px 20px; height: auto; font-weight: normal; text-align: center; font-size: 12px; text-transform: uppercase; border-right: 1px solid #ddd; } .roles-and-responsibilities .voiceover-1 table tr td { padding: 10px 20px; font-size: 16px; background-color: #b8b9bd; color: #FFF; } .roles-and-responsibilities .voiceover-1 .table tr td:first-child { white-space: nowrap; min-width: 200px; } .roles-and-responsibilities .voiceover-1 .table-responsive.non-family { padding-bottom: 100px; } .roles-and-responsibilities .voiceover-1 .table-striped>tbody>tr:nth-child(odd)>td { background-color: #a0a2a5; } .roles-and-responsibilities .voiceover-0 .expectations li { font-size: 18px; } .roles-and-responsibilities .voiceover-0 .expectations li.current { background-color: #FFF; padding: 10px 10px; margin-bottom: 10px; } .roles-and-responsibilities .voiceover-2 { height: 120%; } .roles-and-responsibilities .voiceover-2 .island { position: relative; width: 1527px; height: 1117px; background-image: url('../img/island-puzzle/whole-map.png'); zoom: 0.7; } .roles-and-responsibilities .voiceover-2 .piece { background-size: cover; position: absolute; } .roles-and-responsibilities .voiceover-2 .boat { top: 842px; left: 0px; width: 183px; height: 156px; background-image: url('../img/island-puzzle/boat.png'); } .roles-and-responsibilities .voiceover-2 .piece-1 { top: 0px; left: 446px; width: 928px; height: 470px; background-image: url('../img/island-puzzle/puzzle-map-01.png'); } .roles-and-responsibilities .voiceover-2 .piece-2 { top: 93px; left: 664px; width: 860px; height: 698px; background-image: url('../img/island-puzzle/puzzle-map-02.png'); } .roles-and-responsibilities .voiceover-2 .piece-3 { top: 700px; left: 393px; width: 945px; height: 413px; background-image: url('../img/island-puzzle/puzzle-map-03.png'); } .roles-and-responsibilities .voiceover-2 .piece-4 { top: 308px; left: 0px; width: 846px; height: 521px; background-image: url('../img/island-puzzle/puzzle-map-04.png'); } .roles-and-responsibilities .voiceover-2 .piece-5 { top: 20px; left: 58px; width: 623px; height: 458px; background-image: url('../img/island-puzzle/puzzle-map-05.png'); } .roles-and-responsibilities .voiceover-2 .title { cursor: pointer; border-radius: 15px; position: absolute; width: 250px; height: auto; padding: 10px; z-index: 800; } .roles-and-responsibilities .voiceover-2 .title p { padding: 20px; font-size: 20px; text-align: center; color: #FFF; font-weight: bold; } .roles-and-responsibilities .voiceover-2 .title-1 { top: 200px; left: 500px; background-color: #5b9bd5; } .roles-and-responsibilities .voiceover-2 .title-2 { top: 390px; left: 200px; background-color: #9aba58; } .roles-and-responsibilities .voiceover-2 .title-3 { top: 120px; left: 425px; width: 300px; background-color: #7f63a1; } .roles-and-responsibilities .voiceover-2 .title-4 { top: 200px; left: 250px; width: 300px; background-color: #f59545; } .roles-and-responsibilities .voiceover-2 .title-5 { top: 30px; left: 150px; background-color: #bf504d; } @media (max-height: 860px) { .roles-and-responsibilities .voiceover-2 .island { zoom: 0.5; } } .roles-and-responsibilities .voiceover-4 h2 { text-align: center; } .roles-and-responsibilities .voiceover-4 h3 { text-align: center; color: #223a82; } .roles-and-responsibilities .voiceover-4 p { text-align: center; } .roles-and-responsibilities .voiceover-4 .types-of-owners { margin-top: 30px; } .roles-and-responsibilities .voiceover-4 .types-of-owners li { list-style-type: none;float: left; width: 155px; height: 155px; margin-left: 5px; margin-right: 5px; background-color: #a0a2a6; border-radius: 400px; color: #FFF; text-transform: uppercase; font-size: 14px; text-align: center; font-weight: bold; margin-bottom: 30px; display:table;} .roles-and-responsibilities .voiceover-4 .types-of-owners li span { display:table-cell;vertical-align: middle;} .roles-and-responsibilities .voiceover-4 ul li.custody { float: left; list-style-type: none; background-color: #fff; text-align: center; padding: 30px; border-radius: 40px; font-size: 16px; width: 200px; margin-left: 5px; margin-right: 5px; margin-bottom: 30px; height: 200px; border:dotted 3px #5C9BD3;} .roles-and-responsibilities .voiceover-4 ul li.growth { float: left; list-style-type: none; background-color: #fff; text-align: center; padding: 30px; border-radius: 40px; font-size: 16px; width: 200px; margin-left: 5px; margin-right: 5px; margin-bottom: 30px; height: 200px; border:dotted 3px #70AD45;} .roles-and-responsibilities .voiceover-4 ul li.supporting { float: left; list-style-type: none; background-color: #fff; text-align: center; padding: 30px; border-radius: 40px; font-size: 16px; width: 200px; margin-left: 5px; margin-right: 5px; margin-bottom: 30px; height: 200px; border:dotted 3px #BF2026;} .roles-and-responsibilities .voiceover-4 ul li.funding { float: left; list-style-type: none; background-color: #fff; text-align: center; padding: 30px; border-radius: 40px; font-size: 16px; width: 200px; margin-left: 5px; margin-right: 5px; margin-bottom: 30px; height: 200px; border:dotted 3px #6F3996;} .roles-and-responsibilities .voiceover-4 ul li.coordinating { float: left; list-style-type: none; background-color: #fff; text-align: center; padding: 30px; border-radius: 40px; font-size: 16px; width: 200px; margin-left: 5px; margin-right: 5px; margin-bottom: 30px; height: 200px; border:dotted 3px #EC7D30;} .roles-and-responsibilities .voiceover-4 ul.expectations.responsibilities-expectations { margin-top: 30px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation { } .roles-and-responsibilities .interactive-activity-3 h2 small { display: block; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart { position: relative; height: 700px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart span, .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart div { position: absolute; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .question { color: #fff; background-color: #c4843d; padding: 15px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .question h4 { font-size: 18px; text-transform: uppercase; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .question p { font-size: 12px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .big-grey-arrow { display: block; width: 108px; height: 265px; top: -25px; left: 400px; background-image: url('../img/engaging-next-generation/big-grey-arrow.png'); background-repeat: no-repeat; z-index: -1; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .emotional-ownership-heart { width: 372px; height: 219px; top: 400px; left: 272px; background-repeat: no-repeat; background: transparent url('../img/engaging-next-generation/emotional-ownership-heart.png'); } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .emotional-ownership-heart p { text-indent: -9999em; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble p { font-size: 16px; padding: 60px 40px; text-align: center; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-1 { width: 178px; height: 147px; top: 246px; left: 392px; background-image: url('../img/engaging-next-generation/bubble-1.png'); background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-1 p { padding: 30px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-2 { width: 177px; height: 166px; top: 278px; left: 585px; background-image: url('../img/engaging-next-generation/bubble-2.png'); background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-3 { width: 215px; height: 173px; top: 532px; left: 535px; background-image: url('../img/engaging-next-generation/bubble-3.png'); background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-4 { width: 187px; height: 151px; top: 618px; left: 330px; background-image: url('../img/engaging-next-generation/bubble-4.png'); background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-5 { width: 170px; height: 153px; top: 532px; left: 165px; background-image: url('../img/engaging-next-generation/bubble-5.png'); background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-6 { width: 208px; height: 173px; top: 266px; left: 174px; background-image: url('../img/engaging-next-generation/bubble-6.png'); background-repeat: no-repeat; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .bubble-6 p { padding: 50px 40px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .hearts p { margin-top: -30px; font-size: 20px; text-transform: uppercase; font-weight: bold; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .weak-eo-hearts { top: 460px; left: 0; background-image: url('../img/engaging-next-generation/weak-eo-hearts.png'); background-repeat: no-repeat; width: 136px; height: 141px; color: #f8a15e;} .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .strong-eo-hearts { top: 460px;; left: 775px; background-image: url('../img/engaging-next-generation/strong-eo-hearts.png'); background-repeat: no-repeat; width: 137px; height: 141px; text-align: right; color: #a97234;} .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .line-horizontal-dashed { width: 155px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .weak-heart-arrow { top: 500px; left: 140px; background: url('../img/engaging-next-generation/weak-eo-arrow.png') top left no-repeat; height: 27px; width: 175px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .weak-heart-arrow .line-horizontal-dashed { border-top: 6px dashed #f8a15e; margin-top: 10px; margin-left: 20px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .heart-strong-arrow { top: 500px; left: 600px; background: transparent url('../img/engaging-next-generation/strong-eo-arrow.png') top right no-repeat; height: 27px; width: 175px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-heart .heart-strong-arrow .line-horizontal-dashed { border-top: 6px dashed #a97234; margin-top: 10px } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle { position: relative; clear: both; width: 650px; margin-left: 100px; height: 500px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle h3 { color: #fff; background-color: #c4843d; padding: 10px; margin-top: -76px; width: 650px} .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle div, .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle img { position: absolute; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .doughnut { width: 317px; height: 317px; top: 150px; left: 150px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .neutral { width: 189px; height: 170px; top: 123px; left: 150px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .contrarians { width: 157px; height: 151px; top: 123px; left: 279px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .unsure { width: 147px; height: 168px; top: 198px; left: 122px;} .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .supporter { width: 368px; height: 335px; top: 160px; left: 126px;} .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .heart p { margin-top: -25px; font-size: 18px; text-align: center; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .heart { width: 150px; height: 95px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .neutral-heart { top: 70px; left: 0; background: url('../img/engaging-next-generation/neutral-heart.png') top center no-repeat; color: #f79341; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .contrarians-heart { top: 70px; left: 475px; background: url('../img/engaging-next-generation/contrarians-heart.png') top center no-repeat; color: #f5842b; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .unsure-heart { top: 390px; left: 0; background: url('../img/engaging-next-generation/unsure-heart.png') top center no-repeat; color: #f8a15e; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .supporter-heart { top: 390px; left: 475px; background: url('../img/engaging-next-generation/supporter-heart.png') top center no-repeat; color: #a97234; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .line-dashed { display: block; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .neutral-heart-arrow { top: 47px; left: 127px; background: url('../img/engaging-next-generation/neutral-heart-arrow.png') top left no-repeat; height: 120px; width: 120px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .neutral-heart-arrow .line-dashed { border-top: 4px dashed #f79341; border-right: 4px dashed #f79341; width: 100px; height: 110px; margin-top: 9px; margin-left: 10px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .contrarians-heart-arrow { top: 47px; left: 360px; background: url('../img/engaging-next-generation/contrarians-heart-arrow.png') top right no-repeat; height: 120px; width: 120px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .contrarians-heart-arrow .line-dashed { border-top: 4px dashed #f5842b; border-left: 4px dashed #f5842b; width: 100px; height: 110px; margin-top: 9px; margin-left: 10px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .unsure-heart-arrow { top: 247px; left: 60px; background: url('../img/engaging-next-generation/unsure-heart-arrow.png') bottom left no-repeat; height: 120px; width: 120px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .unsure-heart-arrow .line-dashed { border-top: 4px dashed #f8a15e; border-left: 4px dashed #f8a15e; width: 85px; height: 110px; margin-left: 9px; margin-bottom: 9px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .supporter-heart-arrow { top: 247px; left: 440px; background: url('../img/engaging-next-generation/supporter-heart-arrow.png') bottom right no-repeat; height: 120px; width: 120px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-circle .supporter-heart-arrow .line-dashed { border-top: 4px dashed #a97234; border-right: 4px dashed #a97234; width: 90px; height: 110px; margin-bottom: 9px; margin-left: 22px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-keys { position: relative; font-size: 18px; width: 600px; margin-left: 100px; padding-bottom: 100px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-keys h3 { color: #fff; background-color: #c4843d; padding: 5px; text-transform: uppercase; font-size: 20px; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-keys ol { counter-reset: li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-keys ol > li { position:relative; /* Create a positioning context */ margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */ padding:4px 8px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-keys ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-2px; left:-2em; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right: 8px; padding: 4px; color:#fff; background:#c4843d; font-weight:bold; text-align:center; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .group-keys ol strong { text-transform: uppercase; } .roles-and-responsibilities .interactive-activity-3 .engaging-next-generation .source { } /*.roles-and-responsibilities .interactive-activity-4 .printable table td { padding: 5px; } .roles-and-responsibilities .interactive-activity-4 { background: url('../img/principles-emotional-ownership/parchment.jpg'); background-size: cover; } .roles-and-responsibilities .interactive-activity-4 .island { position: relative; background: url('../img/principles-emotional-ownership/island.png'); width: 1527px; height: 1116px; zoom: 0.7; } @media (max-height: 860px) { .roles-and-responsibilities .interactive-activity-4 .island { zoom: 0.5; } }*/ /*.roles-and-responsibilities .interactive-activity-4 .pointer { position: absolute; width: 34px; height: 52px; background: url('../img/principles-emotional-ownership/pointer.png'); }*/ /*.roles-and-responsibilities .interactive-activity-4 .pointer:hover { background-position: 0 52px; } .roles-and-responsibilities .interactive-activity-4 .pointer p { display: block; padding: 10px; font-size: 20px; width: 300px; height: auto; color: #fff; text-align: center; border: 4px solid #223a82; background-color: rgba(34,58,130,0.8); margin-left: 40px; } .roles-and-responsibilities .interactive-activity-4 .pointer:hover p, .roles-and-responsibilities .interactive-activity-4 .pointer:hover .group-slider { display: block !important; } .roles-and-responsibilities .interactive-activity-4 .pointer-1 { top: 957px; left: 489px; } .roles-and-responsibilities .interactive-activity-4 .pointer-2 { top: 726px; left: 495px; } .roles-and-responsibilities .interactive-activity-4 .pointer-3 { top: 660px; left: 74px; } .roles-and-responsibilities .interactive-activity-4 .pointer-4 { top: 475px; left: 437px; } .roles-and-responsibilities .interactive-activity-4 .pointer-5 { top: 306px; left: 92px; } .roles-and-responsibilities .interactive-activity-4 .pointer-6 { top: 198px; left: 541px; } .roles-and-responsibilities .interactive-activity-4 .pointer-7 { top: 140px; left: 927px; } .roles-and-responsibilities .interactive-activity-4 .pointer-8 { top: 376px; left: 1258px; } .roles-and-responsibilities .interactive-activity-4 .pointer-9 { top: 604px; left: 926px; } .roles-and-responsibilities .interactive-activity-4 .pointer-10 { top: 880px; left: 967px; } .roles-and-responsibilities .interactive-activity-4 .pointer .group-slider { display: none; margin-left: 40px; width: 300px; background-color: rgba(0,0,0,0.5); height: 40px; padding-top: 10px; }*/ /*.roles-and-responsibilities .interactive-activity-4 .pointer-5 .group-slider { margin-top: -175px; } .roles-and-responsibilities .interactive-activity-4 .pointer-6 .group-slider { margin-top: -130px; } .roles-and-responsibilities .interactive-activity-4 .pointer-9 .group-slider { margin-top: -165px; } .roles-and-responsibilities .interactive-activity-4 .pointer-10 .group-slider { margin-top: -175px; }*/ /*.roles-and-responsibilities .interactive-activity-4 .pointer .slider { width: 110px; height: 18px; float: left; } .roles-and-responsibilities .interactive-activity-4 .pointer .answer { font-size: 16px; font-weight: bold; text-align: right; } .roles-and-responsibilities .interactive-activity-4 .pointer .agree { color: #0f0; float: left; display: block; padding: 0px 15px; } .roles-and-responsibilities .interactive-activity-4 .pointer .disagree { color: #f00; float: left; display: block; padding: 0px 0px 0px 20px; }*/ .roles-and-responsibilities .interactive-activity-5 #priority-board { min-height: 450px; position: relative; } .roles-and-responsibilities .interactive-activity-5 .board { position: absolute; width: 48%; min-height: 400px; background-color: rgba(255,255,255,0.8); } .roles-and-responsibilities .interactive-activity-5 .board .answer { min-height: 400px; width: 100%; position: absolute; z-index: 100; } .roles-and-responsibilities .interactive-activity-5 .board .answer:hover { z-index: 90; } .roles-and-responsibilities .interactive-activity-5 .board .answer .post-it { margin: 0 auto; width: 100%; height: auto; margin-bottom: 2px; background-color: transparent; } .roles-and-responsibilities .interactive-activity-5 .board .answer .post-it:hover { background-color: #EEE; } .roles-and-responsibilities .interactive-activity-5 .board .answer .post-it p { font-size: 16px; padding: 0px; } .roles-and-responsibilities .interactive-activity-5 .board h2 { padding: 4px; text-align: center; } .roles-and-responsibilities .interactive-activity-5 .board-stronger-emotional-ownership { left: 0; } .roles-and-responsibilities .interactive-activity-5 .board-weaker-emotional-ownership { left: 50%; } .roles-and-responsibilities .interactive-activity-5 .post-its { position: relative; } .roles-and-responsibilities .interactive-activity-5 .post-it { height: 90px; width: 200px; background-color: rgba(34,58,130,0.4); padding: 8px; margin: 0 5px 5px 0; display: inline-block; cursor: pointer; } .roles-and-responsibilities .interactive-activity-5 .post-it:nth-child(even) { background-color: rgba(255,255,255,0.6); } .roles-and-responsibilities .interactive-activity-5 .post-it:nth-child(odd) { background-color: rgba(50,50,50,0.4); } .roles-and-responsibilities .interactive-activity-5 .post-it p { text-align: center; font-style: italic; font-size: 12px; padding: 5px; } .roles-and-responsibilities .interactive-activity-5 .post-its .post-it { display: block; float: left; } body.roles-and-responsibilities div.slide.interactive-activity-9 .content .container h2 { color: #444; text-transform: uppercase; text-shadow: none; font-size: 22px; } .roles-and-responsibilities .interactive-activity-9 #family-case table { border: none; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr td.icon { text-align: center; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr td.icon img { width: 75px; height: auto; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr th img { width: 50px; height: auto; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr th { font-weight: normal; height: 105px; position: relative; background-color: #293795; color: #FFF; padding: 10px; text-align: center; font-size: 16px; text-transform: uppercase; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr th.other { padding-top: 60px; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr td { color: #444; padding: 10px; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr.person td { border: solid 1px #DDD; background-color: #c6c7cb; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr.person td.name { background-color: #fff; font-size: 18px; font-weight: 600; width: 150px; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr.person td a { display: block; width: 120px; height: 50px; cursor: pointer; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr.person td a:hover { background-color: #EEE; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr.person td a.on { background-image: url('../img/checked.png'); background-repeat: no-repeat; background-position: center center; } .roles-and-responsibilities .interactive-activity-9 #family-case table tr.person td a.off { background-image: url('../img/no-checked.png'); background-repeat: no-repeat; background-position: center center; } .roles-and-responsibilities .interactive-activity-9 table tr.person td textarea { border: solid 1px #DDD; background-color: #c6c7cb; font-size: 18px; } .roles-and-responsibilities .interactive-activity-9 #family-my table { border: none; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr td.icon { text-align: center; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr td.icon img { width: 75px; height: auto; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr th img { width: 50px; height: auto; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr th { font-weight: normal; height: 105px; position: relative; background-color: #293795; color: #FFF; padding: 10px; text-align: center; font-size: 16px; text-transform: uppercase; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr th.other { padding-top: 60px; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr td { color: #444; padding: 10px; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr.person td { border: solid 1px #DDD; background-color: #c6c7cb; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr.person td.name { background-color: #fff; font-size: 18px; font-weight: 600; width: 150px; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr.person td a { display: block; width: 120px; height: 50px; cursor: pointer; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr.person td a:hover { background-color: #EEE; } .roles-and-responsibilities .interactive-activity-9 #family-my table tr.person td a.on { background-image: url('../img/checked.png'); background-repeat: no-repeat; background-position: center center; } .roles-and-responsibilities .slide.code-of-conduct div.col-sm-6 img { width: 80%; height: auto; margin-left: 10%; } .roles-and-responsibilities .jenkins-introduction h2 { text-transform: uppercase; } .roles-and-responsibilities .jenkins-introduction p span { font-weight: 700; } .roles-and-responsibilities .jenkins-introduction div { text-align: center;} .roles-and-responsibilities .jenkins-introduction div.tenperc { text-align: left;} .roles-and-responsibilities .jenkins-introduction div.tenperc p { font-size: 16px; color: #000; font-weight: 600; } .roles-and-responsibilities .jenkins-introduction img { width:auto; height:300px; margin-bottom: 20px; } .roles-and-responsibilities .ownership-council-meeting-tips { text-align: center; background-image: url('../img/ownership-council-meeting-tips-h.png'); background-repeat: no-repeat; background-position: center 60px; } @media (max-width: 767px) { .roles-and-responsibilities .ownership-council-meeting-tips { background-image: url('../img/ownership-council-meeting-tips-v.png'); background-repeat: no-repeat; background-position: center center; } } @media (min-width: 768px) { .roles-and-responsibilities .ownership-council-meeting-tips { background-size: contain; } } .roles-and-responsibilities .meeting-tips { display:table; height:265px; border-radius: 100%; cursor:pointer; width: 265px; margin-left: auto; margin-right: auto; margin-bottom: 60px; } .roles-and-responsibilities .vertical-wrapper { display:table-cell; vertical-align:middle;} .roles-and-responsibilities .ownership-council-meeting .vertical-wrapper h3 { margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; font-weight: bold; } .roles-and-responsibilities .ownership-council-meeting .vertical-wrapper p { text-align: center; font-size: 18px; font-weight: normal; } .roles-and-responsibilities .meeting-tips-1 {background-color: rgba(109,181,64, 0.5);} .roles-and-responsibilities .meeting-tips-2 {background-color: rgba(246,142,30, 0.5);} .roles-and-responsibilities .meeting-tips-3 {background-color: rgba(111,58,151, 0.5);} .roles-and-responsibilities .meeting-tips-tip { font-size: 14px; vertical-align:middle; text-align: left; margin:0px; width: 280px; z-index: 666; padding: 0px; } .roles-and-responsibilities .meeting-tips-tip ul { margin-left: 0px; padding-left: 0px; } .roles-and-responsibilities .meeting-tips-tip ul li { clear: left; list-style-type: none; font-size: 16px; color: #444; padding-left: 40px; margin-bottom: 10px; } .roles-and-responsibilities .meeting-tips-tip ul li span { line-height: 42px; display: block; float: left; font-size: 30px; color: #223a82; font-weight: 600; margin-left: -40px; } .roles-and-responsibilities .meeting-tips-arrow { height: 100px;} .roles-and-responsibilities .meeting-tips-arrow img { width:auto; height:50%; margin-top:10%;} .roles-and-responsibilities .ownership-council-meeting-tips .additional-information-link {cursor:pointer; text-align: right;} .roles-and-responsibilities .ownership-council-meeting-tips .additional-information-link img {width:50px;} .roles-and-responsibilities .ownership-council-meeting .additional-information {display:none;} .roles-and-responsibilities .ownership-council-meeting .note { margin-top: 60px; } .roles-and-responsibilities .ownership-council-meeting .note p { font-size: 14px; font-weight: 600; padding: 0px; margin: 0px; } .roles-and-responsibilities .ownership-groups .pyramid-additional-info { font-size: 16px;} .roles-and-responsibilities .ownership-groups .pyramid-additional-info h2 { margin-top:5px; margin-bottom: 5px;} .roles-and-responsibilities .pyramid-group { text-align: center; cursor:pointer;display:table;} .roles-and-responsibilities .pyramid-group .pyramid-additional-info { display:none; font-size: 13px; text-transform: none; } .roles-and-responsibilities .pyramid-group .pyramid-additional-info em { text-transform: uppercase; } .roles-and-responsibilities .pyramid-group-1 { color: #FFF; text-transform: uppercase; font-size: 20px; background-image: url('../img/own-top-pyramid.png'); background-repeat: no-repeat; background-position: top center; height:210px;width:620px;margin:auto;background-size:100%; } @media (max-width: 768px) { .roles-and-responsibilities .meeting-tips { display:table; height:230px; width: 230px; } .roles-and-responsibilities .meeting-tips-tip { width: 100%; } .roles-and-responsibilities .ownership-council-meeting-tips { background-position: 20px 60px; } .roles-and-responsibilities .pyramid-group-1 { width: 460px; height: 165px; } .roles-and-responsibilities .pyramid-group-2 { width: 460px; height: 150px; } .roles-and-responsibilities .pyramid-group-3 { width: 460px; height: 115px; } } .roles-and-responsibilities .principles-emotional-ownership #principles-emotional-ownership-show-results { float: right; margin-bottom: 60px; } .roles-and-responsibilities .pyramid-group-1.open { height: 225px; width: 695px; margin-bottom: 0px; padding-bottom: 0px; } .roles-and-responsibilities .pyramid-group-1.open .pyramid-additional-info p { margin-top: -45px; padding: 20px; padding-bottom: 0px; } .roles-and-responsibilities .principles-emotional-ownership table tbody th { background-color: #fff;vertical-align: middle; font-weight: normal; font-size: 16px; } .roles-and-responsibilities .principles-emotional-ownership table tbody td {background-color: #eee; vertical-align: middle; text-align: center;} .roles-and-responsibilities .principles-emotional-ownership table tbody td label {width:100%;height:100%;} .roles-and-responsibilities .principles-emotional-ownership table tbody td input {cursor:pointer;} .roles-and-responsibilities .principles-emotional-ownership table thead th { background-color: #223a82; color:#fff; vertical-align: middle;text-align: center; text-transform: uppercase; font-weight: normal; font-size: 16px;} .roles-and-responsibilities .principles-emotional-ownership .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 2px solid #ddd; } .roles-and-responsibilities .principles-emotional-ownership .table-bordered > thead > tr > th:nth-child(1) {background-color: transparent; border-top:solid 2px transparent;border-left:solid 2px transparent;} .roles-and-responsibilities .principles-emotional-ownership .table-bordered > thead > tr > th:nth-child(2) {min-width:121px;} .roles-and-responsibilities .pyramid-group-2 { color: #FFF; text-transform: uppercase; background-image: url('../img/own-mid-pyramid.png'); background-repeat: no-repeat; background-position: top center; height:190px;width:620px;margin:auto;background-size:135%;margin-left:0;} .roles-and-responsibilities .pyramid-group-3 { color: #FFF; text-transform: uppercase; background-image: url('../img/own-bottom-pyramid.png'); background-repeat: no-repeat; background-position: top center; height:155px;width:620px;margin:auto;background-size:140%;margin-left:0;} .roles-and-responsibilities .pyramid-group-1 { padding-top: 60px;} .roles-and-responsibilities .pyramid-group-1 .pyramid-additional-info { padding: 35px 240px 0 240px;} .roles-and-responsibilities .pyramid-group-2 .pyramid-additional-info { padding: 0px 154px 0 154px;} .roles-and-responsibilities .pyramid-group-3 .pyramid-additional-info { padding: 0px 154px 0 154px;} .roles-and-responsibilities .ownership-motivations .different-ownership-motivations {text-align: center;} .roles-and-responsibilities .ownership-motivations .ownership-motivation {padding-left:30px; margin-top:50px; opacity:0.2;} .roles-and-responsibilities .ownership-motivations .ownership-motivation p span.label { font-size: 30px; color:#000; text-transform: uppercase; font-weight: bold; padding: 10px 30px; width:200px; cursor:pointer; margin-top: 20px; } .roles-and-responsibilities .ownership-motivations .ownership-motivation .details { display: block; text-align: center; } .roles-and-responsibilities .ownership-motivations img { width:120px; margin-bottom: 10px; cursor: pointer; } .roles-and-responsibilities .emotional-ownership-review #chart_div { margin-top: 60px; } .roles-and-responsibilities .emotional-ownership-review #chart_div table {margin:auto !important;} .roles-and-responsibilities .emotional-ownership-review #chart_div table td {background-color: transparent;} .roles-and-responsibilities .emotional-owner-type {display:none;} .roles-and-responsibilities .interactive-activity-9 textarea {width:100%;height:100%} .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-icon { height:100px;opacity: 0.7;} .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-arrow { width:30px;} .roles-and-responsibilities .aligning-motivation-responsibilities p { text-align: center;} .roles-and-responsibilities .aligning-motivation-responsibilities p.label { color:#000; text-transform: uppercase; padding: 10px 10px; width:100%;display:inline-block; cursor:pointer} .roles-and-responsibilities .aligning-motivation-responsibilities .responsibilities { opacity: 0.2; } .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation { padding:20px; font-size:16px; border-radius:30px; min-height: 190px; } @media (max-width: 1200px) { .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation { padding: 20px; font-size: 14px; } } .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation-1 {opacity: 0; background-color:#fff; border:dotted 3px #599ad4; padding-top: 45px; } .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation-2 {opacity: 0; background-color:#fff; border:dotted 3px #70ac48;} .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation-3 {opacity: 0; background-color:#fff; border:dotted 3px #be0100; padding-top: 40px; } .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation-4 {opacity: 0; background-color:#fff; border:dotted 3px #70309e;} .roles-and-responsibilities .aligning-motivation-responsibilities .motivation-explanation-5 {opacity: 0; background-color:#fff; border:dotted 3px #ef7e30;} .roles-and-responsibilities .slide-type-icon { position: absolute; right:42px; top: 5px; width: 63px; height: 63px; background-repeat: no-repeat; background-image: url('../../../OWNERSHIPEN/skin/img/sprite-blue.png'); overflow: hidden; background-color:transparent; -moz-transform: scale(0.65); transform: scale(0.65);} .roles-and-responsibilities .slide-type-icon.voiceover { background-position: -214px -140px;} .roles-and-responsibilities .slide-type-icon.interactive-activity {background-position: -424px -141px;} .roles-and-responsibilities .slide-type-icon.family-interview { background-position: -645px -141px;} .roles-and-responsibilities .slide-type-icon.case-story { background-position: -316px -141px; } .roles-and-responsibilities .toc .tiles .item { } div.slide.toc div.content div.container div.viewed:before { top:-7px; right:-4px;} div.slide.toc div.content div.container ul.list-medias li div.media span.sprite { -moz-transform: scale(0.5);} @-moz-document url-prefix() { .slide.toc ul.list-medias li { max-width: 211px; } } @media (max-width: 1200px) { .roles-and-responsibilities div.slide.conclusion.appreciation .header .container h1 { font-size: 30px; width: 50%; } }