@media all and (min-height: 40em) { .modal { position: fixed; } .modal-body { max-height: 100%; overflow-y: auto; } .modal-footer { p { font-size: 11px; text-align: left; } } }. /***Phone*****/ @media (max-width: 568px) { /**bootstrap-resp***/ .modal-body .form-type-checkbox { label, input, select { width: auto !important; } } #block-webform-client-block-1247{ button{display:none} .form-type-checkbox{ width:100px !important; float:left; } } body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; margin-bottom:0px !important; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { padding: 0; margin-top: 5px; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 0px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px; } .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-right: 10px; padding-left: 10px; } .media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal-header .close { padding: 10px; margin: -10px; } /****universal***/ .mobile-only{ display: block !important; } body{ text-align:center; min-width:320px !important; } .container{ width:100% } .span12{ width:100%; } [class*="span"] { margin-left: 0px; width:100%; } .front .row{ margin-left:-20px; } .row{ margin-left:0px; } hr{ width:100% !important; margin: 0px !important; } h1.page-title{line-height:44px !important;} .page-title.pull-left{float:none !important} .entity-field-collection-item iframe { width: 95% !important; } .page-content{ h1, h2, h3, h4, h5, h6, h7{margin-top:20px !important;} h4 {line-height: 25px !important;} h3{line-height:28px !important;} } .region-row-above-heading{display:none} .region-row-above-footer{display:none} #follow-us-social{display:none;} #carousel{display: none} #make-difference-section{display: none} aside{display: none;} .page-content{ width:100%; ul{text-align:left} .overview-body-copy{ text-align:left; margin-top:15px; p{padding-left:4px} } } div.node { text-align:left; p,h1,h2,h3,h4,h5,h6,h7{padding-left:5px} img{max-width:100% !important} } .node-type-press-release .page-content,.node-type-news-article .page-content{ /*span,p,h1,h2,h3,h4,h5,h6,h7{padding-left:5px}*/ img{width:100% !important} .file-icon{width:20px !important} } .node-type-press-release,.node-type-news-article{ .row{margin-left:5px !important} } .page-node-26 .page-content .overview-body-copy{ text-align:center; margin-top:15px; } .view td { width: 300px !important; display: block; margin:0 auto; text-align:center; padding-left:0px; img{ width:95% !important; height: auto !important; } } .field-name-field-landing-page-image img { width:95% !important; } .modal { position: absolute; top: 5%; margin-left: 0px !important; width:280px !important; left: 10px !important; text-align:left; } .modal-body { height: 60%; max-height: 350px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; input{ font-size:16px; } } .modal-footer { p { font-size: 11px; text-align: left; } } .field-name-field-faq-list{text-align:left !important} /****header***/ header{ height: auto; .dropdown-menu{display:none !important} .navbar { position: relative !important; margin-bottom: 0px; .nav{ float:none !important; li{ width:100% !important; margin-top:0px; height: auto; a{ height: auto !important; padding: 13px 0px 4px 0px !important; } } } } .logo{width: 140px;} .menu.nav{ background-image: url(/sites/all/themes/discovere_bootstrap/img/grey-dotted-background.png); background-color: #454545; border-bottom: 8px solid #04a2e5; padding: 40px 0px 10px 0px; } .btn-navbar{margin-bottom: 20px;} } h1{font-size:40px} .pagination-centered {margin-left:0px !important;} /**homepage**/ .region-webcast-embed-code{ iframe{ width: 100% !important; max-height:300px !important; } } #mobile-intro{ font-size: 24px; font-family: AdelleRegular, Arial, Helvetica, sans-serif; line-height: 30px; color: #0071aa; background-color: #dedede; padding: 30px 10px; } #mobile-nav{ float:right; cursor: pointer; cursor: hand; display:block !important; margin-top: 22px; padding-bottom: 5px; margin-right: 10px; img{ height: 45px; width: 38px; } } #store-sponsors-section{display: none} #store-sponsors-section{position: absolute;} /*#questions-menu,#features-of-the-week,#newsletters-and-events,.region-footer-second{margin-left:20px !important}*/ #questions-menu h4{margin-left:10px !important} #who-are-you-strip,#quick-picks-strip{ height:auto !important; margin-top: 20px; position:initial !important; ul{margin-left:-40px !important} #our-quick-picks-section h2 { padding: 12px 0px 24px 0px; } .quick-picks-region-1b{margin-top:30px !important} #our-quick-picks-section #features-of-the-week .one-column-layout div.field-name-field-media-asset { width: 100%; } a.share-event-btn{ font-weight:bold; font-size:17px; padding-top:20px; } .events-header img{display:none !important} #newsletters-and-events { img{width:auto !important} } #our-quick-picks-section #newsletters-and-events-inner{ width: 70% !important; margin: 0 auto; img{ display:none !important; } } #who-are-you-section,#our-quick-picks-section{ position:initial !important; .block-menu-block{ float:none; width:100%; } img { width: 100%; margin: 0 auto; display: block; } ul { margin: 0 0 2px 0px; } #questions-menu li{list-style:none} .who-are-you-menu{ min-height: 0px; margin-bottom: 40px; border-right: none; } } } .our-quick-picks-section-bg{ background-size: cover; } #our-quick-picks-section{ .span4{ float:none; width:100%; margin-top:40px; } #questions-menu li{list-style-image:none !important} .region-quickpicks2{ width: 340px; margin: 0 auto; } #calendar{ margin: 0 auto; } hr{ margin-bottom: 20px !important; width: 250px !important; margin-left: auto !important; margin-right: auto !important; display: block; } } /**our programs**/ #block-views-resources-slideshow-block{display:none} .view-our-programs-landing-page-grid td { width: 300px; display: block; margin:0 auto; } #block-views-285c3178e1a2fad7691f6d9148d162ae{display:none} .view-get-more-grid p{text-align:left} .node-our-programs-editable-cta-banner .field-name-field-image {display:none !important} .view-awards-recognition-award-list.view-display-id-block td img { width: 100% !important; height: 274px !important; } .view-awards-recognition-award-list.view-display-id-block .inner-container { margin-left:42px; } .Winner{left:63px !important} .page-our-programs-awards-and-recognition-award-detail .views-field-field-activity-photo img, .page-our-programs-awards-and-recognition-award-detail .views-field-field-image img{ width: 218px !important; } .views-field.views-field-nothing-1 .pull-right{ float:none !important; } .views-field-title .pull-right{float:none !important;} .view-cool-content-and-activities .views-field-title .activity-wrap .pull-right{ float:none !important; font-size: 14px; } #nomination-indicator{display:none !important} #block-nodeblock-537{display: none !important} //college ed and new faces hide runner up on edit node admin screen #awards-new-faces-node-form #edit-field-award-level-und option[value="runner"]{ display:none; } #college-edition-award-node-form #edit-field-award-level-und option[value="runner"]{ display:none; } //winners and runner up hide nominees on edit node admin screen #educator-award-node-form #edit-field-award-level-und option[value="nominee"]{ display:none; } /***Discovere Engineering*****/ .page-node-22 .main-container{ .views-field-title h5 { width: auto !important; min-height: 0px !important; } .views-field-body p { width: auto !important; } .field-name-body{text-align:center !important} } .page-node-97{ .reason-title{ text-align: left; width: 80%; } .reason-toggle{ float: none; margin-bottom:10px; } .reason-body p{ margin-left:0px; } .light-blue-pixel-hr{ margin-bottom:15px !important; } .green-circle h4{ padding: 13px 16px 5px 17px !important; margin: 0 !important; } .views-row-10 .green-circle h4 { padding: 13px 16px 5px 13px !important; margin: 0 !important; } } #salary-box{ background-size: cover !important; width: 90% !important; margin: 0 auto !important; padding-left:0px !important; height: auto !important; margin-bottom:10px !important; } /***Volunteers and Educators *****/ .filler-tab{ display:none !important; width: 0px !important; height: 0px !important; } ul.quicktabs-tabs.quicktabs-style-sky { margin-left: 4px !important; } #quicktabs-container-volunteers_educators h4 { width: 95% !important; } #quicktabs-container-volunteers_educators .views-field-body { width: 95% !important; } /*******Cool Content and Activites*****/ .page-node-24,.page-node-25{ .view td img { width: 100% !important; height: 226px !important; } .view-resources-downloads-filter td .Logos img{ width:158px !important; height: auto !important; } #user-group-filter .user-circle{display:none} .our-activities-blue-dotted-gradient-bar{border-bottom:none} .view-cool-content-and-activities .view-content { margin-top: 40px; } #filter-by-row{ text-align:left; width:300px !important; margin: 0 auto !important; } #activity-content-type-filter { position: initial !important; color: white; text-align: left; display: block; width: 155px; margin: 0 auto; a,a:link,a:hover,a:active,a:visited{color:white} a{margin:10px 0px;} } #activity-content-type-filter .checkbox { padding: 5px; display: block; } #user-group-filter .user-copy{display:none} .filter-container-bg{background-size:cover} .reset-activity-filters{display:block} #find-activity-submit { margin-left: 20px !important; margin-bottom: 20px !important; } .our-activities-blue-gradient-bar #our-activities-international-link{line-height:31px !important} .our-activities-blue-gradient-bar #filter-callout { margin-left: 0px !important; } } .new-ribbon{display:none !important} .pager-load-more li a{ width: 200px !important; padding: 26px 0px 14px 44px !important; height: auto !important; margin: 0 auto !important; display: block !important; } .view-id-resources_downloads_filter.view-display-id-block_1 { /*Hide first image and so we can show thumbnail image instead (second img tag)*/ .Photos img{ display:none; } /*show chicklet thumbnail*/ .Photos span img{display:block !important} } .view-id-cool_content_and_activities.view-display-id-block_1, .view-id-resources_downloads_filter.view-display-id-block_1 { margin-left: 0px !important; } .view-cool-content-and-activities .inner-container, .view-resources-downloads-filter .inner-container{width: auto !important} .page-our-activities-activity-detail .view-display-id-page_1 .view-content, .page-our-activities-single-activity-detail .view-display-id-page_1 .view-content, .page-our-programs-awards-and-recognition-award-detail .view-display-id-page_1 .view-content, .page-our-programs-awards-and-recognition .view-display-id-page_1 .view-content{ height: auto !important; } .view-id-cool_content_and_activities.view-display-id-block_1 .inner-container, .view-id-resources_downloads_filter.view-display-id-block_1 .inner-container{ height:auto !important; } .page-resources-downloads #webform-component-email, .page-resources-downloads #webform-component-name, .page-about-us-leadership-council-detail #webform-component-email, .page-about-us-leadership-council-detail #webform-component-name, .page-about-us-leadership-council-single-detail #webform-component-email, .page-about-us-leadership-council-single-detail #webform-component-name, .page-our-activities-activity-detail #webform-component-email, .page-our-activities-activity-detail #webform-component-name, .page-our-activities-single-activity-detail #webform-component-email, .page-our-activities-single-activity-detail #webform-component-name, .page-our-programs-awards-and-recognition-award-detail #webform-component-email, .page-our-programs-awards-and-recognition-award-detail #webform-component-name{ float:none !important; width:auto !important; } .page-resources-downloads .pagination-centered ul, .page-about-us-leadership-council-detail .pagination-centered ul, .page-about-us-leadership-council-single-detail .pagination-centered ul, .page-our-activities-activity-detail .pagination-centered ul, .page-our-activities-single-activity-detail .pagination-centered ul, .page-our-programs-awards-and-recognition-award-detail .pagination-centered ul{ padding-top:20px; width: auto !important; } .page-resources-downloads .pagination-centered li, .page-about-us-leadership-council-detail .pagination-centered li, .page-about-us-leadership-council-single-detail .pagination-centered li, .page-our-activities-activity-detail .pagination-centered li, .page-our-activities-single-activity-detail .pagination-centered li, .page-our-programs-awards-and-recognition-award-detail .pagination-centered li{ position: initial !important; } .page-node-577 .entity-field-collection-item { display: block !important; text-align: left; margin: 0 auto; width: 185px; .file img{ width: 30px !important; } } .page-node-577 .view td { padding-right: 0px !important; } /*Resources and Downloads**/ #node-25{display:none} .view-resources-downloads-filter #edit-type-wrapper, #edit-field-tags-tid-wrapper { text-align:left; width: 190px; margin: 0 auto; float:none; } .view-resources-downloads-filter .views-field-body { font-size: 14px; } #edit-type-wrapper .views-widget{ margin-left: 18px; } .view-resources-downloads-filter #edit-type-wrapper .form-type-bef-checkbox, .view-resources-downloads-filter #edit-type-wrapper label, .view-resources-downloads-filter #edit-field-tags-tid-wrapper .form-type-bef-checkbox, .view-resources-downloads-filter #edit-field-tags-tid-wrapper label{ display:inline; } .view-resources-downloads-filter .inner-container .field-content iframe{width:100% !important} .page-resources-downloads .view-display-id-page_1 .view-content { height: auto !important; } .page-resources-downloads .field-content #download-activity { margin-left: 0px !important; width: 200px !important; margin-top: 10px !important; display: inline-block !important; } .view-display-id-page_1 .views-field-field-file .Logos img, .view-display-id-page_2 .views-field-field-file .Logos img { width: 95% !important; } .page-resources-downloads .views-field-field-video-embed-code iframe,.page-resources-downloads .views-field-field-slideshare-embed-code img, .page-resources-downloads .views-field-field-media-asset img, .page-resources-downloads .views-field-field-file img{ width: 100% !important; } .view-id-cool_content_and_activities.view-display-id-block_1 .inner-container .views-field-field-file, .view-id-resources_downloads_filter.view-display-id-block_1 .inner-container .views-field-field-file{ border: none !important; } /****About Us****/ .quicktabs-tabpage li{ text-align: left; margin-left: 10px; } #block-views-latest-news-listing-block-block{ text-align:left; } .view-latest-news-listing-block .button { float: none; display: block; margin: 0 auto; width: 142px; } .field-name-field-view-more-link{font-size:10px} .node-about-us-thought-leadership-bloc .span5 { width: 270px !important; margin: 0 auto !important; float: none !important; } .node-about-us-thought-leadership-bloc #thought-leader-quote{ margin:0 auto; text-align:left; } #node-42 h5{margin-top: 235px !important;} #about-us-become-member a{ line-height: 33px; } .page-about-us-leadership-council-detail .pagination-centered{ position: initial !important; } .node-type-press-release .page-content,.node-type-news-article .page-content,.node-type-event .page-content{ text-align:left; } .quicktabs-tabs .active .quicktab-blue-arrow { top: 41px !important; left:48% !important; } ul.quicktabs-tabs.quicktabs-style-sky li a{ font-size:14px !important; width: 97% !important; text-align: center; } ul.quicktabs-tabs.quicktabs-style-sky li{ width: 97% !important; display:block !important; } .page-node-87 .page-content,.page-node-82 .page-content{text-align:left;} .page-about-us-leadership-council-detail .view-content, .page-about-us-leadership-council-single-detail .view-content{ min-height:0px !important; } /****footer***/ footer{ height: 565px !important; #about-discovere-column{display: none} #news-column{ margin: 0 auto !important; margin-top: 20px !important; text-align:left; } #footer-copy{ float:none; padding: 0px; font-size: 14px; width: 260px; margin: 0 auto; padding-top: 70px; } .span4{float:none} #sign-up-column { width: 276px; margin: 0 auto !important; padding-left:0px !important; } } } /****End mobile phone*****/ /********General Styles********/ /****hide bootstrap dropdown carets*****/ .navbar .nav li.dropdown>.dropdown-toggle .caret { display: none; } /***Fonts**/ @font-face { font-family: AdelleRegular; src: url('../fonts/Adelle_Regular.otf'); } @font-face { font-family: AdelleItalic; src: url('../fonts/Adelle_Italic.otf'); } @font-face { font-family: AdelleSemibold; src: url('../fonts/Adelle_Semibold.otf'); } @font-face { font-family: AdelleBold, Arial, Helvetica, sans-serif; src: url('../fonts/Adelle_Bold.otf'); } @font-face { font-family: AdelleThin; src: url('../fonts/Adelle_Thin.otf'); } @font-face { font-family: AdelleLight; src: url('../fonts/Adelle_Light.otf'); } @font-face { font-family: AdelleLightItalic; src: url('../fonts/Adelle_LightItalic.otf'); } @font-face { font-family: LatoLight; src: url('../fonts/Lato-Lig.ttf'); } @font-face { font-family: LatoLightItalic; src: url('../fonts/Lato-LigIta.ttf'); } @font-face { font-family: LatoBlack; src: url('../fonts/Lato-Bla.ttf'); } @font-face { font-family: LatoBold; src: url('../fonts/Lato-Bol.ttf'); } @font-face { font-family: LatoItalic; src: url('../fonts/Lato-Ita.ttf'); } @font-face { font-family: LatoRegular; src: url('../fonts/Lato-Reg.ttf'); } @font-face { font-family: LatoItalic; src: url('../fonts/Lato-Ita.ttf'); } .bold{ font-family: AdelleSemibold; } .thin{ font-family: AdelleThin; } /***Colors****/ @darkBlue: #0071aa; @darkestBlue:#024668; @lightBlue: #04a2e5; @lightestBlue: #d5effb; @white: #ffffff; @grey: #474747; @green: #7aaa41; @darkGrey: #454545; @black: #212121; @blueTextLinkHover:#013c5a; @blueTextLink:#015580; .lightbluebg{ background-color: @lightBlue; } .darkbluebg{ background-color: @darkBlue; } .darkblue{ color: @darkBlue; } .lightblue{ color:@lightBlue; } .white{ color: @white; } .grey{ color:@grey; } .black{ color:@black; } .whitebg{ background-color:@white; } /****Structure ****/ a,p,ol li,label,div,span{ font-family: LatoRegular; } .page-node-542{font-family: LatoRegular, Arial, Helvetica, sans-serif;} p,li{color:#171717;} a li{text-decoration:underline}; a{ color:@blueTextLink; text-decoration:underline; } a:hover{ color:@blueTextLinkHover; } .nav li a:hover{ color:@lightBlue !important; background:transparent; } .sidebar .nav li a:hover{ color:@white !important; background:transparent; } /****Quicktabs module tab style****/ .quicktabs-tabs a{ font-size:12.5px; font-family:AdelleRegular, Arial, Helvetica, sans-serif; padding-left: 7px !important; padding-right: 7px !important; } ul.quicktabs-tabs.quicktabs-style-sky li.active a,ul.quicktabs-tabs.quicktabs-style-sky li:first-child a{ border-left: none !important; } .quicktabs-tabs .quicktab-blue-arrow{ display:none; } .quicktabs-tabs .active .quicktab-blue-arrow{ display:block; background-image: url(../img/quicktab-blue-arrow.jpg); background-repeat: no-repeat; position:absolute; top: 37px; left: 29%; width: 24px; height:11px; } .quicktabs_main.quicktabs-style-sky{top:10px !important;} .quicktabs-tabpage li,.page-content ul li { list-style-image: url(../img/blue-bullet.png); font-family:LatoRegular, Arial, Helvetica, sans-serif;; } .quicktabs-tabpage a li:hover{ color:@lightBlue; } /**** Quick accordion module style ****/ .quick-accordion.ui-widget { font-family:LatoRegular, Arial, Helvetica, sans-serif; margin-bottom: 30px; .ui-icon { display: none; } h3.ui-state-default, h3.ui-state-active { border: none; background: none !important; border-radius: 0px; padding: 10px 0; font-size: 22px; } h3.ui-state-default { border-bottom: 1px solid #b6b6b6; } h3.ui-state-active, h3.ui-state-default:last-of-type { border-bottom: none; } h3 a { display: inline-block; padding-right: 20px; background: url(../img/accordion-tab_closed.png) right no-repeat; background-size: auto 10px; } h3.ui-state-active a { background: url(../img/accordion-tab_open.png) right no-repeat; background-size: auto 10px; } .ui-widget-content { border: none; height: auto !important; padding: 0; overflow: hidden; font-family:LatoLight, Arial, Helvetica, sans-serif; p { font-family:LatoLight, Arial, Helvetica, sans-serif; } h4 { font-family:LatoRegular, Arial, Helvetica, sans-serif; } ul.sponsor-logos { list-style: none; margin: 0 0 20px 0; padding: 0; box-sizing: border-box; font-size: 0px; line-height: 1; li { display: inline-block; box-sizing: border-box; margin: 0; padding: 0; width: 33.333%; line-height: 1; font-size: 16px; text-align: center; vertical-align: middle; img { max-width: 100%; height: auto; } } } } .ui-accordion-content-active { border-bottom: 1px solid #b6b6b6; } .ui-accordion-contenet-active.ui-widget-content:last-of-type { border: none; } } /***************************************************/ .page-content .nav li, .page-content .nav-tabs li{ list-style: none; } body{ min-width:960px; background-color: @white; } h1,h2{ letter-spacing: 1px; } h1,h2,h3,h4,h5,h6,h7{ color: @grey; font-family:AdelleRegular, Arial, Helvetica, sans-serif; } /***Safari Mac Style fixes ***/ .safari{ h4,h5,h6,h7{ font-family:AdelleBold, Arial, Helvetica, sans-serif; } } h4{line-height: 22px;} h1.page-title{ line-height: 56px; min-height:70px; } .no-sidebars h1.page-title{ line-height: 56px; } .white{ h1,h2,h3,h4,h5,h6,h7{ color: @white; } } .nav a{ font-family:AdelleRegular, Arial, Helvetica, sans-serif; text-decoration:none; } div.node ul li{ list-style-image: url(../img/blue-bullet.png); line-height: 24px; font-size:16px; font-family: LatoRegular, Arial, Helvetica, sans-serif;; } .button{ color: @white; text-transform:uppercase; text-align:center; padding: 9px 45px 5px 45px; font-family: AdelleRegular, Arial, Helvetica, sans-serif; text-decoration:none; } .button:hover{ background:@blueTextLinkHover; color:@white; text-decoration:none; } hr{ border-top: 1px solid #68c7ef; border-bottom:1px solid #36b5ea; width: 100%; margin:10px 0px 20px 0px; } .page-content{ padding-top:10px; hr{margin:12px 0px 20px 0px;} } .engineer-week-banner{ max-width:320px; } .safari #follow-us-social{ top:-75px; } .ie #follow-us-social{ #follow-youtube img{ padding-left:0px; } #follow-linkedin img{ padding-left:0px; } #follow-twitter:hover{ background-image: url('../img/twitter-green-logo.png'); } #follow-fb:hover{ background-image: url('../img/facebook-green-logo.png'); } } #follow-us-social, #follow-us-bottom-banner { position:absolute; top:-100px; left:735px; #facebook-callout,#twitter-callout,#youtube-callout,#linkedin-callout,#instagram-callout{ display:inline-block; height:42px; width:47px; margin-top:10px; background-repeat: no-repeat; line-height: 1; } a{ display:inline-block; width:42px; height:42px; padding: 0px 0px; } #facebook-callout a,#twitter-callout a{ width:44px; } #follow-youtube{ background-image: url('../img/youtubeG.png'); background-repeat: no-repeat; background-size: 100%; } #follow-youtube:hover{ background-image: url('../img/youtubeB.png'); } #follow-linkedin{ background-image: url('../img/linkedinG.png'); background-repeat: no-repeat; background-size: 100%; } #follow-linkedin:hover{ background-image: url('../img/linkedinB.png'); } #follow-fb{ background-image: url('../img/facebook-green-logo.png'); background-repeat: no-repeat; } #follow-twitter{ background-image: url('../img/twitter-green-logo.png'); background-repeat: no-repeat; } #follow-twitter:hover{ background-image: url('../img/twitter-blue-logo.png'); } #follow-fb:hover{ background-image: url('../img/facebook-blue-logo.png'); } #follow-instagram { background-image: url('../img/instagramBG.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; } #follow-instagram:hover { background-position: 0 -42px; } p{position:absolute;top:0px;left:-80px} span,p{ display:inline-block; } p{padding-top:20px;} // #twitter-callout{ // background-image: url('../img/twitter-green-logo.png'); // } // // #facebook-callout:hover{ // background-image: url('../img/facebook-blue-logo.png'); // // } // // #twitter-callout:hover{ // background-image: url('../img/twitter-blue-logo.png'); // } } #follow-us-bottom-banner { position: relative; top: 0; left: 0; } .view-content img{ max-width:none; } .view-special-thanks-to-our-sponsors img, .views-field-field-main-sponsor-logo img { max-width: 100%; } .main-container{ padding: 20px 0px; } input[type="email"]{ border-radius: 0px; } .submit-email{ margin-bottom: 10px; background:@lightBlue; border-radius:0px !important; } .relative{ position:relative; } .node-page-overview-block{ li { list-style-image: url(../img/blue-bullet.png); } .overview-body-copy{ a{ font-family:AdelleItalic; color:@darkBlue; } } margin-bottom:30px; margin-top: 20px; } .showcase-blue-gradient-bar,.light-dark-blue-gradient-bar{ a{ color:@white; font-family: AdelleRegular, Arial, Helvetica, sans-serif; text-decoration:none; } } .table th, .table td { border-top: none; } .mobile-only{ display: none; } /********Mixins********/ .light-blue-thin-divider{ border-bottom: 8px solid @lightBlue; } .dark-blue-thin-divider{ border-bottom: 8px solid @darkestBlue; } .light-blue-pixel-hr{ border-top: 1px solid #68c7ef; border-bottom:1px solid #36b5ea; width: 100%; } .span-link{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('../img/empty.gif'); a{ display:block; height:100%; width:100%; color:transparent; } } .relative{ position:relative; } .rounded-img-corners{ border-radius: 14px; } .blue-section-dark-right{ background: #0071aa; border-top: 5px solid #fff; } .blue-section-dark-left{ background-image:url('../img/store-sponsors-background.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /********Header********/ #mobile-nav{ display:none; } header{ background: #fff; border-bottom: 1px solid #ececec; box-shadow: 1.5px 2.598px 3px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 1.5px 2.598px 3px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 1.5px 2.598px 3px 0px rgba(0, 0, 0, 0.06); position: relative; z-index: 99; .container { padding: 20px 0; position: relative; } .logo{ position:relative; z-index:100; float: left; width: 180px; } .menu{ li.last {width:80px;}; } .nav{ li{ line-height: 1; } .dropdown-container-wide{ width:530px; li{ width:265px !important; a{margin-right: 23px;} } } .dropdown-menu{ box-shadow: none; padding:20px; max-height: 190px; border-radius: 0px !important; border: 1px solid #ececec; li{ height:auto; float:left; width:auto; margin-top:0px; a{ height: 20px; padding-top: 10px; padding-left: 5px; } hr{ border:1px solid #b8b8b8; margin: 1px 0px; width: 240px; } } li a:hover{ background-color: @darkBlue; color:@white !important; } } a { font-family: LatoRegular, Arial, Helvetica, sans-serif; } } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: rgb(51, 51, 51); text-decoration: none; outline: 0; background-color: transparent; background-image:none; } .navbar{ position:absolute; bottom: 0; right: 0; margin-bottom: 0px; .nav{float:right;} .nav>li { padding-bottom: 34px; } .nav>li>a { padding: 3px 20px; text-decoration: none; text-shadow: none; color: #0071aa; border-right: 2px solid #7aaa42; } .nav>li:last-child>a { border-right: 0; } .nav>li>a:hover{ color:@lightBlue; } .nav>.active{ border-radius: 0; background: none !important; } .nav>.active>a{ color: @grey; background-color: transparent; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav>.active>a:hover { background-color: transparent; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } li.dropdown.active>.dropdown-toggle, li.dropdown.open.active>.dropdown-toggle { background-color: transparent !important; } } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown:hover .dropdown-menu { display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } } /****Shop Page Styles*****/ #shop-menu{ list-style:none; display:inline-block; margin-bottom:10px; } #shop-menu li{ list-style:none; display:inline-block; } #shop-menu li a{ list-style:none; display:inline-block; text-decoration:none; color: black; padding: 0px 10px; } #shop-menu #checkout-menu-item{ border-right: 2px solid #cbc9c9; } #shop-menu #search-menu-item{ border-right: 2px solid #cbc9c9; } #shopping-cart{ display:inline-block; float:right; text-align:right; color:black; font-family:LatoRegular, Arial, Helvetica, sans-serif;; } #shopping-cart #cart-label{ font-weight:bold; } .page-heading{ display:inline-block; } .product-overview{ height: 230px; margin-bottom:20px; } .product-overview h5{ min-height:40px; padding-bottom:0px; margin-bottom:0px; font-size:16px; } #shop-search{ margin-bottom:0px; border-radius:0px; width:100px; border-right:none; } .shop-hr{ border-top: 1px solid #68c7ef; border-bottom: 1px solid #36b5ea; margin:10px 0px; width:170px; } #shop-form-search{ margin:0px; height:32px; } #shop-form-search .icon-search{ background-image: url("../img/search-icon.png"); background-position:0; width:18px; height:18px; } #shop-form-search .btn{ border-radius:0; background:transparent; border: 1px solid #cccccc; border-left:none; } #rush-banner{ margin-top:15px; margin-bottom:40px; } #offline-order-message{ margin-top:50px; } /********Gateway/Home Page********/ /***Newsletter Form****/ #block-webform-client-block-3257{ display:none; .webform-component-textfield{display:inline-block;} } #newsletter-modal { width: 940px; margin-left: -470px; } #newsletter-modal .modal-body { /*min-height:455px;*/ .btn-primary{display:none}; } .valid-form .links{display:none} .valid-form .btn-primary{display:none} /*****Showcase Carousel****/ .sc_video { border: none; width: 100%; } .ie .hero-carousel .carousel-control { position: absolute; width: 40px; height: 60px; margin-top: -20px; font-size: 120px; opacity:1; font-weight: 100; line-height: 30px; color: @white; text-align: center; text-shadow: 3px 3px #444444; border: 0; background:transparent; text-decoration:none; } .page-node-5907 .hero-carousel { border-bottom: none; } .hero-carousel{ background:#fff; margin-bottom: 0px; border-bottom: 5px solid #04A2E5; position: relative; z-index: 1; .span12{ position:relative; } .carousel-caption{ background: @green; .large{ font-size: 80px; line-height: 110px; font-family: LatoBlack; text-shadow: -6px 1px 2px rgba(64, 87, 36, 1); } } .item{ img{ max-width:100%; position: relative; z-index: 1; } .rightaligned { text-align: left; } .leftaligned { text-align: right; } .copyblock { position: absolute; top: 0; z-index: 2; width: 50%; height: 100%; .quote { position: absolute; box-sizing: border-box; width: 100%; left: 0; background: #fff; font-family: LatoLight, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 3vw; line-height: 1.4; text-transform: uppercase; padding: 50px; text-align: left; .carouseldate { display: block; font-family: LatoLight, Arial, Helvetica, sans-serif; font-weight: 300; } .quote-start, .quote-end { color: #7AAA42; } .carouselcredit { display: block; font-family: LatoLight, Arial, Helvetica, sans-serif; font-style: italic; } .carousel_cta { display: block; text-align: center; .cta_button { display: inline-block; width: auto; background: #7AAA42; color: #fff; font-family: LatoLight, Arial, Helvetica, sans-serif; font-size: 1.5vw; line-height: 1; text-transform: uppercase; text-decoration: none; padding: 20px 40px; } } } } .copyblock.right { left: 50%; } .copyblock.left { left: 0; } .copyblock.center { width: 100%; .quote { text-align: center; background: none; width: 70%; left: 15%; } } .copyblock.top .quote { top: 0; } .copyblock.middle .quote { top: 50%; } .copyblock.bottom .quote { border: 0; } .quote.green { color: #73A739; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: bold; } .quote.blue { color: #0071AB; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: bold; } .quote.white, .quote.white p { color: #fff; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: bold; } .quote-right{ left:53%; top:24%; } .quote-left{ left:12%; top: 2%; } .person-left{ position:absolute; top: 0px; left: 10%; img{ width:auto; } } .person-right{ position:absolute; top: 0px; left: 55%; img{ width:auto; } } .showcase-title-intro .copyblock { width: 50%; } .showcase-title-intro .quote { background-color: transparent; } .quote .showcase-slide-title p, .quote.white .showcase-slide-title p, .quote.white .showcase-slide-title { font-size: 48px; line-height: 60px; } .quote .showcase-slide-subtitle p, .quote.white .showcase-slide-subtitle p, .quote.white .showcase-slide-subtitle { font-size: 24px; line-height: 32px; font-family: LatoRegular, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; } } .carousel-indicators { li { width: 20px; height: 20px; border-radius:20px; margin-left: 5px; background-color: #c0c0c0; } li.active { background-color: #474747; } } .carousel-control { position: absolute; width: 40px; height: 40px; margin-top: -20px; font-size: 180px; opacity:1; font-weight: 100; line-height: 30px; color: @white; text-align: center; text-shadow: 3px 3px #444444; border: 0; background:transparent; text-decoration:none; } .carousel-control:hover{ color:@green; } .left{ left: 0px; } .slideshow-caption-right-bottom{ left: 58%; bottom:5%; } .slideshow-caption-right-top{ left: 58%; top:8%; } .slideshow-caption-center{ left:36%; top:8%; } .slideshow-caption-left-bottom{ left:17%; bottom: 5%; } .slideshow-caption-left-top{ left:17%; top:7%; } } .social-share { display: none; } .page-node-5907 .social-share { display: block; } .page-node-5907 #node-5907 { width: 25%; float: left; } .page-node-5907 .container { padding-top: 50px; } .page-node-5907 #block-block-66 { width: 60%; height: 80px; background: #3cbfe6; float: left; } a.gm_register_button { display: block; color: #fff; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; text-transform: uppercase; padding: 20px 0; text-align: center; text-decoration: none; letter-spacing: -1px; margin: 0 auto; } .social-share .share-label { color: #2e78a7; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 13px; text-transform: uppercase; } .social-share ul { list-style-type: none; margin-left: 0; margin-top: 10px; } div.node .social-share ul li { display: inline-block; } div.social-share a { margin-right: 10px; height: 27px; width: 28px; background-size: contain; } a.social-share-facebook { display: block; text-indent: -9999px; background: url('../img/facebook2019small.png') no-repeat; } a.social-share-linkedin { display: block; text-indent: -9999px; background: url('../img/linkedin2019small.png') no-repeat; } a.social-share-twitter { display: block; text-indent: -9999px; background: url('../img/twitter2019small.png') no-repeat; } ul.bio-social-media { list-style-type: none; margin-left: 0; margin-top: 10px; } ul.bio-social-media li { display: inline-block; } .field-name-field-twitter-handle-link a, .field-name-field-speaker-linkedin a { height: 34px; width: 36px; background-size: contain; display: block; text-indent: -9999px; } .field-name-field-twitter-handle-link a { background: url('../img/twitter-bio.png') no-repeat; } .field-name-field-speaker-linkedin a { background: url('../img/linked-in-bio.png') no-repeat; } .view-global-marathon-events { margin-top: 120px; margin-bottom: 40px; } .global-marathon-event { position: relative; border-top: solid #000 2px; padding: 40px 0; } .global-marathon-event .gm-event-date-time-block { width: 25%; float: left; } .global-marathon-event .gm-event-description-block { width: 73%; float: right; } .gm-event-week { font-family: AdelleRegular, AdelleSemiBold, Arial, Helvetica, sans-serif; font-weight: 700; color: #06629a; font-size: 28px; line-height: 36px; margin-bottom: 20px; text-transform: uppercase; } .gm-event-title { font-family: AdelleRegular, AdelleSemiBold, Arial, Helvetica, sans-serif; font-weight: 700; color: #06629a; font-size: 30px; line-height: 40px; margin-bottom: 15px; text-transform: uppercase; } .gm-date-time { text-transform: uppercase; font-family: LatoBold, Arial, Helvetica, sans-serif; margin-bottom: 40px; font-size: 18px; line-height: 26px; } .gm-rebroadcast { font-family: LatoBold, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 26px; } .gm-speaker-list { position: relative; margin-top: 30px; } .gm-speaker-list .speaker-section { width: 17%; margin-right: 20px; float: left; } .gm-speaker-list .speaker-image img { width: 115px; height: auto; } .gm-speaker-list .speaker-name, .gm-speaker-list .speaker-name a { font-size: 13px; line-height: 15px; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: 700; margin-top: 15px; padding-bottom: 2px; } .gm-speaker-list .speaker-job-title, .gm-speaker-list .speaker-company { font-size: 12px; line-height: 14px; margin-top: 6px; } .bio-left-section { width: 170px; float: left; } .bio-right-section { width: 578px; float: right; } .node-speaker-or-leader-bio .field-name-field-speaker-photo { width: 135px; height: auto; } .node-speaker-or-leader-bio .gm-speaker-name { font-size: 24px; font-family: LatoBold, Arial, Helvetica, sans-serif; font-weight: 700px; line-height: 30px; margin-top: 20px; } .node-speaker-or-leader-bio .field-name-body { margin-top: 20px; } .node-speaker-or-leader-bio .field-name-field-company-or-organization, .node-speaker-or-leader-bio .field-name-field-job-title { font-size: 20px; line-height: 26px; } .node-speaker-or-leader-bio .field-name-body { font-size: 18px; line-height: 24px; } #gm-bottom-banner { background-color: #06629a; color: #fff; } #gm-bottom-banner-container { width: 940px; margin: 0 auto; height: 100px; } #gm-bottom-banner #banner-text { font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 40px; width: 75%; position: relative; padding-top: 36px; float: left; } #gm-bottom-banner #follow-us-bottom-banner { width: 23%; position: relative; float:right; margin-top: 20px; } #follow-us-bottom-banner #follow-fb, #follow-us-bottom-banner #follow-fb: hover { background-image: url('../img/facebook-bottom-banner.png'); background-repeat: no-repeat; width: 44px; heigth: 42px; } #follow-us-bottom-banner #follow-twitter, #follow-us-bottom-banner #follow-twitter: hover { background-image: url('../img/twitter-bottom-banner.png'); background-repeat: no-repeat; width: 44px; heigth: 42px; } #follow-us-bottom-banner #follow-youtube, #follow-us-bottom-banner #follow-youtube: hover { background-image: url('../img/youtube-bottom-banner.png'); background-repeat: no-repeat; width: 44px; heigth: 42px; } #follow-us-bottom-banner #follow-instagram, #follow-us-bottom-banner #follow-instagram: hover { background-image: url('../img/instagram-bottom-banner.png'); background-repeat: no-repeat; width: 44px; heigth: 42px; background-position: 0 0; } #block-views-5f0832ee3d9dfc7d8668da3f30a07c64 { width: 940px; margin: 40px auto; } .view-global-marathon-sponsor-logos-with-links- .views-field { width: auto; float: left; } .view-global-marathon-sponsor-logos-with-links- .views-field img { max-height: 65px; width: auto; margin-bottom: 30px; margin-right: 30px; } /* Responsive for Global Marathon (2019)*/ @media (max-width: 1500px) { .hero-carousel .item .showcase-title-intro .copyblock { width: 70%; } } @media (max-width: 1300px) { .hero-carousel .item .showcase-title-intro .copyblock { width: 80%; } } @media (max-width: 1080px) { .hero-carousel .item .showcase-title-intro .copyblock { width: 100%; } } @media (max-width: 960px) { .hero-carousel .item .quote .showcase-slide-title p, .hero-carousel .item .quote.white .showcase-slide-title p { font-size: 40px; line-height: 50px; } .hero-carousel .item .quote .showcase-slide-subtitle p, .hero-carousel .item .quote.white .showcase-slide-subtitle p{ font-size: 24px; line-height: 30px; } } #carousel{ .carousel-caption{ max-width: 300px; padding: 30px; padding-bottom: 30px; a{ font-family:LatoLightItalic, Arial, Helvetica, sans-serif; text-decoration:underline; color:@white; display: block; } } .carousel-indicators { left: 50px; bottom: 50px; top: auto; } .carousel-control { top: 53%; right: 20px; } } .not-front .carousel-caption{ opacity: .9; } /*Template 1 - Event */ .carousel-event{ /*height:288px;*/ .event-title{ font-family: LatoBold; font-size:28px; line-height:36px; } p{ font-family:AdelleThinIatlic; font-size:24px; line-height:26px; margin-top: 20px; } .event-date{ font-family:LatoBold; font-size:18px; margin:22px 0px; } a{ font-size:18px; } } /*Template 2 - Press Release/Media Announcement */ .carousel-press-release{ h4{ font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 22px; line-height:30px; } p{ font-family: LatoLight, Arial, Helvetica, sans-serif; font-size: 25px; line-height: 28px; } a{ display:inline-block; margin-top:25px; font-size:20px; } } /*Template 3 - Reminder Important Date */ .carousel-important-date{ h3{ font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 36px; line-height:40px; color:@white; } h4{ font-size:22px; line-height:26px; } p{ font-family: LatoLight, Arial, Helvetica, sans-serif; font-size: 16px; } a{ display:inline-block; margin-top:10px; font-size:20px; } } /*Template 4 - Quote */ .carousel-quote.slideshow-caption-left-bottom { left: 17%; top: 27%; } .carousel-quote.slideshow-caption-right-bottom { left: 58%; top: 27%; } .carousel-quote{ max-width:370px !important; width:370px !important; p{ font-family: AdelleLightItalic; font-size: 18px; margin-left:30px; margin-top:10px; } span{ display:inline-block; margin-top:30px; font-size:16px; margin-left:30px; font-family:LatoRegular, Arial, Helvetica, sans-serif;; color:@white; } img{ width:31px !important; height:28px !important; position:absolute; top: -19px; left: -31px; } a{ display:inline-block; margin-top:10px; font-size:20px; margin-left:30px; } } /*Template 7 - Call to Action */ .carousel-cta{ max-width:360px !important; width:330px; p{ font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 26px; line-height: 30px; opacity: 1; text-align: left; } } .page-global-day-sponsor-detail{ hr.light-blue-divider{display:none} } img[src="http://discovere.org/sites/default/files/share_with_others_get_involved.jpg"]:hover{ cursor:pointer; } #make-difference-section{ text-align: center; padding: 10px; position: relative; z-index: 2; margin-top: -5px; .span12 { font-size: 22px; line-height: 1; font-family: LatoLight, Arial, Helvetica, sans-serif; font-weight: 300; } #homepage-sponsor-container{ display: inline-block; width: auto; h3{ margin-top: 44px; text-align:center; line-height:28px; } .num-sponsors-1{ h3{ font-size:24.5px; } img{ height: 62px; width: auto; margin-left:20px; } } .num-sponsors-2{ h3{ font-size:24.5px; } img{ height: 62px; width: auto; margin-left: 20px; } } .num-sponsors-3{ h3{ font-size:25px; } img{ height: 62px; width: auto; margin-left:20px; } } } h1{ padding: 33px 0; font-size: 22px; line-height: 1; font-family: LatoLight, Arial, Helvetica, sans-serif; font-weight: 300; margin-bottom:5px; } p{ font-size:18px; padding-bottom:10px; } } #who-are-you-strip{ position: relative; background-color: @white; height:325px; } .who-are-you-bg{ border-bottom: 1px solid #66c4ed; } #who-are-you-section{ position: absolute; top:-45px; left:32px; border-radius:4px; background-color: @white; .span4{ width:288px; } h3{ text-align: center; font-size: 20px; margin-bottom: -10px; } a { color: black; text-decoration: underline; line-height: 20px; margin: 14px 0px; font-family:LatoRegular, Arial, Helvetica, sans-serif;; } a:hover, a:focus { color: @grey; } #block-menu-block-11 .who-are-you-menu,#block-menu-block-14 .who-are-you-menu{ border: none; } .who-are-you-menu{ border-right: 2px solid @lightestBlue; min-height: 244px; } #educator-parent-menu { padding-right: 10px; } .span4 #educator-parent-menu { margin-left: 0px; } img{ margin-left:105px; margin-top: 20px; } ul{ margin: 0 0 2px 40px; } hr{ width:210px; border-top: 2px solid #a1a1a1; margin: 10px 30px 10px 34px; border-bottom:none; } li { list-style-image: url(../img/blue-bullet.png); padding-right:10px; } #block-menu-block-13,#block-menu-block-9{ margin-left:0px; } } .our-quick-picks-section-bg{ /*background-image: url('../img/grey-dotted-background.png'); border-top: 1px solid #35b3e9;*/ } #quick-picks-strip{ position: relative; background-color: @white; min-height:600px; } #our-quick-picks-section{ padding-bottom: 70px; position: absolute; top:0; left:32px; border-radius:4px; background-color: @white; #newsletter-signup-container{ margin-top:40px; } #newsletters-and-events{ .events-header{ h3{ display:inline-block; line-height:28px; max-width:120px; font-family: AdelleThin; } img{ vertical-align: top; margin-left: 70px; margin-top: 10px; } } } #features-of-the-week{ .two-column-layout{ div.field-name-field-media-asset{ width:45%; display:inline-block; vertical-align: top; } a.find-out-more{ display:inline-block; } p.feature-of-week-body{ width:45%; display:inline-block; padding-left:5px; word-break: break-word; } } .one-column-layout{ div.field-name-field-media-asset{width:92%} p.feature-of-week-body{ padding-top:10px; } } } .view-clone-of-footer-news-listing{ .views-row{ padding: 10px 0px; border-top:1px solid #E1E1E1; } } #features-of-the-week{ padding-right: 15px; } #newsletters-and-events-inner{ width:280px; .events-header{ padding:10px 20px 0px 20px; } .event-list{ padding:20px 20px 0px 20px; border: 2px solid #7aaa42; .cta_button { display: inline-block; width: auto; background: #7AAA42; color: #fff; font-family: LatoLight, Arial, Helvetica, sans-serif; font-size: 1.4vw; line-height: 1; text-transform: uppercase; text-decoration: none; padding: 20px; margin-bottom: 10px; } .cta_button:hover { color: #fff !important; } h4 { text-align: center; margin-top: 10px; } } .date,.title-location{ display:inline-block; } .title-location{ width:180px; font-size:14px; span{display:block;} .location{ margin-top:2px; color:#A19F9F; } .title{ color: #171717; text-decoration: underline; font-family:AdelleRegular; } } .date{ width:50px; vertical-align:top; text-transform:uppercase; span{ display:block; font-family:AdelleRegular; } .month{ } .day{ font-size:30px; font-weight:bold; } } .views-field-field-event-city,.views-field-field-event-state,.views-field-field-event-dates{ display:none; } .event-list,.events-header{ a.search-our-calendar{ color: #171717; margin-top:10px; display:block; font-size:14px; } } .event-list{ div.date,div.title-location{ display:inline-block; } } .event-list a:hover,.title-location a:hover,.title:hover{ color:@lightBlue !important; } .views-field-field-event-state span{ display:none; } .share-event-box{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color:white; background-color: #7aaa42; margin-bottom:20px; padding:15px; margin-top:20px; //width:250px; a.share-event-btn{ width:100%; font-size:15px; margin-left:0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; text-decoration:none; } p{ color:white; font-family:AdelleRegular; } p.detail-msg{ padding-top:16px; } } } .region-quickpicks1{ margin-left: 26px; } ul li a, #activity-links a,.activity-links a { color: black; text-decoration: underline; line-height:30px; font-size:14px; font-family:LatoRegular, Arial, Helvetica, sans-serif;; } #questions-menu{ li{ list-style-image: url(../img/questionMark.png); a{ vertical-align: top; } } } a:hover, a:focus { color: @grey; } h2{padding: 24px 0px 24px 0px}; h3{ line-height: 10px; } hr{ border-top: 1px solid @darkBlue; width: 264px; margin-bottom:12px; } .view-homepage-gateway-hands-on-activities{ .views-field-title a{ color: #171717;; padding: 8px 0px; display:inline-block; } .views-field-title a:hover{ color:@lightBlue; } .new-activity-indicator{ color:@lightBlue; font-family:AdelleRegular; padding-right:6px; font-weight:bold; font-size:14px; } } #submit-email{ margin-bottom: 10px; background:@lightBlue; } /* #check-out-event{ width:250px; padding: 0px; margin: 0px; }*/ } #store-sponsors-section{ height:336px; position: relative; .button{text-decoration:none}; #shop-image{ position:absolute; top: 5px; left: 186px; } #store-blurb{ width:205px; padding-bottom: 20px; } #store-title{ width:200px; } #sponsors-column h1{ margin-left: 55px; font-size:36px; } h1,h2 { padding-top: 33px; } #view-all-sponsors{ position:absolute; top: 227px; left: 250px; width:200px; } .home-next,.home-prev{ position:absolute; top:124px; } .caroufredsel_wrapper{ top:18px !important; left:68px !important; height: 103px !important; width:434px !important; .sponsor-logo{ padding: 0px 10px; width: 95px; height: 90px; border-radius: 12px; background:@white; float:left; margin-left:20px; width: 104px; height: 95px; line-height: 90px; text-align: center; img{ max-width:94px; max-height: 88px; padding: 5px; vertical-align: middle; } } } .home-prev{ left: 47px; } .home-next{ left:516px; } } /*****Get More Module Styles *****/ .view-get-more-grid{ .views-field-field-image{ float:left; margin-right: 10px; } td{width:50%} p{width:300px} } /********Our Programs Page********/ .view-special-thanks-to-our-sponsors .table td{vertical-align: middle;} div.view-id-special_thanks_to_our_sponsors.view-display-id-block_3{ margin-bottom:80px; .item-list ul li { padding: 14px 0px; font-size:20px; } } #quicktabs-global_marathon_tabs{margin-bottom:20px;} .views-field-field-program-description{ margin-top:20px; } .views-field-field-award-program-description{ p{margin-bottom:2px;} } .view-our-programs-landing-page-grid{ img{ height:208px; width: 311px; border-radius: 8px; } td{width:50%;} } .view-id-get_involved_grid.view-display-id-block_3{ .views-field-field-get-involved-title h4{ font-size: 24.5px; } } .view-get-involved-grid{ img,iframe{ height: 230px; width: 320px; border-radius: 8px; } .views-field-field-get-involved-title h4{ min-height: 38px; margin-bottom:5px; } .views-field-field-media-asset{ margin-bottom:20px; } } .view-you-might-also-like-grid{ .views-field-title h4{ min-height: 44px; margin-bottom:5px; font-size:20px; } } .views-field-edit-node .contextual-links-wrapper{ height: 50px; width: 50px; top: 0px; left: 0px; } .view-you-might-also-like-grid{ border-top: 1px solid #c7c9c9; .view-content{ margin-top:20px; img{max-width:223px}; } } .node-call-to-action-banner,.node-our-programs-editable-cta-banner{ margin-bottom:30px; } #node-277.node-call-to-action-banner{ margin-bottom:50px; } /****EVENT COUNTDOWN ****/ .countdown{ h1{padding-right:20px;} span{ padding-right:20px; text-transform: uppercase; } } .countdown-container{ margin-left:90px; width: 370px; margin-top: 20px; .field-content{text-align: center;} } .countdown-title-container{ margin-top: 20px; } .light-dark-blue-equal-gradient-bar{ background-image:url('../img/light-dark-blue-equal-gradient-bar.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:148px; .light-blue-thin-divider; } /****Award program overviews****/ /****Program CTA Banner *******/ .node-our-programs-editable-cta-banner{ .field-name-field-link,.field-name-field-image{ display:inline-block; } .field-name-field-image{ padding-left:60px; } .field-name-field-link a{ display:inline-block; padding: 30px 10px; font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size:24px; text-decoration: underline; color:@darkBlue; } background-image:url('../img/activities-grey-dotted-bg.png'); background-repeat: repeat; } /*****/ .showcase-blue-gradient-bar{ background: #0071aa; border-top: 5px solid #fff; .row{ padding: 20px 0; } h1,h2,h3{ padding:0px 20px; margin:0px; padding-right:0px; font-family: LatoLight, Arial, Helvetica, sans-serif !important; font-weight: 300; div { font-family: LatoLight, Arial, Helvetica, sans-serif !important; } } .span7{ border-right: 1px solid #82c9e7; } .span5{ width: 378px; } } #follow-us-social{ img{ padding:0px 10px; } } .light-blue-divider{ .light-blue-thin-divider; } #green-dot-cta:hover,#sidebar-calendar-add:hover { background-image: url('../img/CTA_06b_roll.png'); } .sidebar{ .green-dots{ margin-top:10px; border-radius:4px; background-image: url('../img/CTA_06g_roll.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:5px; width:162px; h7{width: 95px;} a{ color:white; font-family:AdelleRegular, Arial, Helvetica, sans-serif; } .calendar-link{ width: 98px; padding-left: 6px; } } #sidebar-calendar-add{ height: 90px; } ul { width: 190px; margin-left: -15px; li{padding:6px 0px}; a{ color: @black; padding:5px 0px 5px 15px ; } } .nav-list>li>a { padding: 6px 19px; } .active a{ background:@darkBlue; color:@white; } .nav>li>a:hover{ background:@lightBlue; } } #main-content{ padding-top:40px; position:relative; } .right-col-content{padding-bottom:40px;} .program-post{ height:320px; width: 360px; p{ width:300px; padding-top:5px; } } .program-img{ .rounded-img-corners } #blue-123-cta{ margin-left:10px; border-radius:4px; width:670px; background-image: url('../img/awards-bar.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 10px 4px; margin:20px 20px 60px 20px; a,p{color:@white;} span{ color:@white; font-size: 14px; } .field-name-field-image{ display:inline-block; margin-right:4px; }; } #blue-123-cta:hover{ background-image: url('../img/awards-bar-hover.png'); } #block-views-resources-slideshow-block{ height:336px; position: relative; margin-bottom:60px; /*Hide first image and so we can show thumbnail image instead (second img tag)*/ .Photos img{ display:none; } /*show chicklet thumbnail*/ .Photos span img{display:block !important} a{ font-family:AdelleRegular, Arial, Helvetica, sans-serif; text-decoration: none; color:@grey; } h5{ min-height:40px; margin-bottom:0px; } .caroufredsel_wrapper{ height: 290px !important; margin-left:32px !important; margin-top:50px !important; width:610px !important; .views-field-title{ margin-top:5px; text-align:center; } .resource-span{ width: 180px; img{ width: 100%; height:157px; border-radius:12px; border:1px solid #c7c7c7; } iframe{ width: 180px; height:157px; border-radius:12px; }; .Logos--Artwork-amp-Ads{ width: 180px; height:157px; border-radius:12px; border:1px solid #c7c7c7; img{ height:50%; max-height: 157px; width:85%; border-radius:0px; border: none; padding:15px; } } } } .resources-next,.resources-prev{ position:absolute; top:200px; } .resources-prev{ left:0px; } .resources-next{ left:650px; } } #carousel.programs-carousel{ .carousel-caption{ height: 242px; width: 340px; top: 8%; h2{ padding-top:30px; padding-left:10px; } } .carousel-indicators { top: 42px; right: 30px; } .carousel-control { top: 52%; } .hero-carousel .carousel-control:hover{ background:@green; } .carousel-inner .item img{ } } /*****Awards Nomination Webforms****/ .page-node-3437,.page-node-3432,.page-node-3422{ legend{ margin-bottom:0px; padding-top: 10px; } .fieldset-legend{ font-size:16px; font-weight:bold; } #edit-submitted-2-read-the-requirements-for-new-faces-awards-application-candidates-information-candidate-ethnicity,#edit-submitted-2-fill-out-the-college-edition-application-step-3-tell-us-about-yourself-please-specify-your-race-ethnicity{ height: 200px; width: 400px; } .fieldset-wrapper{margin-top:10px;} label{ font-family:LatoRegular, Arial, Helvetica, sans-serif; font-size:16px; } .form-type-checkbox { label{font-weight:normal}; float:none !important; margin-left: 0px !important; } .webform-component-textarea{margin:20px 0px;} label.error{color:red} #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--facebook,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--youtube,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--twitter,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--google,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--instagram,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--tumblr,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--pinterest,#webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--linkedin{ label{ display: inline-block; min-width: 90px; } } .description{font-style:italic;font-size:14px;} #webform-component-requirements-fieldset--educator-info-fieldset--education-info-fieldset--first-or-other-robotics-detail{display:none} #webform-component-requirements-fieldset--educator-info-fieldset--education-info-fieldset--national-engineers-week-events-detail{display:none} #webform-component-requirements-fieldset--educator-info-fieldset--education-info-fieldset--other-engineering-camp-programs-detail{display:none} #webform-component-requirements-fieldset--educator-info-fieldset--education-info-fieldset--other-engineering-clubs-detail{display:none} #webform-component-requirements-fieldset--educator-info-fieldset--education-info-fieldset--other-detail{display:none} } /*****Upcoming Events*******/ #edit-field-event-program-type-value-wrapper .views-widget{ margin-top:10px; } #block-views-event-listing-new-block .views-exposed-form .views-exposed-widget { float:none; display: inline-block; label,.form-type-bef-checkbox,.form-item-field-event-program-type-value,.views-widget{ display:inline-block; } .form-type-bef-checkbox input, label.option{ margin-top:0px; } } .view-event-listing-new .views-row{padding:2px 0px;} .view-id-event_listing .views-row{ margin:22px 0px; border-bottom: 2px solid #35b3e9; padding-bottom:5px; } #edit-field-event-state-value-wrapper,#edit-field-event-type-value-wrapper,#edit-field-event-state-value-wrapper label,#edit-field-event-type-value-wrapper label,#edit-field-event-state-value-wrapper .views-widget,#edit-field-event-type-value-wrapper .views-widget{ display: inline-block; } #edit-field-event-program-type-value-wrapper label{ padding-right:20px; } /***Single Event View ***/ .node-type-event{ .field{margin:5px 0px;} .field-name-field-event-dates{margin-top:10px} } /********Discovere Engineering Landing Page********/ .page-node-22 .field-name-body{ font-size:24px; line-height:28px; padding-bottom:30px; } .page-node-22 .pane-title{ padding-top: 30px; } .page-node-22 .main-container .views-field-title a{ font-family:AdelleRegular, Arial, Helvetica, sans-serif; color: @darkGrey; } .page-node-22 .main-container .views-field-body p{ font-size: 16px; width:80%; } .page-node-22 .main-container .views-field-body a{ font-family:LatoBold; text-decoration:underline; } .page-node-22 .main-container .views-field-title h5{ font-size: 22px; width: 190px; line-height:26px; min-height:50px; } .page-node-22 .main-container .views-field-title a{ font-size: 22px; width:200px; } .page-node-22 .main-container .field-content img { padding-bottom:10px; max-width:none; } .light-blue-pixel-hr{ margin-top: 10px; } .light-dark-blue-gradient-bar{ background-image:url('../img/light-dark-blue-strip-gradient.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:146px; .row{ padding-top: 30px; } h1,h2,h3,h4{ margin:0px; } .span4 h4{ font-family: LatoRegular, Arial, Helvetica, sans-serif;; font-size:22px; padding-left:40px; padding-top:20px; width:300px; } .span4 h3{ font-family:LatoLightItalic, Arial, Helvetica, sans-serif; font-size: 33px; padding-left: 24px; width:300px; } h1{font-size:48px} } /*****Our Programs > Awards and Recognition *********/ #block-views-f8bcf14998c98c6c4edf23481208b32e{margin-top:30px;} #block-nodeblock-537{ display:none; } .Winner{ background-image:url('../img/winner-half-circle.png'); width:87px; height:43px; position:absolute; bottom:0px; left: 24px; } .inner-page{ position:relative; } #nomination-indicator{ background-image:url('../img/nominate-someone-ribbon.png'); background-repeat: no-repeat; width:139px; height:95px; position:absolute; top: 0px; left: 770px; } .node-awards-recognition-nominate-call{ .awards-bar{ .field-name-field-nomination-line p{ width: 580px; margin-top: 10px; text-align:center; } .field{ display:inline-block; color:@white; } a{ text-decoration:underline; } } } .view-awards-recognition-award-list.view-display-id-block{ .views-widget-sort-by,.views-widget-sort-order{display:none} td { img{ width: 100%; border-top-left-radius:14px; border-top-right-radius:14px; height:274px; } .views-field-field-image{border-bottom: 14px solid #0071A0;} } .views-field-type,.views-field-type-1{ p{ color: @green; } } .bio-title,.views-field-field-employer,.views-field-field-college,.views-field-field-school{ p{ padding-top:0px; margin-top:0px; } } .views-field-field-employer,.views-field-field-college,.views-field-field-school{ font-style: italic; font-size:12px; line-height:15px; } .views-field-title{ h4{ margin: 5px 0px; padding: 0px 20px 0px 20px; a{ text-decoration: none; font-size:16px; font-family: AdelleRegular, Arial, Helvetica, sans-serif; color: @grey; } } } .inner-container{ position:relative; height: 515px; width:220px; padding-bottom:20px; background:@white; border-radius:14px; border: 1px solid #c7c9c9; } p{ margin:0px; padding: 15px 20px 0px 20px; } .award-body-copy{font-size:14px;} #edit-type-wrapper{ float: none; .views-widget{display:inline-block;} .form-type-bef-checkbox, label{ display:inline-block; } } #edit-field-award-level-value-wrapper,#edit-field-year-value-wrapper{ display:inline-block; label,div{ display:inline-block; } } .winner-ribbon{ background-image:url('../img/winner-half-circle.png'); width: 87px; height: 42px; position: absolute; top: 232px; left: 24px; } } /*****Nomination Form ***********/ .page-node-542 #nomination-indicator{ display: none !important; } /*****Our Programs > Dream Big *********/ body.page-node-5152{ //you might also like global day view block #block-views-7775b20c798a21b7f4bc88bf521cef77{ margin-right: auto; margin-left: auto; width: 940px; } } /*****Our Programs > Global Day *********/ a.global-day-page-banner img{ max-width:310px; height:auto; } body.page-node-4796{ //you might also like global day view block #block-views-3f2dbe706e39243b41ecaa61b6b4c2b9{ margin-right: auto; margin-left: auto; width: 940px; } //countdown timer global day view block #block-views-event-countdown-timer-block-4{ .countdown-title-container h2{ font-size: 34px; } } .sidebar-unesco-callout{ width: 162px; padding: 6px 6px; p{color: #171717;} .img-placeholder{ background-image: url('http://discovere.org/sites/default/files/unesco-callout.png'); } } } div.spread-the-word{ p{ padding-bottom:0px; margin-bottom:0px; font-size:18px; } a,p{margin-right:10px;} a{color:#076dae} margin-bottom:15px; } /* * * call to action banner node titles hidden */ #block-nodeblock-4799,#block-nodeblock-4837,#block-nodeblock-4800{ .block-title{display:none} } /* * * sidebar call to action image banners */ #block-nodeblock-4837{ .call-to-action-banner{ border-bottom: 3px solid #36b5ea; width: 180px; padding-bottom: 10px; margin-bottom: 10px; } img{ width:100%; } } div.global-day-menu-bar{ a{text-decoration:none;} margin-bottom:20px; margin-left: 0px; background-color: #f4f4f4; .pledge-menu-item{ width:145px; height:75px; float:left; padding:8px 20px; color:#333333; h4{ font-family:LatoBold; font-size:14px; line-height:16px; margin-bottom:0px; } h3{ font-family:LatoBold; font-size:16px; line-height:18px; margin-top:5px; } } .pledge-menu-item.active-item{ h3,h4{color:white}; background-color:#0675b3; } .pledge-menu-item.partners,.pledge-menu-item.events{ h3{ padding-top:25px; padding-left:30px; }; } .pledge-one{ margin-left:0px; } } div.global-day-partners-page{ padding-top: 20px; .view-content img { max-width: 175px; } h2.blue-title{ font-size:36px; font-family:AdelleRegular; } h2.block-title{ font-size:36px; font-family:AdelleRegular; color:#79aa41; text-align:center; } .blue-title{ color:#1ab3e7; } .green-title{ color:#79aa41; } .block .light-blue-pixel-hr{ display:none; } } div.global-day-landing-page{ padding-top: 20px; p.pledge-to-copy{ font-size:18px; } div.pledge-form{ .alert-block { padding-top: 14px; padding-bottom: 14px; position: absolute; bottom: 88px; width: 91%; z-index: 1; } } .multi-select-global-day-landing{ padding-top:10px; .box-container{ width:310px; float:left; } .check-img{ width:50px; height:50px; text-align:center; display:inline-block; } .check-img.active{ background-image: url('http://discovere.org/sites/default/files/global-landing-check-active.png'); } } .global-day-landing-box:hover{ cursor:pointer; } .global-day-landing-box{ h3{ line-height:28px; padding-top:10px; } p.pledge{padding-left:10px;padding-right:10px;font-size:14px;} background-color:white; border-radius:8px; margin:20px; min-height: 250px; } .global-day-landing-box.active{ border:3px solid #7aaa42; .check-img{ background-image: url('http://discovere.org/sites/default/files/global-landing-check-active.png'); } -webkit-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); -moz-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); } .global-day-landing-box.inactive{ border:1px solid #d0d0d0; .check-img{ background-image: url('http://discovere.org/sites/default/files/global-landing-check-inactive.png'); } } .gray-bg-container{ background-color:#f4f4f4; } img.divider-one{ margin-top:40px; margin-bottom:5px; } div.pledge-form{ border-radius:8px; color: #333333; padding: 40px 20px 20px 20px; background-color:#f4f4f4; legend{display:none;} position:relative; /*input{ width:250px; }*/ .pledge-title-banner h3{ font-size:20px; } /*select{width:266px;}*/ .pledge-title{ color:white; line-height:26px; } img.divider-two{ position: absolute; top: 5px; left: 38px; } img.divider-three{ position: absolute; top: 5px; left: 522px; } img.form-banner{ position: absolute; top: 5px; left: -9px; } div.pledge-title-banner{ position: absolute; top: 11px; } #webform-component-part-1{ float:left; width:50%; label{ /*width:90px;*/ display:inline-block; } input{height:15px;} select{height:26px;} } #webform-component-part-2{ float:left; width:50%; textarea{margin-top:10px;} input[type="checkbox"]{ width:42px; } .form-type-checkbox{ margin-top:10px; } } #webform-component-part-1--state-province { display: block; width: 100%; float: none; label { display: block; } } #webform-component-part-1--engineering-society { clear: left; } #webform-component-part-1--additional-membership { label { height: 2.8em; } } .section-one-prompt{ margin-bottom:10px; } .section-one-prompt{ span{ display:inline-block; } label{ margin-left:77px; width:auto !important; display:inline-block; font-size:16px; } } .section-2-prompt{ span{ display:inline-block; //margin-left:195px; } label{ margin-left:71px; width:auto !important; display:inline-block; font-size:16px; //width:300px !important; } } .btn-primary{ /* width: 300px; */ margin-left: 234px; margin-top: 70px; background-color: #77ac3c; color: white; font-size: 27px; line-height: -11px; text-shadow: 0; background-image: none; border-color: transparent; filter: none; padding: 20px 152px; border-radius: 10px; -webkit-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); -moz-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); } #webform-component-part-2--yes-contact-me-about-other-ways-to-help{ position: absolute; top: 270px; left: 300px; } #edit-submitted-part-2-upload-an-innovation-photo-ajax-wrapper{ margin-bottom:10px; input{width:100%} a{word-break:break-all}; } } div.global-day-pledge-box{ min-height:150px; border-radius: 8px; color:white; background-color: #0772b7; margin-bottom:20px; padding:15px; margin-top:20px; position:relative; p{ color:white; font-family:AdelleRegular; } .pledge-people{ position:absolute; top:10px; left:10px; } p.pledge-msg{ margin-left: 100px; padding-top: 4px; margin-bottom: 0px; } p.pledge-cnt{ margin-top:10px; font-size:56px; font-family:AdelleRegular; margin-left:100px; } p.detail-msg{ padding-top:16px; } } div.global-day-share-event-box{ min-height:150px; border-radius: 8px; color:white; background-color: #7aaa42; margin-bottom:20px; padding:15px; margin-top:20px; p{ color:white; font-family:AdelleRegular; } p.detail-msg{ padding-top:16px; } } div#confirmation-container{ display:none; .view-header{ display:none; } #social-icons a{ display:inline-block; width:18px; height:35px; padding: 0px 10px; margin: 0px 4px; } #footer-fb{ background-image: url('../img/facebook.png'); background-repeat: no-repeat; padding-left:0px; background-size:cover; } #footer-instagram{ background-image: url('../img/instagram.png'); background-repeat: no-repeat; background-size:cover; } #footer-twitter{ background-image: url('../img/twitter.png'); background-repeat: no-repeat; background-size:cover; } #footer-linkedin{ background-image: url('../img/linkedin.png'); background-repeat: no-repeat; background-size:cover; } } .green-title{ color:#79aa41; } .blue-title{ color:#1ab3e7; } } a.global-day-share:hover{ cursor:pointer; } #confirmation-container{ h2.green-title{ margin-top:30px; } p.share-msg,p.download-activity-msg{ padding: 18px 0px; } padding-bottom: 198px; } a.share-event-btn{ -webkit-appearance: none; align-items: flex-start; background-color: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: outset; border-bottom-width: 2px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(221, 221, 221); border-left-style: outset; border-left-width: 2px; border-right-color: rgb(221, 221, 221); border-right-style: outset; border-right-width: 2px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: outset; border-top-width: 2px; box-shadow: rgba(0, 0, 0, 0.541176) 0px 10px 5px -2px; box-sizing: border-box; color: rgb(122, 170, 66); cursor: pointer; display: inline-block; font-family: AdelleRegular; font-size: 16px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; height: 56px; letter-spacing: normal; line-height: 20px; margin-bottom: 10px; margin-left: 40px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px; text-align: center; text-indent: 0px; text-rendering: auto; text-shadow: none; text-transform: none; vertical-align: middle; width: 344px; word-spacing: 0px; -webkit-writing-mode: horizontal-tb; } #global-day-share-modal{ background-color:#fafafa; .modal-header{ border-bottom:none; a{ color:#1cb4e8; font-size:40px; text-decoration:none; } a:hover{ cursor:pointer; } } .modal-body{ padding-right: 0px } #social-icons a{ display:inline-block; width:18px; height:35px; padding: 0px 10px; margin: 0px 4px; } .challenge-line{ font-family:AdelleRegular; font-size:20px; line-height:24px; margin:28px 0px; } .share-msg{ margin-bottom:20px; } #footer-fb{ background-image: url('../img/facebook.png'); background-repeat: no-repeat; padding-left:0px; background-size:cover; } #footer-instagram{ background-image: url('../img/instagram.png'); background-repeat: no-repeat; background-size:cover; } #footer-twitter{ background-image: url('../img/twitter.png'); background-repeat: no-repeat; background-size:cover; } #footer-linkedin{ background-image: url('../img/linkedin.png'); background-repeat: no-repeat; background-size:cover; } .green-title{ color:#79aa41; margin-top:20px; } } div.global-day-pledge-page{ .page-content{ p{padding-bottom: 5px;} } .field-name-field-top-image,.field-name-field-bottom-image{ img{ padding-top:15px; padding-bottom:15px; max-width:98%; } } div.pledge-form{ position:relative; border-radius:8px; color:white; padding:20px; background-color:#79AA41; legend{display:none;} input{ width:120px; } /* input[type="checkbox"]{ width: 37px; }*/ .alert-block { padding-top: 14px; padding-bottom: 14px; position: absolute; bottom: 69px; width: 70%; z-index:1; } .pledge-title-banner h3{ font-size:20px; } select{width:134px;} .pledge-title{ color:white; line-height:26px; } #edit-submitted-part-2-upload-an-innovation-photo-ajax-wrapper{ margin-bottom:10px; input{width:100%} a{word-break:break-all}; } img.divider-one{ position: absolute; top: 81px; left: 18px; } img.divider-two{ position: absolute; top: 345px; left: 22px; } img.form-banner{ position: absolute; top: 5px; left: -9px; } div.pledge-title-banner{ position: absolute; top: 11px; } #webform-component-part-1{ margin-top:90px; label{ width:90px; display:inline-block; } input{height:15px;} select{height:28px;} } #webform-component-part-2{ margin-top:40px; textarea{margin-top:10px;} input[type="checkbox"]{ width:42px; } .form-type-checkbox{ margin-top:10px; } } .section-one-prompt{ margin-bottom:10px; } .section-one-prompt,.section-2-prompt{ span{ display:block; margin-left:86px; } label{ width:100% !important; text-align:center; font-size:16px; } } .btn-primary{ font-size:16px; width: 100%; margin-top: 17px; background-color: white; color: #ffffff; text-shadow: 0; background-image: none; border-color: transparent; filter: none; padding:10px 30px; border-radius:10px; color: #0675b3; -webkit-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); -moz-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); } } h2.blue-title{ font-size:36px; font-family:AdelleRegular; } h1.green-title{ font-size:48px; font-family:AdelleRegular; } .blue-title{ color:#1ab3e7; } .green-title{ color:#79aa41; } div#confirmation-container{ display:none; button{ margin-bottom:10px; border-radius:4px; width: 290px; padding:10px 30px; background-color:#ffffff; color:#7aaa42; font-size:16px; -webkit-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); -moz-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.54); } .view-header{ display:none; } #social-icons a{ display:inline-block; width:18px; height:35px; padding: 0px 10px; margin: 0px 4px; } #footer-fb{ background-image: url('../img/facebook.png'); background-repeat: no-repeat; padding-left:0px; background-size:cover; } #footer-instagram{ background-image: url('../img/instagram.png'); background-repeat: no-repeat; background-size:cover; } #footer-twitter{ background-image: url('../img/twitter.png'); background-repeat: no-repeat; background-size:cover; } #footer-linkedin{ background-image: url('../img/linkedin.png'); background-repeat: no-repeat; background-size:cover; } } } /****Global Day Responsive*****/ @media (max-width: 568px) { div.global-day-pledge-page .pledge-form{ .alert-block { padding-top: 14px; padding-bottom: 14px; position: absolute; bottom: 102px; width: 78%; } } div.global-day-landing-page .pledge-form{ .alert-block { padding-top: 14px; padding-bottom: 14px; position: absolute; bottom: 106px; width: 91%; z-index: 1; } } html.js input.webform-calendar { display: inline; width: 31px !important; } div.global-day-menu-bar{ .pledge-menu-item{ display:block; width:90%; height:auto; } } .spread-the-word{ display:block; width:100%; } div.global-day-menu-bar .pledge-menu-item.partners h3, div.global-day-menu-bar .pledge-menu-item.events h3 { padding-top: 0px; padding-left: 0px; } div.global-day-landing-page .global-day-landing-box{ width:100%; margin-left:40px; } div.global-day-landing-page div.pledge-form img.divider-three { position: absolute; top: 405px; left: 3px; width:95%; } div.global-day-landing-page img.divider-one { width:95%; } div.global-day-landing-page div.pledge-form img.divider-two { position: absolute; top: 5px; left: 3px; width:95%; } form{ label,input,select{ width:80% !important; } } div.global-day-landing-page div.pledge-form #webform-component-part-1 { width: 100%; display: block; float: none; } div.global-day-landing-page div.pledge-form .section-one-prompt label { margin-left: 0px; width: 100%; display: block; text-align:center; font-size: 16px; } div.global-day-landing-page div.pledge-form #webform-component-part-1 input { height: auto; } div.global-day-landing-page div.pledge-form .btn-primary { margin-left: 3px; width:100%; display:block; padding: 18px 0px; } div.global-day-landing-page div.global-day-pledge-box, div.global-day-landing-page div.global-day-share-event-box { margin: 10px 10px; } a.share-event-btn { margin-left:0px; padding-left: 10px; padding-right: 10px; width:90%; } div.global-day-landing-page div.pledge-form #webform-component-part-2--yes-contact-me-about-other-ways-to-help { position: absolute; top: 602px; left: 49px; width: 328px; } div.global-day-landing-page div.pledge-form .section-2-prompt label { display:inline-block; text-align:center; width:100%; margin-top:40px; margin-left:10px; } div.global-day-landing-page div.pledge-form #webform-component-part-2 input[type="checkbox"] { width: 18px !important; } div.global-day-landing-page div.pledge-form #webform-component-part-2 { float: none; display:block; width: 100%; } div.global-day-pledge-page div.pledge-form .pledge-title-banner h3 { margin-top: 6px !important; } div.global-day-pledge-page div.pledge-form img.divider-one { position: absolute; top: 84px; left: 83px; width: 237px; } div.global-day-pledge-page div.pledge-form img.divider-two { position: absolute; top: 478px; left: 83px; } div.global-day-pledge-page div.pledge-form .section-one-prompt span, div.global-day-pledge-page div.pledge-form .section-2-prompt span { margin-left: 0px; } div.global-day-pledge-page div.pledge-form #webform-component-part-2 input[type="checkbox"] { width: 71px !important; } } /*****Our Programs > Global Marathon *********/ .page-node-61,.page-node-4796{ .view-get-involved-grid{ .light-blue-pixel-hr{display:none;} } .sidebar-cta{ width:162px; margin-top:20px; border-radius: 4px; padding: 6px 6px; a,.cta-title,p{ color:white; } .cta-title{ font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 16px; } } .sidebar-blue-cta{ background-color: #0080aa; } .sidebar-orange-cta{ background-color: #f6861f; } .sidebar-grey-cta{ background-color: #444444; } .sidebar-connect-social{ width:30px; height:30px; margin: 5px 10px; background-repeat: no-repeat; } .sidebar-connect-social.facebook{ background-image: url('http://discovere.org/sites/default/files/white-fb-sidebar-logo.png'); } .sidebar-connect-social.linked{ background-image: url('http://discovere.org/sites/default/files/white-linked-sidebar-logo.png'); } .sidebar-connect-social.twitter{ background-image: url('http://discovere.org/sites/default/files/white-twitter-sidebar-logo.png'); } } /*****Our Programs > Global Marathon > Speakers *********/ .view-global-marathon-speaker-list,.view-gloibal-marathon-speaker-list,.view-id-global_marathon_featured_thought_leaders{ .field-content h4{ margin-top:0px; } tr{ border-bottom: 1px solid #65a5c0; } tr.row-last{ border-bottom:none; } .inner-container{ margin-left: -20px; margin-top:20px; } .views-field-field-speaker-photo img{ max-width:220px; } .views-field-field-leader-photo img{ max-width:102px; } } /*****Our Programs > Global Marathon > Agenda *********/ .page-node-4293,.page-node-4296,.page-node-5145{ .block-views-global-marathon-agenda-block{ .block-title{ color: #474747; font-family: AdelleRegular,Arial,Helvetica,sans-serif; font-size: 24.5px; line-height:40px; } } div.global-marathon-sponsor-callout{ h4{margin-right:10px;} a{text-decoration:none} img{ max-width: 240px; margin: 0px 10px; height:auto; } } .monthly-events-btn{ color:white; } .marathon-schedule-btn,.monthly-events-btn{ font-family: AdelleSemiBold; font-size:14px; text-decoration:none; text-align: center; padding: 9px 25px 5px 25px; } .marathon-schedule-btn{ background-color:white; border: 1px solid #04a1e6; color: #0071ab; } //todo new css remove above once live div.back-to-global-marathon{ margin-top: 20px; margin-bottom: 40px; a.back-to-global-btn{ display:block; margin-bottom: 20px; } .marathon-schedule-btn,.monthly-events-btn{ font-family: AdelleSemiBold; font-size:14px; text-decoration:none; text-align: center; padding: 9px 25px 5px 25px; } .marathon-schedule-btn{ background-color:white; border: 1px solid #04a1e6; color: #0071ab; margin-right:10px; } } .day-header,.view-header{ h5{ font-size:16px; margin-top:0px; } h4{margin-bottom: 2px;} } .day-wrapper,.view-content{ .views-field-body{ margin-top:26px; color: rgb(23, 23, 23) !important; } .views-field-title span{ color: rgb(71, 71, 71); display: block; font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 17.5px; font-weight: bold; height: 21.1111px; line-height: 22px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; } .time-slot{ h4{color:#171717;} margin: 0 0 10px; font-family: LatoRegular; } .blue-speaker{ /* color:#338dbc;*/ color: #171717 !important; font-size: 16px; margin: 0 0 10px; } } } /****************Discover Engineering - 10 Reasons to Love Engineering ******/ .green-circle{ background-image: url('../img/green-circle.png'); width:44px; height:44px; } .show-more-icon{ #blue-arrow-icon{ background-image: url('../img/show-more-icon.png'); background-repeat: no-repeat; width:12px; height:12px; display:inline-block; } } .show-less-icon{ #blue-arrow-icon{ background-image: url('../img/show-less-icon.jpg'); background-repeat: no-repeat; width:12px; height:12px; display:inline-block; } } .green-circle h4 { font-size:22px; color:@white; display:inline-block; padding: 5px 5px 5px 17px; } .views-row-10 .green-circle h4{ padding: 5px 5px 5px 12px; } .reason-body p{ font-size:16px; margin-left:55px; } .reason-title{ font-size:22px; margin-left:10px; padding-top: 5px; } .reason-toggle{ margin-top: 10px; display: inline-block; float: right; } /***Disc Engineering - Careers ***/ .engineering-career-overview-box{ position:relative; a{ position:absolute; top:80px; left:10px; font-size:22px; color:@white; font-family:AdelleBold, Arial, Helvetica, sans-serif; width:180px; }; } .field-name-field-landing-page-image img{width:100%;} .view-discover-engineering-engineering-careers-overview-grid .view-content img{max-width:100%;} #salary-box{ background: url(../img/awards-bar.png); background-repeat: no-repeat; width: 550px; height:60px; margin-bottom:20px; padding-left:20px; color:@white; font-family: LatoBold; border-radius:14px; font-size:18px; h5{ text-align:center; color:@white; margin-bottom:2px; font-size:18px; }; .field-type-text{ margin-bottom:5px; text-align:center; } } /****Detail View ***/ .field-type-field-collection .field-collection-view{margin-left:0px;} /*******About Us Landing Page ********/ .field-name-field-meet-content { ul{ margin-left: 15px; } li { list-style-image: url(../img/blue-bullet.png); padding: 3px 0px; } } .field-name-field-meet-heading{ margin-top:20px; } .moz .view-about-us-who-we-are-tabs,.ie .view-about-us-who-we-are-tabs{ li{ text-indent: 0px; margin-left:7px; } } .view-about-us-who-we-are-tabs.view-display-id-block{ tr{border-bottom:1px solid #c7c7c7} font-size:14px; } #quicktabs-about_us_who_we_are_section_tabs ul.quicktabs-tabs.quicktabs-style-sky li a{ font-size:12.5px; } #quicktabs-about_us_who_we_are_section_tabs .quicktabs-tabs .active .quicktab-blue-arrow { top: 37px; } #about-us-become-member{ margin-top:30px; margin-bottom: 70px; position:relative; .light-blue-pixel-hr { margin-top: 0px; } img{ position:absolute; top: -11px; left:50px; } a{ margin-left: 200px; font-family:AdelleLight; font-size:22px; } } .view-latest-news-listing-block .views-field-field-release-date span{ background-color: black; color: @white; font-size: 20px; padding: 5px 10px; margin: 5px; font-family: AdelleRegular, Arial, Helvetica, sans-serif; width: 148px; display: inline-block; text-align: center; } .view-latest-news-listing-block .views-field-field-release-date{display:inline-block} .view-latest-news-listing-block { .views-row{ padding: 20px 0px; border-bottom: 1px solid #c0c0c0; } .views-row-last{ border-bottom: 0; } .button{ background:@darkBlue; padding: 9px 86px 5px 86px; } .button:hover{ background:@blueTextLinkHover; color:@white; text-decoration:none; } } .view-latest-news-listing-block .views-field-title a{ font-size:18px; font-family:AdelleLightItalic; text-decoration:underline; } #block-views-latest-news-listing-block-block{ margin-bottom:50px; } .node-about-us-thought-leadership-bloc{ .field-name-field-view-more-link a{ padding:11px 20px 11px 30px; } .span5{ margin-left: 40px; width: 350px; } #thought-leader-quote{ background-image: url('../img/thought-leader-box.png'); width:304px; height:213px; p{ color:@white; padding-left:60px; width:230px; font-family:LatoItalic; font-size:14px; } .quote{ font-family:AdelleItalic; padding-top:35px; font-size:20px; line-height: 22px; } } } .field-name-field-link-to-pdf{ a{ font-family:LatoLightItalic, Arial, Helvetica, sans-serif; } display:inline-block; } .node-about-us-thought-leadership-bloc h5{ font-size:22px; } .field-name-field-view-more-link{ margin-top:20px; a{ color: @white; text-transform:uppercase; text-align:center; font-family: AdelleRegular, Arial, Helvetica, sans-serif; padding: 9px 30px 5px 30px; background-color: @darkBlue; text-decoration:none; } a:hover{ background:@blueTextLinkHover; color:@white; text-decoration:none; } } .ie .field-name-field-view-more-link{ a{ padding-left:20px; padding-right:20px; } } #back-to-filter-results a{ color: #015580; text-decoration: underline; font-family: LatoRegular, Arial, Helvetica, sans-serif;; font-size:16px; } /*******Thought Leadership Page ********/ .view-thought-leadership-listing{ .though-leader-left{ width:20%; img{max-width:110px;} } .thought-leader-right{ width:80%; .leader-name{ h5{ font-size:16px; margin-bottom: 0px; margin-top: 20px; } } .leader-title{margin-bottom:10px;} .leader-company{ margin-top:15px; img{ margin-right:5px; max-width:60px; width:100%; } } .leader-company-blurb{ margin-left:69px; } } } /*****About Us > News Listing Page ******/ .view-id-about_us_news .views-row{ margin:22px 0px; border-bottom: 2px solid #35b3e9; padding-bottom:5px; .news-type span{ color: @green; } .grey-post-date{ font-family:AdelleItalic; color: #afaeae; }; } .node-type-press-release .post-teaser, .node-type-news-release .post-teaser{ line-height:30px; } /*****Sidebar Sponsor Slideshow***/ .view-sidebar-sponsor-slideshow{margin-top:20px;margin-bottom: 10px;} .sidebar-sponsor{ position:relative; #sidebar-pagination{display:none !important;} ul li{padding:0px} img{ max-width:165px; max-height:155px; width: 165px; vertical-align:middle; } .caroufredsel_wrapper { height: 155px !important; } .sponsor-logo{ height: 154px; width: 165px; line-height: 154px; text-align: center; margin-left: 15px; a{ padding:0px; } } } .ie .sidebar-sponsor{ .sidebar-sponsor-hr{width:200px;} position:relative; #sidebar-pagination{display:none !important;} ul li{padding:0px} img{ max-width:165px; max-height:145px; width: 165px; vertical-align:middle; } .caroufredsel_wrapper { height: 155px !important; } .sponsor-logo{ height: 154px; width: 165px; line-height: 0px; text-align: center; margin-left: 15px; a{ padding:0px; } } } /*********Our Activities Landing Page **********/ .our-activities-blue-gradient-bar{ background-image:url('../img/our-activities-blue-gradient.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom:4px solid #023d5b; padding-bottom: 20px; a,#our-activities-international-link{ color:white; font-family:AdelleBold, Arial, Helvetica, sans-serif; font-size:22px; text-decoration: none; } #our-activities-intro-copy{ font-size:21px; margin-bottom: 24px; line-height: 24px; } #filter-callout{ margin-left: 50px; height: 20px; line-height: 35px; #filter-callout-text{margin-left:5px;} #filter-callout-arrow{padding-bottom:10px;} } } .activity-tracker-bar{ background-image:url('../img/activity-tracker-bar.png'); height: 208px; h3{ margin-bottom:0px; margin-top:45px; } h2{ margin-top:2px; margin-bottom:0px; } p{ font-family:LatoRegular, Arial, Helvetica, sans-serif;; font-size:22px; } #stat-container{ position:absolute; top: 32px; left: 65px; font-family: AdelleRegular, Arial, Helvetica, sans-serif; opacity:.8; text-align:center; p{ font-size:10px; margin:0px; padding:0px; } h4{ font-size:48px; padding-bottom:8px; } h5{font-size:22px;} #learn-more-stats{ position:absolute; bottom: -36px; left: -16px; width: 120px; } } } /**Activities Content**/ #edit-type-wrapper { label{ padding-right:20px; } .views-widget{ display: inline-block; } } .activities-content-container-bg{ /*background-image:url('../img/activities-grey-dotted-bg.png'); background-repeat: repeat;*/ background: #fff; } .view-cool-content-and-activities,.view-resources-downloads-filter{ div.Websites,div.Games,div.Trips{ #download-activity{ display:none; } } .activity-wrap a,.chicklet-wrapper a{ text-decoration:none; font-family: AdelleRegular, Arial, Helvetica, sans-serif; font-size: 20px; color:@grey; } .inner-container{ /*Hide first image and so we can show thumbnail image instead (second img tag)*/ .Photos img{ display:none; } /*show chicklet thumbnail*/ .Photos span img{display:block !important} iframe{ border-top-left-radius:14px; border-top-right-radius:14px; } height: 440px; width:286px; padding-bottom: 20px; background:@white; img{ width:100%; height:250px; border-bottom: 12px solid @darkBlue; border-top-left-radius: 14px; border-top-right-radius: 14px; background: white; } border-radius:14px; border: 1px solid #c7c9c9; } .views-field-type,.views-field-type-1{ color: @green; padding: 15px 20px 0px 20px; } .views-field-title{ padding: 0px 20px 0px 20px; h4{ margin: 5px 0px; } } .views-field-field-teaser,.views-field-body{ padding: 0px 20px 20px 20px; } .views-field-field-media-asset img{max-width:100%} .views-field-field-video-embed-code iframe{max-width:100%} } /***You might also like***/ .view-id-resources_downloads_filter.view-display-id-page_2,.view-id-cool_content_and_activities.view-display-id-page_3{ min-height: 1100px; } .view-id-cool_content_and_activities.view-display-id-block_1,.view-id-resources_downloads_filter.view-display-id-block_1{ margin-left:20px; table{margin-top:20px;} h2{ margin-top:50px; } h4{ font-size:17.5px; margin:20px 0px 5px 0px; min-height:50px; a{ color:@grey; text-decoration:none; } } .view-content{border-top: 1px solid @lightBlue;} .activity-wrap a,.chicklet-wrapper a{ text-decoration:none; font-family: LatoRegular, Arial, Helvetica, sans-serif;; font-size:17.5px; color:@grey } .inner-container{ height:210px; width:216px; iframe{ border:none; border-radius:14px; } background:@white; img,iframe{ width:216px !important; height:210px !important; border:none; border-bottom:none !important; background: white; border-radius:14px; } border:none; .Logos{ height:auto; img{ width:80% !important; display:block; margin:0 auto; border-bottom: none; height: auto !important; padding-top: 17%; padding-bottom: 5% } } .views-field-field-file{ min-height:210px; border:1px solid #c7c7c7; border-radius:14px; } } .views-field-title{ padding: 0px; h4{ margin: 0px 0px; } } .views-field-field-teaser,.views-field-body{ margin-top:10px; padding: 0px; a p{color:@blueTextLink;} } } .view-id-resources_downloads_filter.view-display-id-block_1 .inner-container .views-field-field-slideshare-embed-code .field-content iframe { border-bottom: none !important; } /*****Filter Form******/ #filter-by-row{ h2,form{ margin-left:20px } form div{ display:inline-block; padding-right: 34px; } } #find-activity-submit{ background: @darkBlue; display:inline-block; margin-left:642px; margin-bottom:20px; } #find-activity-submit:hover,.reset-activity-filters:hover{ cursor: pointer; } #edit-field-age-value-wrapper,#edit-field-discipline-value-wrapper,#edit-field-time-value-wrapper,#edit-field-must-see-user-group-value-wrapper,#views-exposed-form-cool-content-and-activities-block .views-submit-button{ display:none; } #views-exposed-form-cool-content-and-activities-block #edit-field-event-state-value-wrapper{ display:none; } #views-exposed-form-cool-content-and-activities-block{ .form-type-bef-checkbox,label{ display:inline-block; } } .activities-content-container-bg{ position:relative; } #activity-content-type-filter{ position: absolute; top: 230px; left: 2px; z-index: 10; color:@darkGrey; .checkbox{padding-right:30px;} } .view-cool-content-and-activities .view-filters{ display: none; } #trip-state-list{display:none;} .view-cool-content-and-activities .view-content{ margin-top:80px; } .view-cool-content-and-activities .view-empty{ margin-top:80px; } #user-group-filter{ position:relative; .user-circle{ width:172px; height:137px; background-image: url('../img/user-filter-bg-inactive.png'); margin-right:10px; margin-top: 15px; cursor: pointer; .user-circle-inner{ margin-top:20px; margin-left:34px; width:80px; height:80px; } h4{ font-family:AdelleSemiBold; font-size:24px; margin-top:0px; } h5{ margin-bottom:4px; font-size:18px; width: 98px; text-align: center; } } .user-copy{ width:184px; margin-top:10px; h3{ line-height: 30px; } } .active{ background-image: url('../img/user-filter-bg-active.png'); } .user-icon{ margin-left: 33px; } #educator-filter.active .user-icon{ background-image: url('../img/activity-user-circle-pencil-grey.png'); } #volunteer-filter.active .user-icon{ background-image: url('../img/activity-user-circle-star-grey.png'); } #parent-filter.active .user-icon{ background-image: url('../img/activity-user-circle-house-grey.png'); } #student-filter.active .user-icon{ background-image: url('../img/activity-user-circle-airplane-grey.png'); } #educator-filter .user-icon{ background-image: url('../img/activity-user-circle-pencil-white.png'); height:31px; width:31px; display:inline-block; } #volunteer-filter .user-icon{ background-image: url('../img/activity-user-circle-star-white.png'); height:31px; width:31px; display:inline-block; } #parent-filter{ h4{ margin-left:14px; } .user-icon{ background-image: url('../img/activity-user-circle-house-white.png'); height:31px; width:31px; display:inline-block; } } #student-filter{ h4{ margin-left:6px; } .user-icon{ background-image: url('../img/activity-user-circle-airplane-white.png'); height:31px; width:31px; display:inline-block; } } } .our-activities-blue-dotted-gradient-bar{ background-image:url('../img/dotted-blue-gradient-bar.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom:4px solid @darkestBlue; border-top:7px solid @darkestBlue; .container{position:relative} } .our-activities-blue-gradient-bar h1{ margin-top:30px; } #expand-filter-by-row{ width:57px; height:28px; position:absolute; top: -34px; cursor: pointer; } #expand-filter-by-row.collapsed{ background-image:url('../img/activities-filter-collapse-down.png'); } #expand-filter-by-row.expanded{ background-image:url('../img/activities-filter-collapse-up.png'); } .filter-container-bg{ background-image:url('../img/activities-filter-striped-bg.png'); } .filter-container{ margin-top:0px; min-height: 0px; } /****Activity List Chicklet***/ .tint { position: relative; background:#15A5E9; border-top-left-radius:14px; border-top-right-radius:14px; } /**Activities Detail Single View***/ .activity-wrap{ .span4 div{ margin:5px 0px; } } .page-our-activities-activity-detail,.page-our-activities-single-activity-detail,.page-our-programs-awards-and-recognition-award-detail,.page-our-programs-awards-and-recognition{ .Trips-and-Destinations .span3{font-size:12px;} .view-filters{display:none} .view-content{margin-top:0px} .inner-page{display:none} .light-blue-divider{display:none} .view-content{margin-top:0px;} .views-field-field-activity-photo img,.views-field-field-image img{ max-width:100%; width:100%; max-height:290px; } .view-cool-content-and-activities .views-field-body{ padding:0px; } .view-display-id-page_1{ .view-content{height: 515px;} } } .page-our-programs-awards-and-recognition-award-detail .view-display-id-page_1 .view-content, .page-our-programs-awards-and-recognition .view-display-id-page_1 .view-content { height: 540px; } /**Detail Filter Results Views***/ .page-resources-downloads .views-field-field-pdf-file img{ display:block; margin: 0 auto; } .page-resources-downloads .views-field-field-slideshare-embed-code,.page-resources-downloads .views-field-field-media-asset,.page-resources-downloads .views-field-field-file,.page-resources-downloads .views-field-field-video-embed-code{ iframe{ max-height: 320px !important; width:100% !important; }; img{ max-height: 320px !important; display:block; margin: 0 auto; } } .page-resources-downloads{ .views-field-body{padding:0px;} .view-resources-downloads-filter .Logos{ border:0px; height:auto; } #download-activity{ margin-left: 129px !important; width: 200px !important; margin-top: 10px !important; display:block !important; } .view-display-id-page_1{ .view-content{height: 520px;} } } .view-resources-downloads-filter{ .new-ribbon{ background-image:url('../img/new-ribbon.png'); width:81px; height:42px; position:absolute; bottom: 35px; left: 24px; } } .view-cool-content-and-activities{ .new-ribbon{ background-image:url('../img/new-ribbon.png'); width:81px; height:42px; position:absolute; top: -82px; left: 24px; } } .page-node-25,.page-node-24 { .views-field-field-slideshare-embed-code{ height:263px; } .views-field-field-media-asset{ height:261px; } .views-field-field-video-embed-code{ height:261px; } } .page-node-24 .views-field-field-media-asset iframe,.page-node-24 .views-field-field-video-embed-code iframe{ height:251px; border-bottom: 12px solid #0071aa; } .page-our-activities .views-field-title .new-ribbon{display:none}; .view-awards-recognition-award-list .new-ribbon{display:none} .view-about-us-leadership-council .new-ribbon{display:none} .page-resources-downloads,.page-about-us-leadership-council-detail,.page-about-us-leadership-council-single-detail,.page-our-activities-activity-detail,.page-our-activities-single-activity-detail,.page-our-programs-awards-and-recognition-award-detail,.page-our-programs-awards-and-recognition-single-award-detail{ .views-field-nothing{ .new-ribbon{ background-image:url('../img/new-ribbon.png'); width:81px; height:42px; position:absolute; top: -15px; left: 750px; } } #webform-component-organization,#webform-component-name{ width: 45%; float: left; } #download-modal{ top:5%; .form-type-radio{ display:inline-block; } #webform-component-are-you-a-volunteer,#webform-component-are-you-an-educator{ display:inline-block; } } .view-filters{display:none} .inner-page{display:none;} .page-content{ position:relative; } .light-blue-divider{display:none} .view-content{margin-top:0px;} .views-field-field-activity-photo img,.views-field-field-image img{ max-width:100%; width:100%; } .pager-ellipsis{display:none} .pagination-centered { border-radius:4px; margin-left: 20px; ul{ width:900px; height:20px; } li{ position:absolute; a{ background:transparent; border:none; color:@darkBlue; text-decoration:underline; font-weight:bold; } } li.next{ left:830px; width: 120px; } li.prev{ left:50px; } ul { display: inline-block; -moz-border-radius: none; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } #download-activity{ margin-left:0px; width: 70%; display: inline-block; } #block-webform-client-block-1247{ button{display:none} } #download-modal{ /*.modal-body{max-height: 520px;}*/ .links{display:none;} .webform-confirmation p{padding-top:5px} } #webform-component-Consent{clear:both} #webform-component-Consent .description{clear:both} /* #edit-webform-ajax-submit-1247{ display:none; } */ .activity-label{ font-weight:bold; margin-right:5px; } .activity-value a{ text-decoration:underline; font-family: LatoRegular, Arial, Helvetica, sans-serif;; font-size:16px; color:@blueTextLink; } } .page-our-activities .block-webform,.page-resources-downloads .block-webform{ display:none; } .page-about-us-leadership-council-detail{ .pagination-centered { position: absolute; top: 510px !important; border-radius:4px; margin-left: 20px; } .view-content{min-height:600px;} .sponsor-logo img{width:auto;} } /*****Activity Stat Tool *******/ .page-node-2907{ .stat-tracker-belly-bar .span4 { p{ font-family:LatoLightItalic, Arial, Helvetica, sans-serif; color:@white; font-size:20px; } h6{ font-family:AdelleRegular, Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:0px; } text-align:center; } .stat-tracker-belly-bar .span8 { h1{ font-size:36px; color:@white; } h3{font-size:22px} } #activity-tracker-activation-date{text-align:center;margin-top:30px;} .activity-stat-arrow{ position:absolute; bottom: -58px; right: 135px; } #student-reached-heading{width:318px;margin-left:-27px} .span5{ h2,h3{color:@lightBlue} h2,p{text-align: center;} } .activity-stat-circle{ background:url(../img/activity-stat-circle.png); width:173px; height: 164px; margin-left:170px; margin-top:40px; } .activity-copy{margin-left: 125px;} .field-name-body{ p{ color: #b8b8b8; line-height:40px; margin:0px 90px; margin-top:20px; } font-size:36px; } .activity-stat-circle span{ display: inline-block; color: #04a2e5; font-size: 24px; margin-left: -14px; width: 200px; margin-top: 73px; text-align: center; } } .view-awards-recognition-award-list.view-display-id-block { .view-empty p{ margin:0px; padding-bottom:20px; padding-left:0px; } } /*****Load more pager button styling ******/ .view-cool-content-and-activities,.view-resources-downloads-filter,.view-awards-recognition-award-list,.view-event-listing-new,.view-about-us-news{ .pager-load-more li a{ background:#006fa7; font-family:AdelleBold, Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; border-radius:4px; width:700px; color:@white; border:none; text-decoration:none; padding: 16px; padding-top: 27px; height:20px; } .pager-load-more li a:hover{ background:#04a2e5; } } .view-awards-recognition-award-list,.view-event-listing-new,.view-about-us-news{ .pager-load-more li a{ width:500px; } } /***International Activities page and Global Day activtity lists for Engage Students Pledge *****/ .page-node-577,.page-node-4811,.page-node-4807{ .entity-field-collection-item{ display:inline-block; .file{padding-right:5px}; } .views-field-field-multiple-languages{ float: right; margin-right: 20px; } table .views-field-title{ font-family:AdelleRegular, Arial, Helvetica, sans-serif; font-size:22px; } tr{border-bottom:1px solid @lightBlue} } /********Resources and Downloads************/ #download-modal { width: 940px; margin-left: -470px; } #block-webform-client-block-1247 { .control-label { display: inline-block; width: 185px; } #webform-component-additional-membership { padding-top: .5em; } #webform-component-de-programs, #edit-submitted-email-opt-out { .form-type-checkbox { width: 50%; float: left; } .control-label { width: 100%; } } #webform-component-email { width: 50%; float: left; } } .form-item-submitted-opt-out-opts-out{ width: auto !important; } .view-display-id-page_1 .views-field-field-file .Logos,.view-display-id-page_2 .views-field-field-file .Logos{ img{ width: auto; padding-left: 0px; height: auto; padding-bottom: 5%; margin-left: 0px; max-height: 280px; background: white; border: none; display: block; margin: 0 auto; } } /****Form Filters********/ .checkbox{font-weight: normal;}; .view-resources-downloads-filter{ #edit-type-wrapper{ float:none; } #edit-field-tags-tid-wrapper .views-widget{ display: inline-block; margin-left:20px; } #edit-submit-resources-downloads-filter{ display:none; } #edit-type-wrapper,#edit-field-tags-tid-wrapper{ .form-type-bef-checkbox, label{ display:inline-block; } .form-type-bef-checkbox{margin-right:10px;} } .Logos{ border-bottom: 12px solid #0071aa; border-top-left-radius:14px; border-top-right-radius:14px; background:white; height:250px; img{ width: 158px; border-bottom: none; height: auto; background: white; border: 65px solid white; border-bottom: 0px; border-right: 63px solid white; max-height: 185px; } } .inner-container{ iframe{ height:250px !important; width:286px !important; border-bottom: 12px solid #0071aa; } .views-field-field-slideshare-embed-code{ .field-content{ div{display:none;} iframe{ border-bottom: 12px solid #0071aa !important; border-width:0px 0px 12px 0px !important; } } } } } /*****Volunteers and Educators ****/ #quicktabs-container-volunteers_educators{ .views-field-body{ width:300px; margin-top:10px; } h4{ width:300px; } img{ width:300px; height:250px; border-radius: 14px; border: 1px solid darkgray; } } .quicktabs-wrapper{ .field-collection-container{border-bottom:none;} } .field-collection-item-field-faq-list{ margin-bottom:10px; .field-name-field-question{ font-weight:bold; margin-bottom:5px; } } .sidebar{ hr{width: 170px;} h2{ font-size:22px; width:170px; line-height:26px; } } .entity-field-collection-item iframe{ width: 65%; } /********Footer********/ footer{ border-top: 9px solid @lightBlue; background-image: url('../img/grey-dotted-background.png'); background-color: @darkGrey; height:340px; padding-top: 30px; #social-icons img{ padding:5px 10px; } #social h3{ padding-top: 20px; } #about-discovere-column .span2,#about-discovere-column .span4{ margin-left:0; } #about-discovere-column{ height: 300px; p{padding-right:5px}; .nav{ padding-top:10px; width: 100px; } h4{ font-size:22px; } li{ padding-bottom: 15px; line-height: 15px; } padding-bottom:10px; border-right:1px solid @darkBlue; } #sign-up-column{ padding-top:20px; padding-left:23px; width: 276px; input[type="email"]{ width: 168px; } h4{ font-size:22px; } #social-icons a{ display:inline-block; width:28px; height:35px; padding: 0px 10px; } #footer-fb{ background-image: url('../img/facebook.png'); background-repeat: no-repeat; padding-left:0px; } #footer-instagram{ background-image: url('../img/instagram.png'); background-repeat: no-repeat; background-size: 28px; } #footer-linkedin{ background-image: url('../img/linkedin.png'); background-repeat: no-repeat; } #footer-twitter{ background-image: url('../img/twitter.png'); background-repeat: no-repeat; } #footer-youtube{ background-image: url('../img/youtube.png'); background-repeat: no-repeat; } #footer-fb:hover{ background-image: url('../img/facebook-hover.png'); } #footer-instagram:hover{ background-image: url('../img/instagram-hover.png'); } #footer-linkedin:hover{ background-image: url('../img/linkedin-hover.png'); } #footer-twitter:hover{ background-image: url('../img/twitter-hover.png'); } #footer-youtube:hover{ background-image: url('../img/youtube-hover.png'); } } #news-column{ background-color: #e7e7e7; color: black; padding:20px; margin-right:20px; border-radius: 8px; height: 220px; position:relative; width: 238px; h4,h6{ margin-bottom: 0px; color:@lightBlue; } h6 span{ font-family: AdelleBold, Arial, Helvetica, sans-serif; padding-top:5px; font-size:16px; } #see-all-news{ font-family:LatoLightItalic, Arial, Helvetica, sans-serif; font-size:18px; text-decoration: underline; margin-top:10px; display:inline-block; } .views-field-title{ font-family:LatoRegular, Arial, Helvetica, sans-serif;; text-decoration: underline; a{ color:@black; } a:hover{ color:@blueTextLinkHover; } } #news-tick{ position:absolute; top: 260px; left:215px; } } .nav{ padding-left:0; a{ color:@white; } } #footer-copy{ margin-top:30px; padding: 0px 10px 10px 0px; color: #bebebe; font-size:14px; a{ color: #bebebe; text-decoration:underline; } div { text-align: right; } } } /*** Form Style Updates - 2016/17 - Cam Collins ***/ #webform-component-receive-more-info, #webform-component-part-1--receive-more-info { clear: left; width: 100% !important; float: none !important; margin-bottom: 10px; font-size: 14px; } #webform-client-form-1247 { .webform-component-checkboxes { width: 50%; float: left; } .form-item .form-item { width: 100%; } .form-item .form-item label { width: auto; } #webform-component-email-opt-out { clear: left; } } .form-item.webform-component.webform-component-textfield, .form-item.webform-component.webform-component-select { width: 50%; float: left; } #webform-component-role.form-item.webform-component.webform-component-select { clear: left; } #webform-component-de-programs.webform-component.webform-component-checkboxes { clear: left; } #webform-component-additional-membership { padding-top: 1.25em; } #webform-client-form-3432 { label { display: block; } #webform-component-2-read-the-requirements-for-new-faces-awards-application--11-sponsoring-engineering-society-information--receive-more-info { margin-bottom: 10px; } fieldset, #webform-component-2-read-the-requirements-for-new-faces-awards-application--candidates-information--education, #webform-component-2-read-the-requirements-for-new-faces-awards-application--candidates-information--engineering-society, #webform-component-2-read-the-requirements-for-new-faces-awards-application--candidates-information--video-footage, #webform-component-2-read-the-requirements-for-new-faces-awards-application--9-read-nominee-responsibilities, #webform-component-2-read-the-requirements-for-new-faces-awards-application--11-sponsoring-engineering-society-information--work-address, #webform-component-please-make-sure-you-have-completed-all-of-the-mandatory-questions-before-you-click-submit, #webform-component-2-read-the-requirements-for-new-faces-awards-application--candidates-information--if-other-specify-race-ethnicity { clear: left; } .webform-datepicker select { width: auto; } #webform-component-2-read-the-requirements-for-new-faces-awards-application--candidates-information--candidate-ethnicity, #webform-component-2-read-the-requirements-for-new-faces-awards-application--candidates-information--if-other-specify-race-ethnicity { width: 100%; float: none; } } #block-webform-client-block-3422, #webform-client-form-3422 { #webform-component-2-fill-out-the-college-edition-application--step-6-provide-us-with-a-photo--e-signature--sign--complete--receive-more-info { margin-bottom: 10px; } label { display: block; } #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--engineering-society, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--organization, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--school-street-address, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--hometown, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--cell-phone-number, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--what-is-your-gender, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--please-specify-your-race-ethnicity, #webform-component-2-fill-out-the-college-edition-application--step-4-tell-us-about-your-student-activities--activities-clubs-groups-teams, #webform-component-2-fill-out-the-college-edition-application--step-4-tell-us-about-your-student-activities--participation-Engineers-Week-activities, #webform-component-2-fill-out-the-college-edition-application--step-4-tell-us-about-your-student-activities--if-you-participated-in-an-engineering-related-activity-above-was-your-experience-an-important-factor-, #webform-component-2-fill-out-the-college-edition-application--step-6-provide-us-with-a-photo--e-signature, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--specify-race-ethnicity { clear: left; } #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--please-specify-your-race-ethnicity, #webform-component-2-fill-out-the-college-edition-application--step-3-tell-us-about-yourself--specify-race-ethnicity, #webform-component-2-fill-out-the-college-edition-application--step-4-tell-us-about-your-student-activities--have-you-taken-or-are-you-planning-to-take-the-fe-exam-in-the-near-future, #webform-component-2-fill-out-the-college-edition-application--step-4-tell-us-about-your-student-activities--Participated-Engineers-Week-Activities, #webform-component-2-fill-out-the-college-edition-application--step-4-tell-us-about-your-student-activities--participation-in-Girl-day-activities { width: 100%; float: none; } .webform-datepicker select { width: auto; } } #webform-client-form-4831 { label { display: inline-block; width: 200px; } .form-item { width: 100%; float: none; } #webform-component-2017-globall-marathon-speaker-form--receive-more-info { padding-top: 15px; margin-bottom: 10px; } } #webform-client-form-447 { label { display: inline-block; width: 300px; } .form-item { width: 100%; float: none; } .webform-datepicker select { width: auto; } #webform-component-de-programs label { display: block; float: none; width: 100%; } } #webform-client-form-3257 { label { display: inline-block; width: 200px; } .form-item { width: 50%; float: left; } .form-item .form-item { width: 100%; } .form-item .form-item label { width: auto; } .webform-datepicker select { width: auto; } #webform-component-engineering-society { margin-top: -0.75em; } #webform-component-additional-membership { padding-top: 0; } #webform-component-de-programs { width: 100%; float: none; .control-label { width: 100%; } .checkbox.control-label { width: auto; } } #edit-submitted-email-opt-out { .checkbox.control-label { width: 300px; } } } #webform-client-form-4148 { label { display: block; } .form-item { width: 100%; float: none; } .webform-datepicker select { width: auto; } #webform-component-additional-membership { padding-top: 0; } } #webform-client-form-4252 { label { display: block; } .form-item { width: 100%; float: none; } .webform-datepicker select { width: auto; } } #webform-client-form-5110 { label { display: block; } .form-item { width: 100%; float: none; } .webform-datepicker select { width: auto; } } #webform-client-form-4154 { #webform-component-additional-membership { padding-top: 0; } #webform-component-how-many-girls-would-you-like-to-reach { padding-top: 0.5em; } } #webform-client-form-4831 { label { display: block; width: 100%; } .form-item { width: 100%; float: none; } .webform-datepicker select { width: auto; } } #webform-client-form-5735 { label { display: block; width: 100%; } .form-item { width: 100%; float: none; } .webform-datepicker select { width: auto; } } #webform-client-form-4808 { label, #webform-component-part-1--state-province label, #webform-component-part-1--first-name label, #webform-component-part-1--last-name label, #webform-component-part-1--organization label, #webform-component-part-1--email label, #webform-component-part-1--country label, #webform-component-part-1--city label, #webform-component-part-1--state-province label, #webform-component-part-1--role label, #webform-component-part-1--state-or-province label { width: 120px; display: inline-block; margin-right: 0; } #webform-component-part-1--role-other label, #webform-component-part-1--engineering-society label, #webform-component-part-1--additional-membership label, #webform-component-part-1--de-programs label, #webform-component-part-1--id-like-more-information-about-discoveres-programs-check-all-that-apply label { width: 100%; } .form-item { width: 100%; float: none; } .form-checkbox, .option.checkbox.control-label, #webform-component-part-1--email-opt-out label { width: auto; } .webform-datepicker select { width: auto; } #webform-component-part-1--additional-membership label { height: auto; } } .page-node-4810, .page-node-4809, .page-node-4807 { div.global-day-pledge-page div.pledge-form img.divider-two { top: 975px; } } #webform-client-form-5729 { .form-item { width: 100%; float: none; } } .captcha.form-wrapper { legend { display:none; } .fieldset-wrapper { .fieldset-description { display:none; } } }