/*
Theme Name: HuskyPressTwentyEleven
Theme URI: uconn.edu
Description: Child Theme for TwentyEleven
Author: Dave Hicking and Erik Reynolds
Author URI: http://lib.uconn.edu
Template: twentyeleven
Version: 0.2
*/
@import url("../twentyeleven/style.css");

/*Home Page */


#hero {
  background: #3182c3; /* Old browsers */
  background: -moz-linear-gradient(top, #3182c3 0%, #003093 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3182c3), color-stop(100%,#003093)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3182c3 0%,#003093 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3182c3 0%,#003093 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3182c3 0%,#003093 100%); /* IE10+ */
  background: linear-gradient(top, #3182c3 0%,#003093 100%); /* W3C */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3182c3', endColorstr='#003093', GradientType=0 ); /* IE6-9 */
  border: #3182c3;
}

.top {
  min-height:260px;
}

.top.herohelp {
  min-height: 310px;
}

.bottom {
  min-height:150px;
  background: initial;
  color: black;
}

.second {
  padding: 1em 2em 1em 2em;
  background: white;
  min-height: 200px;
}

.second-help { min-height: 400px; }

#hero, .second {
  color: white;
  font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
}

#hero .top {
  padding: 3em 2em 2em 2em;
}

#hero h2, .second h2 {
  font-size: 2.5em;
  margin-top: 1%;
  line-height: 1.5em;
}

#hero h3, .second h3 {
  font-size: 1.6em;
  line-height: 1.5em;
  margin-right: 1em;
  margin-top: 1em;
}

#hero h4, .second h4 {
  font-size: 1.4em;
  line-height: 1.5em;
  margin-right: 1em;
  margin-top: 1em;
}

#hero .left, .second .left {
  width: 50%;
  margin-left: 0em;
  padding-right: 2em;
}

#hero .right, .second .right {
  width: 40%;
  margin-right: 1em;
}

.second .left {
  border-right: 1px solid #cdcdcd;
  padding-right: 2em;
}

.second p { margin-top: 5px; }

p.help {
font-size: 1.5em;
}

#hero .top a, #hero .top a:visited, #hero .top a:hover {
  color: #ffffff;
}

.heroButton {
  width: 100%;
  padding: 10px;
  border: #CCC solid 2px;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.heroButton:first { margin-top: 1em; }

#other_clients {
  margin-top: 0px;
 
}

/* .divider { height: 1em; width 100%; display: block; } */
.divider { height: 1em; width: 100%; display: block; }
.left { float:left; }
.right { float:right; }
.clear { clear: both; }

.entry-content p {
margin-bottom: 1em;
}

p {
margin-bottom: 0em;
}



#catchphrase { 
  margin-top: 5em;
  font-size: 1.6em;
  font-style: italic;
}
  
.ui-accordion-header {
font-size: 1.4em;
}

.ui-accordion-content ul {
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
font-size: 1.3em;
-webkit-column-count: 2;

}


/*End Home Page */


.single-author .entry-meta .by-author {
	display: inherit;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('https://uconn.edu/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot');
    src: url('https://uconn.edu/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg'),
	  url('https://uconn.edu/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://uconn.edu/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('https://uconn.edu/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}


#page-title {
    color:#fff;
    font-family:'Proxima Nova', Helvetica, Arial, sans-serif !important;
    font-size:28px;
    position: relative;
    top: .5em;
    /*right: 5.1em;*/
    right: 3.9em;
}

#UCL-header{
	color: #fff;
	font-family:'Proxima Nova', Helvetica, Arial, sans-serif !important;
	font-size: 16px;
position: relative;
top: -1em;
}
.uconn-header {
height:90px;
}

html {
margin-top: none;
}

#page { 
margin-top: 1em; 
background: none;
min-width: 480px;
}



h2 { 
  font-size: 1.8em;
}

body, input, textarea {
font: 15px Helvetica, sans-serif;
line-height: 1.625em;
}

.headline {
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
font-size: 1.3em;
}

input[type=text] {
	padding: 0px;
	height: 25px;
}

body {
background: #CCCCCC;
}

#branding {
border-top: none;
/* background-image: url(https://web2.uconn.edu/webtools/global/4.0/head-foot/images/hd-blue.png); */
background-image: url("images/hd-blue.png");
background-repeat: repeat-x;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
border-radius: 7px 7px 0px 0px;
}

#branding .with-image #searchform {
max-width: 200px;
}

#branding .only-search + #access div {
padding-right:0px;
}

.cufon-active h1 #uc-website-title{ /* for Cufon.replace('h1') */
	font-size: 2em;
}
.cufon-active h1 #uc-secondary-title{ /* for Cufon.replace('h1') */
  font-size: 1.4em;
}
.entry-title a {
font-size: 26px;
}

#uc-website-title {
margin-left: .5em;
}

#uc-secondary-title a{
  color:white;
  position:relative;
  top:-50px;
  left:.95em;
}

#uc-website-title a{
color:white;
position: relative;
top: -.4em;
left:-5.5em;
}

#branding img {
width: auto;
display: inline-block;
margin-bottom: -.8em;
margin-left: 1.8em;
margin-right: 1.7em;
position: relative;
top: 1em;
}

#branding .only-search #searchform {
top: 0em;
right: 1em;
color: white;
}

#searchform li {
float: left;
list-style: none;
font-size: .7em;
}

#searchform #sa {
margin:0;
}

#access {
background: #E2E2E2;
margin: auto;
}

#access a {
font: bold 1em Helvetica, sans-serif;
color: black;
padding: 1em 17px .8em 17px;
}

#access ul ul {
top: 3.0em;
z-index: 1000;
}

#access div {
margin: 0 1.6em;
}

#main {
clear: none;
padding: 0;
}

ul, ol {
margin: 1em 0 1.625em 2.5em;
}

#primary {
background: white;
padding: 0;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
min-height:610px;
}

.page-title.author {
font-size: inherit;
}

.entry-header .entry-format {
  display:none;
}

.singular .entry-header .entry-meta {
left: inherit;
}

.singular.page .hentry {
	padding: 0 0 0;
}

.singular .hentry {
padding: 3em 0 0;
}

.singular #content,
.left-sidebar.singular #content {
	margin: 1em;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
width: 85%;
}

.singular #author-info {
margin: 1em 0em;
}

#content nav{
padding: 0 2em 0 0;
}

#nav-single .nav-previous, #nav-single .nav-next {
float: left;
}

#secondary {
padding-top: 1.8em;
background: white;
}

.entry-content h3, .comment-content h3 {
Font-weight: bold;}

.nlposts-ulist-meta {
Font-weight: normal;}

#sidebar ul.lifestream li, ul.lifestream li {
padding: 2em;
}

#page {
margin: 1em auto;
max-width: 1200px;
}

.widget-title {
color: black;
font-size: 16px;
font-weight: bold;
letter-spacing: initial;
line-height: initial;
text-transform: none;
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
padding-bottom: .75em;
}


#colophon {
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
border-radius: 0px 0px 7px 7px;
background: #192b5f; /* Old browsers */
background: -moz-linear-gradient(top, #192b5f 0%, #172756 23%, #0f1a3a 76%, #0f1937 85%, #0d183d 86%, #0f1938 87%, #0f1938 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#192b5f), color-stop(23%,#172756), color-stop(76%,#0f1a3a), color-stop(85%,#0f1937), color-stop(86%,#0d183d), color-stop(87%,#0f1938), color-stop(100%,#0f1938)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #192b5f 0%,#172756 23%,#0f1a3a 76%,#0f1937 85%,#0d183d 86%,#0f1938 87%,#0f1938 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #192b5f 0%,#172756 23%,#0f1a3a 76%,#0f1937 85%,#0d183d 86%,#0f1938 87%,#0f1938 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #192b5f 0%,#172756 23%,#0f1a3a 76%,#0f1937 85%,#0d183d 86%,#0f1938 87%,#0f1938 100%); /* IE10+ */
background: linear-gradient(to bottom, #192b5f 0%,#172756 23%,#0f1a3a 76%,#0f1937 85%,#0d183d 86%,#0f1938 87%,#0f1938 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192b5f', endColorstr='#0f1938',GradientType=0 ); /* IE6-9 */
min-height:90px;
}

#colophon a {
color: white;
}

.footerlink {
margin: 2.2em 0 2.2em;
text-align: center;
float: left;
width: 30.85%;
font-family: inherit;
font-weight: bold;
font-size: 12px;
}

#content {
  margin: 1em 15% 0 5%;
  width: 65%;
min-height: 500px;
}

.widget-area {
text-align: center;
}

.widget-area ul {
  list-style-type: none;
}

.widget ul li{
  border-bottom: 1px solid #CCC;
  margin-bottom: 1em;
  padding-bottom:1em;
}

#secondary { 
  width: 20%;
  margin-right: 1.8em;
}

#supplementary {
padding: 1.5em 7.6%;
}

#hero_image {
background: white;
}

#hero_image img{
margin:auto;
width:100%;
display: inline-block;
}

#tabs-1 div { text-align: center; margin-top: 2em; }

div.step { 
  margin-top: 1.5em;
}

div.step p { margin-bottom: 0.5em; }

div.step img { margin: 0.5em auto; }

div.featurebox {
  float: left;
  width: 96%;
  border: 1px solid #f4f4f4;
  height: 150px;
  margin: 2%;
}

.featurebox div { padding: 1em; }
.featurebox h2 {
  display: block;
  text-align: center;
  padding: 0.5em;
  background-color: #3f3f4d;
}


.featurebox h2 a, .featurebox h2 a:visited { color: #ffffff; }
/* =Responsive Structure for narrow screens
* to keep min width and sidebar
-------------------------------------------- */
@media (max-width: 850px){

.second {
min-height: 250px; 
}

}


@media (max-width: 820px){ 

#branding .only-search #searchform { 
display:none;
}

}

@media (max-width: 800px) {
     #
/* keep the sidebar - for right sidebar */
    .right-sidebar #main #content {
        margin: 0 29% 0 1%;
        width: 65%
    }
    .right-sidebar #main #secondary {
        float: right;
        margin: 0 1% 0 1%;
        width: 24%;
    }
/* keep the sidebar - for left sidebar */
    .left-sidebar #main #content {
        margin: 0 1% 0 29%;
        width: 60%;
    }
    .left-sidebar #main #secondary {
        float: right;
        margin: 0 -1% 0 2%;
        width: 24%;
    }
/* correction for 'showcase' template */
    .page-template-showcase-php #main #primary.showcase {
        float: right;
        margin: 0 2% 0 2%;
        width: 96%;
    }
    .page-template-showcase-php #main #primary.showcase #content {
        margin: 0 6% 0 6%;
        width: 88%;
    }
    .page-template-showcase-php section.recent-posts {
        float: right;
        margin-right: 0pt;
        margin-left: 31%;
        width: 69%;
    }
    .page-template-showcase-php #main .widget-area {
        float: left;
        margin-right: -22.15%;
        margin-left: 0pt;
        width: 22.15%;
    }
	
	#main #content {
	width:70%;
	}
/* correction for singular posts/pages without sidebar */
    .singular #main #content {
        margin: 0 8% 0 8%;
        width: 84%;
    }
/* keep floating footer widgets side-by-side at this size */
     #colophon #supplementary .widget-area {
          float: left;
          margin-right: 1%;
          width: 32%;
     }

.second {
min-height: 300px; 
}

.cufon-active h1 #uc-website-title{ /* for Cufon.replace('h1') */
	font-size: 1.5em;
}

.cufon-active h1 #uc-secondary-title{ /* for Cufon.replace('h1') */
  font-size: 1em;
}

#uc-website-title a {
color: white;
position: absolute;
left: 11.2em;
top: 2em;
}


}

@media (max-width: 750px) {

#main #secondary {
margin: auto;
}

.entry-header .comments-link a {
display:none;
}

#main #secondary ul {
list-style: none;
}

#main #secondary .widget {
margin: auto;
}

}

@media (max-width: 680px) {

#page {
margin: 0;
}
#branding {
border-radius: 0px;
}



#hero .right {
margin-left: 0em;
margin-right: 0em;
}

#hero .left,
#hero .right,
{
width: 100%
}

#hero .left, .second .left{
width: 100%;
margin-left: 0;
padding-right: 0;
border-right: 0px;
padding-bottom: 1em;
}

#hero .right, .second .right {
width: 100%;
}

.top {
padding: 30px 30px 30px 30px;
}

.second {
padding: 30px 30px 30px 30px;
}

#view_client {
width: 90%;
box-shadow:rgba(0, 0, 0, 0) 0px 1px 2px;
}

#other_clients a img {
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
  width: 90%;
  }
.heroButton {
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
  width: 90%;
}
.right{
float: none;
}

.bottom.right{
padding-top:10px;
}

#branding #searchform {
display:none;
}




#supplementary {
padding: none;
}

#colophon {
border-radius: 0px;
}

}