/**
 * Assets CSS
 * Assets are referring to assets withing OU Campus. This is all the styling for block elements on the 
 * Krake redesign. Note that although Photo Galleries are assets within OU Campus, they have there
 * own CSS file. This file is used in conjuction with kraken.css
 * 
 * @see    n/a
 * @author Jonathan Volks <jvolks@skidmore.edu> and Melissa Haas <mhaas1@skidmore.edu>
 * @unit   Office of Communications and Marketing
 */



/* ==================================================================================================== */
/* Blog/News Feed */
/* ==================================================================================================== */
.feed { clear: both; width: 100%; }
.feed__header { margin: 0 0 30px 0; }
.feed__header h2 { margin: 0; }
.feed__header hr { margin: 5px 0 0 0; }
.feed__list { margin: 0; padding: 0; list-style: none; }
.feed__list li { margin: 0 0 50px 0; padding: 0; list-style: none; background-image: none; }
.feed__list li:after { content: ""; display: block; clear: both; }
.feed__image { float: left; width: 100px; height: 100px; }
.feed__image a { width: 100%; height: 100%; display: block; }
.feed__image a:hover { background-color: transparent!important; }
.feed__image img { border-radius: 50%; width: 100%; height: 100%; display: block; }
.feed__text { float: left; width: calc(100% - 140px); padding: 0 0 28px 0; margin: 0 0 0 40px; border-bottom: 1px solid #dbe2e9;  } 
.feed .feed__title { margin: 0 0 5px 0; }
.feed .feed__title a { color: #000000; border-bottom: none; background-color: transparent; font-size: 2.0rem; } 
.feed .feed__title a:hover { background-color: transparent; }
.feed .feed__content { font-size: 1.4rem; line-height: 1.5; margin: 0 0 10px 0; }
.feed__extra { clear: both;  }
.feed__extra:after { content: ""; display: block; clear: both; }
.feed__more { float: left; width: 50%; }
.feed__timestamp { float: left; width: 50%; font-size: 1.1rem; line-height: 2.45; text-align:  right; opacity: 0.7; }

.feed.feed--large { max-width: 1070px; margin: 0 auto; }
.feed--large .feed__header { margin-bottom: 50px; }
.feed--large .feed__list li { margin-bottom: 50px; position: relative; }
.feed--large .feed__image { width: 200px; height: 200px; padding-right: 0; }
.feed--large .feed__text { width: calc(100% - 230px); position: absolute; top: 50%; left: 230px; transform: translateY(-50%); margin: 0; }
.feed--large .feed__title { margin: 0 0 5px 0; }
.feed--large .feed__title a { font-size: 2.2rem; }
.feed--large .feed__content { font-size: 1.8rem; line-height: 1.5; }

.feed--noimage .feed__text { float: none; width: 100%; margin: 0; }

@media (max-width: 767px) {  
    .feed__image, .feed--large .feed__image { width: 50px; height: 50px; }
    .feed__text, .feed--large .feed__text { width: calc(100% - 60px); margin: 0 0 0 10px; }
    
    .feed--large .feed__text { position: relative; top: auto; left: auto; transform: none; }
    .feed--large .feed__title a { font-size: 1.8rem; }    
    .feed--large .feed__content { font-size: 1.4rem; line-height: 1.3; }
}




/* Don't print link hrefs */
@media print {
  a[href]:after {
    content: none
  }
}

/* ==================================================================================================== */
/* Hubsport Subscibe */
/* ==================================================================================================== */

.hubspot-signup {margin-top: 15px;background: #00432a;color: #fff;padding:30px;}
.hubspot-signup .inner {margin: 0 auto; max-width: 950px;}
.hubspot-signup .inner p {display: inherit;margin: 10px 0;font-size: inherit;line-height: inherit;letter-spacing: inherit;text-transform: inherit;}

/* ==================================================================================================== */
/* Vertical Events Calendar */
/* ==================================================================================================== */
.verticalevents { position: absolute; z-index: 100; right:0; top: 80px; width: auto; }
.verticalevents h5 { color: #FFFFFF; }

/* Heading */
.verticalevents__heading { margin: 0 -400px 5px auto; width: 475px; text-align: right; }
.verticalevents__heading::after { content: ""; display: block; clear: both; }

/*.verticalevents__heading:hover,
.verticalevents__heading:focus,
.verticalevents__heading:focus-within { margin: 0 0 5px auto; transition: margin 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
*/

.verticalevents__heading:hover,
.verticalevents__heading:focus,
.verticalevents__heading:focus-within { margin: 0 0 5px auto; transition: margin 0.3s linear; }

.verticalevents__heading:hover .verticalevents__links,
.verticalevents__heading:focus .verticalevents__links,
.verticalevents__heading:focus-within .verticalevents__links{ display: block; }

.verticalevents__title { float: left; width: 75px; text-align: center; vertical-align: top; font-family: 'Oswald',sans-serif; text-transform: uppercase; background: #006A52; color: #fff; display: block; font-size: 1.6rem; padding: 5px 0 }
.verticalevents__title a { }

.verticalevents__links { float: left; display: none; width: 400px; padding: 20px; overflow: hidden; background-color: #006A52; border-left: 1px solid #44D62C; text-align: left; white-space: nowrap; }
.verticalevents__links ul { margin: 0; padding: 0; list-style: none; }
.verticalevents__links ul li { margin: 0; list-style: none;  }
.verticalevents__links ul li a { color: #FFFFFF;  }

/* Each Date */
.verticalevents__date { margin: 5px -400px 5px auto; width: 475px;  }
.verticalevents__date::after { content: ""; display: block; clear: both; }

.verticalevents__date:hover,
.verticalevents__date:focus,
.verticalevents__date:focus-within { margin: 0 0 5px auto; transition: margin 0.3s linear; } /*cubic-bezier(0.175, 0.885, 0.32, 1.275)*/
.verticalevents__date:hover .verticalevents__dateexpand,
.verticalevents__date:focus .verticalevents__dateexpand,
.verticalevents__date:focus-within .verticalevents__dateexpand{ display: block; }

.verticalevents__dateformat { float: left; width: 75px; text-align: center; padding: 5px 0; background: #006A52; font-family: 'Oswald',sans-serif; text-transform: uppercase; }
.verticalevents__dateformat .m { color: #FFD100; font-size: 1.6rem }
.verticalevents__dateformat .d { color: #fff; display:block; font-size: 2.4rem }

.verticalevents__dateexpand { float: left; display: none; width: 400px; overflow: hidden; background: #006A52; padding: 20px; border-left: 1px solid #44D62C; font-weight:300;font-size:1.4rem;line-height:1.5; color: #FFF; }
.verticalevents__dateexpand strong { font-size:1.8rem } 
.verticalevents__dateexpand a { color: #FFFFFF; } 


/* Footing */
.verticalevents__footing { margin: 0 -400px 5px auto; width: 475px; text-align: right; }
.verticalevents__footing::after { content: ""; display: block; clear: both;  }

.verticalevents__footing:hover,
.verticalevents__footing:focus,
.verticalevents__footing:focus-within { margin: 0 0 5px auto; transition: margin 0.3s linear; } /*cubic-bezier(0.175, 0.885, 0.32, 1.275)*/
.verticalevents__footing:hover .verticalevents__links,
.verticalevents__footing:focus .verticalevents__links,
.verticalevents__footing:focus-within .verticalevents__links{ display: block; }


@media (max-width: 991px) {  
    .verticalevents { position: relative; right: 0; top: 0; width: 100%; }
    
    .verticalevents__heading { width: 100%; margin: 0; }
    .verticalevents__heading .verticalevents__links { display: none!important; }
    
    .verticalevents__title { width: 100%; float: none; text-align: right; display: block; padding-left: 10px; cursor: pointer; }     
    .verticalevents__title:after{content:"\e114"; float: right; padding-right: 10px;font-family: 'Glyphicons Halflings'; margin-left: 10px;} 
    
    
    .verticalevents__date { margin: 5px 0; width: 100%; background: #006A52; display: none; }
    .verticalevents__dateexpand { width: calc(100% - 75px); display: block; padding: 20px; border-width: 1px;  }
    .verticalevents__date:hover .verticalevents__dateexpand, .verticalevents__date:focus .verticalevents__dateexpand { width: calc(100% - 75px); height: auto; border-width: 1px; padding: 20px; }
    
    .verticalevents__footing { margin: 0 0 5px 0; width: 100%; display: none; }
    .verticalevents__footing .verticalevents__links { float: none; width: 100%; display: block; padding: 20px;  }
    .verticalevents__footing .verticalevents__title { display: none; }
    .verticalevents__footing:hover .verticalevents__links, .verticalevents__footing:focus .verticalevents__links { width: 100%;  border-width: 0;  }
}


/* ==================================================================================================== */
/* Persona Layout */
/* ==================================================================================================== */
.persona-layout { clear: both; position: relative; overflow: hidden; height: 420px; }
.persona-layout__info { background-color: #006A52; height: 420px; padding: 30px; position: relative; }
.persona-layout__title { color: #FFFFFF; font-family: 'Volkhov', serif; font-size: 3.7rem; line-height: 1; margin: 0 0 25px 0; }
.persona-layout__description { color: #FFFFFF; font-size: 1.6rem; line-height: 1.4; }
.persona-layout__greenline { position: absolute; top: 0; left: -10%; width: 110%; border-bottom: 2px solid #33c572; }

.persona-layout__profiles { clear: both; position: relative; }
.persona-layout__persona { display: none; margin: 75px 0 0 0; }
.persona-layout__persona.active { display: block; }
.persona-layout__image { max-width: 250px; margin: 0 auto; }
.persona-layout__personaimage { position: relative; margin: 0 0 20px 0; padding-bottom: 100%; max-width: 250px; }
.persona-layout__personaimage a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align:  center; }
.persona-layout__personaimage img {   display: block; margin: 0 auto; padding: 20px; border-radius: 50%; width: 100%; height: 100%; object-fit: cover; border: 4px solid #006A52; }
.persona-layout__year { background-color: #006A52; border-radius: 50%; width: 60px; height: 60px; color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 2.3rem; line-height: 6.0rem; text-align: center; position: absolute; top: 20px; }

.persona-layout__breadcrumbs ul { margin: 0; padding: 0; list-style: none; text-align: center;}
.persona-layout__breadcrumbs ul::after { content: ""; clear: both; display: block; }
.persona-layout__breadcrumbs ul li {background-image: none; padding:0; display: inline-block; width: 60px; height: 60px; margin: 0 5px; position: relative; overflow: hidden;border-radius: 50%; border: 1px solid #006A52;}
.persona-layout__breadcrumbs ul li a { display: block; }
.persona-layout__breadcrumbs ul li img { margin: 0 auto; display: block;}
.persona-layout__breadcrumbs ul li.active {border: 4px solid #33c572; border-radius: 50%; }

.persona-layout__quote { font-size: 2.2rem; line-height: 1.3; margin: 0 0 20px 0; }
.persona-layout__quote span { color: #006A52; }
.persona-layout__name { font-weight: bold; text-transform: uppercase; }
.persona-layout__major { font-size: 1.4rem; margin: 0 0 20px 0; }

@media (max-width: 991px) {	
    .persona-layout { height: auto;  }
    .persona-layout__info { height: auto; }
    .persona-layout__greenline { display: none; }
    .persona-layout__profiles { padding: 0 15px 30px 15px;; }
    .personal-layout__persona { margin-top: 20px; }
    .persona-layout__year { left: calc(50% - 100px); transform: translateX(-50%); }
    .persona-layout__breadcrumbs { margin-bottom: 10px; }
}


/* ==================================================================================================== */
/* Home Page News */
/* ==================================================================================================== */
.altNews { clear: both; position: relative; }
.altNews__layout { margin: 0 auto; width: 100%; max-width: 980px; padding: 0 15px 30px 15px; position: relative; }

.altNews__header { padding: 35px 0; }
.altNews__header::after { content: ""; display: block; clear: both; }
.altNews__heading { color: #006A52; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 2.2rem; line-height: 1.0; margin: 0; float: left; width: 50%; }
.altNews__morenews { float: left; width: 50%; text-align: right; color: #006A52; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 2.2rem; line-height: 1.0; margin: 0;  }

.altNews__container { clear: both; overflow: hidden; }
.altNews__items { margin: 0; padding: 0; list-style: none; width: 9999px; }
.altNews__items::after { content: ""; display: block; clear: both; }

.altNews__item { margin: 0 25px 0 0; padding: 0; list-style: none; float: left; width: 300px; background-image: none; }
.altNews__image { margin: 0 0 20px 0; }
.altNews__image a { display: block; width: 300px; height: 300px; }
.altNews__image img { display: block; width: 300px; height: 300px; }
.altNews__text { margin: 0 0 20px 0; }
.altNews__title { margin: 0 0 20px 0; }
.altNews__title a { font-weight: 700; font-size: 2.6rem; line-height: 1.2; }
.altNews__description { margin: 0; font-size: 1.4rem; line-height: 2.0rem; }

.altNews__leftarrow { position: absolute; top: 50%; left: -60px; transform: translateY(-50%); cursor: pointer; opacity: 1; }
.altNews__rightarrow { position: absolute; top: 50%; right: -60px; transform: translateY(-50%); cursor: pointer;  }

@media (max-width: 991px) {	
    .altNews__layout { padding: 0 0 42px 0; }
    .altNews__heading { width: 100%; margin: 0 auto; float: none; padding: 0 0 0 15px; }
    .altNews__morenews { position: absolute; bottom: 0; right: 0; background-color: #006A52; width: 100%; text-transform: uppercase; padding: 10px 20px; margin: 0 0 20px 0; }
    .altNews__morenews a { color: #FFFFFF; }
    .altNews__items { width: 100%; }
    .altNews__item { /*float: none;*/ width: 49%; position: relative; display: none; margin: 0 1% 20px 0; }  
    .altNews__item:nth-child(even) { margin: 0 0 20px 1%; }
    .altNews__item:nth-child(-n+4) { display: block; } 
    .altNews__image { margin: 0; }
    .altNews__image a { width: 100%; height: 100%; }
    .altNews__image img { width: 100%; height: auto;}
    .altNews__image a::before { display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0;}
    .altNews__text { margin: 0; }
    .altNews__title { position: absolute; bottom: 0; width: 100%; left: 50%; transform: translateX(-50%); padding: 0 15px; }
    .altNews__title a { font-size: 1.8rem; color: #FFFFFF; }
    
    .altNews__leftarrow { display: none; }
    .altNews__rightarrow { display: none; }
    .altNews__description { display: none; } 
}

@media (max-width:768px) {
    .altNews__item { float: none; width: 100%; margin: 0 0 20px 0; }
    .altNews__item:nth-child(even) { margin: 0 0 20px 0; }
    .altNews__item:nth-child(-n+4) { display: none; } 
    .altNews__item:nth-child(-n+3) { display: block; } 
}

/* ==================================================================================================== */
/* Form Date and Time Picker */
/* ==================================================================================================== */
.xdsoft_datetimepicker{
	background: white;
    box-shadow: rgba(33, 55, 43, 0.2) 0px 2px 4px 0px;
	
}

.xdsoft_monthpicker button{
	text-transform: uppercase;
    font-size: .8em;
    font-weight: 800;
	padding: 10px;
}
.xdsoft_month, .xdsoft_year{display:inline-block;font-weight: 800;margin:5px;text-align: center;}
.xdsoft_today_button{width: 400px;}
.xdsoft_calendar table {width:420px; border-top: 2px solid #33c572;}
.xdsoft_calendar td {width:60px}

.xdsoft_month::after, .xdsoft_year::after{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    display: inline-block;
    padding-bottom: 3px;
    margin-left: 5px;
	font-size: .8em;
}