/*
 Theme Name:   UW 2014 ITConnect Child
 Theme URI:    https://github.com/abztrakt/uw-2014-itc-child
 Description:  UW 2014 ITConnect Child
 Author:       UW-IT
 Author URI:   http://uw.edu
 Template:     uw-2014
 Version:      1.0.0
 License:      Apache License 2.0
 License URI:  http://www.apeche.org/license
 Text Domain:  uw-2014-itc-child
*/

/**** Component Styles ****/

/* Home page */
.page-id-150 .box-outer { margin-top: -2em; }

/* Connect and Communicate topic page */
.page-id-130 .box-outer .box .tile img { margin: 0 0 0 0}
.page-id-130 .box-outer .box .tile { box-shadow: none;
            padding: 0px 40px 20px 20px; }
.page-id-130 .box-outer .box { margin-bottom: 0px; } 
.page-id-130 .box-outer .box { border-bottom: solid #ddd 1px; }

/* Software and hardware topic page */
.page-id-118 .box-outer .box .tile img { margin: 0 0 0 0}
.page-id-118 .box-outer .box .tile { box-shadow: none;
            padding: 0px 40px 20px 20px;}
.page-id-118 .box-outer .box { margin-bottom: 0px; } 
.page-id-118 .box-outer .box { border-bottom: solid #ddd 1px; }

/* Teaching and learning topic page */
.page-id-460 .box-outer .box .tile img { margin: 0 0 0 0}
.page-id-460 .box-outer .box .tile { box-shadow: none;
            padding: 0px 40px 20px 20px;}
.page-id-460 .box-outer .box { margin-bottom: 0px; } 
.page-id-460 .box-outer .box { border-bottom: solid #ddd 1px; }

/* Research topic page */
.page-id-1274 .box-outer .box .tile img { margin: 0 0 0 0}
.page-id-1274 .box-outer .box .tile { box-shadow: none;
            padding: 0px 40px 20px 20px;}
.page-id-1274 .box-outer .box { margin-bottom: 0px; } 
.page-id-1274 .box-outer .box { border-bottom: solid #ddd 1px; }

/* Work topic page */
.page-id-124 .box-outer .box .tile img { margin: 0 0 0 0}
.page-id-124 .box-outer .box .tile { box-shadow: none;
            padding: 0px 40px 20px 20px;}
.page-id-124 .box-outer .box { margin-bottom: 0px; } 
.page-id-124 .box-outer .box { border-bottom: solid #ddd 1px; }

/* Security topic page */
.page-id-4622 .box-outer .box .tile img { margin: 0 0 0 0}
.page-id-4622 .box-outer .box .tile { box-shadow: none;
            padding: 0px 40px 20px 20px;}
.page-id-4622 .box-outer .box { margin-bottom: 0px; } 
.page-id-4622 .box-outer .box { border-bottom: solid #ddd 1px; }



/*** Header and Footer Styles ***/


.uw-footer nav::before {
    content: "";
    position: absolute;
    width: 85px;
    height: 1px;
    margin: -16px;
    background-color: #9184AA;
    left: 50%;
    margin-left: -40px;
    }

/**** Service Management Style ****/

.row { margin-left: -5px; margin-right: 1em; }



/**** ACA SERVICE TEMPLATE STYLE ******************************************/

.no-leftpadding {
        padding-left:0px;
}

.mailman-link {
        padding-top: 20px;
        padding-bottom: 20px; 
        border: 1px #eee;
} 

.badge-label {
        font-size:80%;
        color:#666;
}

.label-student { background-color: #4b2e83; }

.label-faculty { background-color: #7a65a3; }

.label-staff {  background-color: #777; }

.logobox {
        padding-left: 0px;
}

.link-top-login {
        padding-left:5px;
        font-size: 90%;
}

.description {
        font-style: italic;
}

.bold-label {
        font-weight: 700;
}

.link-padding {
        padding-left: 25px;
}

.sidebar {
        background-color : #eff3f7;
        padding-left:10px;
        padding-right:10px;
        padding-top: 5px;
        padding-bottom:5px;
}

.sidebar-h3 {
        margin-top: 10px;
        padding-left:5px;
}

/* Styles for Trumba */

iframe { margin: 0; }

/* Banner text */

.uw-body .uw-site-title {
  position: absolute;
  top: -180px;
  left: 11px;
  color: #fff;
  font-family: "Encode Sans Compressed", sans-serif;
  font-size: 50px;
  line-height: 55px;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
}

.uw-body .uw-site-tagline {
  position: absolute;
  top: -105px;
  left: 11px;
  color: #fff;
  font-family: "Encode Sans Compressed", sans-serif;
  font-size: 22px;
  line-height: 35px;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
}


/* Widget Title style for outside of sidebar */

.uw-body-copy .widgettitle {
  clear: left;
  font-weight: 900;
  font-size: 22px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
}
.uw-body-copy .widgettitle:after,
.uw-body-copy .widgettitle:before {
  position: absolute;
  left: 0;
  bottom: 5px;
  content: "";
  height: 4px;
}
.uw-body-copy .widgettitle:before {
  width: 100px;
  background-color: #b7a57a;
}
.uw-body-copy .widgettitle:after {
  width: 40px;
  -webkit-transform: skewX(-25deg) skewY(0);
  -o-transform: skewX(-25deg) skewY(0);
  transform: skewX(-25deg) skewY(0);
  -webkit-transform: skew(-25deg, 0);
  -ms-transform: skewX(-25deg) skewY(0);
  transform: skew(-25deg, 0);
  left: 80px;
  background-color: white;
}

/* Bar in header */

.uw-content .udub-slant {
  position: absolute;
  top: -120px;
  overflow: hidden;
  display: block;
  margin: 30px 0 25px 0;
}
.uw-content .udub-slant span {
  -webkit-transform: skewX(-25deg) skewY(0);
  -o-transform: skewX(-25deg) skewY(0);
  transform: skewX(-25deg) skewY(0);
  -webkit-transform: skew(-25deg, 0);
  -ms-transform: skewX(-25deg) skewY(0);
  transform: skew(-25deg, 0);
  display: block;
  background-color: #e8e3d3;
  height: 10px;
  width: 210px;
  margin: 0 0 0 -5px;
}

/* Procedures */

div.uw-body-copy  ol.procedure {
    border:solid #ccc 1px;
    margin-left:0;
    margin-top: 1.5em;
    padding:1em 1em 1em 3em;
}

div.uw-body-copy ol.procedure img { margin: 1em 0; }

div.uw-body-copy ol.procedure li {
    padding-left:2em;
    padding-bottom:1em;
    margin-left:1em;
}

div.uw-body-copy ol.procedure li.colheads {
    list-style-type:none;
    font-weight:700;
    margin-left:-1.5em;
    padding-left:0;
    padding-bottom:1em;
    border-bottom:solid #000 1px;
    margin-bottom:1em;
}

div.uw-body-copy ol.procedure li ul,
div.uw-body-copy ol.procedure li ol,
div.uw-body-copy ol.procedure li li { margin: .3em; padding: 0 0 0 1em; }

.prc {
    margin-left:1.5em;
}

div.uw-body-copy ol.procedure li ul li, article div.entry-content ol.procedure li ol li { 
    margin: 0 0 0 2em; 

}	

/** Page table of contents **/

div.uw-body-copy ul.ptoc {
    margin:1em 0 1.5em 2em;
    padding-left: 4em; 
    list-style-type: disc;
}

div.uw-body-copy  ul.ptoc li.onthispage {
    list-style-type: none;
    margin-left:-1em;
    font-style:italic;
}

/* Feature box, text float right, graphic on left */

div.uw-body-copy  div.button { 
    padding-top: .6em; 
    padding-bottom: .6em;
    text-align: center;
    border: solid gray 1px; 
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
}

div.uw-body-copy  div.fbox {
    position: relative ;
    padding: 1em; 
    clear: right;
    min-height: 4em;
}

div.uw-body-copy  div.fbox.lastfbox {
    margin-bottom: 3em;
}

div.uw-body-copy   div.ftext { 
    padding-left: 8em;
    min-height: 6em;
}

div.uw-body-copy  div.ftext span {
    border-right: solid black 1px;
	padding-right: .5em;
	margin-right: .5em;
}

div.uw-body-copy  div.ftext span.last {
    border-right: none;
}

div.uw-body-copy  div.fbox div.button {
    width: 6em; 
    float: left;
}

div.uw-body-copy  div.fbox div.button a {
    text-decoration: none;
}

div.uw-body-copy  div.fbox div.button a img {
    width: 4em; height: 4em;
}

/* DL with float left dt */

div.uw-body-copy  dl.left dt {
    float: left;
    font-weight: 700;
    width: 10em;
}

div.uw-body-copy  dl.left dd {
    margin-left: 11em; 
}

/* Blockquote */

div.uw-body-copy  blockquote  {
     font-size: 1.05em; 
     font-weight: inherit; 
     line-height: inherit;
     margin-bottom: .6em;
}

/* High Performance Computing Styles */

div#main_content .resboxes {
    border: 2px solid #8AC007;
    padding: 0 20px 20px 20px;
    margin-bottom: 6em; 
    width: 150px;
    height: 125px;
}
div#main_content .righttext {
    text-align: right;
    color: white;
}
div#main_content .lefttext {
    text-align: left;
    color: white;
}
div#main_content .textlook {
    font-size: 800%;
    margin-top:.01em;
    font-weight: 600;
}

/* Blogroll shortcode featured image */

.shortcode-blogroll>li .wp-post-image {
  margin: 10px 30px 0 0 ;
  height: auto;
  width: 150px;
}

/* Showing site title and menu on home page using small-hero template */

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

  body.home .uw-body .hero-content .uw-site-title {
  position: absolute;
  top: 10px;
  left: 11px;
  color: #4b2b83;
  font-family: "Encode Sans Compressed", sans-serif;
  font-size: 30px;
  line-height: 35px;
  font-weight: 900;
  background: white;
  box-shadow: none;
  }

  #mobile-relative.frontpage button.uw-mobile-menu-toggle {
  position: absolute;
  top: 0px;
  right: -20px;
  z-index: 10;
  margin: 0;
  background: white;
  outline: none;
  }
 
  body.home #mobile-relative.frontpage button.uw-mobile-menu-toggle {
  position: absolute;
  top: -30px;
  right: -20px;
  }
 
  body.archive #mobile-relative.frontpage button.uw-mobile-menu-toggle {
  position: absolute;
  top: 10px;
  right: -20px;
  }

  #mobile-relative.frontpage ul.uw-mobile-menu {
  margin-top: 10px;
  margin-bottom: 0;
  }

  #mobile-relative.frontpage {
  margin-top: 12px;
  }

  .hero-content nav.uw-breadcrumbs {
  margin-top: 0px;
  }

  div.hero-content {
  padding-top: 35px;
  }

  .box-outer .box.two .tile,
  .box-outer .box.one .tile,
  .box-outer .box.three .tile,
  .box-outer .box.four .tile,
  .box-outer .box.five .tile,
  .box-outer .box.six .tile,
  .box-outer .box.seven .tile,
  .box-outer .box.eight .tile {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 10px 10px;
  }

  body.home h3.uw-site-tagline {
    display: none;
  }