/* 1. CSS changes to improve the display of "FULL CALENDAR VIEW" module */

/*Calendar
History:
#27 Creating Tables and Fixing Calendar Design (25/04/2019): adding calendar days title (adjusting colors) & calendar event content (adjusting fonts and colors)
#51 1st overall theme improvements (05/06/2019): removing unnecessary .cern-view-display-page .view-content & updating calendar days title & calendar event content to affect only the respective classes (not global affection)
#56 Fixing Problems with Day/Week display of the calendar (04/07/2019): .cern-view-display-page .view-content (.fc-title, .fc-content)
#45 1st mobile view improvements(2) (12/07/2019): calendar more events (adjusting fonts), calendar dates numbers (adjusting fonts)
#63 Creating alternative landing pages (22/07/2019): adding design for CALENDAR BLOCK (alternative landing page) & making css compact
#92 General CSS improvements (24/01/2020): removing unessecary "CALEANDAR BLOCK" section
*/

/*calendar days title (adjusting colors)*/
.cern-view-display-page .view-content .fc-head * {
  color: #fff !important; }

/*calendar event content (adjusting fonts and colors)*/
.cern-view-display-page .view-content .fc-event-container * {
  color: #333333 !important; }

/*calendar more events (adjusting fonts)*/
.cern-view-display-page .view-content .fc-more {
  font-size: 10px !important;
  line-height: 10px !important; }

/* 2. CSS changes to improve the display of "CERN THEME" (CERN Override) */

/*General
History:
#48 Fixing titles font sizes and other style issues (29/05/2019): adjusting fonts
#92 General CSS improvements (24/01/2020): preventing long words and links overflow
*/

/*adjusting fonts*/
main h2 {
  font-size: 24px !important; }
main h3 {
  font-size: 16px; }
/*preventing long words and links overflow*/
/*There is a ticket to fix this problem globally in the future: https://gitlab.cern.ch/web-team/drupal/public/d8/themes/cernbase/issues/46*/
.container {
  overflow-wrap: break-word;
  word-wrap: break-word; }

/*Landing page
History:
#92 General CSS improvements (24/01/2020): adjusting fonts of "Workshops & TH Institutes" and "Seminars and margin of "EVENTS"
*/

/*adjusting fonts of "Workshops & TH Institutes" and "Seminars"*/
label {
  font-size: 16px !important; }

/*adjusting and margin of "EVENTS"*/
.text-component-title {
  margin-top: 30px !important;
  margin-bottom: 0px !important; }

/*Sidemenus
History:
#64 General improvements after staff meeting (25/07/2019): making sidemenus not visible in small screens (and not other sidebar-left content e.g. Latest News)
#87 Deleting images menus, overviews and alternative landing pages from custom blocks (24/01/2020): Remove unnecessary code and history
#92 General CSS improvements (24/01/2020): adjusting display of sidemenus
*/

/*adjusting display of sidemenus */
.sidebar-left nav ul:not(.contextual-links) > li, .sidebar-right nav ul:not(.contextual-links) > li {
  font-family: 'Source Sans', sans-serif; }

.sidebar-left nav ul:not(.contextual-links) > li ul li,
.sidebar-left nav ul:not(.contextual-links) > li ul li a,
.sidebar-left nav ul:not(.contextual-links) > li a  {
  padding-top: 0px; }

.sidebar-left nav ul:not(.contextual-links) > li ul li a:before {
  font-size: 2.5rem; }

nav.main-menu .dropdown-menu > li > a {
  min-height: 2.5rem; }

/*making sidemenus not visible in small screens*/
@media screen and (max-width: 1000px) {
  .sidebar-left nav { display:none; } }

/*Views
History:
#51 1st overall theme improvements (05/06/2019): adjusting header text color of tables view
#53 Fixing People and Calendar Bugs (13/06/2019): avoiding last rows to be centered
#63 Creating alternative landing pages (22/07/2019): seperating views css from calendar css
#92 General CSS improvements (24/01/2020): adjusting paddings of block views
*/

/*seperating views css from calendar css*/
.cern-view-display-page .view-content a *, .cern-view-display-page .view-content a  {
  font-size: 11px ;
  line-height: 12px ;
  margin: 0 }

/*VIEWS IN TABLES*/

/*adjusting header text color of tables view*/
.cern-view-display-page .view-content .views-table thead * {
  color: #fff !important; }

/*VIEWS IN PEOPLE*/

/*avoiding last rows to be centered*/
.views-view-grid .views-row {
  display: block; }

/*VIEWS IN SIDEBARS*/

/*adjusting paddings of block views/*/
.sidebar-left .block .view-content, .sidebar-right .block .view-content {
  padding: 0px !important; }

.sidebar-left .block .view-content .views-row, .sidebar-right .block .view-content .views-row {
  padding: 5px 0px !important; }

.sidebar-left section, .sidebar-right section {
  padding: 0px; }

.views-element-container {
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-left: 0px; }

/*Buttons
History:
#35 Adding Call to Action Buttons (06/05/2019): adjusting text color, adjusting .carousel-cern-item row to the center
*/

/*adjusting text color*/
.cern-view-display-page .view-header .component-call-to-action a * {
  color: #fff !important; }
.cern-view-display-page .view-header .component-call-to-action a *:hover {
  color: #fff !important; }

/*Search Events
History:
92 General CSS improvements (24/01/2020): adjusting display of header
*/

/*adjusting display of header*/
.cern-view-display-page.cern-view-display-feature_events .view-header, .cern-view-display-page.cern-view-display-past_events .view-header, .event-grid .view-header {
  margin: 20px 0;
  text-align: left;
  text-transform: none;
  font-family: "sourcesans-regular"; }
