/*===================================================================================================
  Contents
  =====================================================================================================
  1) @font-face definitions
  2) Styles
  3) Positioning adjustments
  4) Media query adjustments
  */

/*==========================================================p=========================================
  1) @font-face definitions
  ===================================================================================================*/
@import url("fonts.css");
/*
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
*/


/*===================================================================================================
  2) Styles
  ===================================================================================================*/

body {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

a, a:visited { text-decoration:underline;}

a:hover, .active, a:focus { text-decoration:underline;}


h1, #logoDetailView h1 {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0.00em;
    text-decoration: none;
    text-transform: none;
    text-rendering: optimizeLegibility;
}

h2, #logoDetailView h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.0;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

nav ul li a, nav ul li button, nav ul li span, #detailViewBack a, #main-nav ul li a {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 1.0;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

#overview h3, {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;;
    font-style: normal;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-decoration: none;
    text-transform: none;
    text-rendering: optimizeLegibility;
}



#right-sidebar h3 {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 1.0;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

footer a, footer a:visited {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 2.0;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

footer a:hover {
    text-decoration: none;
}

footer h4, #right-sidebar h4, .imprint, .month-view h4 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    font-weight:400;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
    display:block;
    padding-top: 5px;
/*border-bottom:1px solid #444444;*/
/*	margin-bottom: 5px;*/

}

.projectThumbnailHover h4 {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

.projectThumbnailHover h5 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

.projectInfo h4 {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

.projectNavCounter {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

.projectNavButtons button {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
    text-rendering: auto;
}

.projectNavClose button, .projectNavEnlarge button {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;;
    font-style: normal;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
    text-rendering: auto;
}

p, li, .projectInfo p, .projectInfo li {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

p { text-align: justify; }

#main-nav li{
    font-family: "Merriweather", Georgia, serif;
    font-weight: 200;
    font-style: normal;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

.descendant-small a{
    font-family: "Source Sans Pro", Arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

footer p {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;;
    font-style: normal;
    font-size: 12px;
    line-height: 0.9;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
    margin-bottom:10px;
}

blockquote, blockquote p {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

blockquote cite {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}



h3, h4, h5 {
    font-family: "Merriweather", Georgia, serif;
    font-weight:  700;;
    letter-spacing: -0.02em;
    text-transform: none;
    line-height:1.3;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
    text-decoration:none;
}


h6 {
    font-family: "Merriweather", Georgia, serif;
    font-weight:  700;;
    letter-spacing: -0.02em;
    text-transform: none;
    line-height:1.3;
    padding-bottom:5px;
}

.subheader {
    font-family: "Merriweather", Georgia, serif;
    font-weight:  700;;
    font-size: 24px;
    letter-spacing: -0.02em;
    text-transform: none;
    line-height:1.0;
    margin-bottom:20px;
    display:block;
}

#heroNav a {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;;
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: underline;
    text-transform: none;
    text-rendering: auto;
}

#formField {
    font-family: "Merriweather", Georgia, serif;
    font-weight: 700;;
    font-style: normal;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    text-rendering: auto;
}

#formSubmit {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.09em;
    text-decoration: none;
    text-transform: uppercase;
    text-rendering: auto;
}

/* adapt headings to text plugin */

.cms-text-plugin h1,
.cms-text-plugin h2,
.cms-text-plugin h3,
.cms-text-plugin h4,
.cms-text-plugin h5 {
    font-family: "Merriweather",Georgia,serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0em;
    text-decoration: none;
    text-transform: none;
    text-rendering: optimizelegibility;
}

.cms-text-plugin h2 { font-size: 150% }
.cms-text-plugin h3 { font-size: 120% }
.cms-text-plugin h4 { font-size: 100% }
.cms-text-plugin h5 { font-size: 80% }


/*===================================================================================================
  3) Positioning adjustments
  ===================================================================================================*/

h2, #logoDetailView h2 {
    padding-left: 1px;
}

h2 {
    margin-top: 10px;
}

nav {
    padding-top: 30px;
    margin-bottom: 20px;
}

nav ul li {
    padding-left: 26px;
    padding-right: 26px;
}

nav li+li {
    border-left: 1px solid #999;
}

table {
    margin-bottom:20px;
}

#overview {
    padding-bottom: 10px;
}

#overview h3 {
    margin-top: -8px;
    margin-bottom: 24px;
}

.projectThumbnailHover h4 {
    margin-top: 40px;
}

.projectThumbnailHover h5 {
    padding-top: 62px;
}

.projectInfo h4 {
    padding-top: 30px;
}

.projectNavCounter {
    padding-top: 12px;
}

.projectNavClose, .projectNavEnlarge {
    padding-top: 3px;
    padding-top: 7px\9; /* IE adjustment */
}

.projectNavButtons {
    padding-top: 3px;
    padding-top: 7px\9; /* IE adjustment */
}

/* Tweak positioning slightly in Firefox */
@-moz-document url-prefix() {
    .projectNavEnlarge, .projectNavClose, .projectNavButtons {
	padding-top: 5px;
    }
}

.projectInfo ul {
    margin-top: -8px;
    margin-bottom: 7px;
}

.projectInfo p + ul {
    margin-top: -20px;
}

.projectInfo li, .linedList li {
    border-top: 1px solid #ddd;
    margin-top: 6px;
    margin-bottom: -2px;
    padding-top: 6px;
    padding-bottom: 0px;
}

@-moz-document url-prefix() {
    .projectInfo li, .linedList li {
	margin-bottom: -1px;
    }
}

.projectInfo li:last-child {
    margin-bottom: -2px;
}

.linedList {
    padding-bottom: 7px;
}


/*===================================================================================================
  4) Media query adjustments
  ===================================================================================================*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 801px) and (max-width: 1450px) {

    h1, #logoDetailView h1 {
	font-size: 28px;
	line-height: 1.1;
    }

}

/* all mobile designs only activate if device width is less than specified amount */

/* Tablet portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 800px) and (max-device-width: 1100px) {

    .projectThumbnailHover h4 {
	font-size: 16px;
    }

    .projectThumbnailHover h5 {
	font-size: 12px;
	padding-top: 61px;
    }

}

/* All mobile sizes (devices and browser) */
@media only screen and (max-width: 767px) and (max-device-width: 1100px) {

    h1 {
	font-size: 28px;
	padding-top: 20px;
    }

    h2 {
	margin-top: 30px;
	margin-bottom:30px;
	line-height:1.2;
    }

    #logoDetailView h1 {
	font-size: 28px;
	line-height: 1.1;
    }

    #logo h2, #logoDetailView h2 {
	margin-top: -10px;
    }

    header {
	padding-top: 40px;
    }

    nav {
	padding-top: 9px;
	margin-bottom: -12px;
    }

    #overview {
	padding-bottom: 0px;
    }

    #overview h3 {
	font-size: 24px;
    }

    footer p {
	font-size: 14px;
    }

    .subheader  {
	font-size: 20px;
    }

}

/* Mobile landscape size to tablet portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1100px) {
    h1 {
	font-size: 25px;
	padding-top: 30px;
    }

    h2 {
	margin-top: 10px;
	margin-bottom:30px;
	line-height:1.2;
    }

    .subheader  {
	font-size: 20px;
    }

    nav {
	/* margin-top: -40px; */
	margin-bottom: 10px;
    }


}

/* Mobile portrait size to mobile landscape size (devices and browsers) */
@media only screen and (max-width: 479px) and (max-device-width: 1100px) {

    h1 {
	font-size: 25px;
	padding-top: 30px;
    }

    h2 {
	margin-top: 10px;
	margin-bottom:30px;
	line-height:1.2;
    }

    #logoDetailView h1 {
	font-size: 30px;
    }

    #logo h2, #logoDetailView h2 {
	font-size: 14px;
	margin-top: -10px;
    }

    #overview h3 {
	font-size: 24px;
    }

    .projectThumbnailHover h4 {
	font-size: 14px;
    }

    .projectThumbnailHover h5 {
	font-size: 12px;
	padding-top: 56px;
    }

    .subheader,   {
	font-size: 20px;
    }

    nav {
	/* margin-top: -40px; */
	margin-bottom: 10px;
    }

}