/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       Stewart D. Cartmell
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      4.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

/* Theme customization starts here
----------------------------------------------------------------- */

/* CONTENTS
# WIDGET AREA
## MAILCHIMP
# HEADER
# BODY
# FOOTER
# HOMEPAGE GRID
# MEDIUM (TABLET) SCREEN
# SMALL (PHONE) SCREEN
*/

/* ------------------------------------------------------------------
# WIDGET AREA
------------------------------------------------------------------ */
@media screen and (min-width: 1040px) {
	.site-content .has-post-thumbnail .entry-header {
		margin-top: 0px;
	}
.entry-title {
    margin-top: 0px;
	}}
.primary-sidebar {
    margin-top: 96px;
    margin-top: 36px;
}
/* Reset the link color options for the textwidget widget type */
/* Basic link color should be black */
.textwidget a:link {
  color: black;
}
/* Hover color should be ARCC green */
.textwidget a:hover {
  color: #6acc59;
}

/* Removes black bar above right side widget area */
.content-sidebar .widget .widget-title {
  border-top: 0;
  padding-top: 0;
}

/* Change vertical spacing between widgets */
.widget {
  margin-bottom: 30px;
}

/* Change width of footer widget */
.footer-sidebar .widget {
  width: 100%;
}

/* Remove hyphens from Text Widget Areas */
.textwidget {
  -moz-hyphens: none;
  word-wrap: normal;
}

/* Social Media buttons */
.s2w-button-wrap {
  padding-top: 10px;
}

/* ------------------------------------------------------------------
## MAILCHIMP
------------------------------------------------------------------ */

/* Remove radius on corners of "submit" button for MailChimp sign-up */
.mc4wp-form-theme input[type="submit"] {
  border-radius: 0;
}

/* Change background color of the MailChimp "submit" button */
.mc4wp-form-theme-light input[type="submit"] {
  background-color: #6acc59 !important;
}

/* And finally, change the hover background color of the MailChimp "submit" button */
.mc4wp-form-theme-light input[type="submit"]:hover {
  background-color: #6acc59 !important;
  opacity: .7;
}

/* ------------------------------------------------------------------
# HEADER
------------------------------------------------------------------ */

.post-navigation {
  margin-right: 0px;
}

.primary-navigation .nav-menu {
  padding-left: 30px;
	margin-top: 0px;
}

.site,
.site-header {
  max-width: 100%;
	margin-top: 0px;
}

/* Fix ARCC TITLE Font problem on Safari */
.styles #page .site-title a {
  font-family: Ubuntu,sans-serif;
}

/* Primary Navigation */
.primary-navigation {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  font-size: 14px;
  padding-top: 0px;
  z-index: 99;
}

/* Search Button */
.search-toggle {
  background-color: #24890d;
  cursor: pointer;
  float: right;
  height: 48px;
  margin-right: 0px;
  text-align: center;
  width: 48px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 101;
}

/* Search Box Wrapper */
.search-box-wrapper {
  top: 48px;
  z-index: 100;
}

/* Hide Category Archive header */
header.archive-header {
  display: none;
}

/* Change color & placement of topbar-description */
.topbar-description {
  color: #808080;
  display: inline-block;
  font-weight: 200;
  font-size: 14px;
  text-transform: lowercase;
  margin-top: 20px;
  margin-left: -20px;
  font-style: italic;
}

/* Make room for the search toggle and site description in mobile sidebar */
#slideout-top {
  height:48px;
}

#slideout-top .site-description {
  display: block;
  text-align: left;
  font-family: lato;
  width: 205px;
  overflow: hidden;
}

/* Trying to fix the mobile version */
#slideout-top .search-toggle {
  margin-right: 48px;
}

/* Override style for Search */
#slideout-top .search-box .search-field {
  background-color: white;
  color: black;
}

/* Keep mobile toggle on the right and resize the genricon */
#menu-toggle {
  float: right;
  display: inline;
}

#menu-toggle .genericon {
  font-size: 48px;
  padding: 0 4px 0 0; /* 4px used to be 1em. */
  z-index: 999;
}

h1.menu-toggle {
  position: fixed;
  right: 48px;
  top: 0;
}

/* enhancing the topbar */
#big-top {
  height: 48px;
  display: block;
  z-index: 999 !important; 
}
#masthead {
  height: 96px;
  position: fixed;
  position: relative;
  top: 0;
}

.header-main {
  display: inline;
}

.site-title{
  margin: 0 0 0 20px;
  z-index: 1000;

}

nav#primary-navigation {
width: 100%;
display: block;
top: 48px;
left: 0px;
position: absolute;
}
/* ------------------------------------------------------------------
# BODY

/* Esure Post Header Meta info remains at the left */
.entry-title {
    font-size: 33px;
    font-weight: 300;
    line-height: 1.0909090909;
    margin-bottom: 12px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}
.site-content .entry-meta {
    margin-left: 0;
	margin-top: 0px;
}
.site-content .entry-meta,
.entry-meta {
  margin-left: 0;
  margin-top: 0px;
}

/* Hide "featured image" in posts & archive lists (allow on homepage) */
.single .post-thumbnail img,
.archive .post-thumbnail img {
  display: none;
}

/* Make Image "Attachments" align with other elements on the laptop size page 
for Gallery Images. Later, this is undone to make images fit on mobile devices */
.attachment .site-content .attachment img {
  margin-left: 170px;
}

/* Removes Hyphens from most text */
.entry-content,
.entry-summary,
.page-content {
  -moz-hyphens: none;
  word-wrap: normal;
}

/* Make Header and Content wider */
.site-content .page-content,
.site-content .entry-header {
  max-width: 60%;
  margin: 0;
  padding-left: 220px;
}

/* Fix spacing issue for Entry Summary text */
.site-content .entry-summary {
  margin: 0;
}

/* Ensure fine dividing line on archive pages */
.list-view .site-content .hentry {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 48px;
}

.list-view .site-content .hentry.has-post-thumbnail {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 96px;
}

/* -----------------------------------------------------------------
# FOOTER
----------------------------------------------------------------- */

/* Hide Tag at footer for archives */
.archive .site-content footer.entry-meta {
  display: none;
}

/* Hide Tag at footer for posts and pages */
.site-content footer.entry-meta {
  display: none;
	
}

/* ------------------------------------------------------------------
# HOMEPAGE GRID
------------------------------------------------------------------ */

/* Change background color of homepage content area */
#featured-content {
  background-color: white;
}
.featured-content-inner {
  margin-top: 96px;
  margin-top: 0px;
  padding-top: 16px;
  background-color: white;
}
.content-area {
  padding-top: 36px;
}
.content-sidebar {
  padding-top: 36px;
}

/* Adjustments for the desktop topbar when screen is small */
@media screen and (max-width: 480px) {

    /* Undoing the Gallery Image adjustment from above */
    .attachment .site-content .attachment img { margin-left: 0px; }

    #masthead, .site-header {
/*        height: 480px !important; */
    }    

    .grid .featured-content .hentry {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .topbar-description {
        display: none;
    }

    .site-title {
        margin: 0px 0px 0px 10px;
        z-index: 1000;
    }

    /* pushes posts down a bit to accommodate title block */
    .content-area {
        padding-top: 64px;
        padding-top: 36px;
    }

    /* pushes category lists down to accommodate mobile title block */
    .list-view .content-area {
        padding: 30px 10px 0px !important;
    }

    .site-content .entry-header,
    .site-content .entry-summary,
    .site-content .entry-content,
    .site-content .entry-meta,
    .site-content, .page-content {
        margin: 0;
        max-width: 100%;
        padding: 0px 4px 12px !important;
    }
}

@media screen and (min-width: 673px) {
    .site-content .entry-content,
    .full-width .site-content .entry-header,
    .site-content .entry-header {
        margin: 0;
        max-width: 100%;
        padding: 0 30px 12px 30px;
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
    /* Adjust size of title on small-medium screens */    
    .site-content .entry-header {
        max-width: 100%;
        margin: 0;
        padding: 0px 36px;
    }

    /* Undoing the Gallery Image adjustment from above */
    .attachment .site-content .attachment img {
        margin-left: 0px;
    }

    .grid .featured-content .hentry {
        width: 32% !important;
        padding-left: 2px;
        padding-right: 2px;
    }
   
    .grid .featured-content .hentry:nth-child( 2n+1 ) {
        clear: none !important;
    }
   
    .search-toggle {
        position: fixed;
        top: 0;
        right: 0;
    }

    #masthead {
        height: 80px;
    }

    .topbar-menu {
        display: block;
        background-color: black;
    }

    .topbar-description {
        display: none;
    }
}

@media screen and (max-width: 1007px) {
    .grid .featured-content .hentry {
        width: 32.3%;
    }

    .grid .featured-content .hentry:nth-child( 2n+1 ) {
        clear: none !important;
    }

    .primary-navigation.toggled-on {
        display: block;
        padding: 0;
        background-color: black;
    }
}

@media screen and (min-width: 1px) {
	.site-content .has-post-thumbnail .entry-header{
		margin-top: 0px;
}
}
/* For wide displays */
@media screen and (min-width: 1008px) {
    
	/* Make sure grid is always 3 wide */
    .grid .featured-content .hentry {
        width: 24.3%;

    }

    /* changed this from 2n+1 to 3n+1 */
    .grid .featured-content .hentry:nth-child( 3n+1 ) {
        clear: none;
    }
    
    .search-toggle {
        margin-right: 0px;
    }
}

/* Fix search toggle padding */
@media screen and (min-width: 783px) {

    /* Adjust spacing of main body text from auto to 12% */
    /* Make Header and Content "Full Width" 
    .site-content .entry-header
    .site-content, .page-content {
        max-width: 100%;
        margin: 0;
        padding-left: 162px;
    }*/

    .primary-navigation {
        margin: 0;
    }

    .grid .featured-content .hentry {
        width: 32.3%;
        padding-left: 4px;
        padding-right: 4px;
    }
    
    .grid .featured-content .hentry:nth-child( 2n+1 ) {
        clear: none !important;
    }
}

@media screen and (min-width: 1080px) {
    .search-box-wrapper {
        padding-left: 0;
    }
    .search-box .search-field {
        width: 50%;
    }
}