/**Responsive CSS**/ /*Desktop*/ @media all and (max-width: 1358px) { .field-name-field-lead-banner .slide-item-0 .field-collection-view .content .img-item-logo:after {left: auto; top: 40%; right: 10%;} } @media all and (max-width: 1200px) { .field-name-field-lead-banner .slide-item-0 .field-collection-view .content .img-item-logo:after {left: auto; top: 40%; right: 5%;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .group-slider-wrapper.rightSideFloat {right: 7%;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .group-slider-wrapper.rightSideFloat {right: 12%;} } @media all and (max-width: 1026px) { .field-name-field-lead-banner .slide-item-0 .field-collection-view .content .img-item-logo:after {left: auto; top: 40%; right: 1%; background-size: 75%;} } @media all and (min-width: 961px) { .mobile-visible { display: none !important; } .phone-only { display: none; } .desktop-only { display: block; } #block-menu-menu-top-menu { display: block; } .logo.pull-left { display: block; } .page-header #block-views-exp-solr-search-panel-pane-1 { display: block; } /* Nav */ .navbar { margin-bottom: 0; } .navbar-inner { border-bottom: 0 none; } /* Image Dividers */ .bean-image-divider .image-divider .desktop { display: block; max-width: 960px; width: 100%; height: 335px; background-size: cover; background-position: center center; } .bean-image-divider .image-divider .tablet, .bean-image-divider .image-divider .phone { display: none; } } /***Tablet and Mobile***/ @media screen and (max-width: 960px){ body {background-color:#132e3e;} } @media screen and (max-width: 655px){ .node-type-blog-content .tags > div { float: none; } } @media all and (max-width: 960px) { .node-type-blog-content .atss a {padding: 2px 0; width: 34px; line-height: 34px;} #mobile-only {display:none; background:#205678; width:260px;} .mobile-visible {display:block;} .desktop-only {display:none;} #block-menu-menu-top-menu {display:none;} .container {padding: 0;} .page-header {width:100%; background:#f8f8f8;} .width960 { width: 100%; margin: 0 auto; padding: 0; } .logo.pull-left {display: none;} .page-header #block-views-exp-solr-search-panel-pane-1 {display: none;} .casa-logo.mobile-visible {max-width:134px; margin: 0 auto} .page-header .region-header {position:absolute; top:0; right:16px;} html.open-nav .main-content-wrapper {position:fixed;left:260px;top:0;bottom:0;overflow:hidden;width:100%;-webkit-transition:250ms;-moz-transition: -moz-transform 250ms;-ms-transition:-ms-transform 250ms;-o-transition:-o-transform 250ms;transition:transform 250ms;} .main-content-wrapper {left:0px;top:0;bottom:0;overflow:hidden;width:100%;-webkit-transition:250ms;-moz-transition: -moz-transform 250ms;-ms-transition:-ms-transform 250ms;-o-transition:-o-transform 250ms;transition:transform 250ms;position:relative;background-color:#fff;} #mobile-nav .navbar-nav {/*margin:0 0 7.5px 0;*/ margin: 0;} .mobile-utility {margin-top:-7.5px;} #mobile-only ul li.collapsed, #mobile-only ul li.expanded, #mobile-only ul li.leaf {float:left;width:100%;padding:0; position: relative; } #mobile-nav .dropdown a, .mobile-utility .dropdown a {color: #f4f3ef; font-family: MuseoSansCond-500, Sans-Serif; font-size:15px; display:block; line-height:16px; text-transform:uppercase; text-align:left; font-weight: normal;} .mobilemenu-wrapper .btn:active, .mobilemenu-wrapper .btn.active {box-shadow: none;} #mobile-nav .new-dropdown.btn-primary {background-color:transparent; border:none; text-transform:uppercase; padding:18px 0 18px 48px;color: #f4f3ef; font-family: MuseoSansCond-500, Sans-Serif; font-size:16px; display:block; line-height:26px; text-transform:uppercase; text-align:left; font-weight: normal;} .mobile-utility .new-dropdown.btn-primary {background-color:transparent; border:none; text-transform:uppercase; padding:18px 0 18px 17px;color: #f4f3ef; font-family: MuseoSansCond-500, Sans-Serif; font-size:16px; display:block; line-height:26px; text-transform:uppercase; text-align:left; font-weight: normal;} #mobile-nav .collapsed a {padding:18px 0 18px 36px;} #mobile-nav a[href="/about"] {background: url(../images/mobile-nav-about-icon.png) no-repeat 17px center;} #mobile-nav a[href="/addiction"] {background: url(../images/mobile-nav-addiction-icon.png) no-repeat 17px center;} #mobile-nav a[href="/addiction-prevention"] {background: url(../images/mobile-nav-prevention-icon.png) no-repeat 17px center;} #mobile-nav a[href="/addiction-treatment"] {background: url(../images/mobile-nav-treatment-icon.png) no-repeat 17px center;} #mobile-nav a[href="/addiction-research"] {background: url(../images/mobile-nav-library-icon.png) no-repeat 17px center;} #mobile-nav a[href="/addiction-science"] {background: url(../images/mobile-nav-science-icon.png) no-repeat 17px center;} #mobile-nav .nav > li a:hover[href="/about"] {background: #346a8b url(../images/mobile-nav-about-icon.png) no-repeat 17px center;} #mobile-nav .nav > li a:hover[href="/addiction"] {background: #346a8b url(../images/mobile-nav-addiction-icon.png) no-repeat 17px center;} #mobile-nav .nav > li a:hover[href="/addiction-prevention"] {background: #346a8b url(../images/mobile-nav-prevention-icon.png) no-repeat 17px center;} #mobile-nav .nav > li a:hover[href="/addiction-treatment"] {background: #346a8b url(../images/mobile-nav-treatment-icon.png) no-repeat 17px center;} #mobile-nav .nav > li a:hover[href="/addiction-research"] {background: #346a8b url(../images/mobile-nav-library-icon.png) no-repeat 17px center;} #mobile-nav .nav > li a:hover[href="/addiction-science"] {background: #346a8b url(../images/mobile-nav-science-icon.png) no-repeat 17px center;} #mobile-only .nav > li > a:hover {background: #346a8b;} #mobile-only li.expanded {border-bottom:1px solid #416d86; } #mobile-only li.expanded.open-dropdown a .caret{background: url(../images/mobile-nav-arrow-up.png) no-repeat center center;} #mobile-only li.expanded.open-dropdown a .caret:hover {background: #174762 url(../images/mobile-nav-arrow-up.png) no-repeat center center;} #mobile-only li.expanded .btn.active {box-shadow:none;} #mobile-only ul li.expanded a .caret {display: block; background: url(../images/mobile-nav-arrow-down.png) no-repeat center center; width: 60px; height: 62px; position: absolute; top:0; right: 0; border-left: 1px solid #416D86; z-index: 99;} #mobile-only ul li.expanded a .caret:hover {background: #174762 url(../images/mobile-nav-arrow-down.png) no-repeat center center;} #mobile-only .dropdown-menu {background:#ebebeb; position:relative;} #mobile-only .dropdown-menu .dropdown-menu-wrap {padding:0; max-height:none; width:100%;} #mobile-only .dropdown-menu ul li.leaf {padding:0;} #mobile-only .dropdown-menu a {color:#000; text-transform:none; font-family:Arial; font-weight:normal; letter-spacing:.15px; padding:18px 0 18px 18px; border-bottom:1px solid #999; background: #EBEBEB url(../images/mobile-arrow-sm.png) no-repeat 89.5% center; display:block; padding-right:48px;} .mobile-search form#views-exposed-form-solr-search-panel-pane-1 {width:90%; margin:0 auto; padding:10px 0; position: relative;} .mobile-search form#views-exposed-form-solr-search-panel-pane-1 label {display: none;} .mobile-search {background: #132e3e;} .mobile-search .input-group {width:100%;} .mobile-search input {font-family: MuseoSansCond-900, Sans-Serif; font-size:17px; line-height:26px;color:#d5d9db;text-indent:32px; text-transform: uppercase; border-radius: 4px !important; padding: 4px 10px 4px 32px; background: #fff;} html.js .mobile-search input.form-autocomplete {background: #fff;} .mobile-search .input-group-btn {position:absolute; left:0; top:0;} .mobile-search .btn {background: url(../images/search-icon.png) no-repeat center; border:none; width:32px ;height:32px; text-indent: -9999px; position: absolute; top: 20px; left: 0; margin-top: 0 !important;} .mobile-search .glyphicon {display:none;} .mobile-search .views-widget-per-page {display: none;} .mobile-utility li.expanded {border-bottom:1px solid #416d86; float:none; padding-left:0;} .mobile-utility .menu > li.last a {color: #f4f3ef; font-family: MuseoSansCond-500, Sans-Serif; font-size:20px; display:block; line-height:26px; text-transform:uppercase; text-align:left; font-weight: normal; padding: 18px 0 18px 17px;} /* General CSS*/ .left-right-wrapper .group-left {border: 0 none;} .carousel-indicators .activeColorG h2, .carousel-indicators .activeColorR h2 {margin-top: 0;} /* Two Columns */ .bean-two-column-text .group-left {width: 100%; max-width:960px; border-right: 0 none; padding:0;} .bean-two-column-text .group-right {width: 100%; max-width:960px; padding:0;} /* Fields */ .front .field-name-field-lead-banner.field-type-blockreference > .field-items {padding-bottom: 22px;} .front .bean-infograph .field-name-field-text-editor .field-item {padding: 22px 0 0 0;} .front .field-name-field-middle-top-ref .item-num-1 {padding-bottom: 50px;} .front .field-type-blockreference .three-columns {margin-bottom: 0;} .field-name-field-lead-banner .bean-basic-text {width:100%;} .field-type-blockreference .three-columns {width: 100%;} .field-type-blockreference .field-item.odd .three-columns {margin: 0;} .field-name-field-middle-top-ref .two-columns {margin: 0 auto;} .left-right-wrapper .group-left {width: 100%; padding: 0;} .left-right-wrapper .group-right {width: 100%; padding: 0;} .left-right-wrapper .group-right .field-name-field-image {float: left; } .field-name-field-bottom-ref.field-type-blockreference .field-item.odd .four-columns {margin-right: 0;} .field-name-field-middle-top-ref .item-num-1 .block-bean .group-right p, .field-name-field-middle-top-ref .item-num-2 .block-bean .group-right p, .group-right .bean-infograph .field-name-field-text-editor {text-align: center;} .group-header .field-name-body {width: 100%;} .view-case-study .ds-2col > .group-left img {max-width: 100%; height: auto;} .view-case-study .ds-2col > .group-right img {max-width: 100%; height: auto;} .page-node-5 .field-type-blockreference.field-name-field-bottom-ref .item-num-0 .three-columns, .page-node-5 .field-type-blockreference.field-name-field-bottom-ref .item-num-1 .three-columns {padding-bottom: 32px;} .not-front .field-name-field-lead-banner .bean-image-divider {width: 100%;} .not-front .field-name-field-lead-banner.field-type-blockreference .item-num-1 .entity-bean {width: 100%;} .field-name-field-lead-banner .peak-div {left: 0;} /* Footer */ .footer #block-block-7 .footer-logo img {display: none;} /*Landing Pages*/ .left-right-wrapper .group-left {margin-bottom: 0; border-left: 0 none;} .group-left .field-type-blockreference {padding-bottom: 40px; border-bottom: 0 none;} .group-right .field-type-blockreference {padding-top: 0; } .left-right-wrapper .group-left .item-num-2 .bean-infograph.two_column {padding-right: 0;} .left-right-wrapper .group-right .field-name-field-image {float: none;} .left-right-wrapper .group-right .field-name-field-sidebar-ref > .field-items > .field-item {padding: 25px 0; border-bottom: 3px solid #ddd;} .left-right-wrapper .group-right .field-name-field-sidebar-ref > .field-items > .field-item.last-side-field {border-bottom: 0 none; padding-bottom: 10px;} .left-right-wrapper .group-right .field-name-field-sidebar-ref > .field-items > .field-item.item-num-0 {padding-top: 53px; border-top: 3px solid #ddd;} /*About Two Column header*/ .node-type-landing-page.about .field-name-field-lead-banner.field-type-blockreference .bean-two-column-text .group-left, .node-type-landing-page.about .field-name-field-lead-banner.field-type-blockreference .bean-two-column-text .group-right {width: auto; max-width: 100%; height: auto!important; border-bottom: 0 none; float: none;} .node-type-landing-page.about .field-name-field-lead-banner.field-type-blockreference .bean-two-column-text .group-right {border-top: 1px solid #EEE; padding-bottom:0px;} .node-type-landing-page.about .field-name-field-lead-banner.field-type-blockreference .bean-two-column-text .group-left {border-right: 0 none; border-top: 0 none; padding-bottom: 14px;} /* Search */ .panel-2col-stacked .panel-col-last .inside {margin: 0;} .page-search .main-container .panel-2col-stacked .panel-col-last.panel-panel form .views-widget-filter-keyword {position: relative; padding: 0;width: 100%;} .page-search .main-container .panel-2col-stacked .panel-col-first.panel-panel {width: 100%; float: left; padding-right: 0;} .page-search .main-container .panel-2col-stacked .panel-col-last.panel-panel {width: 100%; padding-left: 0; float: left;} .page-search .main-container .panel-2col-stacked .panel-col-last.panel-panel form .views-widget-filter-keyword input {width: 100%;} .main-container .pagination {margin-bottom: 0;} /* Blog */ .page-node-22 .left-right-wrapper .group-left {margin: 0; padding: 50px 0 40px 0;} .page-node-22 .left-right-wrapper .group-left .field-name-field-middle-ref {padding: 0;} .page-node-22 .left-right-wrapper .group-right .field-name-field-sidebar-ref {padding: 40px 0 50px 0; border-top: 3px solid #ddd;} .page-blog-archive .row-fluid .col-sm-9, .panel-2col .panel-col-first {width: 100%; border: 0 none; padding-right: 0; padding-bottom: 40px;} .page-blog-archive .row-fluid .col-sm-3, .panel-2col .panel-col-last {width: 100%; border: 0 none; padding-left: 0; padding-top: 40px; border-top: 3px solid #ddd;} .page-blog-archive .row-fluid {overflow: hidden;} .page-blog-archive .row-fluid .col-sm-9 .field-name-field-image img, .panel-2col .panel-col-first img {display: block; margin: 0 auto;} .panel-2col .panel-col-first {border: 0 none;} .panel-2col .panel-col-first .inside {margin: 0;} .node-type-blog-content .pane-disqus-disqus-comments {width: 100%; max-width: 960px; margin: 0 auto;} .node-type-blog-content .pane-disqus-disqus-comments .pane-content {width: 100%; padding: 0;} /*Journals*/ .main-container .journals_filter li {margin: 0; padding: 0; width: 100%; max-width:100%; display: block; text-align: left; margin-bottom: 10px;} .main-container .journals_filter li.last {margin-bottom: 0; padding-bottom: 0;} .main-container .journals_filter li.last.filter-quotes {padding-bottom: 22px;} .main-container .journals_filter li.filter-other {width: 100%;} .main-container .journals_filter li a {background: #d7d7d7; width: auto; padding: 20px 0;} .main-container .journals_filter li a {padding-left: 40px;padding-top: 10px;} .main-container .journals_filter li.selected a, .main-container .journals_filter li a:hover {color: #eb5a49;} /* Reports */ .panel-2col .panel-col-last .inside {margin: 0;} .container-inline-date > .form-item {display: block; width: 100%;} .views-exposed-form .container-inline-date .date-padding {width: 100%;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content .views-exposed-form .views-widget-filter-keys {position: relative; top: 0; left: 0; width: 100%;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content .views-exposed-form .views-widget-filter-keys .form-item-keys input {width: 100%; padding: 10px 12px;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content .views-exposed-form .views-exposed-widget {width: 100%;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content .views-exposed-form .views-submit-button button.btn {width: 100%;} .inside .pane-views-exp-reports-panel-pane-1 {padding: 20px 0 20px 0;} .inside .pane-reports-panel-pane-1 {padding-top: 10px;} .inside .pane-views-exp-reports-panel-pane-1 h2 {width: 100%; text-align: right; padding-bottom: 0;} .inside .pane-reports-panel-pane-1 .group-left {width: 86px;} .inside .pane-reports-panel-pane-1 .group-left img {max-width: 100%; height: auto;} .inside .pane-views-exp-reports-panel-pane-1 h2 {background: url(../images/filter-more.png) no-repeat right center;} .inside .pane-views-exp-reports-panel-pane-1 h2.toggle-icon {background: url(../images/filter-less.png) no-repeat right center;} /*Press Releases*/ .panel-2col-stacked .panel-col-first .inside {margin: 0;} .press-releases .panel-2col-stacked .panel-col-first .field-name-body {width: 100%; border: 0 none;} .press-releases .panel-2col-stacked .panel-col-first .field-name-field-related-press-releases-lin, .press-releases .panel-2col-stacked .panel-col-first .field-name-label-field {width: 100%;} /*In the News */ .page-node-356 .main-container .journals_filter li {width: 100%; max-width: 100%;} .page-node-356 .journals_filter {display: block; margin-bottom: 22px;} /* Multimedia Library */ .main-container .bean-library-slider .carousel-indicators li {display: inline-block; width: 13px; height: 13px; margin-left: 10px;text-align: center;float: none;} /* Assessment Test */ .page-node-138 form .form-type-radios .form-radios, .btn-wrapper .form-wrapper, .page-node-138 form .help-block {width: 100%; padding-left: 20px; padding-right:20px;} .page-node-138 .step-nav span {visibility: hidden; z-index: -5; display: none;} .page-node-138 .step-nav.active span, .page-node-138 .step-nav span.icon {visibility: visible; z-index: 5; display: block;} .btn-wrapper .form-wrapper {padding: 0 15px;} .page-node-138 .main-container form .form-type-textfield {padding-left: 15px; padding-right: 15px;} .page-node-138 #ajax_form_multistep_form.first-axaj form h4 {padding-right: 15px; padding-left: 15px;} .page-node-138 form .msg-wrapper {padding: 35px 20px 0;} /* Map */ .page-node-832 .field-name-field-middle-top-ref .item-num-2, .page-node-832 .field-name-field-middle-top-ref .item-num-1 {padding-right: 0; padding-left: 0;} /*Media Center*/ .page-node-344 .field-name-field-middle-top-ref > .field-items > .field-item {padding-bottom: 40px; float: none;} .page-node-344 .field-name-field-middle-top-ref > .field-items > .field-item.item-num-0 {overflow: hidden;} .page-node-344 .field-name-field-middle-top-ref > .field-items > .field-item.item-num-0 .three-columns {margin-bottom: 0;} .page-node-344 .field-name-field-middle-top-ref > .field-items > .field-item.item-num-2 {padding-bottom: 0;} /* Donate */ .page-node-643 .group-left .btn {width: 100%; background: #BE3037 url(../images/btn-arrow-white.png) no-repeat 56% center;} .page-node-643 .group-left .btn:hover {background: #363636 url(../images/btn-arrow-white.png) no-repeat 56% center;} } /***Tablet***/ @media all and (max-width: 960px) and (min-width: 481px) { .mobile-visible {display:block;} .phone-only {display:none;} .desktop-only {display:none;} .media_embed {width: 100%; height: auto;} .media_embed iframe {max-width: 385px; width: 100%; height: 326px;} .panel-2col .panel-col-first .pane-content > .ds-1col > .field-name-field-text-editor > .field-items .field-item {width: 100%; height: auto;} .panel-2col .panel-col-first .pane-content > .ds-1col > .field-name-field-text-editor > .field-items .field-item iframe {max-width: 385px; width: 100%; height: 326px;} /* Nav */ .navbar {margin-bottom:0;} .navbar-inner {border-bottom:10px solid #d3d1c9;} .page-header {padding:0 24px;} .mm-closed {float:left; background: url(../images/menu-tablet-normal.png) no-repeat; height:53px; width:53px; margin: 20px 0;} html.open-nav .mm-closed {float:left; padding:16px 0; background: url(../images/menu-tablet-close.png) no-repeat; width:54px; height: 57px;} .casa-logo.mobile-visible {padding:16px 0;} .casa-logo a {background: url(../images/casa-logo-tablet.png) no-repeat center center; width:134px; height:68px; display:block;} .page-header .region-header {padding:30px 0;} /* Fields */ .front .left-right-wrapper .width960 {padding: 0;} .field-name-field-lead-banner .bean-basic-text {width:100%;} .front .field-name-field-lead-banner.field-type-blockreference .item-num-1 .entity-bean {padding: 0 40px;} .not-front .field-name-field-lead-banner.field-type-blockreference .item-num-1 .entity-bean {padding: 0 40px;} .field-name-field-middle-top-ref .item-num-0 {padding-bottom: 40px; padding-left: 40px; padding-right: 40px;} .field-name-field-middle-top-ref .item-num-0 .entity-bean {text-align:center;} .field-name-field-middle-top-ref .item-num-1, .field-name-field-middle-top-ref .item-num-2 {padding: 0 40px; } .field-name-field-middle-top-ref .item-num-1 .block-bean{float:none; width:100%; padding-bottom: 0; max-width: 960px;} .field-name-field-middle-top-ref .item-num-2 .block-bean {float:none; width:100%; max-width: 960px;} .not-front .field-name-field-middle-top-ref .two-columns {width: 100%; padding-bottom: 22px;} .front .field-name-field-middle-top-ref .item-num-1 .block-bean {text-align: center;} .front .field-name-field-middle-top-ref .item-num-2 .block-bean {text-align: center;} .field-name-field-middle-top-ref .item-num-1 .field-name-field-text-editor,.field-name-field-middle-top-ref .item-num-2 .field-name-field-text-editor {padding-top:0; padding-bottom:0;} .field-name-field-middle-top-ref .item-num-1 .block-bean p, .field-name-field-middle-top-ref .item-num-2 .block-bean p {text-align:left;} .bean-infograph img {display:block; margin:0 auto;} .field-name-field-bottom-ref > .field-items > .field-item, .field-name-field-middle-ref > .field-items > .field-item { float: none; width: 100%; padding:0 40px;} .field-name-field-bottom-ref > .field-items > .field-item.odd, .field-name-field-middle-ref > .field-items > .field-item.odd {margin: 0;} .field-type-blockreference .three-columns {margin-bottom: 64px;} .page-node-5 .field-type-blockreference.field-name-field-bottom-ref .three-columns {margin-bottom: 0;} .front .field-type-blockreference .field-name-field-image {width: 37%;} .front .field-type-blockreference.field-name-field-middle-top-ref .field-name-field-image {width: 100%; float: none;} .front .field-type-blockreference .three-columns .bean-call-out img {float: left; margin-right: 30%; max-width: 100%; height: auto;} .front .field-type-blockreference .three-columns .bean-call-out .group-right {float: left; width: 50.6%;} .front .front .field-type-blockreference .three-columns .bean-call-out h3 {text-align: left; margin-top: 0;} .front .field-type-blockreference .three-columns .bean-call-out .group-right .field-name-field-link .field-items .field-item {text-align: left;} .two-bean-block.field-name-field-middle-top-ref > .field-items > .item-num-0 {padding: 0 40px;} .node-type-landing-page .bean-two-column-text .group-right {padding: 40px 0; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd;} .not-front .field-name-field-middle-ref > .field-items > .field-item {max-width: 100%; padding:0; margin: 0 auto;} .date-field {padding: 0 40px 22px 40px;} .field-name-field-bottom-ref .bean-call-out.three_column {padding-bottom: 50px;} .field-name-field-bottom-ref .item-num-2 .bean-call-out.three_column {padding-bottom: 0;} .front .field-type-blockreference.field-name-field-bottom-ref .bean-call-out.three_column .field-name-field-image, .field-type-blockreference.field-name-field-bottom-ref .bean-call-out.three_column .field-name-field-image {float: left;} .field-name-field-bottom-ref .bean-call-out.three_column .field-name-field-text-editor, .field-name-field-bottom-ref .bean-call-out.three_column .field-name-field-link {width: 58%; float: right;} .field-name-field-bottom-ref .bean-call-out.three_column .field-name-field-text-editor h3 {margin-top: 0; text-align: left;} .field-type-blockreference.field-name-field-bottom-ref .field-name-field-link .field-items .field-item {text-align: left;} /* Slidershow */ .group-slider-wrapper {position:absolute; left: 12%; top: 12%;} .carousel-control.left,.carousel-control.right {opacity:1; display: block;} .main-container .carousel-indicators li {max-width: 180px; width: 24%; min-height:20px; padding: 19px 10px;} .indicatiors-width {padding-left:15px; padding-right:15px; max-height:300px; margin-top: -1px; background: #e4e4e4; max-width: 960px; width: 100%; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);} .carousel-indicators { width: 100%; left: 0; right: 0; max-width: 692px; margin: 0 auto;} .carousel-indicators .active {background: #F9F9F8;} .carousel-indicators li .slider-icons {float: none; margin-left: 0; display:block; width: 100%;text-align: center; padding-bottom: 10px;} .carousel-indicators li .slider-icons .slider-tab {width: auto; max-width: 58px; height: 59px; margin: 0 auto;} .carousel-indicators li .field-name-field-text {float: none; padding-left:0; width: 100%;} .carousel-indicators .activeColorG .slider-icons .slider-tab {background-image:url(../images/icon-tablet-partners.png)!important;} .carousel-indicators .activeColorB .slider-icons .slider-tab {background-image:url(../images/icon-tablet-buzz-off.png)!important;} .carousel-indicators .activeColorR .slider-icons .slider-tab {background-image:url(../images/icon-tablet-changing-off.png)!important;} .carousel-indicators .activeColorO .slider-icons .slider-tab {background-image:url(../images/icon-tablet-prevention-off.png)!important;} .carousel-indicators .active.activeColorG .slider-icons .slider-tab, .carousel-indicators .activeColorG:hover .slider-icons .slider-tab {background-image:url(../images/icon-tablet-partners-on.png)!important;} .carousel-indicators .active.activeColorB .slider-icons .slider-tab, .carousel-indicators .activeColorB:hover .slider-icons .slider-tab {background-image:url(../images/icon-tablet-carousal-staying-current-on.png)!important;} .carousel-indicators .active.activeColorR .slider-icons .slider-tab, .carousel-indicators .activeColorR:hover .slider-icons .slider-tab {background-image:url(../images/icon-tablet-changing-perceptions-on.png)!important;} .carousel-indicators .active.activeColorO .slider-icons .slider-tab, .carousel-indicators .activeColorO:hover .slider-icons .slider-tab {background-image:url(../images/icon-tablet-prevention-on.png)!important;} .carrot-colors {position: absolute;height: 21px; max-width:692px; width: 100%; bottom: 150px; left: 0;right: 0;margin: 0 auto;} .carousel-indicators li h2 {color:#5f5f5f; font-size:18px; line-height:20px; text-align:left; font-family: MuseoSansCond-900, Sans-Serif; margin-top: 0; margin-bottom:0; text-transform:uppercase; width: 100%; text-align: center;} .field-name-field-lead-banner .field-collection-view .content .field-group-format-wrapper { position: relative; max-width: 300px; } .field-name-field-lead-banner .slide-item-3 .field-collection-view .content .group-slider-wrapper h1 {max-width: 100%;} .group-slider-wrapper {position:absolute; left: 18%; top: 15%;} .slide-item-1 .group-slider-wrapper, .slide-item-3 .group-slider-wrapper {left: 18%;} .slide-item-2 .group-slider-wrapper {left: 10.5%; top: 15%;} .group-slider-wrapper.rightSideFloat {left: auto; right: 18%;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .content .image-divider-item {background-position: 46% center;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .content .field-group-format-wrapper {max-width: 301px;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .group-slider-wrapper.rightSideFloat {right: 7%;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .content .image-divider-item {background-position: 60% center;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .content .group-slider-wrapper .field-group-format-wrapper {max-width: 301px;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .group-slider-wrapper.rightSideFloat {right: 10%; top:9%;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .group-slider-wrapper.rightSideFloat p {max-width: 255px;} .bean-homepage-slider h1 { color: #FFF; text-transform: uppercase; display: block; position: relative; font-size: 36px; line-height: 42px; } .carrot-colors .carrot, #carrotChange0 .carrot{position: absolute; max-width: 166px; width: 100%; height:21px;z-index: 99;left: 0;} #carrotChange1 .carrot {background: transparent url(../images/arrow-changing.png) no-repeat center top; left: 24%;} #carrotChange2 .carrot {background: transparent url(../images/arrow-addiction.png) no-repeat center top; left: 48%;} #carrotChange3 .carrot {background: transparent url(../images/arrow-disease.png) no-repeat center top; left: 72%;} /* General CSS*/ .left-right-wrapper .width960 {padding: 0 40px;} .group-header .field-name-body {padding-left: 40px; padding-right: 40px;} /* Image Dividers */ .bean-image-divider .image-divider .tablet {display:block; max-width: 960px; width:100%; height:335px; background-size:cover; background-position: center center;} .bean-image-divider .image-divider .desktop, .bean-image-divider .image-divider .phone {display:none;} /* Footer */ .footer .footer-wrapper .inner-wrap {padding:0 40px;} .footer #block-block-2 {width: 100%; margin: 0; padding: 32px 0; border-right: 0 none; border-bottom: 1px solid #C9C9C9;} .footer #block-block-2 div.content div:nth-child(2n) {width: 70%; margin: 0 auto;} .footer #youtube-link {padding-left: 0;} .footer .block-constant-contact {width: 50%; padding-left: 20px;} .footer .block-constant-contact .btn {margin-top: 8px;} .footer .block-constant-contact .form-control {width: 95%; margin: 0 auto; float: none;} .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {float: none; text-align: center; display: inline;} .addthis_button_email, .addthis_button_print {text-align: center; display: inline-block;} .addthis_button_email img, .addthis_button_print img {display: inherit; text-align: center; float: none;margin-top: -10px;} .footer #block-block-8 .content .right {float: none; text-align: left; width: 100%; padding: 22px 0 0 0;} .footer #block-block-7, .footer #block-menu-menu-footer-menu {max-width: 100%;} .footer #block-menu-menu-footer-menu, .footer .nav {padding: 0; text-align: center;} .footer #block-menu-menu-footer-menu ul li {display: inline-block; width: auto; text-align: center; float: none; position: relative;} .footer .last-footer-wrapper .content .nav li a {display: inline-block; text-align: center;} .footer #block-block-7 .copy {padding-top: 0;} .footer-logo div {width: 100%; float: none; text-align: center;} /*Landing Pages*/ .left-right-wrapper .group-left {margin-bottom: 0;} .group-left .field-type-blockreference {padding-bottom: 40px; border-bottom: 0 none;} .left-right-wrapper .group-left .item-num-2 .bean-infograph.two_column {padding-right: 0;} .left-right-wrapper .group-right .field-name-field-image {float: none;} .group-right .bean-call-out {padding-bottom: 50px;} .left-right-wrapper .group-right .bean-call-out .field-name-field-image {float: left; width: 37%;} .left-right-wrapper .group-right .bean-call-out .field-name-field-image img {float: left; margin-right: 0; max-width: 100%; height: auto;} .group-right .bean-call-out .field-name-field-text-editor, .group-right .bean-call-out .field-name-field-link {width: 58%; float: right;} .group-right .bean-call-out .field-name-field-text-editor h3 {margin-top: 0; text-align: left;} .footer #block-block-8 .content .addthis_toolbox {width: 100%; float: none;} .group-right .bean-call-out .field-name-field-link .field-items .field-item {text-align: left;} /*Four Columns*/ .four-columns {width: 45.5%;} .bean-image-callout .field-type-image img {width: 100%;} .bean-image-callout .field-collection-container .field-items .field-item .field-name-field-link .field-items .field-item {min-height: 70px;} /*Info graphics*/ .bean-two-column-text .group-right img {width: 100%; max-width: 50%; height: auto;} /*Board of Directors*/ .field-name-field-board-members > .field-items {width: 514px; margin: 0 auto;} .field-name-field-board-members > .field-items > .field-item {width:138px; float:left; height:336px; margin-right: 45px;} .field-name-field-board-members > .field-items > .field-item.forth-one {margin-right: 45px;} .field-name-field-board-members > .field-items > .field-item.third-member {margin-right: 0;} .field-name-field-board-members img {width: 100%; height: auto;} .field-name-field-board-members > .field-items > .last_row > .field-item {width:138px; float:left; height:336px; margin-right: 45px;} .field-name-field-board-members > .field-items > .last_row > .field-item.first-one {margin-left: 90px;} /*Staff Bios*/ .page-node-307 .left-right-wrapper .width960 {padding: 0;} .not-front.page-node-307 .field-name-field-middle-ref > .field-items > .field-item {padding: 0 40px;} .left-right-wrapper .bean-staff-bios .group-left {width: 31.2%;} .left-right-wrapper .bean-staff-bios .group-left img {width: 100%; height: auto;} .left-right-wrapper .bean-staff-bios .group-right {width: 55%; float: right;} /*Funders*/ .page-node-7 .left-right-wrapper .width960 {padding: 0;} .page-node-7.node-type-landing-page .bean-two-column-text .group-right {padding: 0; border: 0 none;} .fullwidth-Title h4 {width: 100%; padding: 30px 40px;} .page-node-7 .bean-two-column-text .group-left {border: 0 none; width: 32%; margin: 42px 0 42px 20%; padding-right: 37px;} .page-node-7 .bean-two-column-text .group-right {width: 32%; padding-left: 25px; margin: 42px 0;} /*Image Divider*/ .bean-image-divider .img-div-text {padding: 25px 45px 25px 25px; width: 60%;} /*History Timeline*/ .page-node-6 .field-name-field-middle-top-ref > .field-items {max-width: 960px;} .page-node-6 .field-name-field-middle-top-ref .item-num-0 {padding-left: 40px; padding-right: 40px;} .view-history-about-us .item-list ul .views-row {width: 46.4%; margin-right: 45px;} .view-history-about-us .item-list ul .views-row:before {right: -35px;} .view-history-about-us .item-list ul .views-row.views-row-even:before {left: -30px;} /*Search*/ .page-search .main-container .center-wrapper {padding: 0 40px;} .page-search .main-container .panel-2col-stacked .panel-col-first.panel-panel {padding-bottom: 40px;} .page-search .main-container .panel-2col-stacked .panel-col-last.panel-panel {padding-top: 40px; border-top: 3px solid #ddd;} /* Blog */ .page-node-22 .field-name-field-lead-banner { padding: 50px 40px 22px 40px; } .page-node-22 .bean-call-out img {max-width: 100%; height: auto;} .page-node-22 .field-type-blockreference .field-name-field-image {width: 100%;float: left;} .blog .group-left .field-name-title, .blog .group-left .field-name-post-date, .blog .group-left .field-name-body, .blog .group-left .field-name-node-link, .page- node-22 .group-left .field-name-title, .page-node-22 .group-left .field-name-post-date, .page-node-22 .group-left .field-name-body, .page-node-22 .group-left .field-name-node-link {padding: 0 20px;} .page-blog-archive .row-fluid {padding: 0 40px;} .node-type-blog-content .panel-2col {padding: 0 40px;} .node-type-blog-content .panel-col-first .pane-block-9 {padding: 20px 20px; width: 100%; float: none;} .node-type-blog-content .pane-node-field-addthisshare {width: 100%; float: none; height: auto; padding:0 0 20px 20px; margin-right: 0;} .node-type-blog-content.panels-wrapper #main-content .group-header .field-type-blockreference {padding-left: 40px; padding-right: 40px;} /* Journals */ .articles .field-name-field-middle-top-ref .item-num-1, .page-node-348 .field-name-field-middle-top-ref .item-num-1, .page-node-348 .field-name-field-middle-top-ref .item-num-2 {padding: 0;} .journal-container {padding-left:40px; padding-right: 40px; } .journals_filter {margin: 0; padding: 0; width: 100%;height: 40px;} .journals_filter:after {content: "\e113";position: absolute;top: 9px;right: 10px;} .journals_filter.open {height: auto;} .journals_filter.open:after {content: "\e113";position: absolute;top: 9px;right: 10px;} .page-node-348 .field-name-field-middle-top-ref .item-num-1 {padding: 0;} /* Reports */ .inside .pane-reports-panel-pane-1 {padding-left: 40px; padding-right: 40px;} .inside .pane-views-exp-reports-panel-pane-1 h2 {padding-left: 40px; padding-right: 40px;right : 40px;} .inside .pane-bean-reports-accessing-publications {padding: 50px 40px;} .inside .pane-reports-panel-pane-1 .group-left {display: block;} .inside .pane-reports-panel-pane-1 .group-right {width: 83%;} .node-type-reports .panel-2col {padding: 0 40px;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content {max-height: 0; overflow: hidden; padding: 0 40px 0 40px; -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; transition: all 0.2s ;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content.show-filters {max-height: 100%; padding: 55px 40px 0 40px;} div.modal-forms-modal-content {width: 540px!important;} div.ctools-modal-content .modal-content {width: 500px!important;} /*Case Study*/ .view-case-study .ds-2col > .group-left {width: 45%;} .view-case-study .ds-2col > .group-right {width: 45%;} .node-type-case-study #main-content .panel-display.panel-2col {padding: 0 40px;} /*Opinion Pieces*/ .node-type-article.letters .panel-pane .pane-content {padding: 0 40px;} /*Press Releases*/ .press-releases .pane-press-release-panel-pane-1 .pane-content, .press-releases .row-bottom > .inside {padding: 50px 40px;} .press-releases .panel-2col-stacked .panel-col-first .field-name-body {width: 100%; border: 0 none; padding: 0 40px 0 40px; margin-bottom: 40px;} .press-releases .panel-2col-stacked .panel-col-first .field-name-body > .field-items {border-bottom: 3px solid #DDD; padding-bottom: 6px;} .press-releases .panel-2col-stacked .panel-col-first .field-name-field-related-press-releases-lin, .press-releases .panel-2col-stacked .panel-col-first .field-name-label-field {width: 100%; padding: 0 40px;} /*Donation Form*/ .page-node-643 .group-header .field-name-body {padding: 50px 40px 50px 40px;} /* Multimedia Library */ .bean-library-slider .item .content .group-left {width: 45%;} .bean-library-slider .item .content .group-left img {width: 100%; height: auto;} .bean-library-slider .item .content .group-right {width: 54%;} .page-node-338 .field-name-field-bottom-ref .field-item.odd .three-columns {margin-bottom: 64px;} .page-node-338 .field-name-field-bottom-ref .field-item .three-columns .bean-image-callout.three_column {width: 280px; height: auto; margin: 0 auto;} .item-num-0 .bean-multimedia-library .carousel-inner .pull-left a span{background: url(../images/video-play-btn-off.png) no-repeat center center; width:100%; height:100%; position:absolute; display:block; top:0;} .item-num-0 .bean-multimedia-library .carousel-inner .pull-left a span:hover {background: url(../images/video-play-button-on.png) no-repeat center center;} /* Assessment Test */ .icon.was-active {background: url('/sites/all/themes/casa/images/progress/test-breadcrumb-icon-check.png') no-repeat center top;} .page-node-138 #ajax_form_multistep_form.first-axaj form .step-nav {max-width: 100%; width: 16%;} .page-node-138 .step-nav {position: relative;} .page-node-138 .step-nav span.steparrows {display: none; padding: 0;} .page-node-138 .step-nav span.steparrow6 {display: inline-block; position:absolute; width:100%; height: 15px; background: transparent url(../images/test-breadcrumb-arrow.png) no-repeat center center; min-height:0; float:left; z-index: 0; visibility: visible; bottom: 40.5%; padding: 0;} .page-node-138 .step-nav span {padding: 0 0 6px 0; display: inline-block; width: 100%; height: 40px; max-width: 160px;} .sub-nav-wrap {max-width: 601px; margin: 0 auto;width: 100%;} .page-node-138 #ajax_form_multistep_form.first-axaj form > div {padding-left: 40px; padding-right: 40px;} .page-node-138 form .pro-bar {left: 60px; display: none;} .pro-arrow {display: none;} .page-node-138 .step-nav span.icon {padding: 0; margin-top: 4px;} .page-node-138 .step-nav span.greypro-bar {position:absolute; width:100%; height: 5px; background:#707070; min-height:0; display:inline-block; float:left; z-index: 0; visibility: visible; bottom: 45%; padding: 0;} .page-node-138 .step-nav span.greypro-bar.eachbar6 {right: 0;} /* Library Books */ .view-books .ds-2col > .group-left img {width: 100%; height: auto;} .view-books .ds-2col .field-name-field-purchase-link .field-items .field-item a {display: inline-block; width: 96%; font-size: 14px; padding: 11px 1%; text-align: center;} /* Map */ .map-wrapper, .page-node-832 .field-name-field-middle-top-ref .item-num-3 {display: block;} .page-node-832 .field-name-field-middle-top-ref .item-num-1 {display: none;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item {width: 27.9%;} .page-node-832 .field-name-field-middle-top-ref .item-num-0 > .block-bean, .page-node-832 .field-name-field-middle-top-ref .item-num-4, .page-node-832 .field-name-field-middle-top-ref .item-num-3 {padding: 0 40px;} /*Media Center*/ .page-node-344 .field-name-field-middle-top-ref .field-items .item-num-0 {padding-left: 40px; padding-right: 40px;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout {width: 100%; margin: 0 auto;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout > .field-items > .field-item {margin-right: 10%;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout > .field-items > .field-item.fourth-one {margin-right: 10%;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout > .field-items > .field-item{width: 40%;} .page-node-344 .field-type-blockreference .bean-image-callout .content .field-name-field-image-callout .field-name-field-link .field-items .field-item {width: 96%;} .panels-wrapper.newsroom .panels-flexible-row > .inside {padding: 0 40px;} /* Spokespeople */ .spokespeople .field-name-field-board-members > .field-items {width: 100%; padding: 0 40px;} .bean-board-members.spokespeople .group-right {width: 61%;} /* Media Contacts */ .media_contacts .field-name-field-board-members > .field-items {width: 100%;} .spokespeople .media_contacts .field-name-field-board-members > .field-items {padding: 0;} .newsroom .panel-col-bottom .pane-bean-marketing-contact {width: 210px; float: none; margin:0 auto; padding-top: 40px; padding-bottom: 40px;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0, .newsroom .panel-col-bottom .pane-bean-media-contacts {width: 100%;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2, .newsroom .panel-col-bottom .pane-bean-digital-contact, .newsroom .field-name-field-bottom-ref .block-title, .newsroom .row-bottom .pane-title, .press-releases .row-bottom .pane-title {width: 100%;} #block-bean-media-contacts .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row {width: 100%; float: left; padding: 0;} #block-bean-media-contacts .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row .last-row-item {width: 100%; float:left; padding: 0;} #block-bean-media-contacts .field-name-field-board-members > .field-items > .items-2 {width: 100%;} .newsroom .field-name-field-bottom-ref .bean-board-members .field-name-field-image img, .newsroom .row-bottom .view-mode-media-contacts img, .press-releases .row-bottom .view-mode-media-contacts img {max-width: 100%;} #block-bean-media-contacts .field-item {width: 100%; float: left;} .newsroom .panel-col-bottom .pane-bean-media-contacts {margin-left: auto!important; margin-right: auto!important; width: 210px;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 {width: 100%; margin-left: auto!important; margin-right: auto!important;} .newsroom .panel-col-bottom .pane-bean-media-contacts, .newsroom .panel-col-bottom .pane-bean-digital-contact {float: none; width: 210px; margin-left: auto!important; margin-right: auto!important;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 {padding: 0 40px;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 {margin-left: 0!important;} .newsroom .row-bottom .pane-title, .press-releases .row-bottom .pane-title {padding: 0 40px; text-align: center; } .newsroom .field-name-field-bottom-ref .block-title {width:100%; padding: 0;} .group-footer #block-bean-media-contacts .block-title {width: 100%!important;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1 {padding: 40px 40px; } .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1 {margin: 0 } .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 {padding: 0 40px;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 > .block-bean, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1 > .block-bean, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 > .block-bean {width: 210px; margin:0 auto;} .field-name-field-bottom-ref.field-type-blockreference .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row > .field-item, .newsroom row-bottom .pane-bean-media-contacts .field-items > .last_row > .field-item, .press-releases .row-bottom .pane-bean-media-contacts .field-items > .last_row > .field-item {width: 100%; margin: 0;} .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row {width:100%;} #block-bean-media-contacts .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row .last-row-item.first-one {margin-right: 0!important;} .newsroom .field-name-field-bottom-ref .bean-board-members .field-name-field-image {overflow: hidden;} .pull-left {width: 100%;} .press-releases .row-bottom .panels-flexible-region-1_main_3_bottom-col_1 {width: 220px; float: none!important; margin: 0 auto;} .press-releases .row-bottom .panels-flexible-region-1_main_3_bottom-col_2, .press-releases .row-bottom .panels-flexible-region-1_main_3_bottom-col_3 {width: 210px; float: none!important; margin: 0 auto;} .panels-wrapper.newsroom .row-bottom .panels-flexible-region-1_main_3_bottom-col_1 {width: 220px; margin-left: auto; margin-right: auto; float: none!important;} .panels-wrapper.newsroom .row-bottom .pane-bean-media-contacts {width: 100%; float: none; margin-left: 0;} .panels-wrapper.newsroom .row-bottom .panels-flexible-region-1_main_3_bottom-col_2 {width: 220px; margin-left: auto; margin-right: auto; float: none!important;} .panels-wrapper.newsroom .row-bottom .panels-flexible-region-1_main_3_bottom-col_3 {width: 220px; margin: 0 auto; float: none!important;} /* Multimedia Library */ .newsroom.page-node-450 .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 {padding: 0; float: none;} .page-node-450 .field-name-field-middle-top-ref > .field-items {padding:0 40px;} .bean-multimedia-library .items-2 .item .pull-left {width: 100%; max-width: 35%;} .bean-multimedia-library .items-2 .item img{width: 100%; height: auto;} .bean-multimedia-library .pull-left {margin-right: 50px;} .bean-fact-sheet .field-type-image > .field-items > .field-item {width: 195px; float: none!important; margin:0 auto; } .bean-fact-sheet .field-type-image > .field-items > .field-item.fourth-one {margin:0 auto;} /** Sitemap **/ .page-node-842 .bean-two-column-text .group-left,.page-node-842 .bean-two-column-text .group-right {width:45%; border: 0 none; margin: 0; padding: 0 30px;} .page-node-842 .bean-two-column-text .group-left h3 {margin-top:0;} .page-node-842 .bean-two-column-text .group-right .field-name-field-text-editor h3 {text-align: left; font-size: 30px;} .page-node-842 .bean-two-column-text .group-right p {padding-bottom: 16px;} } /***Small Tablet***/ @media all and (max-width: 960px) and (min-width: 901px) { /*History Timeline*/ .view-history-about-us .item-list ul .views-row.views-row-odd {margin-left: 6px;} } @media all and (max-width: 901px) and (min-width: 801px) { /*History Timeline*/ .view-history-about-us .item-list ul .views-row.views-row-odd {margin-left: 4px;} } @media all and (max-width: 800px) and (min-width: 768px) { /*History Timeline*/ .view-history-about-us .item-list ul .views-row.views-row-odd {margin-left: 1px;} } @media all and (max-width: 768px) and (min-width: 601px) { /*Slideshow*/ .main-container .carousel-indicators li {max-width: 133px; width: 24%; min-height:20px; padding: 19px 10px;} .carousel-indicators { width: 100%; left: 0; right: 0; max-width: 532px; margin: 0 auto;} .carrot-colors {max-width: 532px;} .carrot-colors .carrot, #carrotChange0 .carrot{position: absolute; max-width: 133px; width: 100%; height:21px;z-index: 99;left: 0%;} #carrotChange1 .carrot {background: transparent url(../images/arrow-changing.png) no-repeat center top; left: 24%;} #carrotChange2 .carrot {background: transparent url(../images/arrow-addiction.png) no-repeat center top; left: 47.5%;} #carrotChange3 .carrot {background: transparent url(../images/arrow-disease.png) no-repeat center top; left: 71%;} /*Four Columns*/ .four-columns {width: 44%;} .bean-image-callout .field-type-image img {width: 100%;} .bean-image-callout .field-collection-container .field-items .field-item .field-name-field-link .field-items .field-item {min-height: 70px;} /*History Timeline*/ .page-node-6 .field-name-field-middle-top-ref > .field-items {max-width: 960px;} .page-node-6 .field-name-field-middle-top-ref .item-num-0 {padding-left: 40px; padding-right: 40px;} .view-history-about-us .item-list ul .views-row {width: 45.4%; margin-right: 45px;} .view-history-about-us .item-list ul .views-row.views-row-odd {margin-left: 0;} .view-history-about-us .item-list ul .views-row:before {right: -35px;} .view-history-about-us .item-list ul .views-row.views-row-even:before {left: -30px;} /*Funders*/ .page-node-7 .left-right-wrapper .width960 {padding: 0;} .page-node-7.node-type-landing-page .bean-two-column-text .group-right {padding: 0; border: 0 none;} .fullwidth-Title h4 {width: 100%; padding: 30px 40px;} .page-node-7 .bean-two-column-text .group-left {border: 0 none; width: 35%; margin: 42px 0 42px 20%; padding-right: 47px;} .page-node-7 .bean-two-column-text .group-right {width: 35%; padding-left: 25px; margin: 42px 0;} /*Image Divider*/ .bean-image-divider .img-div-text {padding: 25px 45px 25px 25px; width: 70%;} /*Reports*/ .inside .pane-reports-panel-pane-1 .group-right {width: 80%;} /*Case Study*/ .view-case-study .ds-2col > .group-left {width: 44%;} .view-case-study .ds-2col > .group-right {width: 44%;} /* Map */ .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item {width: 26.2%;} .map-wrapper, .page-node-832 .field-name-field-middle-top-ref .item-num-3 {display: none;} .page-node-832 .field-name-field-middle-top-ref .item-num-1 {display: block; padding: 0 40px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item {width: 100%; padding-left: 40px; padding-right: 40px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item.even {margin: 0;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 {margin-top: -38px;} /* Spokespeople */ .spokespeople .field-name-field-board-members > .field-items {width: 100%; padding: 0 40px;} .bean-board-members.spokespeople .group-right {width: 58%;} } @media all and (max-width: 768px) and (min-width: 1px) { .field-name-field-lead-banner .slide-item-0 .field-collection-view .content .img-item-logo {display: none;} } @media all and (max-width: 550px) and (min-width: 100px) { .poll .text {margin-bottom: 8px;} } @media all and (max-width: 600px) and (min-width: 481px) { /*Slideshow*/ .main-container .carousel-indicators li {max-width: 133px; width: 24%; min-height:20px; padding: 19px 4px;} .carousel-indicators { width: 100%; left: 0; right: 0; max-width: 532px; margin: 0 auto;} .carrot-colors {max-width: 532px;} .carrot-colors .carrot, #carrotChange0 .carrot{position: absolute; max-width: 133px; width: 100%; height:21px;z-index: 99;left: 0%;} #carrotChange1 .carrot { left: 23.6%;} #carrotChange2 .carrot { left: 47.2%;} #carrotChange3 .carrot { left: 71.6%;} /*Four Columns*/ .four-columns {width: 42%;} .bean-image-callout .field-type-image img {width: 100%;} .bean-image-callout .field-collection-container .field-items .field-item .field-name-field-link .field-items .field-item {min-height: 70px;} /*Board of Directors*/ .field-name-field-board-members > .field-items {width: 100%; margin: 0 auto;} .field-name-field-board-members > .field-items > .field-item {width: 100%; float:none; height:auto; margin: 0 auto; padding-bottom: 40px;} .field-name-field-board-members > .field-items > .field-item.forth-one {margin: 0 auto;} .field-name-field-board-members > .field-items > .field-item.third-member {margin: 0 auto;} .field-name-field-board-members img {width: 100%; height: auto;} .field-name-field-board-members > .field-items > .items-2 {width: 100%;} .field-name-field-board-members > .field-items > .last_row > .field-item {width: 100%; float:none; height:auto; margin: 0 auto; padding-bottom: 40px;} .field-name-field-board-members > .field-items > .last_row > .field-item.first-one {margin: 0 auto;} /*Staff Bios*/ .page-node-307 .left-right-wrapper .width960 {padding: 0;} .not-front.page-node-307 .field-name-field-middle-ref > .field-items > .field-item {padding: 0 40px;} .left-right-wrapper .bean-staff-bios .group-left {width: 100%; margin: 0; float: none; padding-bottom: 22px;} .left-right-wrapper .bean-staff-bios .group-left img {width: 100%; height: auto;} .left-right-wrapper .bean-staff-bios .group-right {width: 100%; float: none; margin: 0; text-align: center;} .bean-staff-bios .red-btn {text-align: center; } /*Funders*/ .page-node-7 .left-right-wrapper .width960 {padding: 0;} .page-node-7.node-type-landing-page .bean-two-column-text .group-right {padding: 0; border: 0 none;} .fullwidth-Title h4 {width: 100%; padding: 30px 40px;} .page-node-7 .bean-two-column-text .group-left {border: 0 none; width: 35%; margin: 42px 0 42px 20%; padding-right: 47px;} .page-node-7 .bean-two-column-text .group-right {width: 35%; padding-left: 25px; margin: 42px 0;} /*History Timeline*/ .page-node-6 .field-name-field-middle-top-ref > .field-items {max-width: 960px;} .page-node-6 .field-name-field-middle-top-ref .item-num-0 {padding-left: 40px; padding-right: 40px;} .view-history-about-us .item-list ul .views-row {width: 100%; margin-right: 0;} .view-history-about-us .item-list ul .views-row.views-row-odd {margin-left: 0;} .view-history-about-us .item-list ul .views-row:before {right: -35px;} .view-history-about-us .item-list ul .views-row.views-row-even:before {left: -30px;} /*Info graphics*/ .bean-two-column-text .group-right img {width: 100%; max-width: 75%; height: auto;} /*Image Divider*/ .bean-image-divider .img-div-text {padding: 25px 45px 25px 25px; width: 89%;} /*Reports*/ .inside .pane-reports-panel-pane-1 .group-right {width: 73%;} /*Case Study*/ .view-case-study .ds-2col > .group-left {width: 100%; margin: 0;} .view-case-study .ds-2col > .group-right {width: 100%; margin: 0;} .view-case-study .ds-2col > .group-left img {padding-bottom: 22px; display: block; margin: 0 auto;} /* Multimedia Library */ .bean-library-slider .item .content .group-left {width: 100%;} .bean-library-slider .item .content .group-left img {width: 100%; height: auto;} .bean-library-slider .item .content .group-right {width: 100%; padding-left: 0;} /*Assessment Test*/ .page-node-138 #ajax_form_multistep_form.first-axaj form .step-nav {width: 15.4%;} .page-node-138 .step-nav span {height: 50px;} /* Library Books */ .view-books .ds-2col > .group-left, .view-books .ds-2col > .group-right {width: 100%;} .view-books .ds-2col > .group-right, .view-books .ds-2col > .group-left {padding-right: 40px; padding-left: 40px;} .view-books .ds-2col > .group-left img {width: 100%; height: 100%; max-width: 165px; max-height: 250px; display: block; margin: 0 auto;} .view-books .ds-2col .field-name-field-purchase-link .field-items .field-item {text-align: center; padding: 0 0 32px 0;} .view-books .ds-2col .field-name-field-purchase-link .field-items .field-item a {display: inline-block; width: 100%; font-size: 14px; padding: 11px 1%; text-align: center; max-width: 170px; margin: 0 auto;} /* Map */ .map-wrapper, .page-node-832 .field-name-field-middle-top-ref .item-num-3 {display: none;} .page-node-832 .field-name-field-middle-top-ref .item-num-1 {display: block; padding: 0 40px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item {width: 100%; padding-left: 40px; padding-right: 40px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item.even {margin: 0;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 {margin-top: -38px;} /* Spokespeople */ .spokespeople .field-name-field-board-members > .field-items {width: 100%; padding: 0 40px;} .bean-board-members.spokespeople .group-left {padding-bottom: 24px;} .bean-board-members.spokespeople .group-right,.bean-board-members.spokespeople .group-left {width: 100%; margin: 0;} } @media all and (max-width: 550px) and (min-width: 481px) { .carrot-colors .carrot, #carrotChange0 .carrot{position: absolute; max-width: 133px; width: 100%; height:21px;z-index: 99;left: 1%;} #carrotChange1 .carrot { left: 23%;} #carrotChange2 .carrot { left: 47%;} #carrotChange3 .carrot { left: 70%;} } /*** MOBILE ***/ @media screen and (max-width:530px){ .bean-drug-table .table thead th { font-size:20px; line-height:23px; } } @media all and (max-width: 480px) { .journals_filter, .page-node-333 .journals_filter {height: 40px;} .journals_filter, .page-node-333 .journals_filter.open {height: auto;} /*Global*/ .phone-only {display:block;} .mobile-visible {display:block;} .desktop-only {display:none;} .media_embed {width: 100%; height: auto;} .media_embed iframe {max-width: 440px; min-width: 200px; width: 100%; max-height: 326px; height: 245px;} .panel-2col .panel-col-first .pane-content > .ds-1col > .field-name-field-text-editor > .field-items .field-item {width: 100%; height: auto;} .panel-2col .panel-col-first .pane-content > .ds-1col > .field-name-field-text-editor > .field-items .field-item iframe {max-width: 440px; min-width: 200px; width: 100%; max-height: 326px; height: 245px;} h1 {font-size:34px; line-height: 38px; color:#27333a;} h2 {font-size:30px; line-height: 34px; color:#27333a;} h3 {font-size:27px; line-height: 32px; color:#27333a;} h4 {font-size:24px; line-height: 30px; color:#27333a;} h5 {font-size:16px; line-height: 22px; color:#27333a;} h6 {font-size:14px; line-height: 18px; color:#27333a;} .not-front .image-divider-item {height: 280px;} .bean-lead-banner .field-name-field-text-editor h1 {font-size: 29px; line-height: 35px;} /* Nav */ .navbar-inner {-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);} .page-header {padding:0;} .mm-closed {float:left; background: url(../images/menu-mobile-normal.png) no-repeat; height:43px; width:43px; margin: 10px 0 10px 10px;} html.open-nav .mm-closed {float:left; padding:16px 0; background: url(../images/menu-mobile-close.png) no-repeat; width:43px; height: 46px;} .casa-logo.mobile-visible {padding:10px 0;} .casa-logo a {background: url(../images/casa-logo-mobile.png) no-repeat center center; width:98px; height:44px; display:block;} .page-header .region-header {padding:18px 0;} .page-header .region-header p a {background:#c03039; border-radius: 24px; width:80px;} /*Homepage Slideshow*/ .field-name-field-lead-banner .field-collection-view .content .image-divider-item {height: 300px} .group-slider-wrapper {position:absolute; left: 12%; top: 12%;} .field-name-field-lead-banner .field-collection-view .content {position: relative;max-width: 100%;height: 300px;width: 100%;} .carousel-indicators {padding-left:15px; padding-right:15px; height: 104px; margin-top: -1px; background: #f1f1f1; max-height: 150px; width: 100%;} .indicatiors-width {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .carousel-control.left,.carousel-control.right {opacity:1; display: none;} .main-container .carousel-indicators li {max-width: 100%; width: 100%; min-height: 0; padding: 0; display: block;z-index: -1;opacity: 1;position: absolute;height: 124px;left: 0; -webkit-transition: all .10s ease-in left; transition: all .10s ease-in left; height: 100%; padding: 0; background: transparent; } .carousel-indicators .active {background: transparent; } .main-container .carousel-indicators li.active {height: 100%;opacity: 1;z-index: 9; left: 0; -webkit-transition: all .10s ease-out left; transition: all .10s ease-out left; } .main-container .mobile-pager {background: #fff; margin-top: 20px;} .main-container .carousel-indicators.mobile-list {background: #fff; height: 15px; width: 94px; padding: 0;} .main-container .carousel-indicators.mobile-list li {display: inline-block; width: 13px; height: 13px; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid #FFF; border-radius: 10px; position: relative; background: #c4c4c4; margin-left: 5px; margin-right: 5px;} .main-container .carousel-indicators.mobile-list li.active {background: #c03039;} .carousel-indicators .slider-tab-wrap {padding: 19px 20px; display: block; background: #37A73E; margin: 0 9%; overflow: hidden;opacity: 0.5;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .5s ease-in-out;} .main-container .carousel-indicators .active .slider-tab-wrap, .main-container #curr0.indicatiors-width .active .slider-tab-wrap {background: #005058; z-index: 10;opacity: 1;} .main-container #curr1.indicatiors-width .slider-tab-wrap {background: #37a73e; z-index: 11;} .main-container #curr2.indicatiors-width .slider-tab-wrap {background: #149bdf; z-index: 12;} .main-container #curr3.indicatiors-width .slider-tab-wrap {background: #be3037; z-index: 13;} .main-container .carousel-indicators li.active.activeColorG {color: #fff; z-index: 13;} .main-container .carousel-indicators li.active.activeColorB {color: #fff; z-index: 12;} .main-container .carousel-indicators li.active.activeColorR {color: #fff; z-index: 11;} .main-container .carousel-indicators li.active.activeColorO {color: #fff; z-index: 10;} .carousel-indicators .slider-inner-wrap {display: block; position: relative;min-width: 100px;max-width: 170px;width: 100%;margin: 0 auto;} .carousel-indicators li .slider-icons {float: left; margin-left: 0; display:block; width: 24%;text-align: center; padding-bottom: 10px; margin-right: 12px;} .carousel-indicators li .slider-icons .slider-tab {width: auto; max-width: 48px; height: 48px; margin: 0 auto; -webkit-transition:background-image 100ms ease-in; -moz-transition:none; -o-transition:none; transition:none} .carousel-indicators li .field-name-field-text {float: left; padding-left:0; width: 68%;} .carousel-indicators .activeColorG .slider-icons .slider-tab {background-image:url(../images/carousal-icon-mobile.png)!important;} .carousel-indicators .activeColorB .slider-icons .slider-tab {background-image:url(../images/Icon-mobile-buzz.png)!important;} .carousel-indicators .activeColorR .slider-icons .slider-tab {background-image:url(../images/Icon-mobile-changing.png)!important;} .carousel-indicators .activeColorO .slider-icons .slider-tab {background-image:url(../images/icon-mobile-prevention.png)!important;} .carousel-indicators .active.activeColorG .slider-icons .slider-tab {background-image:url(../images/carousal-icon-mobile.png)!important;} .carousel-indicators .active.activeColorB .slider-icons .slider-tab {background-image:url(../images/Icon-mobile-buzz.png)!important;} .carousel-indicators .active.activeColorR .slider-icons .slider-tab {background-image:url(../images/Icon-mobile-changing.png)!important;} .carousel-indicators .active.activeColorO .slider-icons .slider-tab {background-image:url(../images/icon-mobile-prevention.png)!important;} .carrot-colors {position: absolute;height: 21px; max-width:100%; width: 100%; bottom: 132px; left: 0;right: 0;margin: 0 auto;} .carrot-colors .carrot, #carrotChange0 .carrot{position: absolute; max-width: 100%; width: 100%; height:21px;z-index: 99;left: 0;} #carrotChange1 .carrot { left: 0;} #carrotChange2 .carrot {left: 0;} #carrotChange3 .carrot {left: 0;} .carousel-indicators .active {z-index: 9;} .carousel-indicators li h2 {color:#fff; font-size:22px; line-height:25px; text-align:left; font-family: MuseoSansCond-900, Sans-Serif; margin-top: 0; margin-bottom:0; text-transform:uppercase; width: 100%; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); z-index: 0;} .carousel-indicators .active.activeColorG h2{color: #fff; z-index: 10;} .carousel-indicators .active.activeColorB h2{color: #fff; z-index: 10;} .carousel-indicators .active.activeColorR h2{color: #fff; z-index: 10;} .carousel-indicators .active.activeColorO h2{color: #fff; z-index: 10;} .front .slide-item-3 .field-collection-view .content .field-group-format-wrapper p {margin-bottom: 0;} .front .slide-item-2 .field-collection-view .content .field-group-format-wrapper p {margin-bottom: 0;} .field-name-field-lead-banner .field-collection-view .content .field-group-format-wrapper { position: relative; max-width: 270px; } .field-name-field-lead-banner .slide-item-3 .field-collection-view .content .group-slider-wrapper .field-group-format-wrapper {max-width: 270px;} .group-slider-wrapper {position:absolute; left: 18%; top: 2.7%;} .slide-item-0 .group-slider-wrapper {top: 5%;} .slide-item-1 .group-slider-wrapper {right: 5%;} .slide-item-2 .group-slider-wrapper {left: 9%; top:15%;} .field-name-field-lead-banner .field-collection-view .content .field-group-format-wrapper {max-width: 340px;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .content .image-divider-item { background-position: 46% center;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .content .field-group-format-wrapper {max-width: 218px;} .field-name-field-lead-banner .slide-item-2 .field-collection-view .group-slider-wrapper.rightSideFloat {left: auto; right: 5px; top: 1%; } .field-name-field-lead-banner .slide-item-3 .field-collection-view .content .image-divider-item {background-position: 60% center;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .content .group-slider-wrapper .field-group-format-wrapper {max-width: 245px;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .group-slider-wrapper.rightSideFloat {right: 0%; top:0.1%; left: auto;} .field-name-field-lead-banner .slide-item-3 .field-collection-view .group-slider-wrapper.rightSideFloat p {max-width: 195px;} .slide-item-1 .group-slider-wrapper {top: 15%; } .group-slider-wrapper.rightSideFloat {top: 5%;} .group-slider-wrapper.rightSideFloat h1 {margin-top: 10px;} .group-slider-wrapper h2 {font-size: 22px; line-height: 28px;} .group-slider-wrapper h3 {font-size: 19px; line-height: 24px; margin-top: 5px; margin-bottom: 5px;} .bean-homepage-slider h1 { color: #FFF; text-transform: uppercase; display: block; position: relative; font-size: 26px; line-height: 32px; } .field-name-field-lead-banner .slide-item-0 .field-collection-view .content .img-item-logo:after {opacity: 0.2;} span.quote {display: none;} .bean-homepage-slider .slide-item-2 .field-name-field-link {padding:0;} .bean-homepage-slider .slide-item-2 h1 { margin-top:5px;} /* General CSS*/ .bean-lead-banner .field-name-field-text-editor h1 {text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.07);} .left-right-wrapper .width960 {padding: 0 20px;} .group-header .field-name-body {padding-left: 20px; padding-right: 20px;} .front .field-name-field-lead-banner.field-type-blockreference .item-num-1 {padding-top: 0px;} .front .field-name-field-lead-banner.field-type-blockreference {padding-bottom: 0;} .front .field-name-field-middle-top-ref > .field-items > .field-item {padding: 0 20px 40px; overflow: hidden;} .front .field-name-field-middle-top-ref > .field-items > .field-item.item-num-2 {padding-bottom: 0;} .front .bean-infograph .field-name-field-text-editor .field-item {text-align: center;} .front .field-name-field-bottom-ref.field-type-blockreference > .field-items {padding-left: 20px; padding-right: 20px;} .field-name-field-bottom-ref > .field-items > .field-item .bean-call-out {padding-bottom: 32px;} .field-name-field-bottom-ref > .field-items > .field-item.item-num-2 .bean-call-out {padding-bottom: 0;} .page-node-5 .field-type-blockreference.field-name-field-bottom-ref .three-columns {margin-bottom: 0;} .bean-lead-banner .field-name-field-text-editor {position:absolute; right: 60px; top: 15%; width: 45%;padding: 0 20px;} .page-node-5 .bean-lead-banner .field-name-field-text-editor, .page-node-219 .bean-lead-banner .field-name-field-text-editor {left: 0;} .bean-title-with-icon .field-type-image {max-width: 20%;} .bean-title-with-icon .field-name-field-text {width: 78%; float:left;padding-left: 12px;} .left-right-wrapper .group-left .field-type-blockreference .bean-title-with-icon .field-type-image img {max-width: 42px; width: 42px;} /* Image Dividers */ .bean-image-divider .image-divider-item {height:360px;} .bean-image-divider .image-divider .phone {display:block; max-width: 100%; width:100%; height:200px; background-size:cover; background-position: center center;} .bean-image-divider .image-divider .desktop, .bean-image-divider .image-divider .tablet {display:none;} .field-name-field-lead-banner .bean-image-divider .img-div-text h2.field-name-field-lead-banner .bean-image-divider .img-div-text h5, .field-name-field-lead-banner .bean-image-divider .img-div-text h3 {color: #be3037;} /* Two Columns */ .field-name-field-bottom-ref > .field-items > .field-item, .field-name-field-middle-ref > .field-items > .field-item { float: none; width: 100%; padding:0 20px;} .not-front .field-name-field-middle-top-ref .two-columns {width: 100%; padding-bottom: 22px;} /*Four Columns*/ .four-columns {width: 100%;} .bean-image-callout .field-type-image img {width: 100%;} .bean-image-callout .field-collection-container .field-items .field-item .field-name-field-link .field-items .field-item {min-height: 10px;} /* Footer */ .footer #block-block-8 .content .addthis_toolbox {width: 100%; float: none;text-align:center;} .footer .footer-wrapper .inner-wrap {padding:0 20px;} .footer #block-block-2 {width: 100%; margin: 0; padding: 32px 0; border-right: 0 none; border-bottom: 1px solid #C9C9C9;} .footer #block-block-2 div.content div:nth-child(2n) {width: 70%; margin: 0 auto;} .footer #youtube-link {padding-left: 0;} .footer .block-constant-contact {width: 100%; padding-left: 0; border-left: 0 none;} .footer .block-constant-contact .btn {margin-top: 8px;} .footer .block-constant-contact .form-control {width: 95%; margin: 0 auto; float: none;} .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {float: none; text-align: center; display: inline;} .addthis_button_email, .addthis_button_print {text-align: center; display: inline-block;} .addthis_button_email img, .addthis_button_print img {display: inherit; text-align: center; float: none;margin-top: -10px;} .footer #block-block-8 .content .right {float: none; text-align: left; width: 100%; padding: 22px 0 0 0;} .footer #block-block-7, .footer #block-menu-menu-footer-menu {max-width: 100%;} .footer #block-menu-menu-footer-menu, .footer .nav {padding: 0; text-align: center;} .footer #block-menu-menu-footer-menu ul li {display: inline-block; width: auto; text-align: center; float: none; position: relative;} .footer .last-footer-wrapper .content .nav li a {display: inline-block; text-align: center;} .footer #block-block-7 .copy {padding-top: 0;} .footer-logo div {width: 100%; float: none; text-align: center;} /*Landing Pages*/ .left-right-wrapper .group-right .bean-call-out .field-name-field-image img {float: none; margin: 0 auto; max-width: 100%; height: auto; display: block;} /* Fields */ .field-name-field-middle-top-ref .item-num-1 .field-name-field-text-editor, .field-name-field-middle-top-ref .item-num-2 .field-name-field-text-editor{padding: 0 20px;} .front .field-name-field-lead-banner.field-type-blockreference .item-num-1 .entity-bean{padding: 0 20px; text-align:center;} .not-front .field-name-field-lead-banner.field-type-blockreference .item-num-1 .entity-bean {padding: 0 20px;} .field-type-blockreference .three-columns .bean-call-out img {float: none; margin-right: 0px; width: 100%;height: auto;} .page-node-10 .left-right-wrapper .width960 {padding: 0;} .field-name-field-board-members > .field-items {width: 100%; margin: 0 auto;} .field-name-field-board-members > .field-items > .field-item {width: 100%; float:none; height:auto; margin: 0 auto; padding-bottom: 40px;} .field-name-field-board-members > .field-items > .field-item.forth-one {margin: 0 auto;} .field-name-field-board-members > .field-items > .field-item.third-member {margin: 0 auto;} .field-name-field-board-members img {width: 100%; height: auto;} .field-name-field-board-members > .field-items > .items-2 {width: 100%;} .field-name-field-board-members > .field-items > .last_row > .field-item {width: 100%; float:none; height:auto; margin: 0 auto; padding-bottom: 40px;} .field-name-field-board-members > .field-items > .last_row > .field-item.first-one {margin: 0 auto;} .view-case-study .ds-2col > .group-left {width: 100%; margin-right: 0;} .view-case-study .ds-2col > .group-right {width: 100%; margin-left: 0;} .two-bean-block.field-name-field-middle-top-ref > .field-items > .item-num-0 {padding: 0 20px;} .bean-two-column-text .group-right {padding: 0 20px;} .bean-image-divider .img-div-text {position: relative; width: 100%; padding: 32px 20px 0;} .bean-image-divider .img-div-text h4, .bean-image-divider .img-div-text h5, .bean-image-divider .img-div-text h2, .bean-image-divider .img-div-text h3 { color: #149bdf;} .left-right-wrapper .bean-staff-bios .group-right {text-align: center;} .view-calender-of-events .views-row {background: none; border: 0;} .view-calender-of-events .views-row.views-row-first.views-row-last {background: none; border: 0;} .view-calender-of-events .pull-left.col-left {width: 100%; padding: 0;} .view-calender-of-events .pull-left.col-rigth {width: 100%; padding: 0;} .node-type-landing-page .bean-two-column-text .group-right {padding: 40px 0; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd;} .field-name-field-middle-top-ref .item-num-1, .field-name-field-middle-top-ref .item-num-2 {padding: 0 20px; } .date-field {padding: 0 20px 22px 20px;} .bean-infograph img {display:block; margin:0 auto;} .field-type-blockreference .field-name-field-link .field-items .field-item a, .field-type-blockreference .red-btn a {padding: 11px 15px;} /* History Timeline */ .field-name-field-middle-top-ref .item-num-0 {padding: 0 20px;} .view-history-about-us .item-list ul .views-row {width: 100%;} .page-node-6 .field-name-field-middle-top-ref .item-num-0 {padding-left: 20px; padding-right: 20px;} .view-history-about-us .item-list ul .views-row {width: 100%; margin-right: 0;} .view-history-about-us .item-list ul .views-row.views-row-odd {margin-left: 0;} /* Landing Pages */ .content a, .pane-content a, .not-front .group-header a {word-wrap: break-word;} .left-right-wrapper .field.field-name-view-more-results p.red-btn a, .field-name-node-link .field-items .field-item > a {white-space: nowrap;} .page-node-338 .bean-lead-banner .field-name-field-text-editor, .page-node-290 .bean-lead-banner .field-name-field-text-editor, .page-node-344 .bean-lead-banner .field-name-field-text-editor, .page-node-643 .bean-lead-banner .field-name-field-text-editor { top: 22%;} .page-node-331 .bean-lead-banner .field-name-field-text-editor {top:12%;} .not-front.page-node-338 .image-divider-item, .not-front.page-node-290 .image-divider-item, .not-front.page-node-331 .image-divider-item, .not-front.page-node-344 .image-divider-item, .not-front.page-node-643 .image-divider-item {height: 200px;} .page-node-338 .bean-lead-banner .field-name-field-text-editor h1, .page-node-290 .bean-lead-banner .field-name-field-text-editor h1, .page-node-331 .bean-lead-banner .field-name-field-text-editor h1, .page-node-344 .bean-lead-banner .field-name-field-text-editor h1, .page-node-643 .bean-lead-banner .field-name-field-text-editor h1 {font-size: 40px;} .group-header .field-name-body {width: 100%; padding: 21px 20px 35px 20px;} .group-header .group-right .field-name-body {padding-left: 0; padding-right: 0;} .bean-staff-bios .red-btn {text-align: center;} /*Staff Bios*/ .page-node-307 .left-right-wrapper .width960 {padding: 0;} .not-front.page-node-307 .field-name-field-middle-ref > .field-items > .field-item {padding: 0 40px;} .left-right-wrapper .bean-staff-bios .group-left {width: 100%; margin: 0; float: none; padding-bottom: 22px;} .left-right-wrapper .bean-staff-bios .group-left img {width: 100%; height: auto;} .left-right-wrapper .bean-staff-bios .group-right {width: 100%; float: none; margin: 0;} /*Funders*/ .page-node-7 .field-name-field-middle-ref > .field-items > .field-item {padding: 0;} .page-node-7 .left-right-wrapper .width960 {padding: 0;} .page-node-7.node-type-landing-page .bean-two-column-text .group-right {padding: 0; border: 0 none;} .fullwidth-Title h4 {width: 100%; padding: 30px 40px;} .page-node-7 .bean-two-column-text .group-left {border: 0 none; width: 35%; margin: 42px 0 42px 10%; padding-right: 20px;} .page-node-7 .bean-two-column-text .group-right {width: 35%; padding-left: 20px; margin: 42px 0 42px 10%;} /*Search*/ .page-search .main-container .center-wrapper {padding: 0 20px;} .page-search .main-container .panel-2col-stacked .panel-col-first.panel-panel {padding-bottom: 40px;} .page-search .main-container .panel-2col-stacked .panel-col-last.panel-panel {padding-top: 40px; border-top: 3px solid #ddd;} .page-search .main-container .panel-2col-stacked .panel-col-first.panel-panel .pull-right .total-rows {display: block; text-align: right; padding-right: 0;} .page-search .main-container .panel-2col-stacked .panel-col-first.panel-panel .pull-right .perpage {border: 0 none;} /* Blog */ .page-node-22 .field-name-field-lead-banner { padding: 50px 20px 22px 20px; } .page-node-22 .bean-call-out img {max-width: 100%; height: auto;} .page-blog-archive .row-fluid {padding: 0 20px;} .node-type-blog-content .panel-2col {padding: 0 20px;} .node-type-blog-content .panel-col-first .pane-block-9 {padding: 20px 20px; width: 100%; float: none;} .node-type-blog-content .pane-node-field-addthisshare {width: 100%; float: none; height: auto; padding:0 0 20px 20px; margin-right: 0;} .node-type-blog-content.panels-wrapper #main-content .group-header .field-type-blockreference {padding-left: 20px; padding-right: 20px;} .node-type-blog-content.panels-wrapper #main-content .group-header .field-type-blockreference img {width: 100%; height: auto;} /* Journals */ .articles .field-name-field-middle-top-ref .item-num-1 {padding: 0;} .journal-container {padding-left:20px; padding-right: 20px; } .journals_filter, .page-node-348 .journals_filter {margin: 0; padding: 0;width: 100%;} .page-node-348 .field-name-field-middle-top-ref .item-num-1 {padding: 0;} .journals-container-wrap .journal-title .width960 {text-align: center; padding: 28px 20px 24px 20px;} /* Reports */ .inside .pane-reports-panel-pane-1 {padding-left: 20px; padding-right: 20px;} .inside .pane-views-exp-reports-panel-pane-1 h2 {padding-left: 20px; padding-right: 40px; right: 20px;} .inside .pane-bean-reports-accessing-publications {padding: 50px 20px;} .inside .pane-reports-panel-pane-1 .group-left {display: none;} .inside .pane-reports-panel-pane-1 .group-right {width: 100%;} .node-type-reports .panel-2col {padding: 0 20px;} .panel-2col .panel-col-first .field-type-file .field-items div .btn {font-size: 15px; padding: 8px 14px;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content {max-height: 0; overflow: hidden; padding: 0 20px 0 20px; -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; transition: all 0.2s ;} .inside .pane-views-exp-reports-panel-pane-1 .pane-content.show-filters {max-height: 100%; padding: 55px 20px 0 20px;} #modalContent {left: 0!important;} div.modal-forms-modal-content {width: 100%!important; padding-left: 20px; padding-right: 20px;} div.ctools-modal-content .modal-content {width: 100%!important; padding: 0 20px 22px 20px;} div.modal-forms-modal-content .modal-title {padding: 55px 12px 0 20px; width: 80%;} div.ctools-modal-content .modal-content .checkbox {margin-bottom:16px;} /*Case Study*/ .view-case-study .ds-2col > .group-left {width: 100%; margin: 0;} .view-case-study .ds-2col > .group-right {width: 100%; margin: 0;} .view-case-study .ds-2col > .group-left img {padding-bottom: 22px; display: block; margin: 0 auto;} .node-type-case-study #main-content .panel-display.panel-2col {padding: 0 20px;} /*Press Releases*/ .press-releases .pane-press-release-panel-pane-1 .pane-content, .press-releases .row-bottom > .inside {padding: 50px 20px;} .press-releases .panel-2col-stacked .panel-col-first .field-name-body {width: 100%; border: 0 none; padding: 0 20px 0 20px; margin-bottom: 40px;} .press-releases .panel-2col-stacked .panel-col-first .field-name-body > .field-items {border-bottom: 3px solid #DDD; padding-bottom: 6px;} .press-releases .panel-2col-stacked .panel-col-first .field-name-field-related-press-releases-lin, .press-releases .panel-2col-stacked .panel-col-first .field-name-label-field {width: 100%; padding: 0 20px;} /*Opinion Pieces*/ .node-type-article.letters .panel-pane .pane-content {padding: 0 20px;} /* Drug Tables */ .bean-drug-table .table thead th {font-size: 20px; line-height: 23px; } .bean-drug-table .table tbody tr .tdclass-0,.bean-table .table tbody tr .tdclass-0 {font-size: 14px; line-height: 18px;} .bean-drug-table .table tbody tr td,.bean-table .table tbody tr td {font-size: 14px; line-height: 26px;} /*Donation Form*/ .page-node-643 .field-name-field-middle-ref > .field-items > .field-item {padding: 0;} .page-node-643 .form-radios {width: 100%;} .page-node-643 .group-left #webform-component-donation-information--donation-amount-other input {width: 140px; margin-left: 0;} .page-node-643 .group-header .field-name-body {padding: 50px 20px 50px 20px;} /* Multimedia Library */ .bean-library-slider .item .content .group-left {width: 100%;} .bean-library-slider .item .content .group-left img {width: 100%; height: auto;} .bean-library-slider .item .content .group-right {width: 100%; padding-left: 0;} .main-container .bean-library-slider .carousel-indicators {height: auto; left: 0;} .main-container .bean-library-slider .carousel-indicators li {position: relative; z-index: 1;} .main-container .bean-library-slider .carousel-indicators .active {height: 13px;} .bean-library-slider .item .content {padding: 0 40px 0 0;} .bean-library-slider .carousel-control.left {display: none;} .bean-library-slider .carousel-control.right {display: block;} .bean-library-slider .carousel-control.right .icon-next {background: url(../images/findings-arrow.png) no-repeat right center; top: 45%;} .bean-library-slider .carousel-control.right .icon-next:hover {background: url(../images/findings-arrow.png) no-repeat right center;} .page-node-338 .field-name-field-bottom-ref .field-item.odd .three-columns, .page-node-338 .field-name-field-bottom-ref .field-item.item-num-0 .three-columns {margin-bottom: 50px;} .page-node-338 .field-name-field-bottom-ref .field-item .three-columns .bean-image-callout.three_column {width: 240px; height: auto; margin: 0 auto;} /* Assessment Test */ .icon.was-active {background: url('/sites/all/themes/casa/images/progress/test-breadcrumb-icon-check.png') no-repeat center top;} .page-node-138 #ajax_form_multistep_form.first-axaj form .step-nav {max-width: 100%; width: 15.5%;} .page-node-138 .step-nav {position: relative;} .page-node-138 .step-nav span.steparrows {display: none; padding: 0;} .page-node-138 .step-nav span.steparrow6 {display: inline-block; position:absolute; width:100%; height: 15px; background: transparent url(../images/test-breadcrumb-arrow.png) no-repeat center center; min-height:0; float:left; z-index: 0; visibility: visible; bottom: 42.5%; padding: 0;} .page-node-138 .step-nav span {padding: 0 0 6px 0; display: inline-block; width: 100%; height: 50px; max-width: 160px;} .sub-nav-wrap {max-width: 601px; margin: 0 auto;width: 100%;} .page-node-138 #ajax_form_multistep_form.first-axaj form > div {padding-left: 40px; padding-right: 40px;} .page-node-138 form .pro-bar {left: 60px; display: none;} .pro-arrow {display: none;} .page-node-138 .step-nav span.icon {padding: 0;} .page-node-138 .step-nav span.greypro-bar {position:absolute; width:100%; height: 5px; background:#707070; min-height:0; display:inline-block; float:left; z-index: 0; visibility: visible; bottom: 46%; padding: 0;} .page-node-138 .step-nav span.greypro-bar.eachbar6 {right: 0;} .btn-wrapper .form-wrapper {position: relative; height: 90px;} .btn-wrapper .form-wrapper button.btn.btn-default[value=Back] {position: absolute; bottom: 0;} .btn-wrapper .form-wrapper button.btn.btn-default[value=Next] {float: left; position: absolute; top: 0;} .page-node-138 form > div > .form-type-item label {padding: 40px 20px 20px;} .page-node-138 form .msg-wrapper {padding: 35px 20px 0;} /* Library Books */ .view-books .ds-2col > .group-left img {width: 100%; height: auto;} .view-books .ds-2col .field-name-field-purchase-link .field-items .field-item a {display: inline-block; width: 100%; font-size: 14px; padding: 11px 4%; text-align: center;} /* Library Books */ .view-books .ds-2col > .group-left, .view-books .ds-2col > .group-right {width: 100%;} .view-books .ds-2col > .group-right, .view-books .ds-2col > .group-left {padding-right: 40px; padding-left: 40px;} .view-books .ds-2col > .group-left img {width: 100%; height: 100%; max-width: 165px; max-height: 250px; display: block; margin: 0 auto;} .view-books .ds-2col .field-name-field-purchase-link .field-items .field-item {text-align: center; padding: 0 0 32px 0;} .view-books .ds-2col .field-name-field-purchase-link .field-items .field-item a {display: inline-block; width: 100%; font-size: 14px; padding: 11px 1%; text-align: center; max-width: 170px; margin: 0 auto;} /* Map */ .page-node-832 .field-name-field-middle-top-ref .item-num-0 > .block-bean, .page-node-832 .field-name-field-middle-top-ref .item-num-4 {padding: 0 20px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item {width: 100%; padding-left: 40px; padding-right: 40px; padding-bottom: 22px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item.even {margin: 0;} .map-wrapper, .page-node-832 .field-name-field-middle-top-ref .item-num-3 {display: none;} .page-node-832 .field-name-field-middle-top-ref .item-num-1 {display: block; padding: 0 20px;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 .bean-title-with-icon .field-name-field-title-with-icon > .field-items > .field-item.even {margin: 0;} .page-node-832 .field-name-field-middle-top-ref .item-num-2 {margin-top: -38px;} /*Media Center*/ .page-node-344 .field-name-field-middle-top-ref .field-items .item-num-0 {padding-left: 20px; padding-right: 20px;} .page-node-344 .field-name-field-middle-top-ref .field-items > .field-item {overflow: hidden;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout {width: 100%; margin: 0 auto;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout > .field-items > .field-item {margin-right: 0;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout > .field-items > .field-item.fourth-one {margin-right: 0;} .page-node-344 .field-name-field-middle-ref .bean-image-callout .field-name-field-image-callout > .field-items > .field-item{width: 100%;} .page-node-344 .field-type-blockreference .bean-image-callout .content .field-name-field-image-callout .field-name-field-link .field-items .field-item {width: 96%;} .page-node-344 .field-name-field-middle-top-ref .item-num-2 .field-name-field-text-editor,.page-node-344 .field-name-field-middle-top-ref .item-num-1 .field-name-field-text-editor,.page-node-344 .field-name-field-middle-ref > .field-items > .field-item {padding: 0;} .panels-wrapper.newsroom .panels-flexible-row > .inside {padding: 0 20px;} /* Spokespeople */ .spokespeople .field-name-field-board-members > .field-items {width: 100%; padding: 0 40px;} .bean-board-members.spokespeople .group-left {padding-bottom: 24px;} .bean-board-members.spokespeople .group-right,.bean-board-members.spokespeople .group-left {width: 100%; margin: 0;} /* Media Contacts */ .media_contacts .field-name-field-board-members > .field-items {width: 100%;} .spokespeople .media_contacts .field-name-field-board-members > .field-items {padding: 0;} .newsroom .panel-col-bottom .pane-bean-media-contacts, .newsroom .panel-col-bottom .pane-bean-marketing-contact, .newsroom .panel-col-bottom .pane-bean-digital-contact {margin: 0 auto; float: none; width: 220px; margin-left: auto!important; margin-right: auto!important;} .newsroom .field-name-field-board-members > .field-items > .last_row > .field-item.first-one, .press-releases .field-name-field-board-members > .field-items > .last_row > .field-item.first-one, .newsroom .field-name-field-board-members > .field-items > .last_row > .field-item.second-one, .press-releases .field-name-field-board-members > .field-items > .last_row > .field-item.second-one {margin:0;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 {width: 100%;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2, .newsroom .field-name-field-bottom-ref .block-title, .newsroom .row-bottom .pane-title, .press-releases .row-bottom .pane-title {width: 100%;} #block-bean-media-contacts .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row {width: 100%; float: left; padding: 0;} #block-bean-media-contacts .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row .last-row-item {width: 100%; float:left; padding: 0;} #block-bean-media-contacts .field-name-field-board-members > .field-items > .items-2 {width: 100%;} .newsroom .field-name-field-bottom-ref .bean-board-members .field-name-field-image img, .newsroom .row-bottom .view-mode-media-contacts img, .press-releases .row-bottom .view-mode-media-contacts img {max-width: 100%;} #block-bean-media-contacts .field-item {width: 100%; float: left;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 {margin-left: auto!important; margin-right: auto!important;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 {margin-left: 0!important;} .newsroom .row-bottom .pane-title, .press-releases .row-bottom .pane-title {padding: 0 40px; text-align: center; } .newsroom .field-name-field-bottom-ref .block-title {width:100%; padding: 0;} .group-footer #block-bean-media-contacts .block-title {width: 100%!important;} .group-footer .field-name-field-bottom-ref > .field-items .item-num-1 {padding: 40px 20px; } .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1 {margin: 0;} .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 > .block-bean, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-1 > .block-bean, .newsroom .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 > .block-bean {width: 220px; margin: 0 auto;} .group-footer .field-name-field-bottom-ref > .field-items .item-num-2 {padding: 0 20px;} .field-name-field-bottom-ref.field-type-blockreference .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row > .field-item, .newsroom row-bottom .pane-bean-media-contacts .field-items > .last_row > .field-item, .press-releases .row-bottom .pane-bean-media-contacts .field-items > .last_row > .field-item {width: 100%; margin: 0;} .field-name-field-bottom-ref.field-type-blockreference .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row > .field-item {padding: 0;} .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row {width:100%;} #block-bean-media-contacts .bean-board-members.media_contacts .field-name-field-board-members > .field-items > .last_row .last-row-item.first-one {margin-right: 40px!important;} .newsroom .field-name-field-bottom-ref .bean-board-members .field-name-field-image {overflow: hidden;} .pull-left {width: 100%;} .press-releases .row-bottom .panels-flexible-region-1_main_3_bottom-col_1 {width: 220px; float: none!important; margin: 0 auto;} .press-releases .row-bottom .panels-flexible-region-1_main_3_bottom-col_2, .press-releases .row-bottom .panels-flexible-region-1_main_3_bottom-col_3 {width: 210px; float: none!important; margin: 0 auto;} .panels-wrapper.newsroom .row-bottom .panels-flexible-region-1_main_3_bottom-col_1 {width: 220px; margin-left: auto; margin-right: auto; float: none!important;} .panels-wrapper.newsroom .row-bottom .pane-bean-media-contacts {width: 100%; float: none; margin-left: 0;} .panels-wrapper.newsroom .row-bottom .panels-flexible-region-1_main_3_bottom-col_2 {width: 220px; margin-left: auto; margin-right: auto; float: none!important;} .panels-wrapper.newsroom .row-bottom .panels-flexible-region-1_main_3_bottom-col_3 {width: 220px; margin: 0 auto; float: none!important;} /* Multimedia Library */ .newsroom.page-node-450 .group-footer .field-name-field-bottom-ref > .field-items .item-num-0 {padding: 0; float: none;} .page-node-450 .field-name-field-middle-top-ref > .field-items {padding:0 20px;} .bean-multimedia-library .items-2 .item .pull-left {width: 100%; max-width: 100%;} .bean-multimedia-library .items-2 .item img{width: 100%; height: auto;} .bean-multimedia-library .pull-left {margin-right: 50px;} .bean-fact-sheet .field-type-image > .field-items > .field-item {width: 195px; float: none!important; margin:0 auto; } .bean-fact-sheet .field-type-image > .field-items > .field-item.fourth-one {margin:0 auto;} .page-node-450 .field-name-field-middle-top-ref .item-num-0 .entity-bean {text-align: left;} .bean-multimedia-library .carousel-inner .item {margin-left: 0;} .item-num-0 .bean-multimedia-library .carousel-inner .pull-left a span {width: 86%;} .bean-multimedia-library .pull-left {margin-right: 0;} .page-node-450 .carousel-control.right {display: block;} .bean-multimedia-library .carousel-control.right .icon-next {background: transparent url(../images/findings-arrow.png) no-repeat right center;} .bean-multimedia-library .carousel-control.right .icon-next:hover {background: transparent url(../images/findings-arrow.png) no-repeat right center;} /** Sitemap **/ .page-node-842 .bean-two-column-text .group-left,.page-node-842 .bean-two-column-text .group-right {width:100%; border: 0 none; margin: 0; padding: 0 0px;} .page-node-842 .bean-two-column-text .group-left h3 {margin-top:0;} .page-node-842 .bean-two-column-text .group-right .field-name-field-text-editor h3 {text-align: left; font-size: 30px;} .page-node-842 .bean-two-column-text .group-right p {padding-bottom: 16px;} /**Poll**/ .poll .text {margin-bottom: 8px;} .percent {margin-left: 0;} .tag-wrapper {float: none; clear: both;margin-left: 0px;} .page-node-22 .group-left .views-row .node-poll .tag-wrapper .field-name-title {padding-left: 0; margin-top: 10px; } .field-name-field-tag-icon {margin-top: 10px;} .page-node-22 .group-left .field-name-post-date {float: none; padding-left: 0px; margin-bottom: 10px; } .node-type-poll .panel-2col .panel-col-first .field-name-post-date {float: none; margin-right: 0; position: relative; z-index: 2;} .node-type-poll .panel-2col .panel-col-first .field-name-field-tag {float: none;position: relative; z-index: 2;} .node-type-poll .panel-2col .panel-col-first .field-name-field-tag-icon,.node-type-poll .panel-2col .panel-col-first .field-name-field-tag .field-name-title {float: left; font-size: 14px; line-height: 18px; clear: none; margin-top: 10px;} .node-type-poll .node-poll .field.field-name-disqus-comment-count.field-type-ds.field-label-hidden {margin-top: 10px;} .node-type-poll .node-poll .field.field-name-disqus-comment-count.field-type-ds.field-label-hidden .comment-wrapper {margin-left: -25px;} } /***Small Mobile***/ @media all and (max-width: 535px) and (min-width: 481px) { .main-container .carousel-indicators li {max-height: 147px; min-height: 147px;} } @media all and (max-width: 450px) { /*Pagination*/ .main-container .pagination {min-width: 100%; position: relative;} .main-container .pagination > .prev > a{width: 100%; text-align: left; position: absolute; margin: 0;} .main-container .pagination > .next > a{position: absolute; right: 0; margin: 0;} .main-container .pagination > .prev > a {padding-bottom: 24px; text-align: left;} .main-container .pagination .second-pager a {margin-left: 30%;} .main-container .pagination .pager-ellipsis.second-pager span {margin-left: 22%;} .pagination>li>a, .pagination>li>span {margin-top: 50px;} } @media all and (max-width: 390px) { /*Pagination*/ .main-container .pagination {min-width: 100%; position: relative;} .main-container .pagination > .prev > a{width: 100%; text-align: left;} .main-container .pagination > .next > a{position: absolute; right: 0;} .main-container .pagination > .prev > a {padding-bottom: 24px; text-align: left;} .main-container .pagination .second-pager a {margin-left: 18%;} .main-container .pagination .pager-ellipsis.second-pager span {margin-left: 7%;} .slide-item-1 .group-slider-wrapper {right: 0; left: 4%;} } #mobile-nav .mobile-width nav ul:last-child > li > a { padding-left: 10px; font-family: MuseoSansCond-500, Sans-Serif; color: #f4f3ef; font-size: 16px; text-transform: uppercase; line-height: 26px; border: none; background-color: transparent; } #mobile-nav .mobile-width nav ul > li > .dropdown-menu ul.dropdown-menu-wrap li a { color: #000000; } @media screen and (max-width: 960px) { #block-mymodule-letters-filter ul.journals_filter { max-width: 960px; width: 100%; height: auto; border: 0; background: transparent; float: none; } #block-mymodule-letters-filter ul.journals_filter li { float: none; display: inline-block; margin-right: 40px; vertical-align: top; width: 100px; border: 0; } #block-mymodule-letters-filter ul.journals_filter li:last-child { margin-right: 0; } #block-mymodule-letters-filter ul.journals_filter li:hover { border-left: 0; } #block-mymodule-letters-filter ul.journals_filter li a { padding-top: 60px; min-height: 55px; padding-left: 0; display: inline-table; text-align: center; } #block-mymodule-letters-filter ul.journals_filter li.filter-letters a {display: block; background: transparent url(../images/letters-icon-off.png) no-repeat center top;} #block-mymodule-letters-filter ul.journals_filter li.filter-letters a:hover {display: block; background: transparent url(../images/letters-icon-on.png) no-repeat center top;} #block-mymodule-letters-filter ul.journals_filter li.filter-op-eds a {display: block; background: transparent url(../images/op-eds-icon-off.png) no-repeat center top;} #block-mymodule-letters-filter ul.journals_filter li.filter-op-eds a:hover {display: block; background: transparent url(../images/op-eds-icon-on.png) no-repeat center top;} #block-mymodule-letters-filter ul.journals_filter li.filter-quotes a {display: block; background: transparent url(../images/quotes-icon-off.png) no-repeat center top;} #block-mymodule-letters-filter ul.journals_filter li.filter-quotes a:hover {display: block; background: transparent url(../images/quotes-icon-on.png) no-repeat center top;} #block-mymodule-news-filter ul.journals_filter { float: none; border: 0; background: #fff; padding: 8px; margin: auto; margin-bottom: 25px; text-align: center; width: auto; height: 62px; } #block-mymodule-news-filter ul.journals_filter:after { display: none; } #block-mymodule-news-filter ul.journals_filter li { background: transparent; border: 0; height: 46px; width: 210px; border-left: 3px solid #ffffff; display: inline-block; } #block-mymodule-news-filter ul.journals_filter li:hover { border-left: 3px solid #ffffff; background: #fafafa; } #block-mymodule-news-filter ul.journals_filter li:first-child { border-left: 3px solid #ffffff; } #block-mymodule-news-filter ul.journals_filter li a { background: url(../images/news-button.png) no-repeat left top; width: 207px; padding: 16px 0 12px 85px; margin-bottom: 5px; } } @media screen and (max-width: 480px) { #block-mymodule-letters-filter ul.journals_filter li { margin-right: 0; } } @media all and (max-width: 960px) and (min-width: 561px) { .footer #block-block-2 {width: 50%;margin: auto;padding: 32px 0;} .footer #block-block-2 div.content div:nth-child(2n) {width: 70%; margin: 0 auto;} #node-886 {width: 50%;padding: 32px 15px;} #node-886 .webform-component-cc_email input.form-control {width: 100%;} #node-886 .btn-primary {width: 100%;margin: 0;margin-top: 10px;} }