/**
 * Place your custom styles here. This is a subtheme of Bootstrap 3.0 built for the Dictionary of Art Historians.
 */

/* Prevent horizontal scrolling */
html {
  overflow-x: hidden;
}

/* Universal properties for mobile-friendly site. */
 body {
   height: 100%;
   width: 100%;
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   font-weight: 200;
   font-size: 16px;
   letter-spacing: 1px;
 }

/* Bootstrap code for afixing main navigation to the top of the page. */
 body.navbar-is-fixed-top {
     padding-top: 75px;
     width: 100%;
 }

/* More mobile-friendly settings. Ensures background colors extend the width of the screen regardless of screen size. Keep margin-left & right at 0 to avoid changing that. */
 .row {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
 }

/* Responsive setting for changing computer browser window sizes. */
 .container-fluid {
   padding: 0px;
 }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   padding: 0px;
 }


/* Navbar - For Site Name & Superfish Nav. Core Navbar disabled. Some settings below apply to both core nav & superfish. (e.g. navbar-default, navbar-nav)*/

/* Disabled Bootstrap Mobile Menu */
.navbar-toggle {
  display: none !important;
}

/* Applies to Superfish Mobile Nav. Makes it collapsible */
.navbar-collapse.collapse {
 display: block!important;
 float: right;
}

/* Sets main menu placement */
.navbar, #superfish-2 {
  min-height: 85px;
  padding-left: 15px;
}

/* Main Menu background color */
.navbar-default {
  background-color: #a3c2c2;
  border: 0px;
 }

/* Padding around each Main Menu link */
ul#superfish-2 > li > a, #superfish-2-toggle {
  padding: 20px;
}

 section#block-superfish-2 a, section#block-superfish-2 a:visited {
  background-color: #a3c2c2;
  border: 0px;
  color: #ffffff;
  font-size: 25px;
  font-weight: 200;
}

 section#block-superfish-2 a:hover, section#block-superfish-2 a:focus, section#block-superfish-2 a:active {
  color: white !important;
  background-color: #336666;
  text-decoration: none !important;
}

.sf-menu.sf-style-none {
  float: right;
  margin-top: 20px;
  margin-right: 30px;
  border-top: 0;
}

    /* Site name */

    .navbar-default .navbar-brand {
      color: white;
      font-size: 250% !important;
      line-height: normal;
      letter-spacing: 1px;
      margin-top: 5px;
    }

    .navbar-default .navbar-header a:hover {
      color: #336666 !important;
      font-size: 250% !important;
    }

/* Side menus (About; Bibliography) */

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px 15px 15px;
  font-size: 20px;
  font-weight: 200 !important;
}

.nav > li > a:hover, .nav > li > .active > a:hover, .nav > li > a:hover, .nav > li > .active > a:focus {
  color: white !important;
  background-color: #336666;
  padding: 10px;
  font-size: 20px;
}

.panel-2col-stacked .panel-col-first {
  float: left;
  width: 75%;
  padding-right: 30px;
}

.panel-2col-stacked .panel-col-last {
  float: left;
  width: 25%;
}

/* Headings */
  h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 200;
  }

  .page-header {
    padding-top: 40px;
  }

   p {
     font-family: "Garamond", serif;
     font-weight: normal;
     font-size: 20px;
     letter-spacing: 0px !important;
   }

   p > a {
     letter-spacing: 0px !important;
   }

/* Links */
  a {
    color: #336666;
  }

  a a:hover {
    text-decoration: underline;
    color: #336666 !important;
  }

/* Footer */
  footer {
    background-color: #a3c2c2;
  }

  .footer {
    margin-top: 10px;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .footer ul.nav {
    margin-bottom: 10px;
  }

  #block-menu-menu-footer-menu ul.menu.nav li.first.leaf a, #block-menu-menu-footer-menu ul.menu.nav li.leaf a  {
    color: white;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;
  }

  #block-menu-menu-footer-menu ul.menu.nav li.first.leaf, #block-menu-menu-footer-menu ul.menu.nav li.leaf {
      float: left;
  }

  #block-block-2.block.block-block.clearfix p {
    color: white !important;
  }

/* Site Slogan */
  .site-slogan {
    font-family: "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    color: #336666;
    text-align: center;
    padding: 35px;
    background-color: #EDECDF;
    margin: auto;
  }

  .site-slogan h2 {
    margin-top: 40px;
  }

/* Search Form */

  .search {
    background-color: #EDECDF !important;
  }
  section #block-search-form {
    padding-top: 60px;
    margin: auto;
  }

  form#search-block-form {
   margin-left: 125px;
   margin-right: 125px;
  }

  section.search-side form#search-block-form {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

/* Recent Entries */
  #recent-entries {
    display: table;
    border-spacing: 30px;
  }

  #recent-entries div .views-row {
    display: table-cell;
    background-color: #a3c2c2;
    border-radius: 10px;
    padding: 25px;
    width: 33%;
  }

  #recent-entries h2 {
    text-align: center;
    color: #336666;
  }

  #recent-entries div .views-field-title {
    padding-bottom: 10px;
  }

  #recent-entries a {
    color: #336666;
    font-size: 24px !important;
    font-weight: 200 !important;
  }

  #recent-entries a:hover, #recent-entries a:active, #recent-entries a:focus {
    color: #000000 !important;
    font-size: 24px !important;
    font-weight: 200 !important;
  }

/* How to Cite */

#cite-front {
  color: #ffffff !important;
  background-color: #336666;
  font-size: 20px !important;
  margin-bottom: -27px;
  padding: 40px;
  padding-bottom: 100px;
}

#cite-front a, #cite-front a:hover, #cite-front a:focus, #cite-front a:active {
  color: #ffffff !important;
  font-size: 20px;
  word-wrap: break-word;
}

#cite-front h3, #cite-front p {
  margin-left: 35px;
}

#cite-front td {
  padding-right: 20px;
  padding-bottom: 10px;
  vertical-align: top;
  letter-spacing: 0px !important;
}

#cite-front h2 {
  text-align: center;
}

#cite-front h3 {
  font-family: "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 24px;
}

/* word-wrap forces URLs to wrap & not run off the page. */
.cite-side a {
  word-wrap: break-all;
}

/* About */

div .region .region-two-66-33-first {
  float: left;
  width: 70%;
}

.region .region-two-66-33-second {
  float:right;
}

.about ul, .about ol, .about li {
  font-family: "Garamond", serif;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0px !important;
}

/* Custom Pages */

body.custom-pages div.region-content, form#search-form, form#search-form ~ h2 {
  padding-left: 30px;
  padding-right: 30px;
}

ol.search-results {
  padding-left: 60px;
  padding-right: 30px;}

/* Explore */

.region-sidebar-second {
  padding-bottom: 50px;
  padding-left: 15px;
}

.explore-filter .pane-facetapi {
  width: 25%;
}

.explore ul {
  list-style: none;
  margin-left: -30px;
}

/* Entry Title */

/* Snippet from Overview field for each entry */
.explore .views-field-body {
     font-family: "Garamond", serif !important;
     letter-spacing: 0px !important;
}

.explore a:active, .explore a:focus, .explore a:hover {
  color: #336666 !important;
}

.explore a {
  font-size: 20px;
  font-weight: 200 !important;
}

  /* Explore Filters */
  .explore ul,ol {
    font-size: 20px !important;
    text-decoration: none;
    font-weight: 200 !important;
  }

/* Adds needed space between checkboxes & filter names */
  .facetapi-checkbox {
    margin-right: 0.5em !important;
  }

/* Index */

.alpha-index div .view-content {
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
}

section.col-sm-12 h1.page-header, section.col-sm-12 div.region div.custom-pages {
  padding-left: 30px;
  padding-right: 30px;
}

.alpha-index div .view-content a {
  padding: 5px;
}

.alpha-index div .view-content a:hover {
  color: white !important;
  background-color: #336666;
  font-size: 20px;
}

thead tr .views-field {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 200;
  font-size: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #336666;
}

.table > thead > tr > th.active {
  background-color: #336666 !important;
}

.table > thead > tr > th.active > a {
  color: #ffffff !important;
}

/* Individual Entries */

.col-sm-9 {
  padding-left: 30px;
  padding-right: 30px;
}

.pane-content a, .col-sm-9 a {
  font-weight: bold;
}

.col-sm-3 {
  padding-right: 30px;
  padding-top: 70px;
  padding-left: 10px;
}


div .field {
  padding-bottom: 10px;
}

div .field-label {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 200 !important;
  font-size: 20px !important;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

div .field-item {
  font-family: "Garamond", serif;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0px !important;
  padding-left: 10px;
}

div .field-name-body, div .field-name-field-dc-relation, div .field-name-field-dc-source {
  padding-top: 20px;
}

div .field-name-body > div .field-item, div .field-name-field-dc-relation > div .field-item, div .field-name-field-dc-source > div .field-item {
  padding-left: 0px !important;
}

/*TESTING float for images*/
 .flickr-wrap, .flickr-wrap img, .flickr-wrap .flickr-credit {
  float:right;
  /*width:50%;*/
}

div .field-type-text, div .field-type-datetime, div .field-name-body, div .field-type-text-long {
  width:70% !important;
  float:left !important;
}



/* Contribute - see block configuration & Block Class module for custom class */

div .block-contribute {
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #336666;
  padding: 20px;
  border-radius: 25px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 200 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  padding: 10px;
}

div .block-contribute a, div .block-contribute a:hover, div .block-contribute a:active {
  color: #ffffff !important;
  font-size: 34px !important;
  padding: 10px;
}

/* News section */

li.blog_usernames_blog {
  display: none;
}

article.node-blog {
  margin-left: 30px;
  margin-right: 30px;
}

/* Mobile Settings - for Nav and Recent Entries */

/* Ensures site title wraps in mobile views. */
    .navbar-default .navbar-brand {
      height: 100%;
    }

/* Another line to help background color extend all the way across the site slogan & how to cite front page sections. */
@media screen {
  #site-slogan {
    background-color: #EDECDF;
  }

  #cite-front {
    background-color: #336666;
    color: #ffffff;
    padding: 40px;
    padding-bottom: 75px;
  }
}

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
  @media screen and (max-width:1173px){
    .row {
    padding-top: 80px !important;
    }
  }
}

/* Chrome 29+, for Windows - fixing menu overflow issue in Windows Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm){
    section#block-superfish-2 a, section#block-superfish-2 a:visited {
      font-size: 20px !important;
    }
}
    /*.row {
    padding-top: 50px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) and (max-width:1163px){
    .row {
    padding-top: 100px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) and (max-width:1117px){
    .row {
    padding-top: 120px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) and (max-width:767px){
    .row {
    padding-top: 100px !important;
    }
}*/

/* All other browsers */

@media screen
and (max-width: 1117px) {

  .row {
  padding-top: 80px !important;
  word-wrap: break-word;
 }

 .col-sm-9, .col-sm-3 {
   width: 100%;
 }

  div .block-contribute a, div .block-contribute a:hover, div .block-contribute a:active {
    font-size: 24px !important;
  }

  .panel-2col-stacked {
    margin-right: 0px !important;
  }

  .panel-2col-stacked .panel-col-first {
    width: 100%;
  }

  .panel-2col-stacked .panel-col-last {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }


}

@media screen
/* max-width set to 767px to address menu issue for ipad portrait views at 768px. */
and (max-width: 767px)  {

  .row {
    padding-top: 0px !important;
    word-wrap: break-word;
  }

  #superfish-2-toggle {
    float:right;
  }

  section#block-superfish-2 {
    margin-top: -85px;
  }

  div.sf-accordion-toggle a#superfish-2-toggle {
    color: #ffffff !important;
    font-size: 35px;
    padding: 10px;
    margin: 10px;
  }

  /* Applies to Superfish Mobile Nav. Makes it collapsible */
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #a3c2c2;
  }

  ul#superfish-2-accordion {
    margin-top: 0px !important;
  }

  a.sf-depth-1 {
    padding:10px;
    float:right;
  }

  section #block-search-form {
    padding-top: 100px;
  }

  section #block-search-form form#search-block-form {
   margin-left: 50px !important;
   margin-right: 50px !important;
  }

  #block-menu-menu-footer-menu {
    padding-top: 20px;
  }

  /* Recent Entries Mobile - Force table to not be like tables anymore */
  #recent-entries div .views-row {
    display: block;
    word-wrap: break-word;
    margin: auto;
    margin-bottom: 20px !important;
    width: 80%;
  }

  #recent-entries h2 {
    padding-bottom: 20px;
  }

}


  @media screen
  and (max-width: 570px)  {

    .container-fluid {
      min-width: 100%;
      overflow: hidden;
    }

    .navbar {
      min-height: 75px;
    }

    .row {
      padding-top: 0px !important;
    }

    .col-sm-12 {
      margin-top: -10px;
    }

    .page-header {
      padding-top: 30px !important;
    }

    .navbar-default .navbar-brand {
      font-size: 135% !important;
    }

    .navbar-default .navbar-header a:hover {
      font-size: 135% !important;
    }

    div.sf-accordion-toggle a#superfish-2-toggle {
      margin-top: 20px !important;
    }

    /* Settings to shift content down in response to menu wrapping */
    section #block-search-form {
      padding-top: 50px;
    }

    /* word-wrap forces URLs to wrap & not run off the page. */
    #cite-front, .cite-side a {
      word-wrap: break-word !important;
    }

    ul.pagination {
      padding-left: 30px;
    }

    .footer {
      margin-top: 0px !important;
    }

  }

  @media screen
  and (max-width: 360px)  {

  .navbar-default .navbar-brand {
    font-size: 130% !important;
  }

  .navbar-default .navbar-header a:hover {
    font-size: 130% !important;
  }

}