@media (min-width: 45em) { body.undergrad_admissions .l-page { margin-top: 0;} .students-container {padding-right: 0;} } .l-page {background-size: contain; background-attachment: fixed;} .matrix.ask-jag {margin-bottom:0;} .tp-dottedoverlay.twoxtwo { background: rgba(0, 51, 89, 0.5);} .carousel-boxed2 .item:hover .box { box-shadow: 0 5px 0 #44D62C;} .carousel-boxed2 h4 { font-size: 14px;text-transform: none;} .box-color.green {background: #0083c6;} .box-color.yellow { background: #003359;} .matrix.fourths .items > div { width: 100%;} .matrix.events { padding-top: 0; padding-bottom: 0;} .l-head .header-right .gateway-container ul.gateway-menu {margin-bottom:0;} .navbar {z-index:997!important;} .ask-jag .main-title { color: #fff;} .matrix.ask-jag {background: #3cb6ce url('/volunteer/images/bg-section-socmed.png') no-repeat bottom; background-size: unset;} .matrix.ask-jag p, .matrix.ask-jag a {color: inherit; margin-bottom: 0;} .l-head.mini-site .header-bottom .mini-site-title {display:none;} .l-head.mini-site .header-bottom .info-for {display:none;} .cta-bar-wrapper.tall { display: none;} .ask-jag figure img {max-height:230px;} .p-list.label h3 {font-size: 16px;left: -25px; margin: 25px 0 10px 0; padding: 10px;} .l-head .mobi-toggle-wrapper .toggle .toggle-element:before, .l-head .mobi-toggle-wrapper .toggle .toggle-element:after {z-index:50px;} h3.post-title {text-transform: none; color: #003359; font-style: normal; line-height: 1.4;} .l-content p a { color: #0066cc; position: relative; padding-bottom: 2px; font-weight: 600; } .l-content p a:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; background-color: #6ebde7; width: 0%; display: block; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out; } .l-content p a:hover { color: black; } .l-content p a:hover:after { width: 100%; } .matrix {border-bottom:none;} @media (min-width: 992px) {.col-md-offset-7 { margin-left: 56.33333333%;}} .blockquote p { min-height: 204px;} .parallax.parallax3 {background-image: url(/pace/images/parallax2.png);} body.admissions_and_aid .l-page .l-content .subsection.three-column hr { padding-top: 0; margin-bottom: 0; display: none;} body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .text-image-intro.label {border-bottom: 6px solid #3cb6ce;} .steps .steps-item .number {display:none;} a {color:#0066cc;} .sidebar { padding-left: 0 !important;} .steps .steps-item {background-color:#fff;} .steps i {color: #003359;} div.steps-item { min-height: 300px;} @media (min-width: 45em) {.cta-bar-wrapper {padding: 50px;} .l-page .l-content:margin-top: -100px;}} .cta-bar h3.main-title { color: #fff;} .cta-bar .main-title {color: #fff;} .matrix h3.main-title { color: #003359;} .sidebar a.btn { color: #003359!important;} @media (min-width: 70em) {body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar { margin-top: -170px;}} body.admissions_and_aid .l-page .l-content-header {background: url(/volunteer/images/volunteer-servies.png);} .cta-bar-wrapper {background-image: url(/volunteer/images/parallax3.png); background-position: center center;} .l-head .header-right .gateway-container ul.gateway-menu {margin-bottom:0;} @font-face { font-family: 'icomoon'; src:url('/_resources/fonts/icomoon.eot'); src:url('/_resources/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/_resources/fonts/icomoon.woff') format('woff'), url('/_resources/fonts/icomoon.ttf') format('truetype'), url('/_resources/fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } .butn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 25px 80px; display: inline-block; margin: 10px 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .butn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pseudo elements for icons */ .butn:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-book:before { content: "\e91f"; } .icon-users:before { content: "\e972"; } .icon-user-plus:before { content: "\e973"; } .icon-clipboard:before { content: "\e9b8"; } .icon-heart:before { content: "\e9da"; } /* Button 3 */ .butn-3 { background: #3CB6CE; color: #fff; } .butn-3:hover { background: #349cb0; color:#fff; } .butn-3:active { background: #349cb0; color:#fff; top: 2px; } .butn-3:before { position: absolute; height: 100%; left: 0; top: 0; line-height: 3; font-size: 140%; width: 60px; } /* Button 3d */ .butn-3d { padding: 25px 25px 25px 90px; border-radius: 10px; width:auto; } .sidebar a.butn-3d { color: #fff;} .butn-3d:before { background: #fff; color: #3CB6CE; z-index: 2; border-radius: 10px 0 0 10px; } .butn-3d:after { width: 20px; height: 20px; background: #fff; z-index: 1; left: 55px; top: 50%; margin: -10px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .butn-3d:active:before { color: #003359; } .butn-3d:active { top: 0; } .butn-3d:active:after { left: 60px; } .butn-green {background:#2ecc71;} .butn-green:hover {background:#24b662;} .butn-green:before {color:#2ecc71;} .butn-red {background:#f06060;} .butn-red:hover {background:#cb4e4e;} .butn-red:before {color:#f06060;} h1, h2, h3, h4 {text-transform: none; font-style: normal;} .panel-default > .panel-heading + .panel-collapse .panel-body {padding: 20px 30px;} .panel-group .panel-heading .panel-title {font-size: 1em; font-weight: 600;} .meta { border: none!important; font-size: 14px; line-height: 1.3;} ul.doubled { height: 50px; display: flex; flex-direction: column; flex-wrap: wrap; } div.steps-item.diffprocess { min-height: 250px; } .carousel .box { min-height: 120px; position: absolute; bottom: 0; background: rgba(0, 51, 89, 0.6); width:100%;} .meta a, .more, .meta {text-transform:none; color: #dcd8d8;} .post-title a {color: #fff;} .box{padding:20px;} .owl-carousel .box .post-title {line-height: 1.2;} .inner {padding-top: 60px; padding-bottom: 60px;} .subsection.three-column .text-container {padding:0;} @media (min-width: 70em) {.subsection.three-column { padding: 60px;}} .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {display: none;}