/**
 * @file
 * Views Styling
 */


/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */

.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

/**
 * Home Page - Slide Show
 */

/* 16/02/2015: ASR - Responsive design */
.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
.views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.widget_pager .views-content-counter {
  text-indent: -10000px;
  border-radius: 50px;
  margin: 10px 10px 10px 0px;
  width:10px;
  height:10px;
  background-color: #FFF;
}

.widget_pager .active .views-content-counter {
  text-indent: -10000px;
  border-radius: 50px;
  margin-right: 10px;
}

.widget_pager .views-content-counter:hover {
  cursor: pointer;
  background-color: #CCC;
  border-radius: 50px;
  margin-right: 10px;
}

div.view-ve-hp-highlights  {
  position: relative;
}

.view-ve-hp-highlights .views-field-field-pretitle,
.view-ve-hp-highlights .views-field-field-root-section {
  font-weight:bold;
  font-size: 11px;
  background-color: #f3e7db;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
}

.view-ve-hp-highlights .views-field-field-root-section .field-content {
  margin: 0;
  padding: 0;
}
.view-ve-hp-highlights .views-field-field-root-section .field-content a:hover {
  text-decoration: underline;
}

.view-ve-hp-highlights .views-slideshow-controls-top {
  background-color: #f3e7db;
  float: right;
  height: 30px;
  width: 35%;
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
}

.view-ve-hp-highlights .views-slideshow-controls-top .views-slideshow-pager-fields {
  float: right;
}
.view-ve-hp-highlights .views-slideshow-pager-field-item {
  float: left; 
}

.view-ve-hp-highlights .views-field-title a {
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #565656;
}

.view-ve-hp-highlights .views-field-title a:hover {
  text-decoration: underline;
}

.view-ve-hp-highlights div.views-field-title {
  padding-top: 5px;
}

.view-ve-hp-highlights .views_slideshow_cycle_slide .views-field {
}
.view-ve-hp-highlights .views-field-body,
.view-ve-hp-highlights .views-field-field-intro {
  font-size: 12px;
  margin-top: 20px;
  line-height: 1.2em;
}

.view-ve-hp-highlights .views-slideshow-controls-bottom {
  bottom: 20px;
  right: 185px;
  position: absolute;
  z-index: 50;
  height: 30px;
  width: 70px;
}

.view-ve-hp-highlights .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a {
  float: left;
  display: block;
  text-indent: -10000px;
  background-image: url('../images/slideshow-left.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 30px;
  width: 30px;
}

.view-ve-hp-highlights .views-slideshow-controls-bottom .views-slideshow-controls-text-next a {
  display: block;
  float:right;
  text-indent: -10000px;
  background-image: url('../images/slideshow-right.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 30px;
  width: 30px;
}

.view-ve-hp-highlights .views-slideshow-controls-bottom .views-slideshow-controls-text-pause a {
  display: none;
}

.view-ve-hp-highlights a#slideshow-share {
  display: block;
  background-image: url('../images/slideshow-more.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 30px;
  height: 30px;
  float: left;
  text-decoration: none;
  color: #cdcdcc;
  font-weight: bold;
  margin-right: 10px;
  line-height: 30px;
}

.view-ve-hp-highlights .views_slideshow_cycle_main .views-field-sharethis {
  display: none;
  line-height: 30px;
}



/*
.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
*/
.views_slideshow_cycle_main .field-content img {
  float: left;
  height: auto;
  margin: 10px 20px 10px 0px ;
  padding: 0;
}

.view-ve-hp-highlights .views_slideshow_cycle_main .views-field-field-op-main-image {
  float: left;
  min-height: 220px;
  max-width: 350px;
  margin: 10px 20px 10px 0px ;
}

.view-ve-hp-highlights .views_slideshow_cycle_main {
  margin: 0 0;
}


/*
 * Bottom Section Highlights
 */
#page #below-content div.view-ve-sections-bottom-highlights .view-content {
  padding: 10px 0 10px 0;
  }
.view-ve-sections-bottom-highlights .view-content {
  margin-bottom: 20px;
  font-size: 13px;
}
.view-ve-sections-bottom-highlights .view-content .views-row {
  float: left;
  border: solid 1px #cdcdcc;
  width: 300px;
  height: 390px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #FFF;
}
.view-ve-sections-bottom-highlights .view-content .views-row-2,
.view-ve-sections-bottom-highlights .view-content .views-row-5,
.view-ve-sections-bottom-highlights .view-content .views-row-8,
.view-ve-sections-bottom-highlights .view-content .views-row-11,
.view-ve-sections-bottom-highlights .view-content .views-row-14 {
  margin-left: 17px;
  margin-right: 17px;
}
.view-ve-sections-bottom-highlights .view-content article .article-image {
  max-width: 280px;
  max-height: 160px;
  margin-left: 5px;
  overflow: hidden;
  float: none;
}

.view-ve-sections-bottom-highlights .view-content article {
  border-bottom: none;
  padding: 0px;
}
.view-ve-sections-bottom-highlights .view-content article header h2 {
  padding: 0px 5px 0px 0px;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 5px;
  border-bottom: solid 1px #cdcdcc;
  height: 35px;
}
.view-ve-sections-bottom-highlights .view-content article header h2 a {
  padding: 0 25px 0 5px;
  line-height: 35px;
  background: url('../images/block_header_arrow.png') right 5px no-repeat ;

}
.view-ve-sections-bottom-highlights .view-content article article h2 {
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: hidden;
}
.view-ve-sections-bottom-highlights .view-content article article h2 a {
  line-height: 18px;
}
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-highlighted {
  height: 240px;
  overflow: hidden;
  border-bottom: solid 1px #cdcdcc;
  padding-left: 5px;
  padding-bottom: 5px;
}

.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-1,
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-2,
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-3,
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-4 {
  padding-left: 5px;
  height: 16px;
  overflow: hidden;
  line-height: 16px;
}
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-1:before,
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-2:before,
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-3:before,
.view-ve-sections-bottom-highlights .view-content div.field-name-field-article-list-element-4:before {
  content: "> ";
  float: left;
  white-space: pre;
}

.view-ve-sections-bottom-highlights .view-content article .field-name-field-aditional-title {
  color: #2d62ae;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 5px;
}
.view-ve-sections-bottom-highlights .view-content a {
  text-decoration: none;
  color: #565656;
}
.view-ve-sections-bottom-highlights .view-content a:hover {
	text-decoration: underline;
}
.view-ve-sections-bottom-highlights .view-content ul.links.inline {
  display: none;
}

/*
 * FAQ
 */
div.view-faq {
  text-align: left;
}
div.view-faq p {
  margin: 0.5em 0;
}


/* PUBLICATIONS VIEW */
div.publications-list .publication-item{
	width: 200px;
	height: 300px;
	float: left;
	text-align: center;
  margin: 0 0 70px 0;
}

div.publications-list .publication-item .publication-title{
	width: 165px;
	background: #f5e9dd;
	margin: auto;
	margin-bottom: 10px;
}

div.publications-list .publication-item .publication-title p{
	margin: 0;
}

div.publications-list .publication-item .publication-pdf{
	background: #019afa;
  border-radius: 5px 5px 5px 5px;
	color: #FFF;
	font-size: 11px;
	padding: 5px 8px;
	text-decoration: none;
}

div.publications-list .publication-item .publication-html{
	background: #bcb0a2;
  border-radius: 5px 5px 5px 5px;
	color: #FFF;
	font-size: 11px;
	padding: 5px 8px;;
	text-decoration: none;
}


/* PUBLICATION DETAILS */
div.publication-details .publication-section{
	margin-bottom: 30px;
}

div.publication-details .publication-section h3{
	background: #f5e9dd;
	margin-bottom: 10px;
	padding: 5px 10px 0 10px;
}

div.publication-details .publication-section h3 a.right-link{
    float: right;
    padding: 0 0 0 10px;
}

div.publication-details .publication-section ul{
}

div.publication-details .publication-section ul li a{
	text-decoration: none;
	font-weight: bold;
}

/* FORMATIONS */

/* month view (hide date on single day event)*/
div.view-formations-calendar div.month-view .single-day .views-field-field-formations-start-date {
  display: none !important;
}

div.view-formations-calendar div.month-view .single-day div.views-field-title {
  background-color: #74A5D7 !important;
  padding: 0 5px;
  border-radius: 5px;
}

.view .date-nav-wrapper .date-prev {
  right: 80px;
}



/* CUSTOM PAGINATION */
.view .custom-pager {
  clear: both;
  float: right; 
  margin-right: 30px;
}

.view .custom-pager a {
  width: 30px;
  height: 30px;
  margin: 0px 10px 10px 10px;
}

.view .custom-pager .left-link {
  float: left; 
  background: url("../images/slideshow-left.png") no-repeat center center;
}

.view .custom-pager .right-link {
  float: right; 
  background: url("../images/slideshow-right.png") no-repeat center center;
}