/*and here we go again, testing pantheon */ @import url("https://use.typekit.net/maa1xik.css"); html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } body:before { /* background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); */ content: ""; display: inline-block; height: 100%; left: 0; margin: 0 auto; max-width: 68em; opacity: 0.4; pointer-events: none; position: fixed; right: 0; width: 100%; z-index: -1; } @media screen and (min-width: 20em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); } */ } @media screen and (min-width: 45em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); } */ } @media screen and (min-width: 60em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); } */ } body { margin: 0; font-size: 16px; /* font-size: 18px; */ line-height: 1.5em; font-family: proxima-nova, Verdana, Geneva, sans-serif; letter-spacing: 0.03em; background-color: #fff; color:#333; } a:link, a:visited { color: #ab0520; text-decoration: none; font-weight: 500; } a:hover, a:active { color: #000; text-decoration: underline; } #site-name { font-size: 2.2em; line-height: 1.3em; font-weight: 300; padding: 0 0 0.5em; margin: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.3em; color: #49595E; font-weight: 400; } h1 { font-size: 2.2em; padding: 0 0 0.5em; margin: 0; } h1.title { padding: 0.5em 0 0.5em; margin: 0; } h2 { font-size: 1.8em; margin-bottom: 0.75em; } #content-area h2{ /* font-size: 1.3em; */ font-size: 1.6em; } h3 { font-size: 1.4em; margin-bottom: 1em; font-weight: 500; } h4 { font-size: 1.2em; margin-bottom: 0.8em; font-weight: 500; } h5 { font-size: 1.1em; margin-bottom: 0; font-weight: 500; } h6 { font-size: 1em; font-weight: bold; } p { color: #333; font-size: 1em; font-family: proxima-nova,Verdana,Geneva,sans-serif; font-weight: normal; line-height: 1.8em; margin: 0 0 1em 0; } ul, ol { display: block; list-style: disc outside none; margin: 1em 0; padding: 0 0 0 40px; } h4 a:link, h5 a:link, h3 a:link, h2 a:link, h1 a:link, h4 a:active, h5 a:active, h3 a:active, h2 a:active, h1 a:active, h4 a:visited, h5 a:visited, h3 a:visited, h2 a:visited, h1 a:visited { color: #0C234B; text-decoration: none; } table { width: 100%; } tr.even td, tr.odd td { padding: 10px 5px; } tr.odd { background-color: white; } pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; } pre { background-color: #efefef; display: block; padding: 5px; margin: 5px 0; border: 1px solid #aaaaaa; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ul ul ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: decimal; } abbr { border-bottom: 1px dotted #666666; cursor: help; white-space: nowrap; } img { max-width: 100%; height: auto; vertical-align: top; } .ccHead h1{ margin: 0 0 0 0; padding: 0 0 0 0; /* line-height: 0px; */ } .ccHead h1 img{ max-height: 56px; width: auto; /*vertical-align: top;*/ margin: 10px 0 7px 0; } #edit-title { font-size: 24px; width: 99%; } #system-themes-form img { width: 100px; } .form-item .description { font-style: italic; line-height: 1.2em; font-size: 0.8em; margin-top: 5px; color: #777777; } #edit-delete { color: #cc0000; } div.messages { padding: 9px; margin: 1em 0; color: #003366; background: #bbddff; border: 1px solid #aaccee; word-wrap: break-word; } div.warning { color: #884400; background: #ffee66; border-color: #eedd55; } div.error { color: white; background: #ee6633; border-color: #dd5522; } div.status { color: #336600; background: #ccff88; border-color: #bbee77; } #header, #footer, #sidebar-first, #sidebar-second, #navigation { /* background: rgba(170, 170, 170, 0.2); */ } /*.views-row-even{ background-color: #f5f2ee; }*/ #topBar{ height: 55px; width: auto; background-color: #ab0520; } #topBar .flexTwo{ text-align: right; } #topBar ul.menu{ list-style: none; margin: 12px 0 0 0; padding: 0 0 0 0; text-align: right; } #topBar ul.menu li{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; display: inline-block; } #topBar ul.menu li a{ display: block; padding: 3px 10px; color: #fff; text-decoration: none; } #topBar ul.menu li a:hover{ color: #fff; text-decoration: underline; } #mobile-menu{ position: fixed; /* display: none; */ left: -200px; top: 0; height: 100%; overflow-y: scroll; overflow-x: visible; transition: left 0.3s ease, box-shadow 0.3s ease; z-index: 999; width: 200px; background-color: #0c234b; color: #fff; } #mobile-menu.opened{ /* display: block; */ left: 0px; } #mobile-menu ul, #mobile-menu ul li{ margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } #mobile-menu ul#mobileMenu{ margin: 40px 15px 0 15px; } #mobile-menu ul li a{ color: #fff; font-size: 18px; line-height: 20px; padding: 7px 0; display: block; } #topBar .container .flexOne img{ max-width: 235px; max-height: 16px; margin-top: 20px; } #mainHeaderBlock{ max-height: 104px; padding: 4px 0; } a#logo{ display: block; margin: 1em 0; } a#logo img{ max-width: 400px; } .search-form { margin-bottom: 1em; } #region-banner-search { padding-top: 1em; } #searchbanner { padding: 0px; margin: 0; background-color: #ffffff; float: right; width: 318px; } #searchbanner .searchs { width: 280px; } #id_searchButton { } #navigation{ border-top: 1px solid #eef1f1; border-bottom: 1px solid #eef1f1; min-height: 66px; } #navigation .container{ position: relative; text-align: center; } #navigation ul.sf-menu li{ float: none; margin:0; } .menu-4 ul.sf-menu li{ width: 25%; } .menu-5 ul.sf-menu li{ width: 20%; } .menu-6 ul.sf-menu li{ width: 16%; } .menu-7 ul.sf-menu li{ width: 14%; } #navigation ul.sf-menu li ul li{ width: auto; } #navigation ul.sf-menu li { white-space: normal; } ul#mainMenu.menu li { width: 25%; margin:0; } #navigation .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { left: 20%; } #mainHeaderBlock .flexTwo{ text-align: right; /* padding: 2px 0; */ max-height: 100px; line-height: 0px; } .searchBox{ padding: 0px; margin: 0; background-color: #ffffff; text-align: center; width: 318px; margin: 0 0 0 0; border: 1px solid #ccc; display: inline-block; position: relative; } .searchBox .form-item, .searchBox .form-actions { margin: 0 0 0 0; } .searchBox .form-text { font-size: 1em; line-height: 35px; height: 35px; width: calc(100% - 47px); padding: 0 0 0 10px; margin: 0 25px 0 0; border: none; background-color: #fff; color: #666; } .searchBox .form-submit{ background-color: none; background-image: url(../images/goSearch.png); background-repeat: no-repeat; background-position: center center; font-size: 1px; line-height: 1000px; color: transparent; width: 35px; height: 35px; overflow: hidden; border: none; padding: 0 0 0 0; position: absolute; top: 0px; right: 0px; -webkit-transition: none; -moz-transition: none; transition: none; } .searchBox .form-submit:hover, .searchBox input[type="submit"]:hover { background-color: transparent; } .searchBox label{ display: none; } #footer{ background-color: #f4ede5; padding: 2.5rem 0; color: #49595e; font-size: 14px; } #footer .container{ } #footer .flexTwo{ text-align: right; } #footer .footerThree{ padding: 25px 0; text-align: center; border-top: 1px solid rgba(55,55,55,.09); } #footer ul.menu{ margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } #footer ul.menu li{ margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; display: inline-block; /* border-right: 1px solid #666; */ } #footer ul.menu li:first-child{ padding-left: 0; } #footer ul.menu li:last-child{ padding-right: 0; border-right: none; } #footer .flexBox{ margin: 0 0 15px 0; } #footer ul.menu li a{ display: block; padding: 0 7px 0 3px; color: #49595E; text-decoration: none; } #footer ul.menu li a:hover{ text-decoration: underline; } #footer ul.menu ul{ display: none; } #footer a{ color: #49595E; text-decoration: none; } #footer a:hover{ color: #49595E; text-decoration: underline; } #footer .footerThree a{ font-weight: bold; text-decoration: underline; } #footer strong { color:#49595E; text-transform: uppercase; } #footer p.social img { width: 30px; height: 30px; } #mainButtonBlock a{ display: inline-block; width: 42px; height: 42px; border-radius: 100%; background-color: #fff; margin: 8px 4px 0; overflow: hidden; line-height: 1000px; color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; } #mainButtonBlock a.homebut{ background-image: url(../images/bot-home@2x.png); } #mainButtonBlock a.searchbut{ background-image: url(../images/bot-search@2x.png) } #mainButtonBlock a.menubut{ background-image: url(../images/bot-menuz@2x.png) } .grandRoundsSlider{ background-color: #001C48; color: #fff; padding: 3px 10px; font-size: .7em; line-height: 1.1em; height: 97px; width: 450px; overflow: hidden; display: inline-block; position: relative; margin: 0 0 0 0; } .grandRoundsSlider .triangle{ width: 0px; height: 0px; border-top: 48px solid transparent; border-bottom: 48px solid transparent; border-left: 48px solid white; position: absolute; top: 0px; left: 0px; z-index: 500; } .grandRoundsSlider h4{ margin: 0 0 0 0; padding: 0 0 0 0; color: #fff; } .grandRoundsSlider a, .grandRoundsSlider a:link, .grandRoundsSlider a:active, .grandRoundsSlider a:visited{ color: #fff; text-decoration: none; } .grandRoundsSlider .item-list { position: relative; } .grandRoundsSlider .item-list ul{ display: flex; position: absolute; left: 0px; top: 0px; transition: left 1s; z-index: 100; } .grandRoundsSlider .item-list ul li{ width: 430px; flex: 0 0 auto; position: relative; padding: 0 0 0 35px; } .grandRoundsSlider .item-list ul li .views-field-view-node a{ position: absolute; color: transparent; line-height: -10000px; width: 300px; height: 80px; top: 0px; right: 0px; } .grandRoundsSlider .views-field-field-presenter-1, .grandRoundsSlider .views-field-field-presenter-1 .field-content, .grandRoundsSlider .views-field-field-presenter-1-title, .grandRoundsSlider .views-field-field-presenter-1-title .field-content{ display: inline; } #headerWide{ text-align: center; } /*#headerWide h1{ font-size: 50px; font-weight: 900; color: #001C48; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0; border-top: 1px solid #eef1f1; background-image: url(../images/thin-texture-bkgrnd-trans2x.png); background-size: 2000px; background-color: #195389; }*/ #hiddenMenu .container{ position: relative; display: none; } .close{ width: 15px; height: 15px; background-image: url(/sites/all/themes/anachronism/images/xBox.png); position: absolute; top: 15px; right: 10px; display: block; overflow: hidden; line-height: 1000px; color: transparent; z-index: 999; background-size: cover; } #hiddenMenu ul.menu{ position: absolute; top: 0px; right: 0px; background-color: #ab0520; color: #fff; z-index: 900; border: 1px solid #fff; list-style: none; padding: 25px 13px; margin: 0 0 0 0; } #hiddenMenu ul.menu li{ list-style: none; display: block; border-bottom: 1px solid #fff; margin: 0 0 0 0; padding: 0 0 0 0; } #hiddenMenu ul.menu li a{ display: block; color: #fff; padding: 8px 5px; } #hiddenMenu ul.menu li a:hover{ /* background-color: #fff; */ color: #001C48; color: #fff; background-color: #0c234b; text-decoration: none; } #hiddenSearch .container{ position: relative; display: none; } #hiddenSearch .block-search{ position: absolute; z-index: 900; top: 0px; right: 0px; background-color: #ab0520; padding: 8px 25px 0; border: 1px solid #fff; height: 56px; width: 300px; overflow: hidden; } #hiddenSearch input[type="submit"] { background: transparent; border: 1px solid #fff; padding: 6.66667px 10px; color: #fff; } #footerWide{ text-align: center; } #footerWide img, #footer .flexOne img{ max-width: 300px; } #footer .flexTwo ul.menu{ text-align: right; } #footer .flexTwo .block{ margin-bottom: 10px; } #footer h4#footID{ font-size: 25px; color: #001C48; text-transform: uppercase; font-weight: 700; padding: 0 0 0 0; margin: 0 0 6px 0; } #footID a{ color: #001C48; font-weight: 700; text-decoration: none; } #footID a:hover{ color: #001C48; font-weight: 700; text-decoration: none; } .flexBox{ display: flex; } .flexOne, .flexTwo{ flex-grow: 1; width: 48%; } #content-area article.node{ margin: 0 0 25px 0; } #content-area article.node .content{ margin: 15px 0; } #content-area article.node ul.inline li{ padding: 0 1em 0 0; } .item-list ul{ margin: 0; padding: 0; list-style: none; } .item-list ul li{ margin: 0; padding: 0; list-style: none; display: block; } .breadcrumb{ font-size: 12px; color: #666; } .breadcrumb a:link, .breadcrumb a:visited { color: #666; text-decoration: none; } .breadcrumb a:hover, .breadcrumb a:active { color: #ab0520; text-decoration: underline; } html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } body:before { /* background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); */ content: ""; display: inline-block; height: 100%; left: 0; margin: 0 auto; max-width: 68em; opacity: 0.4; pointer-events: none; position: fixed; right: 0; width: 100%; z-index: -1; } blockquote, .pullquote { width: 25%; float: right; font-size: 1.3em; line-height: 1.5em; padding: 1em; border-top: 5px double #333; border-bottom: 5px double #333; background: transparent; border-left: none; color: inherit; margin: 0 0 0 2em; text-align: center; } cite, .pullquote span{ font-size: 14px; line-height: 18px; font-style: italic; display: block; } blockquote p{ margin: 0 0 0 0; padding: 0 0 0 0; line-height: inherit; } .highlightedContent{ font-size: 1.3em; line-height: 1.5em; padding: 1em 60px; border-top: 5px double #333; border-bottom: 5px double #333; background: transparent; border-left: none; color: inherit; margin: 2em 0; } a.redbutton{ display: inline-block; position: relative; margin: 15px auto; background-color: #ab0520; color: #fff; text-align: center; font-size: 20px; text-transform: uppercase; padding: 2px 40px; } a.redbutton:hover{ background-color: #0C234B; color: #fff; text-decoration: none; } .intro-text { font-size: 16px; color: #333; font-weight: lighter; font-size: 21px; line-height: 25px; } p.intro-text { color: #333; font-size: 21px; font-weight: lighter; line-height: 25px; } .sidebar .block-menu-block, .sidebar .sidenav { margin: 0 0 40px 0; } .sidebar .block-menu-block h3.title, .sidebar .sidenav h3.title{ font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0; } .sidebar .block-menu-block ul, .sidebar .sidenav ul{ margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } .sidebar .block-menu-block ul li, .sidebar .sidenav ul li{ margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; border-left: 1px solid #e3e9eb; border-right: 1px solid #e3e9eb; border-top: 1px solid #e3e9eb; } .sidebar .block-menu-block ul li:last-child, .sidebar .sidenav ul li:last-child{ border-bottom: 1px solid #e3e9eb; } .sidebar .block-menu-block ul li a, .sidebar .sidenav ul li a{ display: block; padding: 10px 6px; margin: 0 0 0 0; background-color: #fff; text-decoration: none; color: #1E5288; font-size: 14px; font-weight: 700; } .sidebar .block-menu-block ul li a:hover, .sidebar .block-menu-block ul li a:active, .sidebar .sidenav ul li a:hover, .sidebar .sidenav ul li a:active{ background-color: #e3e9eb; } .clear{ clear: both; } .image-caption, span.caption{ font-size: 12px; line-height: 1.1em; } span.caption{ display: block; } span.caption.right{ float: right; margin: 10px 0 10px 10px; } span.caption.left{ float: left; margin: 10px 10px 10px 0; } /***************************/ /* RESPONSIVE IMAGE STYLES */ /***************************/ .image-large_image { width: 1200px; height: auto; max-width: 100%; } .image-medium_image { width: 600px; height: auto; max-width: 100%; } .image-small_image { width: 400px; height: auto; max-width: 100%; } .image-very_small_image { width: 200px; height: auto; max-width: 100%; } span[data-picture-align="right"], img[data-picture-align="right"], span.image-caption-container-right { float: right; margin-left: 2em; margin-bottom: 2em; margin-top: 1em; } span[data-picture-align="left"], img[data-picture-align="left"], span.image-caption-container-left { float: left; margin-right: 2em; margin-bottom: 2em; margin-top: 1em; } .image-caption-container-right{ } /* END RESPONSIVE IMAGE STYLES */ /* CAMPUS CONNECT STYLE */ .view-featured-content-two .item-list ul li{ background-color: #fff; } .view-home-announcements .item-list ul li{ background-color: #fff; } .view-home-events .item-list ul li{ background-color: transparent; } .view-home-news-two .item-list ul li{ background-color: transparent; } .ccBlockBox{ display: block; margin: 0 0 2px 0; clear: both; } .view-announcement-accordions .view-filters, .view-id-events .view-filters, .view-grand-rounds-list .view-filters { display: block; border: 1px solid #333; padding: 20px; margin-bottom: 25px; } .view-news-archive .view-filters { display: block; padding: 20px; margin-bottom: 0; } /*.view-announcement-accordions .view-filters label, .view-id-events .view-filters label, .view-news-archive .view-filters label, .view-grand-rounds-list .view-filters label { display: none; }*/ .view-announcement-accordions .views-exposed-form #edit-title-wrapper.views-exposed-widget, .view-id-events .views-exposed-form #edit-title-wrapper.views-exposed-widget, .view-id-grand_rounds_list .views-exposed-form #edit-title-wrapper.views-exposed-widget { float: none; padding: .5em 1em 0 0; } .view-news-archive #edit-title-wrapper.views-exposed-widget { padding: .5em 1em 0 0; } .view-announcement-accordions .view-filters #edit-title, .view-id-events .view-filters #edit-title, .view-news-archive .view-filters #edit-title, .view-grand-rounds-list .view-filters #edit-title { font-size: 18px; } .views-exposed-form .views-exposed-widget .form-submit{ margin-top: 1.6em; border: 2px solid #A95C42; color: #A95C42; text-transform: uppercase; } .views-exposed-form .views-exposed-widget input.form-submit[type="submit"]:hover { background-color: #A95C42; color: white; } .views-exposed-form label { color: #707070; font-weight: normal; } .accordionBlock h3.title{ font-size: 24px; font-weight: normal; margin: 0px; padding: 15px 50px 15px 25px; background-image: url(../images/bot-open@2x.png); background-size: 29px; background-repeat: no-repeat; background-position: right 18px top 18px; cursor: pointer; } .accordionBlock h3.title.opened{ background-image: url(../images/bot_close@2x.png); } .accordionBlock .accordionContent{ display: none; padding: 15px 25px; font-size: 1em; background: #fff; background: linear-gradient(0deg, rgba(245,242,238,1) 0%, rgba(255,255,255,1) 100%); border-bottom: 2px solid #fff; } .node-type-announcement .accordionBlock .accordionContent{ display: block; padding: 15px 25px; font-size: 1em; background: #fff; border-bottom: none; } .accordionBlock .accordionContent .contentRight img, .accordionBlock .accordionContent .contentRight img, .node-type-event .field-name-field-cover-image img, .node-type-announcement .field-name-field-memo-image img, .node-type-event .field-name-field-memo-image img, .node-type-event .field-name-field-event-presenter-photo img{ float: right; margin: 0 0 10px 10px; } .node-type-event .field-name-field-event-presenter-photo { width: 200px; } .accordionBlock .accordionContent .accordionFlex{ /* display: flex; */ margin: 0 0 20px 0; } .accordionBlock .accordionContent .accordionFlex .labelLeft{ display: none; } .accordionBlock .accordionContent .accordionFlex .contentRight{ width: auto; /* flex-grow: 1; */ margin: 0 0 0 0; } .node-type-event .field-name-field-memo-image, .node-type-announcement .field-name-field-memo-image { max-width: 300px; float: right; margin: 0 0 10px 10px; } .node-type-event .field-name-field-event-presenter-photo { width: 200px; float: right; margin: 0 0 10px 10px } .page-announcements .view-announcement-accordions .item-list li:nth-child(odd){ background-color: #f7f7f7; } .page-bottom-menu{ background-image: url(../images/line.png); background-repeat: no-repeat; background-position: center top; } .page-bottom-menu ul{ margin: 30px 0 15px; padding: 30px 0 0 0; list-style: none; text-align: center; } .page-bottom-menu ul li{ margin: 0 0; padding: 0 0; list-style: none; display: inline-block; } .page-bottom-menu ul li a{ display: block; padding: 5px 40px; } .eventrow{ display: flex; margin: 0 0 55px 0 } .eventrow .eventinfo{ width: auto; flex-grow: 1; margin-left: 18px; } .eventrow .eventDate{ flex-grow: 0; flex-shrink: 0; width: 60px; } .view-featured-story-related-events{ background-color: #F5F2EE; padding: 10px; } .eventDate, .eventDate2{ width: 85px; text-align: center; } .eventDate .datemonth, .eventDate2 .datemonth{ background-color: #ab0520; border-radius: none; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 30px; font-weight: 700; } .eventDate .dateday, .eventDate2 .dateday{ background-color: #f7f7f7; color: #000; font-size: 16px; font-weight: 700; line-height: 30px; } .eventDate .eventTime, .eventDate2 .eventTime{ position: relative; font-size: 14px; font-weight: bold; width: 115px; left: -15px; top: 5px; text-align: center; } .eventDate .eventTime, .eventDate2 .eventTime { position: absolute; width: 200px; left: 95px; top: 20px; text-align: left; font-weight: 700; } .eventinfo h4.eventTitle a{ color: #4c595d; text-decoration: none; font-weight: 700; } .eventinfo h4.eventTitle a:hover{ text-decoration: underline; } .eventinfo h4.eventTitle{ margin: 0 0 0 0; padding: 0 0 0 0; font-size: 1.1em; font-weight: 700; } .eventinfo .eventCity{ font-size: .7em; } .eventinfo .eventTime{ font-size: 1em; } .eventinfo .eventLocation{ font-size: 0.8em; } .galleryTopImage{ position: relative; } .galleryTopImage a, .galleryTopImage a:link, .galleryTopImage a:visited, .galleryTopImage a:active{ color: #fff; text-decoration: none; } .galleryTopImage a:hover{ color: #fff; text-decoration: underline; } .galleryTopImage img{ width: 100%; height: auto; } .galleryTopImage .galleryTopCaption{ color: #fff; background-image: url(../images/black-grad-2.png); padding: 25px 12px; position: relative; top: -72px; font-size: 22px; line-height: 22px; } .field-name-field-related-photo-gallery .field-name-field-card-headline, .field-name-field-related-video .field-name-field-card-headline{ color: #fff; background-image: url(../images/black-grad-2.png); padding: 25px 12px; position: relative; top: -72px; font-size: 22px; line-height: 22px; } .field-name-field-related-photo-gallery .node-readmore, .field-name-field-related-video .node-readmore{ display: none; } .view-photo-galleries .view-content ul{ list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; } .view-photo-galleries .view-content ul:after { content: ""; display: table; clear: both; } .view-photo-galleries .view-content ul li{ list-style: none; padding: 0 0 0 0; /* margin: 0 0 0 0; */ width: 373px; height: 360px; background-color: #5f5f5f; overflow: hidden; float: left; margin: 0 40px 30px 0; } .view-photo-galleries .view-content ul li:nth-child(3n){ margin: 0 0 30px 0; } .view-photo-galleries .view-content ul li img{ width: 100%; height: auto; } .view-photo-galleries h4.galleryTitle{ padding: 10px 7px; font-size: 16px; font-weight: 500; } .view-photo-galleries h4 a, .view-photo-galleries h4 a:link, .view-photo-galleries h4 a:visited, .view-photo-galleries h4 a:active{ color: #fff; text-decoration: none; font-size: 16px; } .node-type-event .field-name-field-cover-image{ max-width: 300px; float: right; } .field-name-field-cover-image .field-item{ position: relative; } .node-type-photo-gallery .field-name-field-cover-image .field-item img{ width: 100%; height: auto; } .node-type-photo-gallery .field-name-field-cover-image-caption{ /*color: #fff; background-color: #8f8f8f; padding: 25px 12px; font-size: 22px; line-height: 22px; display: none;*/ /* 03-02-2020 - removed style from here */ } .node-type-photo-gallery .field-name-body, .node-type-video .field-name-body { margin: 40px auto;width: 900px; } .node-type-video .field-name-body p, .node-type-video .field-name-body h2, .node-type-video .field-name-body h3 { color: #fff; } .node-type-photo-gallery .field-name-field-images .field-items:after{ content: ""; display: table; clear: both; } .node-type-photo-gallery .field-name-field-images .field-items .field-item{ padding: 0 0 0 0; /*width: 140px;*/ width: 280px; /* height: 360px; */ background-color: #8f8f8f; overflow: hidden; float: left; margin: 0 10px 10px 0; color: #fff; } .node-type-photo-gallery .field-name-field-images .field-items .field-item:nth-child(3){ /* margin: 0 0 30px 0; */ } .node-type-photo-gallery .field-name-field-images .field-items .field-item img{ width: 100%; height: auto; } .node-type-photo-gallery .field-name-field-images .field-items .field-item p{ margin: 0 0 0 0; padding: 10px 7px; /* 2-19-2020 */ display: none; } .node-featured-news blockquote, .node-featured-news .pullquote { width: 25%; float: right; font-size: 1.3em; line-height: 1.5em; padding: 1em; border-top: 5px double #333; border-bottom: 5px double #333; background: transparent; border-left: none; color: inherit; margin: 0 0 0 2em; text-align: center; } .node-featured-news cite, .node-featured-news .pullquote span{ font-size: 14px; line-height: 18px; font-style: italic; display: block; } .node-featured-news blockquote p{ margin: 0 0 0 0; padding: 0 0 0 0; line-height: inherit; } .node-featured-news .highlightedContent{ font-size: 1.3em; line-height: 1.5em; padding: 1em 60px; border-top: 5px double #333; border-bottom: 5px double #333; background: transparent; border-left: none; color: inherit; margin: 2em 0; } .node-featured-news a, .view-featured-story-sidebar a{ color: #ab0520; font-weight: 500; } .node-featured-news a:hover, .view-featured-story-sidebar a:hover{ color: #000;; } .node-type-newsstory h1.title{ display: none; } .node-type-newsstory .view-featured-story-blocks{ text-align: center; } .node-type-newsstory .views-field-field-teaser--body{ margin: 25px 250px; font-style: italic; font-size: 20px; } .node-type-newsstory .views-field-nothing{ font-size: .8em; margin-bottom: 25px; } .view-featured-story-sidebar{ border-left: 4px solid #ccc; text-align: right; } .view-featured-story-sidebar .views-label{ color: #000; text-transform: uppercase; } .view-news-story-sidebar{ border-left: 4px solid #ccc; text-align: right; } .view-news-story-sidebar .views-label{ color: #000; text-transform: uppercase; } .view-featured-story-blocks .views-field-title h1{ font-size: 2.8em; margin-top: 1em; padding: 0 0 0 0; } .view-featured-story-blocks .featuredByline{ font-size: 18px; margin-bottom: 20px; } .view-featured-story-blocks .featuredNewsBannerBox{ /* font-size: 1em; line-height: 1.8em; font-style: italic; text-align: left; */ } .view-featured-story-blocks .views-field-field-teaser { margin: 25px 250px; font-style: italic; font-size: 20px; } .view-featured-story-blocks .views-field-field-banner-image-caption, .view-featured-story-blocks .views-field-field-cover-image-caption, .node-type-photo-gallery .field-name-field-cover-image-caption, .tihStoryHeader .views-field-field-cover-image-caption { font-size: .9em; line-height: 1.1em; font-style: italic; text-align: left; position: relative; /* top: -25px; */ z-index: 900; padding-right: 70px; margin-top: 1.5em; } .tihStoryHeader .views-field-field-cover-image-caption { margin-top: 0; margin-bottom: 1.5em; } .node-type-newsstory #zone-preface-wrapper{ margin-bottom: 0px; } ul.tih_cardList, #region-content .content ul.tih_cardList { /* display: flex; flex-wrap: wrap; justify-content: space-between; */ list-style: none; margin: 50px 0 50px 0; padding: 0 0 0 0; overflow: auto; } ul.tih_cardList::after { content: ""; clear: both; display: table; } .view-featured-story-related-news ul.tih_cardList { margin: 0px 0 0 0; } .relatedNews{ /* background-color: #f5f2ee; padding: 10px; */ margin-bottom: 30px; } .relatedNews h3{ font-weight: normal; text-align: center; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 10px 0; } .relatedNews ul.tih_cardList { margin: 0 0 0 0; padding: 0 0 0 0; } .relatedNews .eventrow { margin: 0 0 0 0; } /* VERSION 1 OF CALL-OUT */ div.call-out-header span{ font-weight:bold; /*background-color: #A95C42;*/ font-size: 1em; color: #fff; padding: 5px 100px 5px 10px; margin-bottom: 0; background-image: url(../images/call-out-slant-lrg-2@2x.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } /*div.call-out-header:before { content: ''; position: absolute; top: 0; right: 0; border-top: 80px solid white; border-left: 80px solid #A95C42; width: 0; }*/ /*div.call-out-link:after { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 35px solid transparent; border-left-color: #F4EDE5; border-right: 0; border-bottom: 0; margin-top: -17.5px; margin-right: -35px; }*/ div.call-out-link { background-color: #F4EDE5; padding: 10px 30px 10px 10px; position: relative; width: 98%; margin-bottom: 1.5em; } div.call-out-link:before { content: ""; width: 0; height: 0; left: 100%; top: 0; position: absolute; border-top: 22px solid transparent; border-left: 10px solid #F4EDE5; border-bottom: 22px solid transparent; } div.call-out-link a{ color: #333; text-decoration: none; font-weight: bold; font-size: 18px; } div.call-out-link a:hover{ text-decoration: underline; } ul.tih_cardList li { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; display: block; /* background-color: #f5f2ee; */ position: relative; } ul.tih_cardList li h5{ margin: 5px 0 10px 0; font-size: 16px; font-weight: 500; line-height: 18px; color: #49595e; } ul.tih_cardList li .views-field-field-strategic-pillar-category{ position: absolute; bottom: 0px; right: 0px; background-color: #5F5C62; color: #fff; width: 190px; overflow: hidden; font-size: 12px; font-weight: 100; height: 25px; line-height: 25px; padding-right: 15px; text-align: right; border-top-left-radius: 12px; } ul.tih_cardList li .views-field-view-node{ /* display: none; */ } ul.tih_cardList li .views-field-view-node a{ width: 100%; height: 300px; position: absolute; top: 0px; left: 0px; color: transparent; display: block; } ul.tih_cardList li .views-field-field-blog-post-image{ width: auto; height: 175px; overflow: hidden; } ul.tih_cardList li .views-field-field-blog-post-image img{ width: 100%; height: 175px; object-fit: cover; } .view-event-date .view-content, .view-event-date-two .view-content{ position: relative; } /*.view-event-date .eventDate{ position: absolute; top: -110px; left: -110px; }*/ .view-event-date-two .eventDate2{ position: absolute; top: 20px; left: -80px; } .eventFooterBlock{ display: flex; width: 100%; } .eventFooterBlock .boxLeft, .eventFooterBlock .boxRight{ width: 50%; flex-grow: 0; flex-shrink: 0; } .eventDisclaimer{ background-color: #F4F4F4; padding: 13px; margin: 13px 0; } .view-event-footer h3{ font-weight: normal; text-transform: uppercase; } .sidebar .view-event-footer h3{ margin: 20px 0 20px 0; padding: 0 0 0 0; } .news_topItem{ display: flex; width: 100%; } .news_topItem .leftBox{ width: 70%; } .news_topItem .rightBox{ width: 30%; padding: 0 0 0 15px; font-size: 18px; } .news_topItem h4, .news_topItem h4 a{ font-size: 28px; font-weight: 500; color: #0C234B; } .news_topItem .rightBox .alignRight a { display: inline-block; padding: 5px 10px; color: #fff; background-color: #AB0520; font-size: .9em; text-transform: uppercase; } .news_topItem .rightBox .alignRight a:hover{ color: #fff; background-color: #0C234B; text-decoration: none; } a.styleactionbot { display: inline-block; padding: 5px 10px; color: #fff; background-color: #A95C42; font-size: .9em; text-transform: uppercase; } a:hover.styleactionbot{ color: #fff; background-color: #ab0520; text-decoration: none; } .news_topItem .rightBox .alignRight{ text-align: right; } .view-id-health_sciences_news ul{ display: flex; margin: 25px 0; padding: 0 0 0 0; list-style: none; width: 100%; } .view-id-health_sciences_news ul li{ margin: 0 0 0 0; padding: 0 30px 0 0; list-style: none; width: 33%; background-color: #fff; } .view-id-health_sciences_news ul li:last-child{ padding: 0 0 0 0; } .horizStories:after { content: ""; display: table; clear: both; } .horizStories .view-header{ position: relative; } .horizStories .newsNav{ position: absolute; top: 90px; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; line-height: -1000; overflow: hidden; color: transparent; cursor: pointer; } .horizStories .newsNav.left{ left: -70px; border-right:50px solid #A95C42; } .horizStories .newsNav.right{ right: -60px; border-left:50px solid #A95C42; } .news-item-list{ position: relative; width: 100%; height: 300px; overflow: hidden; } ul.newsHorizList{ padding: 0 0 0 0; margin: 0 0 0 0; list-style: none; display: flex; justify-content: space-between; position: absolute; top: 0px; left: 0px; transition: left 1s; } .item-list ul.newsHorizList li{ width: 265px; display: block; background-color: #f5f2ee; position: relative; padding: 0 0 0 0; margin: 0 37px 0 0; list-style: none; flex-shrink: 0; flex-grow: 0; } .newsHorizList .views-field-field-card-image .field-content, .view-health-sciences-news .views-field-field-card-image .field-content, .view-health-sciences-news-one .leftBox{ position: relative; } .typenewsstory, .videoOverlay, .typevideo, .typevideo, .typephoto_gallery { position: relative; } .newsHorizList .views-field-field-card-image .videoOverlay::before, .view-health-sciences-news .views-field-field-card-image .videoOverlay::before, .view-health-sciences-news-one .leftBox .videoOverlay::before { content: ""; color: transparent; font-weight: bold; width: 50px; height: 32px; position: absolute; bottom: 10px; left: 0; background-image: url(../images/image-icon-video2.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } .view-health-sciences-news-one .leftBox .videoOverlay::before { content: ""; color: transparent; font-weight: bold; width: 70px; height: 50px; position: absolute; bottom: 20px; left: 0; background-image: url(../images/image-icon-video2.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } .newsHorizList li h5{ margin: 5px 5px 10px 5px; font-size: 16px; font-weight: 500; line-height: 18px; color: #49595e; } .horizStories{ margin: 50px 0 0 0; } .horizStories h3{ text-transform: uppercase; margin: 0 0 15px 0; padding: 0 0 0 0; } .ccHonorSubmit, .field-name-field-highlight-content{ padding: 30px 20px 20px 20px; background:#f4f4f4 url("../images/tri-pointer-white.png") top center no-repeat; } a.actionButton{ display: block; color: #007D84; border: 2px solid #007D84; padding: 4px 0; margin: 0 0 12px 0; text-align: center; background-color: #fff; background-image:url(../images/add-button-plus@2x.png); background-size: 10px; background-repeat: no-repeat; background-position: 95% center; text-transform: none } a.actionButton:hover{ background-color: #007D84; color: #fff; text-decoration: none; background-image: url(../images/add-button-plus-on@2x.png); } a.actionButton:active{ color: #007D84; border: 2px solid #007D84; background-color: #fff; background-image:url(../images/add-button-plus@2x.png); } a.passiveButton{ display: block; color: #fff; padding: 4px 0; margin: 0 0 12px 0; text-align: center; background-color: #AB0520; border: 2px solid #AB0520; } a.passiveButton:hover{ color: #fff; background-color: #0c234b; text-decoration: none; border: 2px solid #0c234b; /* background-color: #fff; color: #AB0520; text-decoration: none; */ } a.passiveButton:active{ color: #AB0520; background-color: #fff; text-decoration: none; border: 2px solid #AB0520; /* background-color: #fff; color: #AB0520; text-decoration: none; */ } a.announcement-bot { color: #fff; background-color: #007D84; border: 2px solid #007D84; } a.announcement-bot:hover { color: #007D84; background-color: #fff; border: 2px solid #007D84; } a.announcement-bot:active{ color: #fff; background-color: #007D84; } a.emailResponse{ display: block; color: #fff; line-height: 1.2em; padding: 28px 7px 12px 7px; font-weight: 700; margin: 25px 0 12px 0; text-align: center; background-color: #AB0520; position: relative; text-decoration: none; } a.emailResponse:hover{ color: #fff; background-color: #AB0520; text-decoration: none; } a.emailResponse span, .email-response-block{ display: block; width: 100%; height: 53px; position: absolute; top: -25px; left: 0px; background-image: url(../images/mail-comment-icon@2x.png); background-position: center center; background-repeat: no-repeat; background-size: contain; } .email-response-block{ margin-top: 75px; } a.filterButton{ display: inline-block; color: #fff; border: 1px solid #A95C42; padding: 4px 25px; margin: 0 7px; text-align: center; background-color: #A95C42; } a.filterButton:hover{ background-color: #fff; color: #A95C42; text-decoration: none; } .campusFilterBlock{ margin: 0 0 25px 0; padding: 20px 0; border-bottom: 1px solid #999; } .node-type-event .field-name-field-images{ float: right; margin: 0 0 10px 10px; } .view-event-footer{ margin: 30px 0 20px 0; } .fileBox{ padding: 15px 0; border-top: 1px solid #999; } .galleryItem .caption p{ display: none; } span.views-label{ font-weight: bold; } .field-name-field-video-link{ margin: 15px 0; } .field-name-field-video-link a, a.videolink, .ccGRlivelink a, .group-right .field-type-link-field a{ border: 1px solid #ab0520; color: #ab0520; text-decoration: none; display: inline-block; padding: 4px 35px 4px 12px; border-radius: 20px; text-transform: uppercase; background-image: url(../images/button-watch-arrow@2x.png); background-size: 13px; background-position: 95% center; background-repeat: no-repeat; display: inline-block; margin: 10px 0 30px 0; } .group-right .field-type-link-field a { margin-bottom: 1em; } #homeBox1{ display: flex; width: auto; margin-top: 40px; max-width: 1850px; } #homeBox1 a h4{ color: #0C234B; } #homeBox1 a:hover h4{ color: #1E5288; text-decoration: underline; } #homeBox1 #homeFeatured1 a:hover, #homeBox1 #homeFeatured2 a:hover{ color: #1E5288; text-decoration: none; } #homeFeatured1{ width: auto; } #homeFeatured2{ width: 30%; min-width: 250px; } #homeFeatured3{ width: 33%; } #homeFeatured2 ul{ margin: 0 0 0 58px; } #homeFeatured3 .block-views{ margin: 0 0 0 40px; } #homeBox1 h4{ margin: 14px 0; } #homeFeatured3 h3.title{ background-color: #A95C42; color: #fff; padding: 10px; margin: 0 0 0 0; font-weight: 700; text-transform: uppercase; font-size: 18px; text-align: center; } #homeFeatured3 .view-home-announcements{ padding-top: 25px; background-image: url(../images/tri-pointer-mesa@2x.png); background-size: 20px; background-repeat: no-repeat; background-position: left 10px top 0; } #homeFeatured3 li{ margin: 0 0 0 0; padding: 10px 10px; } #homeFeatured3 li.views-row-odd{ background-color: #F5F2EE; } #homeFeatured3 li a{ color: #000; } #homeEventSlider{ padding: 40px 0; } #homeEventSlider .view-home-events .item-list{ width: 100%; height: 200px; overflow: hidden; position: relative; } #homeEventSlider .view-home-events ul{ display: flex; position: absolute; top: 0px; left: 0px; transition: left 1s; } #homeEventSlider .view-home-events li{ width: 300px; height: 200px; /* border: 1px solid #999; */ overflow: hidden; flex-grow: 0; flex-shrink: 0; padding: 0 5px; text-align: center; } #homeEventSlider .dateBoxHolder{ width: 60px; display: inline-block; } #homeEventSlider .datemonth, #homeEventSlider .dateday{ width: 60px; /* display: inline-block; */ } #homeEventSlider .field-content{ /* display: inline-block; */ /* width: 200px; */ /* margin: 13px 0 0 0;; font-size: 14px; line-height: 16px; */ } #homeEventSlider .views-field-title{ font-size: 14px; font-weight: 600; line-height: 1em; margin-top: 3px; } #homeEventSlider .views-field-title a{ color: #000; font-weight: 700; } #homeEventSlider .eventCity{ font-size: 14px; line-height: 14px; } #homeEventSlider .eventDate .eventTime{ position: inherit; width: auto; left: auto; top: auto; font-size: 14px; line-height: 14px; text-align: center; } #homeNews1{ padding: 0 10px; } #homeBox2{ min-height: 600px; background-image: url(../images/event-bkgrnd-small.png); background-repeat: repeat-x; background-position: left top; } #homeNews2{ margin: 40px 0; } #homeNews2 ul.featured_topThree{ display: flex; width: 100%; } #homeNews2 ul.featured_topThree li{ width: 33%; padding: 0 10px; } #homeNews2 li h5{ margin: 10px 0; color: #0C234B; } #homeNews2 .views-field-field-external-story-link-1 .field-content, .archive .views-field-field-external-story-link-1 .field-content, .college-news ul.hsc_cardList .field-content, .college-newsRow ul.featured_topThree .field-content{ position: relative; } #homeNews2 .views-field-field-external-story-link-1 .typevideo::before, #homeNews2 .views-field-field-external-story-link-1 .videoOverlay::before, .archive .views-field-field-external-story-link-1 .typevideo::before, .college-news ul.hsc_cardList .typevideo::before, .college-newsRow ul.featured_topThree .typevideo::before, .archive .views-field-field-image-tease .typevideo::before { content: ""; color: transparent; font-weight: bold; width: 50px; height: 36px; position: absolute; bottom: 10px; left: 0; background-image: url(../images/image-icon-video2.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } #homeNews2 .views-field-field-external-story-link-1 .typephoto_gallery::before, .archive .views-field-field-external-story-link-1 .typephoto_gallery::before, .college-news ul.hsc_cardList .typephoto_gallery::before, .college-newsRow ul.featured_topThree .typephoto_gallery::before, .archive .views-field-field-image-tease .typephoto_gallery::before { content: ""; color: transparent; font-weight: bold; width: 50px; height: 36px; position: absolute; bottom: 10px; left: 0; background-image: url(../images/image-icon-photo2.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } #homeNews1 .leftBox{ position: relative; } #homeNews1 .leftBox .typevideo::before, #homeNews1 .leftBox .videoOverlay::before, .archive .leftBox .videoOverlay::before, .college-feature ul.news_topItem .leftBox .typevideo::before { content: ""; color: transparent; font-weight: bold; width: 70px; height: 50px; position: absolute; bottom: 20px; left: 0; background-image: url(../images/image-icon-video2.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } #homeNews1 .leftBox .typephoto_gallery::before, .archive .leftBox .typephoto_gallery::before, .college-feature ul.news_topItem .leftBox .typephoto_gallery::before { content: ""; color: transparent; font-weight: bold; width: 70px; height: 50px; position: absolute; bottom: 20px; left: 0; background-image: url(../images/image-icon-photo2.png); background-size: cover; background-position: right top; background-repeat: no-repeat; } #homeNews2 li a, #homeNews2 li a h5, .view-health-sciences-news li a, .view-health-sciences-news li a h5{ color: #0C234B; text-decoration: none; } #homeNews2 li a:hover, #homeNews2 li a:hover h5, .view-health-sciences-news li a:hover, .view-health-sciences-news li a:hover h5{ color: #378DBD; text-decoration: underline; } #homeATboxes { display: flex; justify-content: space-between; width: 100%; } #homeATboxes .block{ width: 32%; background-color: #fff; } .sidebarATboxes{ width: auto; background-color: #fff; background-image: linear-gradient(#fff, #CACACA); } #homeATboxes .view, .sidebarATboxes .view{ /* padding-top: 90px; background-size: contain; background-position: center top; background-repeat: no-repeat; */ } #homeATboxes .view .view-header, .sidebarATboxes .view .view-header{ height: 55px; text-align: center; background-size: contain; background-position: center center; background-repeat: no-repeat; } #homeATboxes .view .view-header img, .sidebarATboxes .view .view-header img{ max-width: 200px; } .sidebarATboxes .view{ /* padding-top: 70px; */ } #homeATboxes .view-home-the-forum .view-header, .sidebarATboxes .view-sidebar-the-forum .view-header{ background-image: url(../images/logo-forum@2x.png); background-color: #a95c42; } #homeATboxes .view-home-the-faculty-commons .view-header, .sidebarATboxes .view-sidebar-the-faculty-commons .view-header{ background-image: url(../images/logo-advisory@2x.png); background-color: #333333; } #homeATboxes .view-home-phoenix-biomedical .view-header, .sidebarATboxes .view-sidebar-phoenix-biomedical .view-header{ background-image: url(../images/logo-phx-camp@2x.png); background-color: #0c234b; } #homeATboxes .view-content, .sidebarATboxes .view-content{ padding: 25px 15px 15px 15px; background-repeat: no-repeat; background-position: 15px -10px; background-size: 44px; } #homeATboxes .view-content{ min-height: 150px; background-repeat: no-repeat; background-position: 15px -10px; background-size: 44px; } #homeATboxes .view-content .views-field-title{ font-size: 24px; font-weight: bold; } #homeATboxes .view-content .homeATdate{ font-size: 14px; } .sidebarATboxes .view-content .views-field-title{ font-size: 20px; font-weight: bold; } .sidebarATboxes .view-content .homeATdate{ font-size: 14px; } #homeATboxes .view-content a, .sidebarATboxes .view-content a{ color: #000; font-weight: 700; text-decoration: none; } #homeATboxes .view-footer a, .sidebarATboxes .view-footer a{ display: block; background-color: #007D84; color: #fff; text-align: center; padding: 4px 10px; text-decoration: none; } #homeATboxes .view-home-the-forum .view-content, .sidebarATboxes .view-sidebar-the-forum .view-content { background-image: url(../images/tri-pointer-mesa@2x.png); } #homeATboxes .view-home-the-faculty-commons .view-content, .sidebarATboxes .view-sidebar-the-faculty-commons .view-content { background-image: url(../images/tri-pointer-brown@2x.png); } #homeATboxes .view-home-phoenix-biomedical .view-content, .sidebarATboxes .view-sidebar-phoenix-biomedical .view-content { background-image: url(../images/tri-pointer-blue@2x.png); } .sidebarATboxes .view-content{ } #homeBox4{ background-color: #454545; padding: 0 0 40px 0; } #homeBox4 .container#photoBox{ display: flex; justify-content: space-between; } #homeBox4 #homePhotoTop{ width: 780px; } #homeBox4 #homePhotoMore{ width: 301px; } #homeBox4 .galleryTopImage .galleryTopCaption{ color: #fff; background-image: none; background-color: #272727; padding: 15px 12px; position: inherit; top: inherit; font-size: 22px; line-height: 22px; } h3.homeHeaders{ margin: 0 auto; padding: 0 0 24px 80px; color: #ccc; max-width: 1600px; text-transform: uppercase; font-size: 30px; line-height: 19px; font-weight: 700; background-image: url(../images/divider-line@2x.png); background-repeat: no-repeat; background-position: left bottom; } .homeHeaders span, .homeHeaders span a{ color: #8D8D8D; } .homeHeaders span a{ color: #8D8D8D; font-weight: 700; } h3#homeBox2Head{ background-image: none; padding: 0 0 0 80px; } h3#homeBox2Head span{ color: #A95C42; } h3#homeBox2Head:before { content: ""; display: block; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #fff; position: relative; top: 44px; left: -50px; } #homeBox3{ padding-bottom: 50px; } h3#homeBox4Head, h3#homeBox4Head2{ padding-top: 40px; color: #6F6F6F; } h3#homeBox4Head span, h3#homeBox4Head2 span{ color: #fff; } h3#homeBox4Head span a, h3#homeBox4Head2 span a { color:#fff; } #sidebar-second .ui-widget-header{ background-image: none; background-color: #fff; border: none; font-size: 16px; font-weight: normal; } #sidebar-second .ui-datepicker th{ font-size: 14px; font-weight: normal; } #sidebar-second .ui-state-default, #sidebar-second .ui-widget-content .ui-state-default, #sidebar-second .ui-widget-header .ui-state-default { background-image: none; background-color: transparent; border: none; text-align: center; font-size: 14px; } #sidebar-second .ui-state-default.ui-state-highlight{ background-color: #AB0520; color: #fff; border-radius: 4px; } .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover{ background-image: none; border: none; background-color: #AB0520; } #sidebar-second .ui-datepicker.ui-corner-all{ border-radius: 0 0 0 0; } #sidebar-second .block{ margin-bottom: 30px; } .node-type-grand-rounds .field-collection-item-field-presenter-details{ margin-bottom: 25px; } .node-type-grand-rounds .field-name-field-presenter-name{ font-weight: 700; } .node-type-grand-rounds .field-name-field-presenter-bio{ margin: 20px 0; } .node-type-grand-rounds .views-field-body .views-label-body{ font-size: 1.2em; font-weight: 500; color: #49595E; } .node-type-grand-rounds .field-name-field-presenter-bio .field-label{ display: none; } .node-type-grand-rounds .field-name-field-photo{ float: right; margin: 0 0 10px 10px; width: 200px; } .node-type-grand-rounds .views-field-field-presenter-1, .node-type-grand-rounds .views-field-field-presenter-2{ font-weight: bold; } .node-type-grand-rounds .view-grand-rounds-bottom h4{ margin-top: 20px; } a.watchItLive { display: block; border: 1px solid #ab0520; color: #ab0520; width: 200px; text-align: center; text-decoration: none; padding: 4px 12px; margin: 25px 0; border-radius: 20px; text-transform: uppercase; } .lectureTitle{ margin: 25px 0; font-weight: bold; } .node-type-grand-rounds .views-field-nothing-1 .field-content{ position: relative; } .node-type-grand-rounds .views-field-nothing-1 .field-content .eventDate{ position: absolute; top: -120px; left: -110px; } .node-type-grand-rounds #sidebar-second h4, .node-type-announcement #sidebar-second h4{ font-size: 23px; text-transform: uppercase; } .node-type-grand-rounds .locationInfo, .node-type-grand-rounds .contactInfo, .node-type-announcement .locationInfo, .node-type-announcement .contactInfo{ margin-bottom: 25px; font-size: .9em; line-height: 1.3em; color: #333; } .view-grand-rounds-list .item-list ul li{ display: flex; padding: 20px; } .view-grand-rounds-list .item-list ul li .views-field-field-photo{ width: 165px; margin-right: 20px; } .ccGRlistContent h4{ color: #000; margin: 0 0 0 0; padding: 0 0 0 0; } .ccGRlistContent{ font-size: 14px; line-height: 1.3em; } .ccGRlistContent .ccGRdate{ font-size: 12px; } .ccGRlistContent .ccGRtime{ font-weight: 700; } .ccGRlistContent .ccGRlecture{ font-size: 18px; } .ccGRlistContent .ccGRlecture a{ color:#1E5288; text-decoration: none; font-weight: 700; } .field-name-field-related-photo-gallery .field-label, .field-name-field-related-video .field-label { color: #49595E; font-size: 30px; font-weight: 500; text-transform: capitalize; margin: 40px 0 20px; } .field-name-field-related-photo-gallery h2, .field-name-field-related-video h2 { display: none; } .view-grand-rounds-list .item-list ul li .views-field-nothing{ } .node-type-honors-and-awards .field-name-field-image-tease{ float: right; margin: 0 0 10px 10px; } .page-connect-honors .view-honors-and-awards ul li .field-content{ display: flex; padding: 20px; } .page-connect-honors .view-honors-and-awards ul li .field-content .ccHonorsThumb{ width: 25%; margin-right: 50px; } .ccLabel{ float: left; font-weight: bold; text-transform: uppercase; } .ccField{ margin: 10px 0 10px 0; } .ccField img{ float: right; margin: 0 0 10px 10px; } a.ccMoreLink{ display: block; margin: 10px 0; color: #ab0520; text-align: right; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url("../images/moreArrowRed.png")center right no-repeat; padding-right: 10px; } a:hover.ccMoreLink{ color: #0c234b; background: url("../images/moreArrowBlue.png")center right no-repeat; } #homeBox4 a.ccMoreLink{ color: #fff; background: url("../images/moreArrowWhite.png")center right no-repeat; }#homeBox4 a:hover.ccMoreLink{ color: #ccc; background: url("../images/moreArrowGrey.png")center right no-repeat; } #homeBox6Head{ margin-top: 40px; } #homeBox6{ display: flex; justify-content: space-between; margin-bottom: 40px; } #homeMedia{ width: 45%; } #socialmediaTabs{ width: 45%; line-height: 0px; } #homeMedia .item-list ul li, .view-in-the-media-list .item-list ul li{ padding: 15px; } #homeMedia h4, .view-in-the-media-list h4{ margin: 0 0 0 0; padding: 0 0 0 0; font-size: 24px; } #homeMedia h4 a, .view-in-the-media-list h4 a{ color: #0C234B; text-decoration: none; } #homeMedia h4 a:hover, .view-in-the-media-list h4 a:hover{ color: #1E5288; text-decoration: underline; } #homeMedia .ccMediaDate, .view-in-the-media-list .ccMediaDate{ font-size: 12px; line-height: 12px; margin-bottom: 12px; } #homeMedia .ccMediaDate a, .view-in-the-media-list .ccMediaDate a{ font-weight: 700; } .ccHomeHonors h3.title, .ccHomeHonors h3 a{ margin-bottom: 0px; text-transform: uppercase; color: #7e7e7e; font-weight: 600; } .ccHomeHonors .item-list ul{ display: flex; justify-content: space-between; } .ccHomeHonors .item-list ul li{ width: 45%; background-color: #f5f2ee; padding: 12px; } .ccHomeHonors .item-list ul li .views-field-field-image-tease{ width: 33%; float: left; margin-right: 20px; } .ccHomeHonors .item-list ul li a, .ccHomeHonors .item-list ul li a:link, .ccHomeHonors .item-list ul li a:visited{ color: #0C234B; text-decoration: none; font-size: 22px; } .ccHomeHonors .item-list ul li a:hover{ color: #1E5288; text-decoration: underline; } #socialmediaTabs{ } #socialmediaTabs #facebookBox{ display: block; } #socialmediaTabs #twitterBox{ display: none; } #socialmediaTabs #instagramBox{ display: none; } #socialmediaTabs #facebookBox .block{ text-align: center; } #tabHolder{ text-align: right; } #tabHolder a{ display: inline-block; margin: 0 0 0 0; padding: 0 0 0 0; color: transparent; width: 30px; height: 30px; overflow: hidden; background-size: contain; background-repeat: no-repeat; border-left: 1px solid #454545; border-right: 1px solid #454545; border-top: 1px solid #454545; background-color: #454545; } #tabHolder a.selected{ background-color: #fff; } #tabHolder a#fbTab{ background-image: url(../images/icon-facebook.png); } #tabHolder a#twTab{ background-image: url(../images/icon-twitter.png); } #tabHolder a#igTab{ background-image: url(../images/icon-insta.png); } #socialMediaHolder{ height: 650px; border: 1px solid #454545; overflow: hidden; width: 100%; } .share-container, .addthis_toolbox{ text-align: right; margin: 7px 0; /* position: absolute; top: -40px; right: 0px; */ } .block-addthis .addthis_default_style .addthis_separator, .block-addthis .addthis_default_style .at4-icon, .block-addthis .addthis_default_style .at300b, .block-addthis .addthis_default_style .at300bo, .block-addthis .addthis_default_style .at300bs, .block-addthis .addthis_default_style .at300m { float: none; display: inline-block; margin: 0 0 0 0; padding: 0 0 0 0; } .view-events-date-filter .views-row, .view-id-events .views-row{ background-color: #fff; } span[data-picture-align="left"], img[data-picture-align="left"], span.image-caption-container-left { float: left; margin: 10px 10px 10px 0; } span[data-picture-align="right"], img[data-picture-align="right"], span.image-caption-container-right { float: right; margin: 10px 0 10px 10px; } .ccHomeVideoEmbed{ margin: 20px 0 40px 0; font-size: 1.5em; } .ccHomeVideoEmbed .player, .embedded-video .player{ position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .ccHomeVideoEmbed iframe, .embedded-video .player iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } .view-home-videos-2 .view-content{ display: flex; justify-content: space-between; } .view-home-videos-2 .view-content .views-row{ width: 29%; } #homeVideoMore .views-row{ background-color: #272727; } #homeBox4 .views-row{ background-color: #272727; } #homeVideoMore .views-row .views-field-field-card-headline, #homeVideoMore .views-row .views-field-view-node{ padding: 12px; color: #fff; } #homeVideoMore .views-row a, #homeVideoMore .views-row a:link, #homeVideoMore .views-row a:visited{ color: #fff; text-decoration: none; } #homeVideoMore .views-row a:hover{ color: #fff; text-decoration: underline; } .ccVideoTop{ width: 75%; float: left; } .ccVideoTopRight{ width: 20%; float: right; } .page-newsroom-videos .view-video-top-block .views-field-title, .page-newsroom-videos .view-video-top-block .views-field-title{ padding: 20px 0; font-size: 1.5em; } .page-newsroom-videos .views-field-view-node, .page-newsroom-videos .views-field-view-node{ padding: 9px 0 12px; font-size: 1em; } .page-newsroom-videos .views-field-title a, .page-newsroom-videos .views-field-view-node a, .page-newsroom-videos .views-field-title a, .page-newsroom-videos .views-field-view-node a{ color: #fff; } .page-newsroom-videos #topContent, .page-newsroom-videos #topContent{ background-color: #212121; } .page-newsroom-videos #main, .page-newsroom-videos #main{ background-color: #333; color: #fff; } .page-newsroom-videos #main h1, .page-newsroom-videos #main h1{ color: #fff; } .item-list ul.ccVideoSideThree{ background-color: #555151; padding: 18px 18px 18px 18px; } .page-newsroom-videos .item-list ul li.views-row, .page-newsroom-videos .item-list ul li.views-row{ background-color: transparent; } .page-newsroom-videos .view-id-video_page .item-list ul, .page-newsroom-videos .view-id-video_page .item-list ul{ margin: 40px 0; } .group:before { content: ""; display: table; clear: both; } .page-newsroom-videos .view-id-video_page .item-list ul li, .page-newsroom-videos .view-id-video_page .item-list ul li{ width: 23%; height: 300px; background-color: #555151; float: left; margin: 0 24px 25px 0; } .page-newsroom-videos .view-id-video_page .item-list ul li .views-field-view-node, .page-newsroom-videos .view-id-video_page .item-list ul li .views-field-view-node{ padding: 5px 10px; } .node-type-video #main{ background-color: #212121; } .node-type-video #bottomContent{ background-color: #333; } .node-type-video h1.title{ color: #fff; padding-top: 40px; } .node-type-video .field-name-body{ padding: 15px 0 0px 0; } .node-type-video .field-name-body p, .node-type-video .field-name-body h2, .node-type-video .field-name-body h3 { color: #fff; } .node-type-video .field-name-body a{ color: #fff; text-decoration: underline; } .node-type-video .field-name-body a:hover{ color: #fff; text-decoration: none; } .node-type-video .field-name-field-cover-image-caption { color: #fff; font-size: 14px; } .ccVideoDate { color: #fff; } .ccRelatedVideos{ padding: 30px 0 30px 0; } .ccRelatedVideos .item-list ul{ display: flex; justify-content: space-between; } .ccRelatedVideos .item-list ul li{ width: 21%; background-color: #555151; } .ccRelatedVideos .item-list ul li a{ color: #fff; } .ccRelatedVideos .item-list ul li .views-field-view-node{ padding: 10px; } .ccRelatedVideos .item-list ul li .views-field-view-node a{ color: #fff; } .view-home-events .view-header{ position: relative; } #ccEventNavLeft{ position: absolute; left: -20px; top: 40px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right:20px solid #A95C42; line-height: -1000; overflow: hidden; color: transparent; cursor: pointer; } #ccEventNavRight{ position: absolute; right: -20px; top: 40px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left:20px solid #A95C42; line-height: -1000; overflow: hidden; color: transparent; cursor: pointer; } .ccSidebarAccordion .view{ display: none; } .ccSidebarAccordion h3.title, #sidebar-second .accordion-menu-wrapper h3.ui-state-default { cursor: pointer; background-image: url(../images/bot-open@2x.png); background-repeat: no-repeat; background-position: 97% center; background-size: 29px; color: #fff; background-color: #ab0520; padding: 5px 12px; text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 1.3em; border-radius: none; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 0px; border-bottom-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-radius: 0px; border-bottom-right-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tr { border-top-left-radius: 0px; } .ui-widget-content { border: none; } /*#sidebar-second .accordion-menu-wrapper h3.ui-state-active{ font-size: 1.6em; }*/ .svp-message-block h3.title, #sidebar-second .accordion-menu-wrapper h3.ui-state-active { color: #ab0520; background-color: #fff; padding: 5px 12px; border: 2px solid #ab0520; text-align: center; background-image: none; border-radius: none; font-size: 22px; font-weight: bold; } .ccSidebarAccordion h3.title.opened{ background-image: url(../images/bot_close@2x.png); } .svp-message-block a, .ccSidebarAccordion a{ color: #1E5288; } #sidebar-second .accordion-menu-wrapper ul.menu { list-style: none; list-style-type: none; margin: 0; padding: 0; } #sidebar-second .accordion-menu-wrapper ul.menu li{ list-style-image: none; margin: 0; padding: 0; text-align: left; padding: 5px; line-height: 1.5em; font-size: 16px; } #sidebar-second .accordion-menu-wrapper ul.menu li a{ color: #1E5288; } .svp-message-block .date-display-single, .ccSidebarAccordion .date-display-single{ font-size: 12px; } a.svpLink{ color: #ab0520; background-color: #fff; padding: 5px 12px; border: 2px solid #ab0520; text-align: center; font-size: 18px; display: block; background-image: url(../images/button-watch-arrow@2x.png); background-size: 13px; background-position: 95% center; background-repeat: no-repeat; } .ccSubmitStoryBlock{ border: 2px solid #A95C42; text-align: center; } .ccSubmitStoryBlock p{ padding: 0 0 0 0; margin: 0 0 0 0; } .ccSubmitStoryBlock h3{ background-color: #A95C42; color: #fff; font-size: 18px; text-transform: uppercase; margin: 0 0 0 0; padding: 7px 16px; } .ccSubmitStoryBlock a{ display: block; background-color: #fff; color: #A95C42; text-decoration: none; text-transform: uppercase; padding: 7px 0; font-size: 18px; font-weight: 300; } #os-share-even-more, .osshare_imagepoup, #os-share-more { text-align: left; } h3.subhead{ text-align: center; color: #999; } .page-node-384 h1.title{ display: none; } .page-node-384 h1.field-content{ margin-bottom: 0px; padding-bottom: 0px; } .page-node-384 .views-field-field-release-date{ font-size: 14px; } #disabilityStatement, .disabilityStatement{ background-color: #F4F4F4; padding: 15px; margin: 10px 0 2em 0; font-style: italic; } #homeBox5Head{ margin-top: 50px; } #homeGrants .view-home-grants ul{ display: flex; justify-content: space-between; } #homeGrants .view-home-grants ul li { width: 30%; } #homeGrants .view-home-grants ul li.views-row{ background-color: transparent; } #homeGrants .view-home-grants ul li .views-field-field-dollar-amount-text, #homeGrants .view-home-grants ul li .views-field-field--dollar-amount, #homeGrants .view-home-grants ul li .views-field-field-dollar-amount{ background-color: #a95c42; color: #fff; font-size: 23px; line-height: 33px; padding: 3px 12px 3px 12px; background-repeat: no-repeat; background-position: right -38px top 0px; background-image: url(../images/tri-pointer-white@2x.png); background-size: 75px; } #homeGrants .view-home-grants ul li .views-field-field-principal-investigator{ background-color: #F4F4F4; font-size: 14px; font-weight: bold; padding: 2px 12px; margin: 0 0 3px 0; } #homeGrants .view-home-grants ul li .views-field-field-teaser-title{ background-color: #F4F4F4; font-size: 12px; line-height: 13px; min-height: 54px; padding: 5px 12px; margin: 3px 0; } #homeGrants .view-home-grants ul li .views-field-field-unit{ background-color: #F4F4F4; font-size: 12px; line-height: 13px; padding: 5px 12px 3px 12px; margin: 3px 0 0 0; } #homeGrants .view-home-grants ul li .views-field-field-sponsor{ background-color: #F4F4F4; font-size: 12px; line-height: 13px; padding: 3px 12px 5px 12px; margin: 0 0 3px 0; } #homeGrants .view-home-grants ul li .views-field-field-activity-text-{ background-color: #F4F4F4; font-size: 12px; line-height: 13px; padding: 3px 12px 5px 12px; margin: 0 0 3px 0; } .item-list ul li.ccNewsArchiveItem{ list-style: none; margin: .5rem .5rem; padding: 0 0 0 0; display: block; float: left; width: calc(25% - 1em); height: 300px; background-color: #f5f2ee; position: relative; overflow: hidden; } /*.item-list ul li.ccNewsArchiveItem:nth-child(4){ margin: 0 0 32px 0; }*/ .item-list ul li.ccNewsArchiveItem .views-field-view-node, .item-list ul li.ccNewsArchiveItem .views-field-type, .item-list ul li.ccNewsArchiveItem .views-field-field-external-story-link-2, .item-list ul li.ccNewsArchiveItem .views-field-field-card-headline { padding: 10px 12px 0 12px; line-height: 1.2em; } .item-list ul li.ccNewsArchiveItem .views-field-type { font-size: .8em; } .item-list ul li.ccNewsArchiveItem .views-field-view-node a, .item-list ul li.ccNewsArchiveItem .views-field-field-external-story-link-2 a, .item-list ul li.ccNewsArchiveItem .views-field-field-card-headline a { color: #49595E; text-decoration: none; } .mobileGRblock{ display: none; } .ccpostDate{ font-size: 0.7em; } .node-type-event .field-name-field-original-event-link a, .node-type-grand-rounds .field-name-field-link-to-original-story a, .node-type-announcement .field-name-field-original-event-link a { display: inline-block; color: #fff; border: 1px solid #A95C42; padding: 4px 25px; margin: 0 7px; text-align: center; background-color: #A95C42; } .node-type-event .field-name-field-original-event-link a:hover, .node-type-grand-rounds .field-name-field-link-to-original-story a:hover, .node-type-announcement .field-name-field-original-event-link a:hover{ background-color: #fff; color: #A95C42; text-decoration: none; } /* CUSTOM FIXES */ /* . ADD PHASE 2 STYLES */ .page-node-719 h1 { text-align: center; padding-bottom: 0; margin-bottom: 0; } .page-node-719 h3 { color: #333; font-size: 1.1em; background-color: #F4EDE5; padding: .5em; font-weight: bold; } a.bot-red, a.bot-red:link, a.bot-red:visited { display: inline-block; padding: 5px 10px; color: #fff; background-color: #AB0520; font-size: .9em; text-transform: uppercase; margin-bottom: 2px; } a.bot-red:hover { background-color: #0c234b; text-decoration: none; } /* ANNOUNCEMENTS */ #homeAnnouncements { background-color: #f4f4f4; padding: 20px 0; } #homeAnnouncements h3.title { color: #8D8D8D; font-weight: 700; text-transform: uppercase; } #homeAnnouncements .announcement-block-container ul li { background-color: #fff; } .announcement-page-display .views-row { border-left-style: solid; border-color: #007D84; border-width: 6px; padding: 10px; margin-bottom: 2em; } .announcement-page-display .views-row-even { background-color: #F4F4F4; } .announcement-page-display .views-field-title a:link, .announcement-page-display .views-field-title a { font-size: 20px; color: #49595E; text-decoration:none; } .announcement-page-display .views-field-title a:hover { text-decoration: underline; } .announcement-page-display .views-field-field-announcement-city, .announcement-page-display .views-field-field-audience { font-size: 16px; } .announcement-block-container ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .announcement-block-container ul li { flex-basis: 23%; background-color: #F4F4F4; border-top-style: solid; border-color: #007D84; border-width: 6px; margin-bottom: 1em; } .announcement-block-container ul li.views-row { padding: .5em; line-height: 1.3em; } .announcement-block-container ul li div.views-field-title a:link, .announcement-block-container ul li div.views-field-title a, .announcement-block-container ul li div.views-field-title a:visited { font-weight:bold; color:#0C234B; } /*Added by Rita | Styles for Clone this event/announcement */ ul.action-links{ list-style: none; padding-left: 0; } ul.action-links li { margin: 0; padding: 0; margin-bottom: 2em; } ul.action-links a { color: #AB0520; /*width: 250px;*/ border: 2px solid #AB0520; font-weight: bold; padding: 4px 50px 4px 10px; margin: 20px 0 12px 0; text-align: left; background-color: #fff; background-image: url(../images/icon-copy-on-2@2x.png); background-size: 25px; background-repeat: no-repeat; background-position: 95% center; text-transform: uppercase; } /* Added by Paul | hide location on events | REMOVED by Paul 9/22/20*/ /*.node-type-event .field-name-field-announcement-city { display:none; }*/ .page-node-edit .field-name-field-announcement-city { display: block; } /* GRAND ROUNDS PHASE 2 */ a.action-grand-rounds { color: #A95C42; border: 2px solid #A95C42; background-image: url(../images/add-button-plus-mesa@2x.png); background-position: 98% center; } a:hover.action-grand-rounds { background-color: #A95C42; } a.passive-grand-rounds { background-color: #A95C42; border: 2px solid #A95C42; } .node-type-grand-rounds .addthis_toolbox, .node-type-event .addthis_toolbox { text-align: left; } .group-right .field-group-html-element, .group-right .group-audience { margin-bottom: 3em; } .gr-block-container ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .gr-block-container ul li { flex-basis: 48%; background-color: #f4f4f4; margin-bottom: 1em; } .gr-block-container .gr-category, .gr-page-container .gr-category { background-color: #A95C42; padding: .5em; color: #fff; font-weight: 700; } .gr-block-container .gr-title, .gr-page-container .gr-title { background-color: #E2E9EB; color: #0C234B; padding: .5em; } .gr-block-container .gr-title a, .gr-block-container .gr-title a:link, .gr-block-container .gr-title a:visited, .gr-page-container .gr-title a, .gr-page-container .gr-title a:link, .gr-page-container .gr-title a:visited{ color: #0C234B; text-decoration: none; font-weight: 700; } .gr-block-container .gr-title a:hover, .gr-page-container .gr-title a:hover{ color: #AB0520; text-decoration: underline; } .gr-block-container .gr-info-container, .gr-page-container .gr-info-container { padding: .5em; font-weight: bold; color: #333333; } .gr-block-container .gr-date, .gr-page-container .gr-date { line-height: normal; margin-bottom: .8em; } .gr-block-container .gr-presenter-names, .gr-page-container .gr-presenter-names { font-size: .9em; line-height: normal; } .gr-block-container .gr-button a, .gr-page-container .gr-button a{ border: 1px solid #ab0520; color: #ab0520; text-decoration: none; display: inline-block; padding: 0 10px 0 10px; border-radius: 20px; text-transform: uppercase; /*background-image: url(../images/button-watch-arrow@2x.png); background-size: 10px; background-position: 95% center; background-repeat: no-repeat;*/ font-size: .8em; font-weight: 700; float: right; } .gr-block-container .gr-button a:hover, .gr-page-container .gr-button a:hover{ text-decoration: underline; } .gr-page-container .gr-col-left { width: 10%; float: left; background-color: #ffffff; } .gr-page-container .gr-col-right { float:right; width: 90%; background-color: #f4f4f4; } .gr-page-container .gr-row-2 { display: block; background-color: #f4f4f4; display: flex; align-items: stretch; } .gr-page-container .gr-photo-2 img { margin-top: 1em; } /* EVENTS PHASE 2 */ a.action-event { color: #AB0520; border: 2px solid #AB0520; background-image: url(../images/add-button-plus-red@2x.png); background-position: 98% center; } a:hover.action-event { background-color: #AB0520; } a.passive-event { background-color: #AB0520; border: 2px solid #AB0520; } a:hover.passive-event { background-color: #AB0520; border: 2px solid #AB0520; } /* EVENTS PAGE */ .event-page-display .event-list-wrapper{ border-left-style: solid; border-color: #AB0520; border-width: 6px; padding: 10px; margin-bottom: 2em; margin-left: 2em; } .event-page-display .views-row-even .event-list-wrapper{ background-color: #F4F4F4; } .event-page-display .event-list-col-left { } .event-page-display .event-list-col-right { padding-left: 40px; } .event-page-display .views-field-title a:link, .event-page-display .views-field-title a { font-size: 20px; color: #ab0520; text-decoration:none; } .event-page-display .views-field-title a:hover { text-decoration: underline; } .event-page-display .views-event-fields { font-size: 14px; } .event-page-display .views-event-fields .date-display-single { font-weight: bold; } .event-block-container ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .event-block-container ul li { flex-basis: 23%; background-image: linear-gradient(rgb(244, 244, 244), rgba(255,255,255)); margin-bottom: 1em; } .event-block-container ul li.views-row { padding: 0; line-height: 1.3em; } .event-block-container ul li div.views-field-title a:link, .event-block-container ul li div.views-field-title a, .event-block-container ul li div.views-field-title a:visited { font-weight:bold; color:#0C234B; } .event-block-container .event-date-block { width: 20%; float:left; display: block; } .event-block-container .event-info { float: right; width: 80%; padding: .5em; } .event-block-container .datemonth { background-color: #ab0520; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 30px; font-size: 12px; text-align:center; } .event-block-container .dateday { background-color: #ffffff; color: #333; font-weight: 700; text-transform: uppercase; line-height: 30px; font-size: 12px; text-align:center; } .event-block-container .event-title a:link, .event-block-container .event-title a:visited{ font-weight: bold; color: #0c234b; } .event-block-container .event-title a:hover { color: #ab0520; text-decoration: none; } .group-right div.eventDate { margin-bottom: 3em; } .node-type-grand-rounds .group-left .field-type-link-field, .node-type-event .group-left .field-type-link-field { margin-bottom: .5em; } .node-type-grand-rounds .group-left .field-label, .node-type-event .group-left .field-label, .node-type-announcement .group-left .field-label, .node-type-event .group-left .label-above, .node-type-announcement .group-left .label-above, .node-type-grand-rounds .group-left .label-above { /*font-weight: normal; font-size: 30px; color:#49595E; margin-bottom: 1em;*/ font-weight: bold; font-size: 16px; color:#333; margin-bottom: .8em; } .event-page-display .views-row-even .event-list-wrapper{ background-color: #F4F4F4; } .event-page-display .views-field-title a:link, .event-page-display .views-field-title a { font-size: 20px; color: #ab0520; text-decoration:none; } .event-page-display .views-field-title a:hover { text-decoration: underline; } /* MEMO FILES */ span.file span.file-icon { display: none; } .field-name-field-files table { margin-bottom: 2em; } .field-name-field-files table thead { display: none; } .field-name-field-files table tbody { border-top:none; } .field-name-field-files table tr { height: 60px; } .field-name-field-files table tr.odd, .field-name-field-files table tr.even { border-bottom: none; } .field-name-field-files span.file a { padding: 0 0 0 60px; font-weight: bold; } .field-name-field-files span.file a[type*="application/pdf"] { background: url(../images/icon-download.png) no-repeat; height: 60px; display:block; } .field-name-field-files span.file a[type*="application/zip"] { background: url(../images/icon-download.png) no-repeat; height: 60px; display:block; } .field-name-field-files span.file a[type*="application/ppt"] { background: url(../images/icon-download.png) no-repeat; height: 60px; display:block; } .field-name-field-files span.file a[type*="application/pptx"] { background: url(../images/icon-download.png) no-repeat; height: 60px; display:block; } .field-name-field-files span.file a[type*="application/doc"] { background: url(../images/icon-download.png) no-repeat; height: 60px; display:block; } .field-name-field-files span.file a[type*="application/docx"] { background: url(../images/icon-download.png) no-repeat; height: 60px; display:block; } /* PHASE 2 EVENTS */ /* COLLEGE PAGES */ ul.hsc_cardList li { list-style: none; margin: .5rem .5rem; padding: 0 0 0 0; /* flex: 1 0 calc(25% - 1em); */ display: block; float: left; width: calc(25% - 1em); height: 300px; background-color: #f5f2ee; position: relative; overflow: hidden; } ul.hsc_cardList li h5{ margin: 12px 10px 33px; font-size: 16px; font-weight: 500; line-height: 18px; } /* End Campus Connect full screen stuff */ /************************ Display Suite Styles Added: 3/2/2020 By: Rita **************************/ .node-type-announcement .group-left, .node-type-event .group-left, .node-type-grand-rounds .group-left{ width: 70%; } .node-type-announcement .group-right, .node-type-event .group-right, .node-type-grand-rounds .group-right{ width: 25%; } .node-type-grand-rounds .group-location h3, .node-type-grand-rounds .group-contact h3, .node-type-event .group-location h3, .node-type-event .group-contact h3, .node-type-event .group-right .group-audience h3, .node-type-announcement .group-location h3, .node-type-announcement .group-contact h3 { margin: 0.5em 0 0; padding-bottom: 0; } .node-type-announcement .group-right .group-contact h3 { margin: 0 0 1em 0; padding-bottom: 0; } .node-type-announcement .group-audience, .node-type-announcement .group-contact { margin-bottom: 2em; } .node-type-announcement .group-audience .field, .node-type-announcement .group-contact .field{ font-family: proxima-nova, Verdana, Geneva, sans-serif; font-size: 16px; } /*Based on style ccpostDate */ .node-type-announcement .group-left .field-name-post-date, .node-type-event .group-left .field-name-post-date{ margin-bottom: 1.0em; } .entity-field-collection-item .field-name-field-event-presenter-name { margin: 2px 0; font-weight: bold; } .entity-field-collection-item .field-name-field-event-presenter-affiliatio{ margin-bottom: 3px; } .entity-field-collection-item .field-name-field-event-presenter-s-bio{ margin-top: 10px; } @media screen and (max-width: 1850px) { #homeBox1 { margin-left: 20px; margin-right: 20px; } .node-type-announcement .field-name-dynamic-view-event-date-mobi, .node-type-event .field-name-dynamic-view-event-date-mobi, .node-type-grand-rounds .field-name-dynamic-view-event-date-mobi { display:none; } .node-type-announcement .field-name-dynamic-view-event-date, .node-type-event .field-name-dynamic-view-event-date, .node-type-grand-rounds .field-name-dynamic-view-event-date { display: block; } } @media screen and (max-width: 1420px) { /* #homeFeatured1{ width: 45%; flex-grow: 0; flex-shrink: 0; } #homeFeatured2{ width: 20%; flex-grow: 0; flex-shrink: 0; min-width: inherit; } #homeFeatured3{ width: 35%; flex-grow: 0; flex-shrink: 0; } */ #homeFeatured2 ul { margin: 0 0 0 15px; /* font-size: 14px; line-height: 1.1em; */ } #homeFeatured3 .block-views { margin: 0 0 0 15px; } #homeFeatured3 li { margin: 0 0 0 0; padding: 10px 10px; font-size: 14px; line-height: 1.1em; } } @media screen and (max-width: 1360px) { .view-event-date .eventDate { position: relative; top: 0px; left: 0px; margin: 0 0 10px 0; } .view-event-date-two .eventDate2 { position: relative; top: 0px; left: 0px; margin: 0 0 10px 0; } .node-type-event .eventDate .eventTime, .node-type-event .eventDate2 .eventTime { position: absolute; width: 200px; left: 95px; top: 20px; text-align: left; font-weight: 700; } .node-type-grand-rounds .views-field-nothing-1 .field-content .eventDate { position: relative; top: -20px; left: 0px; } .eventDate .eventTime, .eventDate2 .eventTime { position: absolute; width: 200px; left: 95px; top: 20px; text-align: left; } .horizStories #newsLeftNav, .horizStories #newsOutLeftNav, .horizStories #newsOtherLeftNav { left: inherit; right: 40px; border-right: 15px solid #A95C42; } .horizStories #newsRightNav, .horizStories #newsOutRightNav, .horizStories #newsOtherRightNav { right: 0px; border-left: 15px solid #A95C42; } .horizStories .newsNav { top: -40px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } } @media screen and (max-width: 1200px) { #header .container{ margin-right: 0px; width: auto; } .view-photo-galleries .view-content ul li { list-style: none; padding: 0 0 0 0; /* margin: 0 0 0 0; */ width: 29%; /*height: auto;*/ height: 300px; background-color: #5f5f5f; overflow: hidden; float: left; margin: 0 15px 15px 15px; } .view-photo-galleries .view-content ul li:nth-child(3n) { margin: 0 15px 15px 15px; } .view-photo-galleries h4 a, .view-photo-galleries h4 a:link, .view-photo-galleries h4 a:visited, .view-photo-galleries h4 a:active{ font-size: 14px; } #homeBox1{ /* margin-left: 0px; margin-right: 0px; */ } #homeFeatured1{ width: 50%; flex-grow: 0; flex-shrink: 0; } #homeFeatured2{ width: 20%; flex-grow: 0; min-width: 200px; } #homeFeatured3{ width: 30%; flex-grow: 0; flex-shrink: 0; } #homeFeatured2 ul { margin: 0 0 0 15px; font-size: 14px; line-height: 1.1em; } #homeFeatured3 .block-views { margin: 0 0 0 15px; } #homeFeatured3 li { margin: 0 0 0 0; padding: 10px 10px; font-size: 14px; line-height: 1.1em; } /* #homeFeatured2 ul { margin: 0 0 0 40px; } */ .node-type-photo-gallery .field-name-field-images .field-items .field-item { padding: 0 0 0 0; width: 29%; height: auto; background-color: #8f8f8f; overflow: hidden; float: left; margin: 0 15px 15px 15px; color: #fff; } .node-type-photo-gallery .field-name-field-images .field-items .field-item:nth-child(3) { margin: 0 15px 15px 15px; } .accordionBlock .accordionContent .contentRight img { float: none; margin: 0 0 10px 0; width: 100%; } .ccVideoTop{ width: 100%; float: none; } .ccVideoTopRight{ width: 100%; float: none; } .ccVideoTopRight ul.ccVideoSideThree{ display: flex; justify-content: space-between; } .ccVideoTopRight ul.ccVideoSideThree li{ width: 30%; } .page-newsroom-videos .view-id-video_page .item-list ul li, .page-newsroom-videos .view-id-video_page .item-list ul li { width: 22%; height: 300px; } #homeATboxes .view-home-the-forum .view-header, .sidebarATboxes .view-sidebar-the-forum .view-header{ background-image: url(../images/logo-forum-mobi@2x.png); background-color: #a95c42; background-size: auto 70%; } #homeATboxes .view-home-the-faculty-commons .view-header, .sidebarATboxes .view-sidebar-the-faculty-commons .view-header{ background-image: url(../images/logo-advisory-mobi@2x.png); background-color: #333333; background-size: 90%; } #homeATboxes .view-home-phoenix-biomedical .view-header, .sidebarATboxes .view-sidebar-phoenix-biomedical .view-header{ background-image: url(../images/logo-phx-mobi@2x.png); background-color: #0c234b; background-size: 90%; } .news_topItem h4, .news_topItem h4 a{ font-size: 24px; } .news_topItem .rightBox{ font-size: 16px; } .ccHead h1 img{ padding:0 15px; } } @media screen and (max-width: 850px) { /***************************/ /* RESPONSIVE IMAGE STYLES */ /***************************/ .image-large_image { width: 100%; height: auto; } .image-medium_image { width: 100%; height: auto; } .image-small_image { width: 250px; height: auto; } .image-very_small_image { width: 150px; height: auto; } .node-type-grand-rounds .field-name-field-photo{ float: right; margin: 0 0 10px 10px; width: 100px; } span[data-picture-align="right"], img[data-picture-align="right"], span.image-caption-container-right { float: right; margin-left: 1em; margin-bottom: 1em; margin-top: 1em; } span[data-picture-align="left"], img[data-picture-align="left"], span.image-caption-container-left { float: left; margin-right: 1em; margin-bottom: 1em; margin-top: 1em; } /* END RESPONSIVE IMAGE STYLES */ ul.sf-menu.menu li { margin: 0 0 0 0; } #mainHeaderBlock .flexTwo{ display: none; } #mainHeaderBlock .flexOne{ width: 100%; text-align: center; } a#logo { margin: 15px; } #headerWide h1{ font-size: 12px; } #headerWide h1 img{ max-width: 60%; } #topBar .flexTwo{ display: none; } #topBar .flexOne{ width: 100%; text-align: center; } #homeBox1 { display: block; } #homeFeatured1 { width: 100%; } #homeFeatured2 { width: 100%; } #homeFeatured2 .view-featured-content-two ul { display: flex; justify-content: space-between; margin: 0 0 0 0; } #homeFeatured2 .view-featured-content-two ul li{ width: 48%; } #homeFeatured3{ width: auto; } #homeFeatured3 .block-views { margin: 0 0 0 0; } #homeFeatured3 h3.title { background-color: #333; color: #fff; padding: 7px; margin: 0 0 0 0; font-weight: 500; font-size: 16px; text-align: left; } h1.title{ font-size: 1.6em } .node-type-grand-rounds .group-left .field-label, .node-type-event .group-left .field-label, .node-type-announcement .group-left .field-label, .node-type-event .group-left .label-above, .node-type-announcement .group-left .label-above, .node-type-grand-rounds .group-left .label-above { font-size: 24px; margin-bottom: 1em; } h3 { font-size: 1.2em; } #homeFeatured3 .view-home-announcements { padding-top: 0; background-image: none;; } h3#homeBox2Head:before { content: none; display: none; } h3#homeBox2Head { background-color: #F5F2EE; padding: 10px 0 40px 0; background-image: url(../images/divider-line-mobi@2x.png); } h3.homeHeaders { padding: 10px 0 40px 0; margin: 0 auto; color: #999; text-transform: uppercase; font-size: 20px; line-height: 22px; font-weight: 100; background-image: none; background-repeat: no-repeat; background-position: left bottom; text-align: center; background-image: url(../images/divider-line-mobi@2x.png); background-repeat: no-repeat; background-position: center bottom; } h3.homeHeaders span, h3#homeBox2Head span { color: #999; font-weight: 700; } #homeBox2 { min-height: inherit; background-image: none; background-color: #F5F2EE; } #homeEventSlider { padding: 10px 0; } #homeFeatured3 .view-footer, #homeBox2 .view-footer{ display: none; } #homeEventSlider .view-home-events li { height: 100px } #homeEventSlider .view-home-events .item-list { height: 100px; } #homeEventSlider .datemonth, #homeEventSlider .dateday { width: 60px; display: block; text-align: center; } #homeEventSlider .view-home-events li { width: 250px; padding: 0 0; text-align: left; border-right: 1px solid #ccc; margin: 0 12px 0 0; } #homeEventSlider .eventDate .eventTime { text-align: left; } #homeEventSlider .dateBoxHolder { float: left; margin-right: 10px; } .view-home-announcements .item-list{ width: 100%; height: 120px; overflow: hidden; position: relative; } .view-home-announcements ul{ display: flex; position: absolute; top: 0px; left: 0px; transition: left 1s; } .view-home-announcements ul li{ width: 250px; flex-grow: 0; flex-shrink: 0; border-right: 1px solid #ccc; margin: 0 12px 0 0; } #homeFeatured3 li.views-row-odd { background-color: transparent; } #homeATboxes { display: block; } #homeATboxes .block { width: auto; background-color: transparent; } #homeATboxes .view-content { min-height: inherit; } #homeATboxes .view-home-the-forum .view-content { background-image: none; } #homeATboxes .view-home-the-faculty-commons .view-content { background-image: none; } #homeATboxes .view-home-phoenix-biomedical .view-content { background-image: none; } h3.homeHeaders#homeBox3Head{ background-color: #fff; } .news_topItem{ display: block; } .news_topItem .leftBox { width: auto; } #homeNews1 .news_topItem .rightBox { width: auto; padding: 12px 12px 12px 12px; background: linear-gradient(0deg, rgba(245,242,238,1) 0%, rgba(255,255,255,1) 100%); } .news_topItem .rightBox .alignRight a{ display: none; } #homeNews2 { margin: 12px 0; } #homeNews2 .view-footer{ } #homeNews2 ul.featured_topThree { display: block; width: 100%; } #homeNews2 .views-field-field-card-image, #homeNews2 .views-field-field-external-story-link-1, .newsPageTwo .views-field-field-external-story-link-1, .newsCategoriesRow1 .views-field-field-external-story-link-1, .newsCategoriesRow2 .views-field-field-external-story-link-2, .newsCategoriesRow3 .views-field-field-external-story-link-2 { width: 120px; margin-right: 12px; flex-shrink: 0; } #homeNews2 ul.featured_topThree li { width: auto; padding: 10px 10px; display: flex; background: linear-gradient(0deg, rgba(245,242,238,1) 0%, rgba(255,255,255,1) 100%); } #homeNews2 ul.featured_topThree li .views-field-view-node{ font-size: 14px; } #homeNews1 { padding: 0 0; } .ccHomeHonors h3.title { text-align: center; } .ccHomeHonors .item-list ul li .views-field-field-image-tease { width: auto; float: none; margin-right: 0; } .ccHomeHonors .item-list ul li { width: 48%; background-color: #fff; } #homeBox3 { padding-bottom: 0px; } h3#homeBox4Head { padding-top: 15px; } #homeBox4 .container { display: block; margin-left: 10px; margin-right: 10px; } #homeBox4 #homePhotoTop { width: auto; } #homeBox4 #homePhotoMore { width: auto; } #homeBox4 #homePhotoMore .view-home-gallery-two .view-content{ display: flex; justify-content: space-between; margin: 10px 0; } #homeBox4 #homePhotoMore .view-home-gallery-two .view-content .views-row{ width: 48%; } #homeBox4 .container#photoBox { display: block; } #homeBox6Head { margin-top: 15px; } #homeBox6 { display: block; margin-bottom: 15px; } #homeMedia { width: auto; } #homeMedia .views-field-body{ display: none; } #homeMedia .views-row-even { background-color: #fff; } #socialmediaTabs { width: auto; } .page-bottom-menu ul li { margin: 4px 0; padding: 0 0; list-style: none; display: block; } .view-id-health_sciences_news ul { display: block; } .view-id-health_sciences_news ul li { width: auto; padding: 10px 10px; display: flex; } .view-id-health_sciences_news li .views-field-view-node{ font-size: 14px; } .view-id-health_sciences_news li .views-field-field-card-image { width: 120px; margin-right: 12px; flex-shrink: 0; } .view-id-health_sciences_news ul li:last-child { padding: 10px 10px; } .news_topItem .rightBox { width: auto; padding: 12px 12px 12px 12px; } .views-field-field-teaser{ display: none; } .block-addthis{ display: none; } #main #content article img{ width: 100%; height: auto; margin: 12px 0 12px 0; } #main #content article .field-name-field-cover-image .field-item img{ margin: 0 0 0 0; } blockquote, .pullquote { width: 100%; float: none; padding: 1em; margin: 0 0 0 0; text-align: center; } .relatedNews h3 { text-align: left; } .relatedNews { background-color: #fff; padding: 0 0 0 0; margin-bottom: 15px; } ul.tih_cardList li{ display: flex; margin: 0 0 10px 0; background-color: #fff; } ul.tih_cardList li .views-field-field-card-image{ width: 120px; flex-shrink: 0; margin-right: 12px; } .view-photo-galleries .view-content ul li { width: 43%; /*height: auto;*/ height: 300px; margin: 0 15px 15px 15px; } .view-photo-galleries .view-content ul li:nth-child(3) { margin: 0 15px 15px 15px; } .node-type-photo-gallery .field-name-field-images .field-items .field-item { width: 43%; height: auto; margin: 0 15px 15px 15px; } .node-type-photo-gallery .field-name-field-images .field-items .field-item:nth-child(3) { margin: 0 15px 15px 15px; } #main #content article .field-name-field-images .field-items .field-item img { margin: 0 0 0 0; } a#logo img { max-width: 75%; } .galleryTopImage .galleryTopCaption { color: #fff; background-image: none; background-color: #5f5f5f; padding: 25px 12px; position: inherit; top: inherit; font-size: 22px; line-height: 22px; margin-bottom: 15px; } #header .container { margin-right: 20px; } .eventFooterBlock { display: block; } .eventFooterBlock .boxLeft, .eventFooterBlock .boxRight { width: auto; } .ccOtherHonors h3.title{ display: none; } .ccOtherHonors .item-list ul li{ display: flex; margin: 0 0 0 0; padding: 10px; } .ccOtherHonors .item-list ul li .views-field-field-image-tease{ width: 120px; flex-shrink: 0; margin-right: 12px; } .ccOtherHonors .item-list ul li.views-row-even { background-color: #fff; } .accordionBlock .accordionContent .accordionFlex .labelLeft { display: none; } .accordionBlock .accordionContent .accordionFlex .contentRight { width: auto; display: inline-block; } .accordionBlock .accordionContent .accordionFlex { display: block; margin: 0 0 0 0; } .ccLabel { float: none; font-weight: bold; text-transform: uppercase; display: inline-block; margin-right: 1em; } .ccField { margin: 0 0 0 0; display: inline-block; } .ccField img { float: none; margin: 0 0 10px 0; width: 100%; } .view-home-videos-2 .view-content { display: block; } .view-home-videos-2 .view-content .views-row{ display: flex; width: auto; padding: 10px; } #homeBox4 .view-home-videos-2 .view-content .views-row.views-row-odd{ background-color: #454545; } .view-home-videos-2 .view-content .views-row .views-field-field-card-image{ width: 120px; margin-right: 15px; } .ccHomeVideoEmbed { margin: 0 0 0 0; } #homeBox4 { padding: 0 0 0 0; } .ccRelatedVideos .item-list ul{ display: block; } .ccRelatedVideos .item-list ul li{ width: auto; background-color: inherit; display: flex; margin: 0 0 10px 0; } .ccRelatedVideos .item-list ul li .views-field-field-card-image{ width: 120px; margin-right: 15px; flex-shrink: 0; } .ccRelatedVideos .item-list ul li.views-row-even { background-color: #f5f2ee; } #ccEventNavLeft, #ccEventNavRight{ display: none; } #topBar .container .flexOne img { max-width: 80%; height: auto; } .horizStories{ padding: 10px; background-color: #f5f2ee; } .horizStories .view-header{ display: none; } .news-item-list { position: relative; width: 100%; height: 402px; overflow: hidden; } ul.newsHorizList { display: block; } .item-list ul.newsHorizList li { width: auto; height: 93px; overflow: hidden; display: flex; background-color: transparent; margin: 0 0 10px 0; } .item-list ul.newsHorizList li .views-field-field-card-image{ width: 120px; margin-right: 10px; flex-grow: 0; flex-shrink: 0; } .view-featured-story-blocks .views-field-title h1 { font-size: 1.8em; margin-top: 0.9em; padding: 0 0 0 0; } .mobileGRblock { display: block; } .mobileGRblock .item-list{ width: 100%; height: 80px; overflow: hidden; position: relative; } .mobileGRblock ul{ display: flex; position: absolute; top: 0px; left: 0px; transition: left 1s; } .mobileGRblock ul li{ width: 250px; flex-grow: 0; flex-shrink: 0; border-right: 1px solid #ccc; margin: 0 12px 0 0; font-size: 14px; padding: 7px; line-height: 16px; position: relative; } .mobileGRblock h3.title { background-color: #333; color: #fff; padding: 7px; margin: 0 0 0 0; font-weight: 500; font-size: 16px; text-transform: uppercase; } .mobileGRblock .item-list ul li .views-field-view-node a { position: absolute; color: transparent; line-height: -10000px; width: 250px; height: 50px; top: 0px; right: 0px; } .page-newsroom-videos .view-id-video_page .item-list ul li, .page-newsroom-videos .view-id-video_page .item-list ul li { width: 29%; height: 300px; float: left; margin: 0 24px 25px 0; } .ccVideoTopRight ul.ccVideoSideThree li { font-size: 14px; line-height: 1em; } #homeGrants .view-home-grants ul { display: block; } #homeGrants .view-home-grants ul li { width: auto; } #homeGrants .view-home-grants ul li .views-field-field-dollar-amount-text { font-size: 16px; line-height: 22px; padding: 3px 12px 3px 12px; background-image: none;; } .news_topItem h4, .news_topItem h4 a{ font-size: 24px; } #homeNews2 .views-field-field-external-story-link-1 .typevideo::before, #homeNews2 .views-field-field-card-image .videoOverlay::before, .college-news ul.hsc_cardList .typephoto_gallery::before, .college-newsRow ul.featured_topThree .typephoto_gallery::before { width: 40px; height: 40px; bottom: 10px; left: 0px; background-position: right top; } #homeNews2 .views-field-field-external-story-link-1 .typephoto_gallery::before, .college-news ul.hsc_cardList .typephoto_gallery::before, .college-newsRow ul.featured_topThree .typephoto_gallery::before { width: 40px; height: 40px; bottom: 10px; left: 0px; background-position: right top; background-image: url(../images/image-icon-photo.png); } #homeNews1 .leftBox .typevideo::before, #homeNews1 .leftBox .videoOverlay::before, .college-news ul.hsc_cardList .typevideo::before, .college-newsRow ul.featured_topThree .typevideo::before { width: 40px; height: 40px; bottom: 10px; left: 0px; background-position: right top; } #homeNews1 .leftBox .typephoto_gallery::before, .college-news ul.hsc_cardList .typevideo::before, .college-newsRow ul.featured_topThree .typevideo::before { width: 40px; height: 40px; bottom: 10px; left: 0px; background-position: right top; background-image: url(../images/image-icon-video.png); } .newsHorizList .views-field-field-external-story-link-1 .videoOverlay::before, .view-health-sciences-news .views-field-field-card-image .videoOverlay::before, .view-health-sciences-news-one .leftBox .videoOverlay::before { width: 25px; height: 20px; bottom: 7px; left: 0px; background-position: right top; } .view-health-sciences-news-one .leftBox .videoOverlay::before { width: 25px; height: 20px; bottom: 10px; left: 0px; background-position: right top; } .view-featured-story-blocks .views-field-field-banner-image-caption, .view-featured-story-blocks .views-field-field-cover-image-caption, .node-type-photo-gallery .field-name-field-cover-image-caption{ padding-right: 0; } .node-type-photo-gallery .field-name-body, .node-type-video .field-name-body { width: auto; } #homeBox4 .galleryTopImage .galleryTopCaption{ font-size: 14px; line-height: 18px; } .ccHomeVideoEmbed { font-size: 1em; } #homeMedia h4, .view-in-the-media-list h4 { font-size: 18px; } .ccHomeHonors .item-list ul li a, .ccHomeHonors .item-list ul li a:link, .ccHomeHonors .item-list ul li a:visited { font-size: 18px; } .announcement-block-container ul li { flex-basis: 30%; } .event-block-container ul li { flex-basis: 48%; background-image: linear-gradient(rgb(244, 244, 244), rgba(255,255,255)); margin-bottom: 1em; } .announcement-block-container ul li { flex-basis: 100%; border-left-style: solid; border-top-style:none; } .gr-block-container ul li { flex-basis: 100%; background-color: #f4f4f4; margin-bottom: 1em; } .node-type-announcement .group-left, .node-type-event .group-left, .node-type-grand-rounds .group-left{ width: 100%; float:none; } .node-type-announcement .group-right, .node-type-event .group-right, .node-type-grand-rounds .group-right{ width: 100%; float:none; } .node-type-announcement .field-name-dynamic-view-event-date-mobi, .node-type-event .field-name-dynamic-view-event-date-mobi, .node-type-grand-rounds .field-name-dynamic-view-event-date-mobi { display: block; } .node-type-announcement .field-name-dynamic-view-event-date, .node-type-evnet .field-name-dynamic-view-event-date, .node-type-grand-rounds .field-name-dynamic-view-event-date { display: none; } } /* END 800 pixel width */ @media screen and (max-width: 720px) { #sidebar-second{ padding-top: 40px; background-image: url(../images/line.png); background-repeat: no-repeat; background-position: center top; } .ccCalNav, .sidebarATboxes, .ccAddEventBlock { display: none; } .node-type-honors-and-awards .field-name-field-image-tease { float: none; margin: 0 0 10px 0; width: auto; } .node-event .field-name-field-cover-image { max-width:none; width: auto; float: none; } .ccAnnouncementSidebar{ display: none; } .page-newsroom-videos .view-id-video_page .item-list ul li, .page-newsroom-videos .view-id-video_page .item-list ul li{ width: 44%; height: 280px; float: left; margin: 0 24px 25px 0; } .page-newsroom-videos .view-id-video_page .item-list ul li .views-field-view-node, .page-newsroom-videos .view-id-video_page .item-list ul li .views-field-view-node { font-size: 14px; line-height: 1em; } #footer .flexBox { display: block; text-align: center; } #footer .flexOne, #footer .flexTwo { width: auto; text-align: center; } #footer .flexTwo ul.menu { text-align: center; } #navigation { border-top: 1px solid #eef1f1; border-bottom: none; height: 25px; } .announcement-block-container ul li { flex-basis: 100%; border-left-style: solid; border-top-style:none; } .event-block-container ul li { flex-basis: 100%; margin-bottom: 1em; } .node-type-event .field-name-field-event-presenter-photo { width: 100%; float: none; margin: 0 0 10px 10px } .node-type-grand-rounds .field-name-field-photo{ float: none; margin: 10px 0; width: 100%; } } /* END 720 pixel width */ @media screen and (max-width: 500px) { /***************************/ /* RESPONSIVE IMAGE STYLES */ /***************************/ .image-large_image { width: 100%; height: auto; } .image-medium_image { width: 100%; height: auto; } .image-small_image { width: 100%; height: auto; } .image-very_small_image { width: 200px; height: auto; } span[data-picture-align="right"], img[data-picture-align="right"], span.image-caption-container-right { float: none; margin-left: 0; margin-bottom: 0; } span[data-picture-align="left"], img[data-picture-align="left"], span.image-caption-container-left { float: none; margin-left: 0; margin-bottom: 0; } /* END RESPONSIVE IMAGE STYLES */ .view-photo-galleries ul li { width: auto; height: auto; margin: 0 0 15px 0; float: none; } .view-photo-galleries .view-content ul li { width: auto; height: auto; margin: 0 0 15px 0; float: none; } .view-photo-galleries .view-content ul li .galleryItem img{ float: left; max-width: 25%; } .view-photo-galleries .view-content ul li .galleryItem h4{ margin-left: 27%; font-size: 14px; line-height: 16px; font-weight: 300; } .view-photo-galleries h4 a, .view-photo-galleries h4 a:link, .view-photo-galleries h4 a:visited, .view-photo-galleries h4 a:active { font-size: 14px; line-height: 16px; font-weight: 300; } .view-photo-galleries .view-content ul li:nth-child(3n) { margin: 0 0 15px 0; } .view-photo-galleries ul li:nth-child(3) { margin: 0 0 15px 0; } .view-photo-galleries ul li { width: auto; height: auto; margin: 0 0 15px 0; float: none; } .view-photo-galleries ul li:nth-child(3) { margin: 0 0 15px 0; } .node-type-photo-gallery .field-name-field-images .field-items .field-item { width: auto; height: auto; margin: 0 0 15px 0; float: none; } .node-type-photo-gallery .field-name-field-images .field-items .field-item:nth-child(3) { margin: 0 0 15px 0; } .page-newsroom-videos .view-id-video_page .item-list ul li { width: auto; height: auto; float: none; margin: 0 0 12px 0; clear: both; display: flex; } .page-newsroom-videos .view-id-video_page .item-list ul li .views-field-field-card-image{ max-width: 25%; flex-grow: 0; flex-shrink: 0; } .ccVideoTopRight ul.ccVideoSideThree { display: block; } .ccVideoTopRight ul.ccVideoSideThree li { width: 100%; display: flex; margin-bottom: 12px; font-size: 14px; line-height: 1em; } .ccVideoTopRight ul.ccVideoSideThree .views-field-field-card-image{ width: 120px; margin-right: 25px; flex-grow: 0; flex-shrink: 0; } #topBar .container .flexOne img { max-width: 95%; height: auto; } a#logo img { max-width: 95%; } .news_topItem h4, .news_topItem h4 a{ font-size: 24px; } .gr-page-container .gr-col-left { display: none; } .gr-page-container .gr-col-right { float:none; width: 100%; } } /* ***************************/ /* . USER ADMIN THEME OVER-RIDES */ /*********************************/ .page-node-edit .field-name-field-memo-image, .page-node-edit .field-name-field-memo-image { float: none; width: 100%; } /* END CAMPUS CONNECT STYLE Responsive Styles */ @media screen and (min-width: 20em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); } */ } @media screen and (min-width: 45em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); } */ } @media screen and (min-width: 60em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); } */ } label { font-weight: normal; margin-bottom: 5px; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, textarea, select[multiple=multiple] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: border-color 0.1s ease-in-out; -moz-transition: border-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out; box-sizing: border-box; background-color: white; border: 1px solid #ccc; margin-bottom: 10px; padding: 2.66667px; max-width: 100%; color: #707070; } input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, textarea:hover, select[multiple=multiple]:hover { border-color: #999999; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, textarea:focus, select[multiple=multiple]:focus { border-color: black; } input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 5px; } input[type="file"] { width: auto; padding-bottom: 10px; } select { max-width: 100%; width: auto; margin-bottom: 20px; } input[type="submit"] { background: transparent; border: 1px solid black; padding: 6.66667px 10px; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } input[type="submit"]:hover { background-color: black; color: white; } html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } body:before { /* background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); */ content: ""; display: inline-block; height: 100%; left: 0; margin: 0 auto; max-width: 68em; opacity: 0.4; pointer-events: none; position: fixed; right: 0; width: 100%; z-index: -1; } @media screen and (min-width: 20em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 20%, transparent 20%, transparent 26.66667%, #eee 26.66667%, #eee 46.66667%, transparent 46.66667%, transparent 53.33333%, #eee 53.33333%, #eee 73.33333%, transparent 73.33333%, transparent 80%, #eee 80%, #eee 100%, transparent 100%); } */ } @media screen and (min-width: 45em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 9.67742%, transparent 9.67742%, transparent 12.90323%, #eee 12.90323%, #eee 22.58065%, transparent 22.58065%, transparent 25.80645%, #eee 25.80645%, #eee 35.48387%, transparent 35.48387%, transparent 38.70968%, #eee 38.70968%, #eee 48.3871%, transparent 48.3871%, transparent 51.6129%, #eee 51.6129%, #eee 61.29032%, transparent 61.29032%, transparent 64.51613%, #eee 64.51613%, #eee 74.19355%, transparent 74.19355%, transparent 77.41935%, #eee 77.41935%, #eee 87.09677%, transparent 87.09677%, transparent 90.32258%, #eee 90.32258%, #eee 100.0%, transparent 100.0%); } */ } @media screen and (min-width: 60em) { /* body:before { background-image: -webkit-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -moz-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -ms-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: -o-linear-gradient(left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); background-image: linear-gradient(to left, transparent 0, #eee 0, #eee 6.38298%, transparent 6.38298%, transparent 8.51064%, #eee 8.51064%, #eee 14.89362%, transparent 14.89362%, transparent 17.02128%, #eee 17.02128%, #eee 23.40426%, transparent 23.40426%, transparent 25.53191%, #eee 25.53191%, #eee 31.91489%, transparent 31.91489%, transparent 34.04255%, #eee 34.04255%, #eee 40.42553%, transparent 40.42553%, transparent 42.55319%, #eee 42.55319%, #eee 48.93617%, transparent 48.93617%, transparent 51.06383%, #eee 51.06383%, #eee 57.44681%, transparent 57.44681%, transparent 59.57447%, #eee 59.57447%, #eee 65.95745%, transparent 65.95745%, transparent 68.08511%, #eee 68.08511%, #eee 74.46809%, transparent 74.46809%, transparent 76.59574%, #eee 76.59574%, #eee 82.97872%, transparent 82.97872%, transparent 85.10638%, #eee 85.10638%, #eee 91.48936%, transparent 91.48936%, transparent 93.61702%, #eee 93.61702%, #eee 100.0%, transparent 100.0%); } */ } /*# sourceMappingURL=style.css.map */