/* Custom CSS overrides */
/* Fonts */
body.pff-5, .pff-5 input, .pff-5 select, .pff-5 textarea, .pff-5 blockquote { font-family: 'Ek Mukta', 'Roboto', Helvetica Neue, Arial, Sans-serif; }
.hff-5 h1,.hff-5 h2,.hff-5 h3,.hff-5 h4,.hff-5 h5,.hff-5 h6, .sff-5 #site-name, .sff-5 #footer-site-name, 
.slff-5 #site-slogan, .slff-5 #footer-site-slogan { font-family: 'Ek Mukta', 'Roboto', Helvetica Neue, Arial, Sans-serif; }
.pdff-5 .views-field-created-time, .pdff-5 .view-media-objects .views-field-field-mt-post-categories,
.pdff-5 .views-field-comment-count, .pdff-5 .views-field-name { font-family: 'Ek Mukta', 'Roboto', Helvetica Neue, Arial, Sans-serif; }
.maintenance-page { font-family: 'Ek Mukta', 'Roboto', Helvetica Neue, Arial, Sans-serif; }

body {
     font-size: 18px;
}

@media (max-width: 767px){
     body {
     font-size: 17px;
}
}

/* this class will wrap if there is long non breaking text . The class need to be assigned to the element to make it work*/
.wordwrap {
   /* next line causes exra newlines at the top of paragraph so commenting for now */
   /* white-space: pre-wrap; */    /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
   overflow-wrap: break-word;
   word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Sitewide colours etc */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: #0064b1;
}

p a {
     color : #337ab7;
     border-bottom: none;
}
/* Header */

#header {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header ul.menu li a {
     font-size:18px;
}
ul.menu {
     font-size:18px;
}

#header-side-container {
     padding-left: 0px;
}

#breadcrumb{
     margin-top:5px;
}

@media (max-width: 767px){
     #logo {
          margin: 0;
     }
      #header-side-container {
          padding:0;    
     }
}

@media (max-width: 767px){
     #breadcrumb{
     margin-bottom:5px;
     margin-bottom:5px;
}
     #block-system-main .view{
          margin-top: 0px;
     }
}

@media (max-width: 767px) { 
	h1#title,
	h1#page-title {
          font-size: 24px;
          margin-bottom: 0px;
     }
     h2.pane-title {
          font-size: 22px;
          margin: 5px 0 5px 0;
     }
     table td {
          padding : 7px 7px;
     }
     table {
          margin : 3px;
     }
}

@media (max-width: 767px){
     .node-info{
          margin-bottom: 0;
     }
     #main-content:not(.main-content-empty) {
          padding-top: 10px;
     }
     .sidebar .block {
          padding 10px 0 10px 0;
     }
}

/* Footer */
.footer-area {
     font-size: 16px;
}
.colored-region a {
     text-decoration: none;
}
/* Sidebars */
@media (min-width: 1200px) {
.sidebar-second-space {
padding-left: 40px;
}
}

/* headings */
h1 { font-size: 32px; font-weight: bold; }
h2 { font-size: 29px; font-weight: bold; }
h3 { font-size: 26px; font-weight: bold; }
h4 { font-size: 22px; font-weight: bold; }
h5 { font-size: 20px; font-weight: bold; }
h6 { font-size: 18px; font-weight: bold; }

/* Tabs */
ul.tabs.primary {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
ul.tabs.primary li {
  float: left;
}
ul.tabs.primary a {
  display: inline-block;
  margin-bottom: 8px;
  border: 1px solid #bbb!important;
}

ul.tabs.primary::before,
ul.tabs.primary::after {
display: table;
content: " ";
}
ul.tabs.primary::after {
clear: both;
}

/* comments */
.comment h3.title {
    display: none;
}
.comment .field-name-comment-body { font-size: 18px; line-height: 1.55; }

.comment .submitted {
    font-size: 14px;
    float: left;
}
.comment ul.links {
     font-size:14px;
}
.comment span.new {
    display:inline;
    font-size:14px;
    line-height:2;
    color :red;
}
.comment ul.links li.comment-reply {
  display:none;
}

ul.links li a, .more a, ul.links li.statistics_counter span {
      font-size:14px;
}
/* Views  */

/*  commenting for now since this can affect the look and feel of new theme. Will tighten it
table th {
     padding 12px 12px 12px 12px;
}
table td{
     padding: 12px 12px 12px 12px;
}
*/
.views-field-title a {
  color: #0064b1;
  font-size: 18px;
  font-weight:400;
}

.marker, .form-required {
  font-size:13px;
}

comment-count, .views-field-name {
     color:inherit;
}
.views-field-comment-count, .views-field-name {
       color:inherit;
}

table > tbody > tr > td > span.footable-toggle {
	margin-right: 0px;
}

/* Content */
.node-info{
     font-size:14px;
}
.node_private {
    background-color: #FFF;
    color: #000;
    padding: 4px;
    text-align: right;
    border: 1px dashed #BEBEBE;
    margin-bottom: 5px;
}

.node-unpublished {
    background-color: #FFF4F4;
    border: 1px dashed #000;
}
.field-type-taxonomy-term-reference .field-label {
     font-size:14px;
}
.field-type-taxonomy-term-reference a {
     font-size:14px;
}

/* Make sure smiley module has smly class defined in config */
img.smly {
        display:inline;
}

.img-left {
     float: left;
     margin: 4px 10px 4px 0;
}
.img-right {
     float: right;
     margin: 4px 0 4px 10px;
}
/* groups */
.group_create_links {
     margin-left: 30px;
}
.group_create_links .item-list ul li {
     border-bottom: none;
}
.group_create_links .item-list ul li a {
     display:inherit;
     padding:inherit;
}
/* Forms */
/* Need to work on this later*/
.form-item-taxonomyextra-und {
     display:none;
}
input.form-text, textarea, select {
     line-height: inherit;
}
/* Guestbook */
/* Need to work on this later*/
.guestbook-entry {
     border-top: solid 1px;
     margin-top: 10px;
}

/* Flags */
/* link below each node with short author bio */
span.field-content.more.onnode-author-follow a.flag.flag-action.flag-link-toggle.flag-processed  {

	background-color: #0064b1;
        color: #fff;
	font-size: 20px;
}
span.field-content.more.onnode-author-follow a.flag.unflag-action.flag-link-toggle.flag-processed {
	display: none;
}