/**
 * global.base.css
 * This is basically a big reset for html elements to set up global defaults.
 */

/*
 * Fonts
 *
 * By default there is no global font size reset. A common
 * method is to reset it to 62.5%, or 10px. This makes it very
 * easy to calculate the required font sizes in em, for example:
 *
 * 1.6em = 16px
 * 2.4em = 24px
 *
 * In Adaptivetheme this should be applied to the HTML element,
 * so it will play nicely with the theme settings. If you use
 * the body element or #page wrapper you will get unpredictable
 * font scaling issues.
 *
 * Font size chart from http://pxtoem.com/
 *
 * 6px	 0.6em	 60%	 5pt
 * 7px	 0.7em	 70%	 5pt
 * 8px	 0.8em	 80%	 6pt
 * 9px	 0.9em	 90%	 7pt
 * 10px	 1em	   100%	 8pt
 * 11px	 1.1em	 110%	 8pt
 * 12px	 1.2em	 120%	 9pt
 * 13px	 1.3em	 130%	 10pt
 * 14px	 1.4em	 140%	 11pt
 * 15px	 1.5em	 150%	 11pt
 * 16px	 1.6em	 160%	 12pt
 * 17px	 1.7em	 170%	 13pt
 * 18px	 1.8em	 180%	 14pt
 * 19px	 1.9em	 190%	 14pt
 * 20px	 2em	   200%	 15pt
 * 21px	 2.1em	 210%	 16pt
 * 22px	 2.2em	 220%	 17pt
 * 23px	 2.3em	 230%	 17pt
 * 24px	 2.4em	 240%	 18pt
 *
 *
 * Font Theme Settings
 *
 * Adaptivetheme includes powerful theme settings for adding
 * webfonts and setting font sizes - you can enable these
 * under "Site Tweaks", simply enable the Fonts setting and
 * start using them. You can choose from standard websafe font
 * stacks, Google fonts, add your own custom stacks, and if you
 * have @font-your-face module installed just set the font to
 * "-- add selector in theme CSS --" and the font will automatically
 * be available to you in theme settings.
 * @see http://drupal.org/project/fontyourface
 *
 *
 * Font Stacks
 *
 * These are the font stacks that used for the websafe fonts
 * in theme settings (if you enabled the Fonts feature). They are
 * included here for easy reference if you prefer to set your fonts
 * in CSS.
 *
 * font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
 * font-family: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;
 * font-family: Arial, Helvetica, sans-serif;
 * font-family: Calibri, Candara, Arial, Helvetica, sans-serif;
 * font-family: 'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
 * font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-serif;
 * font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
 * font-family: Garamond, Perpetua, 'Times New Roman', serif;
 * font-family: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
 * font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
 */


/* Always apply your global font size the the HTML element, not body or #page */
html {
  line-height: 1.5; /* Unitless line-heights scale */
  height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}


body {
  color:#6C7073;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size:13px;
  line-height: 1.3;
  font-family: "Roboto Slab", Helvetica, Arial, sans; 
  font-weight: 400;
  text-rendering: optimizeLegibility;
}


h1,h2,h3,h4,h5,h6,
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,
em,dfn,del,ins,
a,
tbody,tfoot,thead,tr,
ul,li,
label,legend,
figure,figcaption {
  margin: 0;
  padding: 0;
}


/* Reset HTML5 elements */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}


/* Default font sizes for headings, can be overridden in theme settings or set them here */
h1, h2, h3 {
  color:#036;
  font-weight: 700;
}

h1 {
    border-bottom: 1px solid rgb(204, 204, 204);
    font-size: 20px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-right: 1px;
}
h1#page-title {
    margin-top: 10px;
}


h2 {
    font-size:17px;
}


h3 {
    /* font-size:13px; */
}


h4 {
}


h5, h6 {
}


img,
a img {
  border: 0;
}


p {
  /*margin: 0 0 1.5em;*/
  margin: 0 0 .6em;
  padding: 0;
}


em,
dfn {
  font-style: italic;
}


ins {
  border-bottom: none;
  text-decoration: none;
}


pre,
code,
tt,
samp,
kbd,
var {
  font-size: 1em;
  font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* sans-serif Safari hack */
}


blockquote,
q {
  font-style: italic;
  quotes: "" "";
}


blockquote {
  margin: 0 0 1.5em;
  padding: 0 0 0 40px;
}


blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}


blockquote p {
  margin: 0;
}


strong,
dfn,
caption,
th {
  font-weight: 700;
}


ul,
ol {
  margin: 0 0 1.5em 40px;
  padding: 0;
}


.item-list ul,
.item-list ol {
  margin: 0 0 0 15px;
  padding: 0;
}


.item-list ul li {
  margin: 0;
  padding: 0;
}


ul ul,
ul ol,
ol ol,
ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
  margin-bottom: 0;
}


ul {
  list-style-type: disc;
}


ul ul ul {
  list-style-type: square;
}


ol {
  list-style-type: decimal;
}


ol ol {
  list-style-type: lower-alpha;
}


ol ol ol {
  list-style-type: lower-roman;
}


ul ul,
ul ul ul ul {
  list-style-type: circle;
}


dt {
  font-weight: 700;
}


dd {
  margin: 0 0 1.5em 40px;
}


/**
 * Flexible Media and Cross browser improvements
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - declaring the width attribute on image elements and using max-width causes
 *   the "dissappering images" bug in IE8.
 * - Google maps break also, see below for fixes.
 */

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

hr {
	margin: 2em 0;
	padding: 0;
	border: none;
	height: 1px;
	background: #ccc;
}

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img,
embed,
object,
video {
  max-width: 100%;
}


/* Disable flexiblity for IE8 and below */
.lt-ie9 img,
.lt-ie9 object,
.lt-ie9 embed,
.lt-ie9 video {
  max-width: none;
}


/* Override max-width 100% for map displays, as much as possible anyway... */
#map img,
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img,
#locationmap_map img,
.geofieldMap img,
.views_horizontal_slider img {
  max-width: none !important;
}


/* Improve IE's resizing of images */
svg:not(:root) {
  overflow: hidden;
}


/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}


/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) {
  display: none;
}


/* Prevent overflowing content */
header[role=banner],
.content-inner,
.nav,
.region-sidebar-first,
.region-sidebar-second,
.region-secondary-content,
.region-tertiary-content,
.region-footer {
  overflow: visible;
  word-wrap: break-word;
}


/**
 * General classes for hiding content. These are all included as SASS mixins.
 * @SEE: sass/custom.scss
 */

/**
 * Image replacement
 * Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
 * Additional helpers from http://html5boilerplate.com/docs/css/
 */
.ir {
  /* Kellum Method */
  display: block !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* Additional helpers */
  border: 0; /* Remove the default border from elements like button */
  font: 0/0 a; /* Crush the text down to take up no space */
  text-shadow: none; /* Remove any text shadows */
  color: transparent; /* Hide any residual text in Safari 4 and any mobile devices that may need it */
  background-color: transparent; /* Hide the default background color on elements like button */
}


/* More robust element-invisible and element-focuable classes */
.element-invisible {
  border: 0;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}


.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static !important;
  width: auto;
}


/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen {
  position: absolute;
  top: -99999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: 0;
}


/* Hide content from all users */
.element-hidden {
  display: none;
}

/* 
utility styles 
*/

.float-left {
  display:inline-block;
  float:left;
}
.float-right {
  display:inline-block;
  float:right;
}
img.float-left {
  margin: 5px 10px 10px 0;
}
img.float-right {
  margin: 5px 0 10px 10px;
}

/*Socials node news right sidebar*/
#socials .fb-like,
#socials .twitter-share-button,
#socials #___plusone_0 {
	display: block;
	margin-bottom: 5px;
}
#socials .fb-like{
	margin-top: 15px;
}

/*
 * Movie Flex Container
 * ------------------------------
 */
/*Widescreen*/
.video-box,
.field-type-youtube .field-item {
  padding-top: 56.25%;
  position: relative;
}
/*Full screen*/
.video-box.video-full {
  padding-top: 75%;
}
.video-box iframe,
.field-type-youtube iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: gray;
}

.field-name-field-video-youtube-aspect-ratio {
	display: none;
}


/* Update for Pager */
.item-list ul.pager {
	margin-top: 0.75em;
	cursor: default;
	/*border: 1px solid #D1D1CD;
	background-color: #efefef;*/
}
.item-list ul.pager li {
	display: inline-block;
	margin: 0 -2px;
	padding: 0;
	background-color: #729cc5;
	border-right: #89b5e1 solid 1px;
	border-left: #5f8fbf solid 1px;
}
.item-list ul.pager li.pager-current {
	background-position: 0 -80px;
	color: #efefef;
}
.item-list ul.pager li a {
	display: inline-block;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.item-list ul.pager li a:hover,
.item-list ul.pager li.pager-current {
	text-decoration: none;
	background-color: #5f8fbf;
	color: #fff;
}
 
.item-list ul.pager li a,
.item-list ul.pager li.pager-current,
.item-list ul.pager li.pager-ellipsis {
	padding-right: 16px;
	padding-left: 16px;
	line-height: 2.5;
}
.item-list ul.pager li.pager-ellipsis {
	color: #fff;
}
 
.item-list ul.pager li.first,
.item-list ul.pager li.first a:hover {
	border-left: none;
}
.item-list ul.pager li.last,
.item-list ul.pager li.last a:hover {
	border-right: none;
}



/*
 * Calendar View
 */
#page .view-calendar .date-heading h3 {
  color: #403d38;
  font-family: Calibri, "Arial Narrow", sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.1;
  text-shadow: 0px 1px 0px #fff;
  margin: 1px 10px;
  word-spacing: 4px;
}

#page .view-calendar .date-nav-wrapper .pager {
  clear: both;
  display: block;
  list-style: none;
  margin: 0;
}
#page .view-calendar .date-nav-wrapper .date-headering {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}
#page .view-calendar .date-nav-wrapper .date-nav {
  padding: 0;
  border-bottom: 1px solid #fff;
}
#page .view-calendar .date-nav-wrapper .date-prev,
#page .view-calendar .date-nav-wrapper .date-next {
  background: none;
  background-color: transparent;
  border: none;
}
.view-calendar .item-list ul.pager li a {
	line-height: 1.75;
}
#page .view-calendar .date-nav-wrapper .date-prev {
  position: absolute;
  float: left;
  left: 0;
  right: auto;
}
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next {
	padding: 0px 0 5px 0;
}
#page .view-calendar .date-nav-wrapper .date-prev a,
#page .view-calendar .date-nav-wrapper .date-next a {
  font-family: Calibri, "Arial Narrow", sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #225f9c;
  font-size: 1.37em;
  text-shadow: 0px 1px 0px #fff;
  background-color: #f5f5f5;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
}
#page .view-calendar .date-nav-wrapper .date-prev a:hover,
#page .view-calendar .date-nav-wrapper .date-next a:hover {
  color: #003366;
  background-color: #eee;
  text-decoration: none;
}
/*
#page .view-calendar .date-nav-wrapper .date-prev a {
  border-right: #ccc solid 2px;
}
#page .view-calendar .date-nav-wrapper .date-next a {
  border-left: #ccc solid 2px;
}
*/

#page .calendar-calendar thead tr {
  background-color: transparent;
}
#page .calendar-calendar thead tr th.days {
  background-color: transparent;
  border: none;
  color: #403d38;
  text-transform: uppercase;
}

#page .calendar-calendar td .inner .month.day a {
  color: #003367;
}

#page .calendar-calendar .monthview {
  /* background-color: desaturate(lighten($link-color-a, 20%),10%)!important;
  background-color: #9368af !important; */
}
#page .calendar-calendar .monthview .field-content {
  /* max-height: 100px; */
}
#page .calendar-calendar .monthview a {
  /*color: #fff;*/
  display: block;
  font-size: 1.1em;
}
#page .calendar-calendar .multi-day .monthview > div > a {
	margin-right: 4px;
}
#page .calendar-calendar .multi-day .monthview a {
  display: inline-block;
}
#page .calendar-calendar .monthview .date-display-single {
  color: #eee;
  font-weight: normal;
}

.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today {
  background: none;
  border-left: 2px solid #729CC5;
  border-right: 2px solid #729CC5;
}
.calendar-calendar .month-view .full td.date-box.today {
  border-width: 2px 2px 0px 2px;
  border-style: solid;
  border-color: #729CC5;
}
.calendar-calendar .month-view .full td.single-day div.monthview, 
.calendar-calendar .week-view .full td.single-day div.weekview, 
.calendar-calendar .day-view .full td.single-day div.dayview {
	background: #74a5d7;
}

.calendar-calendar .month-view .full tr td.single-day.today {
  border-bottom: 2px solid #729CC5;
}
.calendar-calendar .month-view .full tr td.multi-day.starts-today {
  border-left: 2px solid #729CC5;
}
.calendar-calendar .month-view .full tr td.multi-day.ends-today {
  border-right: 2px solid #729CC5;
}
.calendar-calendar .month-view .full tr td.multi-day,
.calendar-calendar .month-view .full tr td.single-day {
  border-top: 0px;
}
.calendar-calendar .month-view .full tr td.multi-day,
.calendar-calendar .month-view .full tr td.date-box {
  border-bottom: 0px;
}
.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty {
  color: #9d9a94;
  background-color: #fbfbfb;
}

#page .calendar-calendar .week-view .full div.single-day div.weekview,
#page .calendar-calendar .day-view .full div.single-day div.dayview {
  background-color: white !important;
  border: 1px solid #339999;
}

tr.single-day:nth-child(2n+1),
.calendar-calendar tr.multi-day {
	background-color: #fff;
}
.calendar-calendar tr.date-box {
	background-color: rgba(0, 0, 0, 0.1);
}


/*
 * Blog
 */
.view-blog .views-field {
	margin-bottom: 1.5em;
}
.view-blog h3.blog-title {
	margin-bottom: 0.5em;
}


@media screen and (max-width: 640px) {
  #page .calendar-calendar .monthview {
    height: 55px;
  }

  #page .calendar-calendar .monthview a {
    min-height: 45px;
    max-width: 45px;
    font-size: 10px;
    line-height: 1.2;
  }

  #page .calendar-calendar .monthview .views-field-field-event-date .field-content span {
    /*display: none;*/
  }

  #page .calendar-calendar .monthview .views-field a {
    color: #9368af;
  }

  #page .calendar-calendar .monthview .views-field.views-field-title {
    display: block;
  }

  #page .calendar-calendar .monthview .contents {
    /*text-indent: -4000px;*/
  }
}
@media screen and (max-width: 480px) {
  #page .calendar-calendar .monthview {
    width: 35px;
  }

  #page .calendar-calendar .monthview a {
    width: 35px;
  }
}

/* Flickr */
.flickrgallery-title {
	margin-bottom: 0.5em;
	font-weight: bold;
}
.flickr-total {
	font-size: 77%;
}
#flickrgallery .flickr-wrap {
	margin: 0 10px 17px 0;
}
.flickrgallery-return {
	margin-bottom: 2em;
}
.flickrgallery-return a:before {
	content: "« ";
}