#portletNews p {margin: 10px 0px 20px;}

/* -------------------------------------------------------------------------
   -------- LOCALIST EVENTS FEED  ---------
   ------------------------------------------------------------------------- */
body.marketing.secondary-page div.lwn a {font-size: 14px !important;}
body.marketing .lwn {font-size: 14px;}
body.marketing span.lwn0 {margin-top: 0px !important;font-size: 13px !important;}

/* Removes padding from core content container to optimize space on mobile */
@media (max-width: 500px) {
#core-content {padding: 0;}
}

/* hides img in navigation bug for faculty profiles trying to display the faculty icon in nav */
li.nav-link img {display: none}

/* fix line spacing for h3 */
h3 {line-height: 30px; !important}

@media screen and (max-width: 600px) { /* unfloats left tabs at mobile resolutions */
.tabs-left > .nav-tabs {float: none}
}

/* SOCIAL ICONS */
.youtube-link::before, .soundcloud-link::before, .twitter-link::before, .facebook-link::before, .instagram-link::before, .linkedin-link::before, .audio-link::before, .photo-link::before, .video-link::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 1px 6px 0 0;
    background-size: 20px 20px;
}

   .youtube-link::before {background-image: url("/artsandsciences/images/icons/youtube-small.png");}
.soundcloud-link::before {background-image: url("/artsandsciences/images/icons/soundcloud-small.png");}
   .twitter-link::before {background-image: url("/artsandsciences/images/icons/twitter-color-transparent.png");}
  .facebook-link::before {background-image: url("/artsandsciences/images/icons/facebook-color-flat-round.png ");}
 .instagram-link::before {background-image: url("/artsandsciences/images/icons/instagram-color-flat-round.png");}
  .linkedin-link::before {background-image: url("/artsandsciences/images/icons/linkedin-color-flat-round.png");}
     .audio-link::before {background-image: url("/artsandsciences/images/icons/audio-small.png");}
     .photo-link::before {background-image: url("/artsandsciences/images/icons/photo-small.png");}
     .video-link::before {background-image: url("/artsandsciences/images/icons/video-small.png");}

/* RED BUTTON */ 
a.fancylink {border-radius: 6px; background: #ccc; padding: 10px; line-height: 2.5em}
a.fancylink:hover {background: #ad0000; color: white; text-decoration: none}

.sidebar p, .sidebar li, #content-body li { /* makes misc fonts same size as regular paragraph */
    font-size: 14px; 
}

.sidebar li {margin-bottom: 10px}

#breadcrumbs li.active {display: none} /* hides breadcrumb for the page you're actually on because it's redundant to see it right above the page title */

/* hides right column when in edit mode 
.portletWrapper {display: none;} */

/* reduce image margins */
.image-left {margin: 0em 1em 0.5em 0}

@media screen and (max-width: 500px) { /* unfloats left and right aligned images at mobile resolutions */
    .image-left, .image-right {max-width: 100%; margin: 0.5em 100% 0.5em 0em; float: none; clear: both; }
    .content div.newsImageContainer, #content-body img.newsImage {width: 100%; margin: 0em; float: none; clear: both;} 
    #content-body div.newsImageContainer p.discreet {margin: 0px 0px 15px 0px}
}

@media screen and (max-width: 768px) {/* reduces content margins at mobile resolutions */
    #content-body > h1 { margin: 35px 10px 27px 10px;}
    #content-body .content {margin: 10px;}
    .main-content .under-nav {margin: 0px}
}

.nav-header {padding-left: 0px;}

/* -------------------------------------------------------------------------
   -------- FLOATING LEFT IMAGE WITH DESCRIPTION THAT DOESN'T WRAP ---------
   ------------------------------------------------------------------------- */

.flobox { /* the container for image, header and description */
    border-bottom: 1px dotted #ccc;
    padding-left: 240px;
    margin-bottom: 25px;
    display: block;
}

.flobox img { /* floats image left and clears text around it */
    float: left;
    width: 200px;
    margin: 0px 15px 25px -240px;
}

#content-body .flobox h2, #content-body .flobox h3 {margin-top: 0px}

.flolink {text-align:right; margin-top: 1em;}

@media screen and (max-width: 500px) { /* unfloats image at mobile resolutions */
    .flobox {padding-left: 0px; margin-bottom: 30px; border: 1px dotted #ccc;}
    .flobox img {float: none; margin: 0px 0px 0px 0px; width: 100%}
    #content-body .flobox p, #content-body .flobox h2, #content-body .flobox h3 {padding:0px 15px;}
    #content-body .flobox h2, #content-body .flobox h3 {margin-top: 10px}
    .flolink {text-align:center;}
}

/* -------------------------------------------------------------------------
   --------------------- RESPONSIVE VIDEO EMBED WRAPPER --------------------
   ------------------------------------------------------------------------- */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------------------------------
   ---------------- NEWS (FEATURE) IMAGE, HEADER AND DESCRIPTION -----------
   ------------------------------------------------------------------------- */


/* COLLECTIONS PAGE: styles the container for image, header and description */
div.tileItem.visualIEFloatFix { 
border-bottom: 1px dotted #ccc; 
padding-left: 165px;
}


/* COLLECTIONS PAGE: floats image left and clears text around it */
img.tileImage { 
    float: left;
    margin: 0px 15px 10px -165px;
}


/* COLLECTIONS PAGE: styles description to match regular paragraph style */
#content-body .description { 
  font-style: normal;
  margin: 0 30px 20px 0px;
  font-size: 14px;
  color: #666;
}

/* COLLECTIONS PAGE: unfloats image and removes padding hacks at mobile resolutions */
@media screen and (max-width: 500px) { 
div.tileItem.visualIEFloatFix {padding-left: 0px; margin-bottom: 20px}
img.tileImage {float: none;margin: 0px 0px 0px 0px;}
}


/* NEWS PAGE: hides description text on the page */
div#document-description.description {display: none;} 


/* -------------------------------------------------------------------------
   --------------END NEWS (FEATURE) IMAGE, HEADER AND DESCRIPTION ----------
   ------------------------------------------------------------------------- */

/* hide real home folder *
.departmental #localnav > li:first-child,
.departmental #breadcrumbs .breadcrumb-minimal > li:first-child,
.departmental #breadcrumbs .breadcrumb-minimal > li:first-child + li .divider,
.uofl-navbar #nav-main .nav > li:first-child,
/* #core-content .left-nav > li:first-child, *
#core-content #breadcrumbs .breadcrumb-minimal > li:first-child,
#core-content #breadcrumbs .breadcrumb-minimal > li:first-child + li .divider {
  display: none;
}
*/

/* only print page contents */
@media print {
	body > *,
	#breadcrumbs,
	.phone_nav,
	.sidebar,
	#social-counters {
		display: none !important;
	}
	
	body > .container#core-content {
		display: block !important;
	}
	
	#core-content > div > div {
		border-top: 0;
	}
}

/* show broken links as yellow when logged in as an editor */
.documentEditable .brokenlink {
  background-color: yellow;
}

/* show missing href for broken links */
.documentEditable .brokenlink:after {
  content: " (not found: " attr(href) attr(src) ")";
  font-size: smaller;
}

/* fix page numbers at bottom of paged page */
div.listingBar {
    font-size: 80%;
}

div.listingBar > a,
div.listingBar > .current {
	margin-right: 4px;
}

/* add float clearing for news thumbnails and other things */
.visualClear {
    clear: both;
}

div.listingBar a {
  border: 0.1em solid #ccc;
  display: inline-block;
  padding: 0.25em 0.5em;
}

div.listingBar .next {
    display: inline-block;
    float: right;
}

/* make icons in footer line up a little better */
#prefooter a img {
  vertical-align: text-bottom;
}

/* add a small icon to the left of links to certain files: pdf, doc, xls */
#core-content  a.link-mailto,
#core-content  a[href^="mailto:"],
#core-content  a[href$=".pdf"],
#core-content  a[href$=".doc"],
#core-content  a[href$=".docx"],
#core-content  a[href$=".dot"],
#core-content  a[href$=".dotx"],
#core-content  a[href$=".xls"],
#core-content  a[href$=".xlsx"] {
  padding:             1px 0 1px 18px;
  background-repeat:   no-repeat;
  background-position: center left;
}

#core-content a.link-mailto,
#core-content a[href^="mailto:"] {
  background-image: url('mail_icon.png');
}

#core-content  a[href$=".pdf"] {
  background-image: url('/artsandsciences/images/icons/generic-pdf.png');
}

#core-content  a[href$=".pdf"]:after {
  content: " (PDF)";
}

#core-content  a[href$=".doc"],
#core-content  a[href$=".docx"],
#core-content  a[href$=".dot"],
#core-content  a[href$=".dotx"] {
  background-image: url('/artsandsciences/images/icons/generic-doc.png');
}

#core-content  a[href$=".doc"]:after,
#core-content  a[href$=".docx"]:after,
#core-content  a[href$=".dot"]:after,
#core-content  a[href$=".dotx"]:after {
  content: " (DOC)";
}

#core-content  a[href$=".xls"],
#core-content  a[href$=".xlsx"] {
  background-image: url('/artsandsciences/images/icons/generic-xls.png');
}

#core-content  a[href$=".xls"]:after,
#core-content  a[href$=".xlsx"]:after {
  content: " (XLS)";
}

/* resize image fix */
img {
  height: auto;
}

/* Marketing Theme fixes */
/* remove extra space from bottom of homepage */
#home-bottom-content {
	margin-bottom: 0;
}

/* news image caption fix */

.content div.newsImageContainer {
    display: table;
    float: right;
    margin: 0px 0px 20px 20px;
}

#parent-fieldname-image {
	display: table-cell;
}

#content-body div.newsImageContainer p.discreet {
	display: table-caption !important;
	caption-side: bottom;
	background-color: rgba(40, 40, 40, 0.7);
	color: white;
	font-weight: bold;
	font-size: 70%;
	padding: 0.5em;
	width: auto;
}

/* allow left nav to vary from 0 - 200px depending on its contents *
.main-content .left-nav {
	margin: 0;
	max-width: 200px;
}

/* set main content to take advantage of extra space from smaller left nav *
.main-content #content-body {
	margin-left: 0;
	width: auto;
}



/* Form fixes 
select {
  width: auto;
}

div.field label,
body.template-calendar-controlpanel label,
div.configlet label,
ul.configlets label,
body.template-hnfpicker-settings label.horizontal {
  font-size: 14px;
  font-weight: bold;
  margin-left: 0;
}
input[type="radio"], input[type="checkbox"] {
  margin: 0 0 6px;
}

input[type="radio"]       + label,
input[type="checkbox"] + label {
  font-weight: normal;
  margin-left: 8px;
}

.formHelp {
  font-size: 13px;
  color: #999;
}

.label,
.badge {
  background-color: transparent;
  color: #666666;
  font-size: 14px;
  text-shadow: 0 1px 0 white;
  line-height: 18px;
  margin-left: -5px;
}
*/

/* departmental */
.departmental #content-body hr {
  margin: 10px 0;
  border-top: 1px solid #DDD;
}

.departmental #document-title {
  margin-bottom: 5px;
}

.departmental #content-body h2 {
  line-height: 24px;
}

.departmental #content-body h2 + h3,
.departmental #content-body hr + h2,
.departmental #content-body hr + h3 {
  margin-top: 0;
}

.departmental #content-body h3 {
  font-size: 21px;
  margin-top: .5em;
  margin-bottom: 0;
  line-height: 25px;
}

.departmental #content-body .description { /* applies to only department templates */
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  color: #666;
  margin: 0 0px 30px 30px; 
}

#core-content #document-title {
  margin-bottom: 5px;
}

#content-body h2 {
  line-height: 1em;
  margin-bottom: 10px;
  font-size: 30px;
}

/* allow headings to be right next to each other */
#core-content #content-body h2 + h3,
#core-content #content-body hr + h2,
#core-content #content-body hr + h3 {
  margin-top: 0;
}

/* hide empty accordions */
#core-content .sidebar .accordion:empty {
  display: none;
}

/* new styles that can be used in documents */
/* shadow an image with class shadow */
img.shadowed {
          box-shadow:  rgb(77, 77, 77) 0 3px 10px;
     -moz-box-shadow:  rgb(77, 77, 77) 0 3px 10px;
  -webkit-box-shadow:  rgb(77, 77, 77) 0 3px 10px;
          box-shadow: rgba(0, 0, 0,.7) 0 3px 10px;
     -moz-box-shadow: rgba(0, 0, 0,.7) 0 3px 10px;
  -webkit-box-shadow: rgba(0, 0, 0,.7) 0 3px 10px;

  -webkit-margin-bottom-collapse: separate;
}

/* don't allow floated images to run into each other */
  img.image-left {
  clear: left;
}

img.image-right {clear: right;}

img.image-left.noborder {
  border-width: 0;
  margin: 0.5em 1em 0.5em 0;
}

img.image-right.noborder {
  border-width: 0;
  margin: 0.5em 0 0.5em 1em;
}

.float-left {float: left;}

.float-right {float: right;}

.clear {clear: both;}

.no-display {display: none;}

/* use tables to caption images */
table.image-caption, table.image-caption-left, table.image-caption-right {
  margin: 0 0 1em 0;
}

table.image-caption,
table.image-caption-left {
  margin-right: 1em;
}

table.image-caption-left {
  float: left;
  clear: left;
}

table.image-caption-center {
  margin: 0 auto 1em;
}

table.image-caption-right {
  float: right;
  clear: right;
  margin-left: 1em;
}

table.image-caption-left td, table.image-caption-center td, table.image-caption-right td {
  margin:  0;
  padding: 0;
}

table.image-caption caption,table.image-caption-left caption, table.image-caption-center caption, table.image-caption-right caption {
  caption-side: bottom;
  position: relative; /* makes it appear on top of image box shadow */
  font-family: Calibri, Verdana, sans-serif;
  font-size: 80%;
  line-height: 1;
  padding: 0.25em;
  background-color: white;
          box-shadow:  rgb(77, 77, 77) 0 3px 10px;
     -moz-box-shadow:  rgb(77, 77, 77) 0 3px 10px;
  -webkit-box-shadow:  rgb(77, 77, 77) 0 3px 10px;
          box-shadow: rgba(0, 0, 0,.7) 0 3px 10px;
     -moz-box-shadow: rgba(0, 0, 0,.7) 0 3px 10px;
  -webkit-box-shadow: rgba(0, 0, 0,.7) 0 3px 10px;
}