.ico-arrow-orange-down { background-image: url(images/sprite.png); background-position: -247px -156px; width: 7px; height: 4px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-orange { background-image: url(images/sprite.png); background-position: -89px -203px; width: 11px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-circle { background-image: url(images/sprite.png); background-position: 0 -156px; width: 85px; height: 85px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-comment { background-image: url(images/sprite.png); background-position: -204px -156px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(images/sprite.png); background-position: -131px -179px; width: 12px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-flickr { background-image: url(images/sprite.png); background-position: -224px -156px; width: 19px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-googleplus { background-image: url(images/sprite.png); background-position: -161px -156px; width: 19px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-info { background-image: url(images/sprite.png); background-position: -104px -203px; width: 8px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(images/sprite.png); background-position: -138px -156px; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-linkedin { background-image: url(images/sprite.png); background-position: -89px -179px; width: 19px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logo { background-image: url(images/logo.png); background-repeat:no-repeat; width: 257px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.ico-logo {
background-image: url(images/logo2x.png);
background-size: 257px 61px;
background-repeat:no-repeat;
}
}
.ico-market { background-image: url(images/sprite.png); background-position: -147px -179px; width: 11px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pen { background-image: url(images/sprite.png); background-position: -184px -156px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pinterest { background-image: url(images/sprite.png); background-position: -112px -179px; width: 15px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(images/sprite.png); background-position: -89px -156px; width: 22px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-youtube { background-image: url(images/sprite.png); background-position: -115px -156px; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-zoom { background-image: url(images/sprite.png); background-position: -162px -179px; width: 12px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-primary { background-image: url(images/sprite.png); background-position: 0 0; width: 257px; height: 87px; display: inline-block; vertical-align: middle; font-size: 0; }
/* ------------------------------------------------------------ *\
I. Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }
html,
body { height: 100%; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img, iframe, video, audio, object { max-width: 100%; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
Fonts
\* ------------------------------------------------------------ */
@font-face {
font-family: 'Univers Condensed';
src: url('//www.manchester.edu/fonts/Univers/UniversLTPro-Condensed.eot');
src: url('//www.manchester.edu/fonts/Univers/UniversLTPro-Condensed.eot?#iefix') format('embedded-opentype'),
local('Fake local name 06'),
url('//www.manchester.edu/fonts/Univers/UniversLTPro-Condensed.woff') format('woff'),
url('//www.manchester.edu/fonts/Univers/UniversLTPro-Condensed.ttf') format('truetype'),
url('//www.manchester.edu/fonts/Univers/UniversLTPro-Condensed.svg#webfont') format('svg');
}
@font-face {
font-family: 'Univers_BoldCond';
src: url('//www.manchester.edu/fonts/Univers/UniversLTPro-BoldCond.eot');
src: url('//www.manchester.edu/fonts/Univers/UniversLTPro-BoldCond.eot?#iefix') format('embedded-opentype'),
local('Fake local name 07'),
url('//www.manchester.edu/fonts/Univers/UniversLTPro-BoldCond.woff') format('woff'),
url('//www.manchester.edu/fonts/Univers/UniversLTPro-BoldCond.ttf') format('truetype'),
url('//www.manchester.edu/fonts/Univers/UniversLTPro-BoldCond.svg#webfont') format('svg');
}
@font-face {
font-family: 'Clarendon';
src: url('//www.manchester.edu/fonts/clarendon/URW Clarendon W01 Regular.eot');
src: url('//www.manchester.edu/fonts/clarendon/URW Clarendon W01 Regular.eot?#iefix') format('embedded-opentype'),
local('Fake local name 08'),
url('//www.manchester.edu/fonts/clarendon/URW Clarendon W01 Regular.woff') format('woff'),
url('//www.manchester.edu/fonts/clarendon/URW Clarendon W01 Regular.ttf') format('truetype'),
url('//www.manchester.edu/fonts/clarendon/URW Clarendon W01 Regular.svg#webfont') format('svg');
}
@font-face {
font-family: "Avenir Next";
src: url("fonts/AvenirNextBold_700_normal_1426853226.eot");
src: url("fonts/AvenirNextBold_700_normal_1426853226.eot?#iefix") format("embedded-opentype"),
url("fonts/AvenirNextBold_700_normal_1426853226.svg#AvenirNextBold") format("svg"),
url("fonts/AvenirNextBold_700_normal_1426853226.woff") format("woff"),
url("fonts/AvenirNextBold_700_normal_1426853226.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
/* ------------------------------------------------------------ *\
Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.83; color: #3d3d3d; letter-spacing: 0.012em; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1 { margin-top: 0; font-family: "Univers Condensed", sans-serif; font-size: 32px; line-height: 1.3; color: #0A0203; font-weight: 700; }
h2 { margin-top: 0; font-family: "Clarendon", sans-serif; font-size: 36px; line-height: 1.3; color: #0A0203; }
h3 { margin-top: 0; font-family: "Univers Condensed", sans-serif; font-size: 23px; line-height: 1.3; color: #0A0203; font-weight: 700; }
h4 { margin-top: 0; font-family: "Clarendon", sans-serif; font-size: 18px; line-height: 1.44; color: #0A0203; font-weight: 400; }
h5 { margin-top: 0; font-family: 'Univers Condensed', sans-serif; font-size: 16px; line-height: 1.3; color: #fff; letter-spacing: 0.012em; }
h6 { margin-top: 0; font-size: 14px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.915em; }
p {
margin-bottom: 1.0em;
}
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.83em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
Helpers
\* ------------------------------------------------------------ */
/* Clear */
.footer-primary:after,
.footer-nav-primary:after,
.nav-utilities-dropdown-primary:after,
.list-links-primary:after,
.testimonial:after,
.callout:after,
.widgets:after { content: ''; line-height: 0; display: table; clear: both; }
/* Notext */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/* Hidden */
[hidden],
.hidden { display: none; }
/* Alignleft */
.alignleft { float: left; }
/* Alignright */
.alignright { float: right; }
/* Disabled */
[disabled],
.disabled { cursor: default; }
/* ------------------------------------------------------------ *\
II. Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
Wrapper
\* ------------------------------------------------------------ */
.sfPublicWrapper { overflow: hidden; position: relative; min-height: 100%; transition: -webkit-transform .4s; transition: transform .4s; }
.sfPublicWrapper.move { -webkit-transform: translateX(-201px); -ms-transform: translateX(-201px); transform: translateX(-201px); }
/* ------------------------------------------------------------ *\
Container
\* ------------------------------------------------------------ */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
content: " ";
display: table;
}
/* ------------------------------------------------------------ *\
Mobile Rules
\* ------------------------------------------------------------ */
.container {
margin-right:auto;
margin-left:auto;
padding-left:18px;
padding-right:18px;
}
@media (min-width:768px) {
.container {
width:756px !important;
}
}
@media (min-width:1200px) {/*was 992*/
.container {
width:976px !important;
}
}
@media (min-width:1200px) {
.container {
width:1180px !important;
}
}
.container:before,.container:after {
content:" ";
display:table;
}
/* ------------------------------------------------------------ *\
Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1200px; margin: auto; }
/* ------------------------------------------------------------ *\
Header
\* ------------------------------------------------------------ */
.header { position: relative; z-index: 40; }
.header-bar { background-color: #000;height:50px; }
.header-inner { background-color: #2e2f2e; font-size: 0; line-height: 0; height: 155px;}
.header .container {position: relative;}
/* Tablet Portrait - was 992*/
@media (max-width: 1200px) {
.header-bar { text-align: right; }
}
@media (max-width: 767px) {
.header-bar {
height: 40px;
}
}
/* ------------------------------------------------------------ *\
Main
\* ------------------------------------------------------------ */
.main { padding-bottom: 375px; }
/* Mobile */
@media (max-width: 767px) {
.main { padding-bottom: 0; }
}
/* ------------------------------------------------------------ *\
Callout
\* ------------------------------------------------------------ */
.callout { min-height: 140px; }
.callout.pharmacy{background: url(images/pharmacy-bg.jpg) no-repeat 0 0;background-size: cover; }
.callout.art{background: url(images/art-bg.jpg) no-repeat 0 0;background-size: cover; }
.callout.business{background: url(images/business-bg.jpg) no-repeat 0 0;background-size: cover; }
.callout.education{background: url(images/education-bg.jpg) no-repeat 0 0;background-size: cover; }
.callout h1, .callout .college { font-family: 'Clarendon', serif; font-size: 31px; color: #fff; font-weight: 400; line-height: 1.3; }
.section-head .general-headline {margin-top: 0; font-family: "Clarendon", sans-serif; font-size: 36px; font-weight: bold; line-height: 1.3; color: #fff;}
.callout .callout-content { padding-top: 50px; }
.callout .callout-actions { padding-top: 40px; }
.callout .callout-actions .button.button-large { text-align: center; text-transform: uppercase; height: 58px; line-height: 58px; padding-top: 3px; transition: all .3s; }
.callout .callout-actions .button.button-large:hover { opacity: 1; background-color: #eea904; }
@media (max-width: 1200px) { /* was 992 */
.callout { text-align: center; }
.callout .callout-content { float: none; padding-top: 25px; }
.callout .callout-content h1, .callout .callout-content .college {display: inline-block;}
.callout .callout-actions { float: none; padding: 15px 0 25px; }
.callout .callout-actions .button { display: inline-block; }
}
/* ------------------------------------------------------------ *\
Calendar
\* ------------------------------------------------------------ */
.alert{background-color:#FF5331;min-height:40px;padding:20px 0;color:#fff;font-weight:bold;}
.campus-alert{font-family:"Clarendon", serif;font-size:24px;text-transform:uppercase;}
/* ------------------------------------------------------------ *\
Calendar
\* ------------------------------------------------------------ */
.cal-frame{
position: relative;
width: 100%;
}
.cal-frame iframe{
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ------------------------------------------------------------ *\
Colleges
\* ------------------------------------------------------------ */
.article-featured, .article-featured .article-content p {
color: #3d3d3d;
}
.article-featured .article-image {
margin-bottom: .7%;
}
.article-featured img {
width: 100%;
}
.article-featured .article-content {
background: #d4e9eb;
padding: 20px 27px 23px;
line-height:22px;
}
.article .article-head {
padding: 10px 0 5px;
}
.article p {
font-size: 12px;
}
.article a {
color: #82bb22;
text-decoration: none;
}
.article h5 {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 1.69;
font-weight: 700;
color: #0A0203;
text-transform:uppercase;
text-align:center;
}
.article h5 a {
text-decoration: none;
color:#0A0203;
}
.sub_main .article-featured h2 {
font-family: 'Univers Condensed';
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
color: #0A0203;
margin-bottom:0;
}
#ctl12_C002_Col01 {
margin-left: 0px;
}
.colleges h3{color: #0A0203 !important;text-transform: uppercase;margin-top: 20px;margin-bottom: 0px;font-size:22px;}
.colleges .pharm{border-left: solid 5px #81bd00;padding-left: 20px;overflow: auto;margin-bottom:45px;}
.colleges .business{border-left: solid 5px #74c4d6;padding-left: 20px;overflow: auto;}
.colleges .education{border-left: solid 5px #ff6d10;padding-left: 20px;overflow: auto;}
.colleges .arts{border-left: solid 5px #eeaa00;padding-left: 20px;overflow: auto;margin-bottom:45px;}
.colleges .col-row-2{}
.colleges .college-blurb a {
float: left;
transition: all .3s;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff !important;
padding: 10px 36px;
display: inline-block;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: opacity .3s;
background: #77c4d5;
}
.colleges .college-blurb a:hover{background: #159bb8;}
.colleges .sf_2cols_1_50 .sf_2cols_1in_50{margin-right:12px;}
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.colleges .business{ margin-bottom:45px;}
}
/* ------------------------------------------------------------ *\
Colleges
\* ------------------------------------------------------------ */
.section-updates {
background: #f5f5f5;
padding: 40px 0;
}
.section-updates .section-head {
padding-bottom: 25px;
}
.section-updates h2 {
font-size: 28px;
color: #3d3d3d;
text-align: center;
}
.articles-slider .slide {
margin: 0 10px;
}
.articles-slider .slide {
margin: 0 10px;
}
/* ------------------------------------------------------------ *\
Articles Slider
\* ------------------------------------------------------------ */
.articles-slider .slide { margin: 0 10px; }
.articles-slider .owl-prev,
.articles-slider .owl-next { position: absolute; top: 30%; width: 42px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.articles-slider .owl-prev { left: -30px; }
.articles-slider .owl-prev:after { border-width: 11px 14px 11px 0; border-color: transparent #000000 transparent transparent; }
.articles-slider .owl-next { right: -30px; }
.articles-slider .owl-next:after { border-width: 10px 0 11px 14px; border-color: transparent transparent transparent #000000; }
.articles-slider .owl-prev:after,
.articles-slider .owl-next:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0;border-style: solid; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 1200px) {
.articles-slider .owl-prev,
.articles-slider .owl-next { top: 20%; }
}
@media (max-width: 1200px) { /*was 992*/
.articles-slider .owl-prev,
.articles-slider .owl-next { top: 30%; }
}
@media (max-width: 767px) {
.articles-slider .owl-prev { left: -28px; }
.articles-slider .owl-next { right: -28px; }
}
/* ------------------------------------------------------------ *\
Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
.widgets a { text-decoration: none; }
.widgets a:hover { text-decoration: none; color: #fff; }
.widgets .widgets-content { width: 64%; float: left; margin-right: 0.8%; }
.widgets .widgets-aside { width: 29.99%; float: left; }
.widget { background: #77c4d5; color: #fff; position: relative; margin-left: 2%; margin-right: .5%; position: relative; }
.widget .widget-inner { position: absolute; top: 0; left: 0; padding: 24px 24px 20px; }
.widget h3 {font-family: 'Univers Condensed'; font-weight: 400; text-transform: uppercase; font-size: 21px; color: #fff; margin: 0; padding-bottom: 5px;margin-bottom:0 !important; }
.widget p { margin: 0; line-height: 1.17; }
.widget i { position: absolute; top: 24%; right: -50%; }
.widget img { width: 100%; }
.widgets .widget-primary { width: 47.8%; float: left; background: #c3c3c3; margin: 2% 0 0 2%; position: relative; }
.widgets .widget-primary-inner { position: absolute; top: 0; left: 0; padding: 15px; height: 100%; overflow: auto; }
.widgets .widget-primary img { width: 100%; }
.widgets .widget-primary h3 {font-family: 'Univers Condensed'; font-weight: 400; text-transform: uppercase; font-size: 21px; color: #fff; margin: 0; margin-bottom:0 !important;}
.widgets .widget-primary p, .widget-content p { line-height: 1.17; color: #fff; font-size:13px;}
.widgets .widget-secondary { margin-bottom: 3.5%; position: relative; }
.widgets .widget-secondary img { width: 100%; }
.widgets .widget-primary .widget-overlay,
.widgets .widget-secondary .widget-overlay { background: rgba(253,109,39,.75); position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-family: Arial, sans-serif; text-transform: uppercase; font-size: 14px; line-height:15px; 700; text-align: center; color: #fff; transition: all 0.4s; opacity: 0; visibility: hidden; overflow: hidden; }
.overlay2 {background: rgba(69, 132, 151,.75) !important;}
.overlay3 {background: rgba(81, 127, 41,.75) !important;}
.widgets .widget-primary .widget-overlay strong,
.widgets .widget-secondary .widget-overlay strong { position: absolute;top: 50%;margin: auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 100%; }
.widgets .widget-primary a:hover .widget-overlay,
.widgets .widget-secondary a:hover .widget-overlay { display: block; visibility: visible;height: auto; overflow: visible; opacity: 1;}
.widgets .widget-teritary .widget-body-inner { overflow: auto; height: 100%; padding:18px;}
.widgets .widget-teritary h3 { color: #fff; font-weight: 400; }
.sub_main .widgets h3 a {color:#fff;}
.widgets .widget-teritary .link-more { color: #c8c8c8; font-size: 12px; text-decoration: none; }
.widgets .widget-teritary .link-more:hover { text-decoration: underline; }
.widgets .widget-teritary .widget-head { font-family: 'Univers Condensed'; font-size: 21px; text-transform: uppercase; }
.widgets .widget-teritary .widget-image { margin-bottom: 3.6%; margin-left: 1%;}
.widgets .widget-teritary .widget-body { background: #2e2e2e; position: relative; }
.widgets .widget-teritary .widget-body img { width: 100%; }
.widgets .widget-teritary .widget-body-inner { position: absolute; top: 0; left: 0; }
.widgets .widget-teritary .widget-actions { padding: 0 25px 10px 15px; }
.widgets .widget-content {
width: 64%;
float: left;
margin-right: 0.8%;
}
.widgets .widget-aside {
width: 29.99%;
float: left;
}
.widgets .widget-body-inner .widget-content {width: 100%;}
@media (max-width: 1200px) {
.widget i { -webkit-transform: scale(.7,.7); -ms-transform: scale(.7,.7); transform: scale(.7,.7); top: 17%; right: -34%; }
.widget .widget-inner { padding: 16px 20px 20px; }
.widgets .widget-primary-inner { padding: 10px; }
.sub_main .article-featured h2 {font-size:20px;}
.sub_main .article-featured p {font-size:12px;}
.article-featured .article-content {padding: 15px 20px 15px;
line-height: 19px;}
}
@media (max-width: 1200px) { /*was 992*/
.widgets {margin-left: 35px;margin-top: 20px;}
.widgets .widgets-content {margin: 0; width: 68%; }
.widgets .widgets-aside { width: 32%; }
.widget { margin-left: 0; margin-right: 2%; }
.widget .widget-inner { padding-right: 90px; }
.widget i { right: 0; }
.widget br { display: none; }
.widgets .widget-primary { margin-left: 0; margin-right: 2%; }
}
@media (max-width: 479px) {
.widgets {margin-left: 0;margin-top: 0;}
.widget i { -webkit-transform: scale(.5,.5); -ms-transform: scale(.5,.5); transform: scale(.5,.5); top: 9%; right: -7%; }
.widget h3{padding-bottom:0;padding-top:10px;}
.widget h3 a {font-size:18px;}
.widgets {margin-top:4px;}
.widget .widget-inner { padding: 5px 15px 10px 10px; }
.widget .widget-inner p { font-size: 11px; line-height: 1.3; }
.widgets .widget-primary-inner { padding: 5px; }
.widgets .widget-primary-inner h3 { font-size: 15px !important; padding-bottom: 0; }
.widgets .widget-primary-inner p { font-size: 11px; line-height: 1; }
.widgets .widget-teritary .widget-body-inner{padding:10px;overflow:hidden;}
.widget-content p{font-size:11px;}
.widgets .widget-primary .widget-overlay,
.widgets .widget-secondary .widget-overlay { font-size: 12px; }
.widgets .widget-teritary h3 { font-size: 18px !important; margin-bottom: 0;}
.widgets .widget-teritary .widget-actions { padding: 0 5px 5px 5px; }
.widgets .widget-teritary .link-more { font-size: 11px; }
}
/* ------------------------------------------------------------ *\
Footer
\* ------------------------------------------------------------ */
.footer { bottom: 0; left: 0; right: 0; min-height: 375px; padding-top: 50px; background-color: #1e1e1e; }
.footer-logo { display: inline-block; margin: 0 0 36px; }
.footer h4 { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color: #eea904; }
.footer p { font-size: 13px; line-height: 1.62; color: #fff; }
.footer p a { color: #7bcbd3; text-decoration: none; }
.footer p a:hover { text-decoration: underline; }
/* Tablet Portrait */
@media (max-width: 1200px) {/*was 992*/
.footer p { margin-bottom: 20px; }
}
/* Mobile */
@media (max-width: 767px) {
.footer { position: static; height: auto; padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
Footer Nav
\* ------------------------------------------------------------ */
.footer-nav { padding-bottom: 16px; border-bottom: 2px solid #494949; margin-bottom: 15px; }
.footer-nav ul { overflow: hidden; list-style: none outside none; }
.footer-nav li { float: left; font-family: "Univers Condensed", sans-serif; font-size: 22px; line-height: 1.1; color: #fff; font-weight: 700; }
.footer-nav li + li { margin-left: 20px; }
.footer-nav a { text-decoration: none; transition: opacity .3s; }
.footer-nav a:hover { color: #fff; opacity: .7; }
/* Small Desktop */
@media (max-width: 1200px) {
.footer-nav li { font-size: 18px; }
.footer-nav li + li { margin-left: 14px; }
}
/* Mobile */
@media (max-width: 767px) {
.footer-nav li { font-size: 16px; }
}
/* ------------------------------------------------------------ *\
Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
III. Themes
\* ------------------------------------------------------------ */
.fluidMedia {
position: relative;
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
padding-top: 30px;
height: 0;
overflow: hidden;
}
.fluidMedia iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ------------------------------------------------------------ *\
IV. Modules
\* ------------------------------------------------------------ */
.widget-wrap{padding-bottom:40px;}
.widget-wrap ul{
padding-left:14px !important;
}
.widget-wrap .box-light-blue{
min-height: 178px;
width:48% !important;
}
.widget-wrap h3{
margin-bottom:0;
color: #0070c0 !important;
}
.widget-wrap .sf_2cols_2_50 .sf_2cols_2in_50 {
margin-left: 20px;
}
/* Mobile */
@media (max-width: 767px) {
.widget-wrap h3{
margin-top:10px;
}
.widget-wrap .box-light-blue{
margin-bottom:20px;
width:100% !important;
}
.widget-wrap{padding-bottom:0;}
.widget-wrap .sf_2cols_2_50 .sf_2cols_2in_50 {
margin-bottom: 20px;
}
}
/* ------------------------------------------------------------ *\
Box Light Blue
\* ------------------------------------------------------------ */
.box-light-blue { position: relative; padding: 30px 26px; background: #d4e9eb; }
.box-light-blue h1 { margin-bottom: 7px; letter-spacing: -0.025em; }
.box-light-blue h2{
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
color: #3D3D3D !important;
margin-bottom: 0px;
}
.box-light-blue.related {margin: 25px 0 25px 18px;width: 240px !important;}
.box-light-blue.related ul { padding-left: 0;list-style: none;line-height: 2;font-weight: 700;}
.box-light-blue.related h3{color:#0A0203;margin-bottom:5px;}
/* Small Desktop */
@media (max-width: 1200px) {
.box-light-blue.related {
width: 215px !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.box-light-blue.related { width:100% !important; margin:25px 0}
}
/* ------------------------------------------------------------ *\
Box Gold
\* ------------------------------------------------------------ */
.box-gold { padding: 25px; background-color: #fae5b3; width:93% !important; margin-top: 30px;}
.box-gold h3 {color:#0A0203;}
/* ------------------------------------------------------------ *\
Box Grey
\* ------------------------------------------------------------ */
.box-grey { padding: 24px 18px; background-color: #f0f0f0; }
.box-grey h3 {color:#0A0203;}
.box.box-grey > h3 { margin-top: 0; }
.box-grey figure { border-bottom: 1px solid #fff; margin-bottom: 15px; }
.box-grey img { width: 100%; height: auto; }
.box-grey .box-body { padding: 0 12px; }
.box-grey p { margin-bottom: 5px; font-size: 13px; }
.box-grey a { font-size: 13px; font-weight: 700; text-decoration: none; }
/* Small Desktop */
/* ------------------------------------------------------------ *\
Button
\* ------------------------------------------------------------ */
.button { display: inline-block; min-width: 154px; height: 36px; padding: 0 13px; background-color: #82BC00; font-family: Georgia,Times,"Times New Roman",serif; font-size: 14px; line-height: 36px; color: #fff; font-style: italic; vertical-align: middle; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: opacity .3s; }
.button:hover { color: #000; opacity: .9; }
/* Button White */
.button-white { background-color: #fff; color: #000; }
.button-white:hover { color: #000; }
/* Button Blue */
.button-blue { background-color: #6BC4DE; }
/* Button Red */
.button-red { background-color: #FF6C0C; }
/* Button Orange */
.button-orange { background-color: #EEB111; }
/* Button Light Green */
.button-light-green { background-color: #80bd00; }
/* Button Gray */
.button-gray { background-color: #969893; }
/* Button Black */
.button-black { background-color: #303030; }
.list-btns .button{color:#000;}
/* Button Large */
.button-large { min-width: 210px; height: 69px; font-family: "Univers Condensed", sans-serif; font-size: 21px; line-height: 69px; font-style: normal; }
/* Button Menu*/
.button-menu { display: none; height: 9px; padding-top: 9px; text-align: left; }
.button-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #ffffff; }
.button-menu span:before,
.button-menu span:after { position: absolute; width: 100%; height: 3px; background: #ffffff; content: ''; }
.button-menu span:before { top: -9px; }
.button-menu span:after { top: 3px; }
.button-menu span:before,
.button-menu span:after,
.button-menu span {
transition: all .3s linear;
}
.button-menu.active span { border-color: transparent; }
.button-menu.active span:before,
.button-menu.active span:after { background: #ffffff; }
.button-menu.active span:before {
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
-ms-transform: rotate(45deg) translate(2.5px, 6px);
transform: rotate(45deg) translate(2.5px, 6px);
}
.button-menu.active span:after {
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
-ms-transform: rotate(-45deg) translate(2.5px, -6px);
transform: rotate(-45deg) translate(2.5px, -6px);
}
/*Academic page header buttons*/
.academic-header-btns {
display: flex;
list-style: none;
}
.academic-header-btns .button {
white-space: nowrap;
padding: 1.5rem;
}
.academic-header-btns li {
margin-right: .5rem;
}
@media (max-width: 960px) {
.academic-header-btns {
flex-direction:column;
}
.academic-header-btns .button {
margin: .3rem;
min-width: 330px;
}
}
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.button-menu { display: inline-block; margin-top: 14px; }
}
/* Mobile */
@media (max-width: 767px) {
.button-menu { margin-top: 10px; }
}
/* ------------------------------------------------------------ *\
Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
Form
\* ------------------------------------------------------------ */
.form {}
/* ------------------------------------------------------------ *\
Intro
\* ------------------------------------------------------------ */
.intro { padding-bottom: 41px; }
.intro-caption { padding: 17px 0 17px; background: url(images/bg.png) 0 0 repeat; font-size: 0; line-height: 0; text-align: center; }
.intro-caption ul,
.intro-caption span { margin-top: 0; font-family: 'Univers Condensed', sans-serif; font-size: 16px; line-height: 1.3; color: #fff; letter-spacing: 0.012em; display: inline-block; vertical-align: middle; }
.intro-caption span { margin: 0 22px 0 0; font-weight: 700;}
/* Mobile */
@media (max-width: 767px) {
.intro-caption span { margin-right: 10px; }
}
/* ------------------------------------------------------------ *\
Intro Slider
\* ------------------------------------------------------------ */
.intro-slider { position: relative; }
.intro-slider .owl-item { position: relative; border-bottom: 9px solid #f5ac04; transition: border-color .5s; }
.intro-slider .owl-item:hover { border-color: #fff; }
.intro-slider .slide-caption { position: absolute; bottom: -100%; left: 0; right: 0; padding: 20px; background-color: rgba(102,102,102, .84); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; color: #fff; letter-spacing: 0.012em; transition: bottom .5s; }
.intro-slider .owl-item:hover .slide-caption { bottom: 0; }
.intro-slider .owl-prev,
.intro-slider .owl-next { position: absolute; top: 50%; width: 42px; height: 80px; background-color: #fff; margin-top: -40px; font-size: 0; transition: width .3s, padding .3s; }
.intro-slider .owl-prev { left: 0; }
.intro-slider .owl-prev:after { border-width: 11px 20px 11px 0; border-color: transparent #000000 transparent transparent; }
.intro-slider .owl-next { right: 0; }
.intro-slider .owl-next:after { border-width: 11px 0 11px 20px; border-color: transparent transparent transparent #000000; }
.intro-slider .owl-prev:after,
.intro-slider .owl-next:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0;border-style: solid; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.intro-slider .owl-prev:hover { width: 52px; padding-left: 10px; }
.intro-slider .owl-next:hover { width: 52px; padding-right: 10px; }
/* Small Desktop */
@media (max-width: 1200px) {
}
/* Mobile */
@media (max-width: 767px) {
.intro-slider .owl-prev,
.intro-slider .owl-next { display: none; }
.intro-slider .owl-item { border-bottom: none; }
.intro-slider .slide-caption { bottom: 0; }
}
/* ------------------------------------------------------------ *\
List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
List Links
\* ------------------------------------------------------------ */
.list-links { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.31; color: #eea904; letter-spacing: 0.012em; }
.list-links li { margin-bottom: 5px; }
/* Small Desktop */
@media (max-width: 1200px) {
.list-links { font-size: 11px; }
}
/* ------------------------------------------------------------ *\
List Links Primary
\* ------------------------------------------------------------ */
.list-links-primary { width: 23%; float: left; }
.list-links-primary + .list-links-primary { margin-left: 2.6%; }
.list-links-primary:last-child { margin-right: 1px; }
.list-links-primary li { background: #fff }
@media (max-width: 767px) {
.list-links-primary { width: 48%; margin-bottom: 20px; margin-left: 1%; }
.list-links-primary + .list-links-primary { margin-left: 1%; }
}
@media (max-width: 479px) {
.list-links-primary { width: 100%; margin-bottom: 20px; margin-left: 1%; }
}
/* ------------------------------------------------------------ *\
List Btns
\* ------------------------------------------------------------ */
.list-btns { /*margin-right: -9px;*/ font-size: 0; line-height: 0;}
.list-btns li { display: inline-block; margin-right: 9px; vertical-align: top; }
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.list-btns li { display: block; }
.list-btns li .button { width: 100%; }
}
/* ------------------------------------------------------------ *\
List Persons
\* ------------------------------------------------------------ */
.list-persons { margin: 0 -30px 0 20px; font-size: 0; line-height: 0; }
.list-persons li { display: inline-block; width: 145px; vertical-align: top; margin-right: 30px; transition: opacity .3s; }
.list-persons li:hover { opacity: .8; }
.list-persons a { display: block; text-decoration: none; }
.list-persons img { width: 100%; height: auto; margin-bottom: 10px; }
.list-persons span { display: block; font-family: "Clarendon", serif; font-size: 14px; line-height: 1.64; color: #292929; letter-spacing: 0.012em; }
.list-persons span span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3; color: #e35400; }
.thumbs{margin: 30px 0 50px;font-family: "Clarendon", serif;font-size: 14px;line-height: 1.64;color: #292929;letter-spacing: 0.012em;}
.thumbs img {width:100%;}
.thumbs a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 1.3;color: #e35400 !important;}
.thumbs .sf_4cols_1_25{padding: 15px 30px 15px 0;}
.thumbs .sf_4cols_2_25{padding: 15px 22px 15px 8px;}
.thumbs .sf_4cols_3_25{padding: 15px 9px 15px 21px;}
.thumbs .sf_4cols_4_25{padding: 15px 0px 15px 30px;}
.thumbs .sf_4cols_2_25 .sf_4cols_2in_25, .sf_4cols_3_25 .sf_4cols_3in_25, .sf_4cols_4_25 .sf_4cols_4in_25 {
margin-left: 0;
}
.pharm-wrap .posts h2{text-align:left !important;}
.pharm-wrap .posts ul{
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
.pharm-wrap .posts ul li{margin-bottom:25px;}
.pharm-wrap .section-updates{padding:60px 0;}
.pharm-wrap .section-posts{margin-bottom:0;}
.pharm-wrap.section-buttons {background: #c0db97;}
/* Small Desktop */
@media (max-width: 1200px) {
.list-persons li { margin: 5px; }
.thumbs img {}
.thumbs {max-width:100%; display:block;}
}
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.list-persons { text-align: center; }
.list-persons li { text-align: left; }
}
/* Mobile */
@media (max-width: 767px) {
.list-persons { margin: 28px 0 0; }
.list-persons li { display: block; margin: 0 auto 20px; }
}
/* ------------------------------------------------------------ *\
List Videos
\* ------------------------------------------------------------ */
.list-videos a { display: block; text-decoration: none; transition: opacity .3s; }
.list-videos a:hover { opacity: .8; }
.list-videos li { width: 315px; margin-bottom: 15px; font-size: 0; line-height: 0; }
.list-videos li.red { background-color: #FF6C0C; }
.list-videos li.green { background-color: #82BC00; }
.list-videos li.blue { background-color: #6BC4DE; }
.list-videos figure { display: inline-block; width: 148px; vertical-align: middle; }
.list-videos img { width: 100%; height: auto; }
.list-videos span { display: inline-block; width: 160px; padding: 0 5px 0 10px; font-family: 'Clarendon', sans-serif; font-size: 14px; line-height: 1.2; color: #fff; white-space: normal; vertical-align: middle; }
/* Tablet Portrait */
@media (max-width: 992px) {
.list-videos li { margin: 0 auto 15px; }
}
/* ------------------------------------------------------------ *\
List Links Alt
\* ------------------------------------------------------------ */
.list-links-alt { float: left; width: 50%; }
.list-links-alt li { margin-bottom: 9px; font-size: 15px; line-height: 1.3; color: #fff; font-family: 'Univers Condensed', sans-serif; font-weight: 700; text-transform: uppercase; }
.list-links-alt span { display: inline-block; width: 16px; height: 18px; margin-right: 8px; text-align: center; vertical-align: middle; }
.list-links-alt a { text-decoration: none; transition: opacity .3s; }
.list-links-alt a:hover { color: #fff; opacity: .7; }
/* Small Desktop */
@media (max-width: 1200px) {
.list-links-alt li { font-size: 13px; }
}
/* Mobile */
@media (max-width: 767px) {
.list-links-alt { float: none; display: block; width: 100%; margin-bottom: 0; }
.list-links-alt span { display: none; }
}
/* ------------------------------------------------------------ *\
Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; vertical-align: top; margin: 48px 51px 44px 0; font-size: 0; float:left;}
/* Small Desktop */
@media (max-width: 1200px) {
.logo { margin-right: 30px; }
}
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.logo {margin: 51px 0 41px 50px; }
}
/* Mobile */
@media (max-width: 767px) {
.logo {margin: 50px -325px; }
}
@media (max-width: 479px) {
.logo {margin: 50px auto; }
}
/* ------------------------------------------------------------ *\
Mobile Dropdown
\* ------------------------------------------------------------ */
.mobile-dropdown { position: relative; display: inline-block; vertical-align: middle; }
.mobile-dropdown .mobile-text { position: relative; display: none; width: 220px; height: 37px; border: 1px solid #515050; background-color: #000000; font-family: Georgia,Times,"Times New Roman",serif; font-size: 14px; line-height: 35px; color: #fff; font-style: italic; vertical-align: middle; }
.mobile-dropdown .mobile-text:after { content: ''; position: absolute; top: 50%; right: 12px; width: 0; height: 0; border-style: solid; border-width: 6px 3.5px 0 3.5px; border-color: #fff transparent transparent transparent; margin-top: -3px; pointer-events: none; }
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.mobile-dropdown .mobile-text { display: inline-block; font-weight: initial;}
.mobile-dropdown ul { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; display: none; }
}
/* ------------------------------------------------------------ *\
Nav Utilities
\* ------------------------------------------------------------ */
.nav-utilities { float: right; }
.nav-utilities ul { list-style: none outside none; }
.nav-utilities li { float: left; }
.nav-utilities a { display: block; padding: 0 18px; font-family: "Univers Condensed", sans-serif; font-size: 15px; line-height: 3.35; color: #fff; letter-spacing: 0.012em; font-weight: 400; text-decoration: none; transition: background-color .3s, color .3s; }
.nav-utilities i, .nav-utilities em { margin-left: 5px; vertical-align: 0; }
.nav-utilities li:hover a,
.nav-utilities li.current a,
.nav-utilities a.active { background-color: #e6e6e6; color: #2e2e2e; }
.nav-utilities-dropdown { display: none; position: absolute; right: 18px; z-index: 999; width: 268px; padding: 21px 19px 25px; background-color: #ebebeb; }
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.nav-utilities { float: left; text-align: left; margin-left: -10px; }
.nav-utilities i { display: none; }
.nav-utilities .search-span { display:none; }
.nav-utilities em { margin-top:11px; }
}
/* Mobile */
@media (max-width: 767px) {
.nav-utilities a { padding: 0 7px; font-size: 13px; }
}
@media (max-width: 479px) {
.nav-utilities a { padding: 0 5px; font-size: 11px; }
}
/* ------------------------------------------------------------ *\
Nav Utilities Dropdown Primary
\* ------------------------------------------------------------ */
.nav-utilities-dropdown-primary { display: none; padding: 20px; max-width: 660px; position: absolute; right: 0; width: 100%; background: #fff; z-index: 999; border-top: 5px solid #eead11; }
.nav-utilities-dropdown-primary a { font-family: Arial, sans-serif; font-size: 11px; line-height: 1.45; color: #2e2e2e; display: inline-block; padding: 3px;transition: padding 0.2s; letter-spacing: 0.012em; }
.nav-utilities li:hover .nav-utilities-dropdown-primary a { background: #fff; }
.nav-utilities li:hover .nav-utilities-dropdown-primary { display: block; }
.nav-utilities .ico-arrow-orange-down { margin-bottom: 3px;; }
.nav-utilities-dropdown-primary li:hover a { color: #eea904; padding-left: 5px; }
.nav-utilities-dropdown-primary li { display: block; float: none; border-top: 1px solid #dfdfdf; }
.nav-utilities-dropdown-primary li:last-child { border-bottom: 1px solid #dfdfdf; }
@media (max-width: 1200px) { /*was 992*/
.nav-utilities-dropdown-primary { left: 18px; }
.nav-utilities .ico-arrow-orange-down { display: inline-block; }
}
@media (max-width: 767px) {
.nav-utilities-dropdown-primary { width: 80% }
.nav-utilities .ico-arrow-orange-down { display: none; margin-bottom: 3px; }
}
@media (max-width: 479px) {
.nav-utilities-dropdown-primary { width: 80%; padding: 10px; border-width: 3px; }
}
/* ------------------------------------------------------------ *\
Nav
\* ------------------------------------------------------------ */
.nav { float: right; vertical-align: top; }
.nav ul { list-style: none outside none; }
.nav a { text-decoration: none; transition: color .5s; }
.nav a:hover { color:#eea904 !important;}
.nav > ul > li { position: relative; float: left; padding: 28px 29px 15px 0; letter-spacing: 0.012em; }
.nav > ul > li > a { position: relative; z-index: 20; font-family: "Univers Condensed", sans-serif; font-size: 16px; line-height: 1.3; color: #fff; font-weight: 400; letter-spacing: 0.012em; }
.nav .nav-dropdown { padding-top: 7px; }
.nav .nav-dropdown .list-links { position: relative; z-index: 20; display: block; }
.nav .nav-dropdown .list-links li { margin-bottom: 5px; }
.nav .nav-dropdown .list-links:after { content: '+'; position: absolute; top: 100%; left: 0; margin-top: 10px; font-size: 16px; line-height: 1.06; color: #707070; }
.nav .nav-dropdown .nav-dropdown-inner { visibility: hidden; position: absolute; top: 0; left: -26px; right: 0; z-index: 2; width: 200px;padding: 138px 26px 10px; font-size: 13px; line-height: 1.31; color: #787878; letter-spacing: 0.012em; opacity: 0; transition: visibility .5s, opacity .5s; }
.nav .nav-dropdown .nav-dropdown-inner li { margin-bottom: 8px; }
.nav > ul > li:hover { position: relative; z-index: 30; top: 0; }
.nav > ul > li:hover + li { padding-left: 0; }
.nav li:hover a { color: #000; }
.nav-dropdown a:hover{ text-decoration:none;color:#eea904 !important;}
.nav li:hover .nav-dropdown-inner { visibility: visible; color: #787878; background-color: #fff; opacity: 1; }
.nav li:hover .nav-dropdown .list-links a { color: #4e4e4e;}
.nav li:hover .nav-dropdown-inner a { color: #888888; }
.nav li:hover .nav-dropdown .list-links li { color: #787878; }
.nav li:hover .nav-dropdown .list-links:after { width: 74px; height: 2px; background-color: #cacaca; font-size: 0; line-height: 0; }
/* Small Desktop */
@media (max-width: 1200px) {
.nav > ul > li { padding-right: 20px; }
.nav > ul > li > a { font-size: 13px; }
.nav .nav-dropdown .nav-dropdown-inner { font-size: 11px; }
}
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.nav { overflow-y: auto; position: fixed; top: 0; bottom: 0; right: -201px; width: 201px; padding: 30px 40px; background-color: #1c1c1c; transition: right .4s; }
.nav.expand { right: 0; }
.nav > ul > li { float: none; display: block; padding-top: 0; padding-bottom: 10px; }
.nav li:hover a { color: #fff; }
.nav li:hover .nav-dropdown .list-links a { color: #eea904; }
.nav .nav-dropdown .nav-dropdown-inner,
.nav .nav-dropdown .list-links:after { display: none; }
}
/* ------------------------------------------------------------ *\
Nav Primary
\* ------------------------------------------------------------ */
.nav-primary > ul > li { padding-top: 35px; }
.nav-primary .nav-dropdown .list-links:after { content: ''; display: none; }
/* ------------------------------------------------------------ *\
Posts
\* ------------------------------------------------------------ */
.posts ul { list-style: none outside none; column-count:2;-moz-column-count:2;-webkit-column-count:2;margin-bottom:0;}
.posts ul li { display: inline-block; width: 100%; margin-bottom: 34px; vertical-align: top; }
.post-meta span { font-family: "Univers Condensed", sans-serif; font-size: 36px; line-height: 1.3; color: #fff; }
.post-meta span span { display: inline-block; width: 100%; font-family: "Clarendon", sans-serif; font-size: 16px; line-height: 1.3; }
.posts ul li h2 { display: inline-block; font-size: 14px; line-height: 1.3; color: #0A0203; vertical-align: top; }
.posts ul li h2 a { display: inline-block; width: 100%; padding-top: 7px; font-size: 16px; color: #ff832c;font-family: Arial, Helvetica, sans-serif !important; }
.posts .sfcommentsCounterWrp {display:none;}
/* Small Desktop */
@media (max-width: 1200px) {
.posts ul li { width: 49.5%; }
.posts ul li h2 { width: 200px; }
}
/* Mobile */
@media (max-width: 767px) {
.posts ul li { display: block; width: 100%; }
.posts .sfmetainfo { margin-right: 7px; }
.posts ul li h2 { width: calc(100% - 87px); }
.posts ul { column-count:1;-moz-column-count:1;-webkit-column-count:1;}
}
/* ------------------------------------------------------------ *\
Events
\* ------------------------------------------------------------ */
.sub_main .sfeventsList{
list-style-type:none;
padding:20px 0;
}
.sub_main h1.sfeventTitle {
font-family: "Univers Condensed", sans-serif; font-size: 30px; line-height: 1.3; color: #0A0203;
}
.sub_main .sfeventDatesLocationContacts{
padding-left:0;
list-style-type:none;
}
.sub_main .sfeventsList li h2 a {
display: inline-block;
width: 100%;
padding-top: 7px;
font-size: 16px;
color: #ff832c;
font-family: Arial, Helvetica, sans-serif !important;
}
/* ------------------------------------------------------------ *\
Search
\* ------------------------------------------------------------ */
.search { font-size: 0; line-height: 0; }
.search-field { display: inline-block; width: 177px; height: 37px; padding: 0 7px; border: 1px solid #d2d2d2; background-color: #fff; font-size: 12px; line-height: 1.3; color: #505050; vertical-align: top; }
.search-btn { display: inline-block; width: 37px; height: 37px; border: none; margin-left: 15px; background-color: #69afbe; font-family: "Avenir Next", sans-serif; font-size: 15px; line-height: 37px; color: #fff; text-transform: uppercase; vertical-align: top; text-align: center; transition: opacity .3s; }
.search-btn:hover { opacity: .7; }
.search .select-holder { position: relative; margin-top: 25px; }
.search .select-holder:after { content: ''; position: absolute; top: 50%; right: 9px; width: 0; height: 0; border-style: solid; border-width: 8px 3.5px 0 3.5px; border-color: #d2d2d2 transparent transparent transparent; margin-top: -4px; pointer-events: none; }
.search .select { width: 100%; height: 37px; padding: 0 7px; border: 1px solid #d2d2d2; background-color: #fff; font-size: 12px; line-height: 1.3; color: #505050; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.search iframe{height: 39px;overflow: hidden;border: none;}
/* ------------------------------------------------------------ *\
Visible header search added 5-7-18
\* ------------------------------------------------------------ */
.visible-search {
line-height:3.35;
padding:0 18px;
}
.visible-search input {
width: 150px;
background: rgb(255, 255, 255);
border-width: 1px;
border-style: solid;
border-color: rgb(214, 213, 213);
padding: 5px;
font-size: 13px;
border-spacing: 0 0;
}
.visible-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999;
}
.visible-search input::-moz-placeholder { /* Firefox 19+ */
color: #999;
}
.visible-search input:-ms-input-placeholder { /* IE 10+ */
color: #999;
}
.visible-search input:-moz-placeholder { /* Firefox 18- */
color: #999;
}
@media (max-width: 767px) {
.visible-search {
position:absolute;
right: 0;
top:45px;
width:100%;
}
.visible-search input {
margin-left:70%;
float:right;
border-color: #999;
}
.visible-search input:focus {
margin-left: initial;
font-size: 18px;
width:100%;
transition: linear .2s;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.visible-search {
margin-top: 10px;
}
}
/* ------------------------------------------------------------ *\
Section
\* ------------------------------------------------------------ */
.section { }
/* ------------------------------------------------------------ *\
Sub Main
\* ------------------------------------------------------------ */
.sub_main { padding: 45px 20px; }
.sub_main h1 {font-family: "Clarendon", serif;margin: 15px 0 10px;}
.sub_main ul, .sub_main ol{ padding-left: 45px; }
.sub_main h2{color: #0A0203;}
.sub_main h1 {
margin-bottom: 16px;
font-family: "Clarendon", serif;
font-size: 32px !important;
color: #0A0203;
}
.sub_main h2, .sub_main h3, .sub_main h4, .sub_main h5, .sub_main h6 {
font-family: "Univers Condensed" ,sans-serif;
font-weight:bold !important;
font-size: 24px !important;
margin-bottom: 5px;
}
.sub_main h2 {
color: #0A0203;
}
.sub_main h3 {
color: #0A0203;
border: none !important;
padding: 0;
}
.sub_main h4 {
text-transform: uppercase;
}
.sub_main h5 {
color: #0A0203;
/*font-style: normal !important;*/
}
.sub_main h6 {
color: #0A0203;
}
.full-image{width: 100%;margin-bottom: 30px;}
.sub_main a{color:#40959d;}
/* ------------------------------------------------------------ *\
Navigatgion
\* ------------------------------------------------------------ */
.k-treeview .k-in{
border:none;
width: 220px;
background-color: #e5e5e3;
padding: 10px;
text-transform: uppercase;
font-size: 15px;
color: #000;
border-width: 0;
}
div.k-treeview {
white-space: normal;
}
div.k-treeview ul{
width:93%;
font-family: "Univers Condensed", sans-serif;
font-size: 15px;
text-transform: uppercase;
}
.k-treeview .k-item a{
display:block;
padding: 10px 10px 10px;
}
.k-treeview .k-item a:hover{
background-color:#f4c557;
font-weight:700;
}
.k-treeview .k-item{
margin: 5px 0;
display: block;
border-width: 0;
margin: 0;
padding: 0 0 0 16px;
}
.sfNavWrp .sfSel{
font-weight:700;
background-color: #f4c557;
}
.subnav a{color:#000;}
.k-treeview ul li ul li a.k-in {
background-color: #6fabb8;
color: #fff;
width: 204px;
text-transform:none;
font-weight:700;
}
.k-treeview ul li ul li ul li a.k-in {
width: 188px;
background-color:#4992a4;
}
.k-treeview ul li ul li a.k-in:hover, .k-treeview ul li ul li a.sfSel {
background-color: #4992a4;
}
.k-minus, .k-plus {
float: left;
position: relative;
top: 10px;
background-position: center top !important;
}
.sfNavTreeview .k-minus, .sfNavTreeview .k-plus {
background-image: url('images/chevron.png');
}
.sfNavTreeview .k-minus {
background-position: 0 3px;
}
.sfNavTreeview .k-plus {
background-position: 0 -15px !important;
}
.sfNavSelect{
padding: 10px;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin-bottom:20px;
background: url(images/down_arrow_grey.png) no-repeat right #e5e5e3;
border: solid 1px #bbb;
font-family: Univers Condensed, sans-serif;
font-weight: 700;
}
/* ------------------------------------------------------------ *\
Breadcrumb
\* ------------------------------------------------------------ */
.breadcrumb{
font-size:12px;
}
/* ------------------------------------------------------------ *\
Form
\* ------------------------------------------------------------ */
.form-control .sfTxt{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
margin-bottom:8px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control .sfTxtLbl{
width: 100%;
display: block;
}
.form-control .sfDropdownList select{
padding: 10px;
width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance:none;
border-radius: 0px;
margin-bottom: 8px;
background: rgb(246, 246, 246) url("images/down_arrow_grey.png") no-repeat scroll right center;
border: 1px solid #BBB;
}
.form-control .sfFormCheckboxlist{
margin-bottom:8px;
}
.form-control .sfCheckListBox input{
margin-right: 5px;
}
.form-control .sfFormSubmit input, .form-control input.sfFormSubmit {
display: inline-block;
background-color: #0e4eb7;
padding: 10px 20px;
color: #fff !important;
margin-top:25px;
border: none;
font-weight: bold;
text-transform: uppercase;
}
.form-control input.sfFormSubmit{margin:10px 0 15px;}
/* ------------------------------------------------------------ *\
Sitemap
\* ------------------------------------------------------------ */
.sitemap div.k-treeview ul{
width: 100%;
font-family: "Arial",sans-serif;
font-size: 15px;
list-style-type: square;
padding-left: 17px;
}
.sitemap .k-treeview .k-item{
display: list-item;
padding:0;
}
.sitemap .k-treeview .k-item>.k-group{
list-style-type:square;
padding-left: 18px;
}
.sitemap div .k-treeview .k-item a {
display: block;
padding: 10px;
}
.sitemap .k-treeview .k-in {
border: 0px none;
background-color: #fff;
padding: 0;
font-size: 15px;
color: #000;
text-transform:none;
width:100%;
font-weight:bold;;
}
.sitemap .k-treeview .k-item a:hover {
background-color: #fff;
cursor:pointer;
}
.sitemap .sfNavTreeview .k-minus {
margin-top:4px;
display:none;
}
.sitemap .k-treeview ul li ul li a.k-in{
font-weight:normal;
color: #40959d;
}
/* ------------------------------------------------------------ *\
Section Community
\* ------------------------------------------------------------ */
.section-community { margin-bottom: 46px; }
/* ------------------------------------------------------------ *\
Section Stories
\* ------------------------------------------------------------ */
.section-stories.section-head div { position: relative; margin-bottom: 26px; text-align: center; }
.section-stories.section-head div:after { content: ''; position: absolute; top: 50%; left: -0px; right: 0; height: 8px; background: url(images/ribbon-secondary.png) 0 0 repeat-x; margin-top: -4px; }
.section-head h3 {background-color: #fff;position: relative;z-index: 2;display: inline-block;padding: 0 10px;}
.section-stories .section-head h3 {background-color: #fff;position: relative;z-index: 2;display: inline-block;padding: 0 10px;}
.home-news li{display: inline-block;width: 33%;padding-right: 20px;vertical-align:top;}
.home-news li:last-child{padding-right: 0;}
.home-news h2 a{margin-top: 0;font-family: "Clarendon", sans-serif;font-size: 18px;line-height: 1.44;color: #0A0203;font-weight: 400;text-decoration:none;}
.home-news h2 {margin-bottom:5px;}
.home-news { padding-bottom: 60px; }
.home-news a{color:#eea904;}
.text-muted {display:none;}
.section-stories .section-title { position: relative; z-index: 2; display: inline-block; padding: 0 10px; background-color: #fff; }
.section-stories h4 { margin-bottom: 15px; }
.section-stories a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #eea904; }
.section-stories a:hover { text-decoration: underline; }
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.section-stories .section-body div { margin-bottom: 30px; }
.section-stories .section-body div:last-child { margin-bottom: 0; }
.section-stories h4 { margin-bottom: 10px; }
}
/* Mobile */
@media (max-width: 767px) {
.section-stories .section-head { text-align: left; }
.section-stories .section-title { padding: 0; }
.section-stories .section-head:after { display: none;}
.home-news .sfContentBlock{width:100%;margin-bottom: 20px;}
}
/* ------------------------------------------------------------ *\
News
\* ------------------------------------------------------------ */
.news-items h3{font-size: 16px;font-family: Arial, sans-serif;margin-bottom:0; color:#0A0203;}
.news-items h3 a{color:#0A0203;text-decoration:none;}
.news-items ul{padding-left:0; list-style-type:none;}
.news-items ul li{padding-bottom:20px;}
.news-items ul div, .news-detail div:first-of-type {color:#777;font-style:italic;font-size:12px;margin-bottom:12px;}
.news-detail div:nth-of-type(2) {display:none;}
.news-items ul div ~ div, .news-detail div div ~ div {color:#000;font-style:normal;font-size:14px;}
/* ------------------------------------------------------------ *\
Section Videos
\* ------------------------------------------------------------ */
.section-videos { margin-bottom: 46px; background-color: #ededed; }
.section-videos .container { position: relative; }
.section-videos .section-head { position: absolute; top: 0; left: -40px; bottom: 0; padding: 72px 0 0; }
.section-videos .section-head h1 { position: relative; z-index: 20; display: inline-block; padding: 0 10px; background-color: #ededed; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.section-videos .section-head:after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 20px; background: url(images/ribbon-secondary-white.png) 0 0 repeat-y; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-left: -10px; }
.section-videos .section-body { padding: 46px 60px; }
.section-videos .video div { position: relative; height: 0; padding-bottom: 56.25%; }
.section-videos iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-videos .section-actions { text-align: right; }
.section-videos .section-actions a { text-decoration: none; }
.section-videos .section-actions a:hover { text-decoration: underline; }
/* Tablet Portrait was 992 */
@media (max-width: 1200px) {
.section-videos .section-body { padding-right: 0; }
.section-videos .video div { margin-bottom: 20px; }
.section-videos .section-actions { text-align: center; }
}
/* Mobile */
@media (max-width: 767px) {
.section-videos { padding-bottom: 30px; margin-bottom: 20px; }
.section-videos .section-head { position: static; padding: 40px 0 20px; text-align: center; }
.section-videos .section-head h1 { -webkit-transform: none; -ms-transform: none; transform: none; font-size: 22px; color: #0A0203; }
.section-videos .section-head:after { display: none; }
.section-videos .section-body { padding: 0; }
.section-videos .list-videos { display: none; }
}
/* ------------------------------------------------------------ *\
Section Posts
\* ------------------------------------------------------------ */
.section-posts { margin-bottom: 62px; }
.section-posts h3 { margin: 20px 0; font-size: 20px; line-height: 1.3; color: #0A0203; }
/* ------------------------------------------------------------ *\
Section Facts
\* ------------------------------------------------------------ */
.section-facts { text-align: center; }
.section-facts .section-head { margin-bottom: 30px; }
.section-facts img { width: 100%; height: auto; }
.section-facts .section-actions { padding: 65px 0 68px; font-size: 0; line-height: 0; background-color: #fff4c4; }
.section-facts .section-actions .button{color:#fff;}
.section-facts .section-actions .button + .button { margin-left: 23px; }
/* Mobile */
@media (max-width: 767px) {
.section-facts .section-head,
.section-facts .section-image { display: none; }
.section-facts .section-actions .button { display: block; width: 210px; margin: 0 auto 15px; }
.section-facts .section-actions .button + .button { margin: 0 auto 15px; }
}
/* ------------------------------------------------------------ *\
Section Sub Photo
\* ------------------------------------------------------------ */
.section-photo { position: relative; }
.section-photo .section-head {
position: absolute;
background-color: rgba(0,0,0,.7);
width: 100%;
bottom: 0;
padding: 10px 0;
}
.section-blank .section-head {
position: relative;
background-color: rgba(0,0,0,.7);
width: 100%;
padding: 10px 0;
}
.section-photo .section-head h2, .section-blank .section-head h2{
color:#fff;
}
.section-photo img { width: 100%; height: auto; }
.manchester-photo{
background-image: url('images/manchester-photo.jpg');height: 294px;background-size: cover;
}
.students-photo{
background-image: url('images/students-bg.jpg');height: 294px;background-size: cover;
}
.faculty-photo{
background-image: url('images/faculty-bg.jpg');height: 294px;background-size: cover;
}
.parents-photo{
background-image: url('images/parents-photo.jpg');height: 294px;background-size: cover;
}
.about-photo{
background-image: url('images/about_manchester.jpg');height: 294px;background-size: cover;
}
.admissions-photo{
background-image: url('images/admissions-bg.jpg');height: 294px;background-size: cover;
}
.after-photo{
background-image: url('images/after_manchester.jpg');height: 294px;background-size: cover;
}
.academics-photo{
background-image: url('images/academics.jpg');height: 294px;background-size: cover;
}
.campus-photo{
background-image: url('images/campus_life.jpg');height: 294px;background-size: cover;
}
.pharmacy-academics{
background-image: url('images/pharmacy_academics.png');height: 294px;background-size: cover;
}
.pharmacy-admissions{
background-image: url('images/pharmacy_admissions.png');height: 294px;background-size: cover;
}
.pharmacy-about{
background-image: url('images/pharmacy_about.jpg');height: 294px;background-size: cover;
}
.pharmacy-group{
background-image: url('images/pharmacy_group.jpg');height: 294px;background-size: cover;
}
.career-photo{
background-image: url('images/career.jpg');height: 294px;background-size: cover;
}
.MLK50-photo{
background-image: url('images/MLK50-header.jpg');height: 294px;background-size: cover;
}
/*Admissions photos*/
.admissions-main-photo{
background-image: url('images/campus_mall_2000x294.jpg');height: 294px;background-size: cover;
}
.admissions-degreesacademics-photo{
background-image: url('images/grads_03_2000x294.jpg');height: 294px;background-size: cover;
}
.admissions-lifeoncampus-photo{
background-image: url('images/friends_2000x294.jpg');height: 294px;background-size: cover;
}
.admissions-costsfinaid-photo{
background-image: url('images/greece_2000x294.jpg');height: 294px;background-size: cover;
}
.admissions-international-photo{
background-image: url('/images/default-source/admission/template/international_students_2000x294.jpg');height: 294px;background-size: cover;
}
.admissions-transferstudents-photo{
background-image: url('images/bike_2000x294.jpg');height: 294px;background-size: cover;
}
/* Tablet Landscape */
@media (max-width: 1024px) {
.after-photo{background-position: -625px 0px;}
.MLK50-photo {background-position: -100px 0px;}
.academics-photo {background-position-x: -625px;}
}
/* Mobile */
@media (max-width: 767px) {
.about-photo {background-position: -260px 0;}
.academics-photo{background-position-x: -950px;}
.admissions-photo{background-position: -492px 0px;}
.campus-photo{background-position: -700px 0px;}
.after-photo{background-position: -905px 0px;}
.manchester-photo{background-position: -905px 0px;}
.parents-photo{background-position: -500px 0px;}
.students-photo{background-position: -200px 0px;}
.faculty-photo{background-position: -330px 0px;}
.career-photo{background-position: -250px 0px;}
.MLK50-photo {background-position: -200px 0px;}
.admissions-main-photo{background-position: -250px 0px;}
.admissions-degreesacademics-photo{background-position: -870px 0px;}
.admissions-lifeoncampus-photo{background-position: -250px 0px;}
.admissions-costsfinaid-photo{background-position: -525px 0px;}
.admissions-international-photo{background-position: -100px 0px;}
.admissions-transferstudents-photo{background-position: -0px 0px;}
}
@media (max-width: 560px) {
.admissions-lifeoncampus-photo{background-position: -450px 0px;}
.admissions-transferstudents-photo{background-position: -350px 0px;}
.admissions-international-photo{background-position: -325px 0px;}
.MLK50-photo {background-position: -250px 0px;}
}
/* ------------------------------------------------------------ *\
Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
Socials
\* ------------------------------------------------------------ */
.socials ul { list-style: none outside none; font-size: 0; line-height: 0;}
.socials li { display: inline-block; width: 48%; margin-bottom: 18px; vertical-align: top; }
.socials a { font-size: 14px; line-height: 1.3; color: #fff; text-decoration: none; transition: opacity .3s; }
.socials span { display: inline-block; width: 22px; height: 20px; margin-right: 18px; vertical-align: middle; text-align: center; }
.socials a:hover { opacity: .7; }
.sf-social-share{ padding-left:0 !important;padding:10px;border-top:solid 1px #efefef;border-bottom:solid 1px #efefef;margin-bottom:15px !important;}
.sf-social-share li{padding-bottom:0 !important;}
.sf-icon-facebook, .sf-icon-twitter, .sf-icon-linkedin{height: 30px !important; width: 30px !important;}
.sf-icon-facebook{
background-image: url(images/social-sharing-sprite.png) !important;
background-position: -6px -6px !important;
}
.sf-icon-twitter {
background-image: url(images/social-sharing-sprite.png) !important;
background-position: -6px -51px !important;
}
.sf-icon-linkedin {
background-image: url(images/social-sharing-sprite.png) !important;
background-position: -95px -7px !important;
}
/* Small Desktop */
@media (max-width: 1200px) {
.socials a { font-size: 11px; }
}
/* Tablet Portrait was 992*/
@media (max-width: 1200px) {
.socials li { width: 45.5%; }
}
/* ------------------------------------------------------------ *\
Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
Testimonial
\* ------------------------------------------------------------ */
.testimonial { padding: 100px 0; background: #303030; }
.testimonial .container { padding: 0 150px; }
.testimonial .blockquote { border: none; font-size: 24px; line-height: 1.5; color: #fff; font-style: italic; margin-bottom: 5px; }
.testimonial .testimonial-image { float: left; }
.testimonial .testimonial-image img { border-radius: 50%; width: 100%; border: 1px solid #dad9d9; }
.testimonial .testimonial-content { padding-left: 15px; float: left; width: 80%; }
.testimonial .testimonial-content-inner { float: right; margin-right: 70px; }
.testimonial .testimonial-content-inner p { font-size: 18px; color: #b3b3b3; margin: 0; padding: 8px 26px 0 0; float: left; }
.testimonial .testimonial-content-inner a { float: left; transition: all .3s; .button-light-blue
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding: 10px 36px;
display: inline-block;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: opacity .3s;
background: #77c4d5;
margin-top: 20px;
}
.testimonial .testimonial-content-inner a:hover { background: #159bb8; color: #fff; }
@media (max-width: 1200px) {
.testimonial .testimonial-content { width: 82%; }
.testimonial .container { padding: 0 0; }
.testimonial .testimonial-content-inner p, .testimonial .testimonial-content-inner a { float:none;text-align:center; }
.testimonial .testimonial-content-inner {
float: none;
margin-right: 0;
}
.testimonial .testimonial-content-inner a{
text-align: center;
display: block;
width: 180px;
margin: 16px auto 0px;
}
.testimonial .testimonial-image img {
display: block;
margin: 0px auto 25px;
}
}
@media (max-width: 1200px) { /*was 992*/
.testimonial .testimonial-content { width: 75%; }
.testimonial blockquote { padding: 0; text-align:center;}
.testimonial .testimonial-image img {
width: 25% !important;
}
}
@media (max-width: 767px) {
.testimonial { text-align: center; padding: 50px 0; }
.testimonial .testimonial-content { float: none; display: inline-block; }
.testimonial .testimonial-image { float: none; padding-bottom: 55px; }
.testimonial .testimonial-image img { width: 50%; }
.testimonial .testimonial-content-inner { float: none; margin: 0; }
.testimonial .testimonial-author { float: none; }
.testimonial .button-light-blue { float: none; }
}
@media (max-width: 479px) {
.testimonial { padding: 40px 0; }
.testimonial blockquote { font-size: 18px; padding: 0; }
.testimonial .testimonial-image { padding:0 0 25px 0; }
.testimonial .testimonial-content { padding: 0; }
.testimonial .testimonial-author { padding-right: 0; line-height: 1.2; }
}
/* ------------------------------------------------------------ *\
Map
\* ------------------------------------------------------------ */
.section-map{
background-image:url(images/map.jpg);
background-size:cover;
background-position:center;
min-height:499px;
}
/* ------------------------------------------------------------ *\
Section Buttons
\* ------------------------------------------------------------ */
.section-buttons {
padding: 65px 0;
background: #fff4c4;
text-align: center;
}
.section-buttons .button {
margin: 0 10px;
}
.button-large {
min-width: 210px;
height: 69px;
font-family: "Univers Condensed", sans-serif;
font-size: 21px;
line-height: 69px;
font-style: normal;
}
.button-orange {
background-color: #f4a91a;
}
.button-black {
background-color: #303030;
}
/* ------------------------------------------------------------ *\
Widget
\* ------------------------------------------------------------ */
.success{
margin-bottom:30px;
}
.success p{
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
text-transform:uppercase;
}
.success img{
width: 285px;
border: solid 5px #fff;
transition: all ease .25s;
cursor:pointer;
}
.success img:hover{
border: solid 5px #eea904;
opacity:.9;
}
.success .sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33 {
margin-left: 0px;
}
.success .sf_3cols_2_34 .sf_3cols_2in_34{
margin: 0 .32em;
}
/* ------------------------------------------------------------ *\
Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
#aspnetForm{
height:100%;
}
.logo-JSW {
display: inline-block;
vertical-align: top;
margin: 0;
font-size: 0;
float: left;
}
.ico-logo-JSW {
background-image: url('//www.manchester.edu/_img/sprite01.svg');
background-repeat: no-repeat;
width: 307px;
height: 103px;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.ico-arrow-orange-down-JSW {
margin-bottom: 3px;
background-image: url('//www.manchester.edu/_img/sprite01.svg');
background-position: -9.431px -140.9px;
width: 7.625px;
height: 4px;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.ico-zoom-JSW {
background-image: url('//www.manchester.edu/_img/sprite01.svg');
background-position: -33px -136px;
width: 11px;
height: 12px;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.footer-logo .ico-logo-JSW {
width: 258px;
height: 70px;
background-position: -25px -24px;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.ico-facebook-JSW, .ico-twitter-JSW, .ico-tumblr-JSW, .ico-googleplus-JSW, .ico-youtube-JSW, .ico-instagram-JSW, .ico-pinterest-JSW, .ico-linkedin-JSW {
background-image: url('//www.manchester.edu/_img/sprite01.svg');
width: 26.55px;
height: 26.55px;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.ico-facebook-JSW {
background-position: 0 -103px;
}
.ico-twitter-JSW {
background-position: -27px -103px;
}
.ico-tumblr-JSW {
background-position: -133px -103px;
}
.ico-googleplus-JSW {
background-position: -159px -103px;
}
.ico-youtube-JSW {
background-position: -53px -103px;
}
.ico-instagram-JSW {
background-position: -79px -103px;
}
.ico-pinterest-JSW {
background-position: -185px -103px;
}
.ico-linkedin-JSW {
background-position: -106px -103px;
}
/*--------------------------------------------------*/
/* blue button from admissions.manchester.edu */
/*--------------------------------------------------*/
.blueButton{
display: inline-block;
background-color: #0e4eb7;
padding: 10px 20px;
color: #fff !important;
text-decoration: none;
}
.blueButton:hover{
background-color: #3575dc;
}
/*--------------------------------------------------*/
/* Responsive container for YouTube embeds */
/*--------------------------------------------------*/
.responsive-container {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.responsive-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*-------------------------------------------------------------------*/
/* Line-break-sized margin-bottom for select content blocks */
/*-------------------------------------------------------------------*/
.bufferx1 {margin-bottom:3em;}
.bufferx1 img {padding-bottom:3em;}
.bufferx2 {margin-bottom:6em;}
.bufferx2 img {padding-bottom:6em;}
/* MU added 2017-07-19 to fix expand/collapse icons */
.k-treeview .k-i-collapse, .k-treeview .k-i-expand {
float: left;
margin-top: .75rem;
}
.k-i-collapse:before, .k-i-expand:before {
top: 1rem;
}
.k-i-expand:before {
/*content: url('data:image/svg+xml;charset=UTF-8,');*/
content: url('/_img/expand.svg');
}
.k-i-collapse:before {
/*content: url('data:image/svg+xml;charset=UTF-8,');*/
content: url('/_img/collapse.svg');
}
.k-icon:before {
width: 15px;
height: 15px;
line-height: auto;
position: static;
bottom: auto;
left: auto;
margin: auto;
}
/*----------------------------------------*/
/* Street address in site footer */
/*----------------------------------------*/
.footer_address {
color: #fff;
display: flex;
justify-content: center;
list-style: none;
padding: 2em 0;
}
.footer_address li {
padding: 0 .8em;
line-height: 1;
display: block;
}
@media (max-width: 768px) {
.footer_address{
padding-top: 1em;
display:inherit;
justify-content:inherit;
margin-left: -1em;
}
.footer_address li {
border: none;
line-height: inherit;
}
}
.left-divider{border-left:2px solid rgb(73, 73, 73);padding-left:1em;}
.gsc-adBlock, .gcsc-branding {display:none!important;}