/*
Theme Name: the7dtchild
Author: Steve Mossner
Author URI: http://www.stevemossner.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.query-exposed-label { font: normal bold 16px / 26px "Roboto", Helvetica, Arial, Verdana, sans-serif; text-transform: none; color: #333333; }
.widget-title { margin-bottom: 15px; clear: both; }
.query-exposed-label { cursor: pointer; }
.query-checkbox { display: block; }
.query-exposed-post_types .query-checkboxes { display: none; }
.query-exposed-taxonomy_committee .query-checkboxes { display: none; }
.query-exposed-taxonomy_rp_categories .query-checkboxes { display: none; }
.query-exposed-taxonomy_strategic_plans_and_work_plans_c .query-checkboxes { display: none; }
.query-exposed-taxonomy_transcripts_minutes .query-checkboxes { display: none; }
.dt-fancy-separator { margin: 20px 0 !important; }

.searchandfilter select { max-width: 200px; }
.pagination{ display:none; }
/*.pagination { display: block; width: 100%; margin: 0;  }
.nav-next { float: right; margin: 20px 0; }
.nav-previous { float: left; padding-left: 0; margin: 20px 0; }
*/
.pdf-link {
	background-image: url('/wp-content/plugins/mimetypes-link-icons/images/pdf-icon-24x24.png');
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 25px;
	display: inline-block;
}
.team-author-name, .team-author-name a { color: #0099cc; }
.content .team-author-name a:hover { color: #333333; }

.search-container {
    width: 100%;
    margin:auto;
}
#ss-search-page-form {
    text-align:center;
    margin: auto;
}
#ss-search-page-form .search-field {
    border: 2px solid #dddddd;
    border-radius: 4px;
    width:100%;
    margin-top:20px;
}
#ss-search-page-form .search-submit {
    padding: 10px 10px;
    margin-bottom:5px;
    text-transform: uppercase;
}
.search-page-title {
    font-size: 34px;
    font-weight: 300 !important;
    letter-spacing: 2px;
    line-height: 20px;
    text-align:center;
    display:block;
    text-transform:uppercase;
    padding-bottom:25px;
}
.search-post-title {
    font-size: 18px;
    font-weight: 600 !important;
    letter-spacing: 2px;
    line-height: 20px;
    text-align:left;
    display:block;
}
.search-post-link {
    font-size: 14px;
    font-weight: 300 !important;
    letter-spacing: 2px;
    line-height: 20px;
    text-align:left;
    display:block;
}
.search-post-excerpt {
    font-size: 12px;
    font-weight: 400 !important;
    letter-spacing: 2px;
    line-height: 20px;
    text-align:left;
    display:block;
}

.searchandfilter li[data-sf-field-input-type="checkbox"] label { padding-left: 10px; display: inline; }
.sf-input-checkbox { width: auto !important; }

@media only screen and (max-width: 768px) {
        .search-container {
        width: 100%;
        padding-left:15px;
        padding-right:15px;
    }
}

.query-all-upcoming-meeting-wrapper li .query-field-post_title .title { font-size: 1.3em; }

ul.query-all-upcoming-meeting li { clear: both; display: block; height: auto; width: 100%; }
ul.query-last-5-upcoming-meeting li { clear: both; display: block; height: auto; width: 100%; }

time.icon
{
  font-size: 1em; /* change icon size */
  display: inline-block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 0 1em 1em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  float: left;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0 0;
  color: #fff;
  background-color: #0099cc;
  border-bottom: 1px dashed #00437f;
  box-shadow: 0 2px 0 #2871ba;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #0099cc;
}

time.icon span
{
  width: 100%;
  font-size: 1.8em;
  letter-spacing: -0.05em;
  padding-top: 1.5em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}