/*
Theme Name:     Aggregate Child Theme
Template:       Aggregate
Version:        0.1.0
*/

@import url("../Aggregate/style.css");

/*==========HEADER===========*/


/*Change the search bar area color*/
#top-header {
background: #; /*Hex Value for Color*/
}

/*Change the background color, text color, border color, and border radius for the search bar. If values are already selected don't change them.*/
#search-form {
background: #fff; /*Default color is white, but you can change it if you so desire*/
border: 1px solid #; /*Hex value for color*/
border-radius: px; /*Border radius in pixels(note: the shortcut is: top-left top-right bottom-right bottom-left) to change each individual corner*/
padding-right: 0;
}

/*Change the padding above the logo to pull content above the fold if necessary*/
#content-area .container {
padding-top: px; /*Value in pixels*/
}

/*Change the padding below the logo to pull content above the fold if necessary*/
#logo-area {
padding-bottom: px; /*Value in pixels*/
}

/*Change the color of the Site Tagline*/
p#slogan {
color: #; /*Hex Value for Color*/
}


/*==========NAVIGATION==========*/


/*Change menu current item*/
ul#secondary-menu > li.current_page_item > a {
color: # !important; /*Hex Value for Color -- If you don't leave !important the color will be overwritten by the default*/
}

/*Change menu item hover color*/
ul#secondary-menu a:hover {
color: #; /*Hex Value for Color*/
}

/*Change menu item color*/
ul#secondary-menu a {
color: #; /*Hex Value for Color*/
}

/*Change the color of the mobile navigation*/
#category_mobile_menu li a:hover, #category_mobile_menu li.current-menu-item > a {
color: #!important;
}


/*==========BODY==========*/


/*Change recent posts link color*/
.posts h3 a{
color: #; /*Hex Value for Color*/
}

/*Change recent posts link hover color*/
.posts h3 a:hover {
color: #; /*Hex Value for Color*/
}


/*==========FOOTER==========*/


/*Change color of footer background*/
#footer {
background: #; /*Hex Value for Color*/
}

/*Change color of footer text*/
p#copyright {
color: #; /*Hex Value for Color*/
}

/*Change color of footer link*/
p#copyright a {
color: #;  /*Hex Value for Color*/
}

/*Change color of footer link*/
p#copyright a:hover {
color: #;  /*Hex Value for Color*/
}


/*==========SUB PAGES CHANGES==========*/


/*Change color of Next and Older Entries on blog page and links in blog posts*/
.alignleft a, .alignright a, .post p a {
color: #;
}


/*==========Optional Changes==========*/


/* Add border to the bottom of the menu */
#second-menu {
border-bottom: 4px solid #; /*Hex Value for Color*/
}

/*Change content wrapper color*/
.fullwidth #entries {
background: #; /*Hex Value for Color*/
}

/*Change color of page title text*/
.et_builder h1 {
color: #; /*Hex value for color*/
text-align: center;
margin-top: 15px;
margin-bottom: -30px;
}

/*Use this to add styles to your home page left images*/
.box2 img {
/*Enter box shadow code here (Website for box shadow code generator: css3gen.com/box-shadow/)*/

}

/*Use this to add styles to your home page right image*/
.box1 img, .box3 img {
/*Enter box shadow code here (Website for box shadow code generator: css3gen.com/box-shadow/)*/

}

/*Use this to add styles to your content boxes*/
.box1 p {
margin-top: px; /*Use a negative margin to bring the paragraph level with the top of the image*/
line-height: px !important; /*Change the line height of the paragraph to match the height of the image*/
}

/*Use this to add styles to your content boxes*/
.box2 p {
margin-top: px; /*Use a negative margin to bring the paragraph level with the top of the image*/
line-height: px !important; /*Change the line height of the paragraph to match the height of the image*/
}

/*Use this to add styles to your content boxes*/
.box3 p {
margin-top: px; /*Use a negative margin to bring the paragraph level with the top of the image*/
line-height: px !important; /*Change the line height of the paragraph to match the height of the image*/
}

/*Add optional box shadow to content wrapper*/
#content {
/*Enter box shadow code here (Website for box shadow code generator: css3gen.com/box-shadow/)*/

}


/*==========DON'T EDIT THE CODE BELOW THIS LINE==========*/



/*Change the home page text areas to the same height as the images*/

/*Remove theme top stitch and bottom stitch*/
#top-stitch {
background: none;
}

#bottom-stitch {
background: none;
}

.caption h2 {
color: #fff;
}

.box2 img {
margin-right: 15px;
float: left;
}

.box1 img, .box3 img {
margin-left: 15px;
float: right;
}

.box1 h2, .box2 h2, .box3 h2 {
margin-bottom: 10px;
text-align: center;
}


/*==========Mobile Responsive==========*/



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

.wk-slideshow {
display: none;
}  
/*Takes off extra padding in the content area*/
#entries {
padding: 29px 5px 5px 5px;
}
/*Moves bottons on slider up*/
.next, .prev {
padding-top: 0;
margin-top: -34px !important;
}
/*Adjusts font size to sliders*/ 
.wk-slideshow .caption, .wk-slideshow .caption a {
font-size: 16px !important;
}  
/*Makes content boxes full width*/	
.et_lb_1_2 {
width: 85% !important;
margin-bottom: 0!important;
clear: both!important;
}
/*Adjusts height to sliders*/
.slides {
height: 148px !important;
}  
/*Move recent posts up and to full width*/
#recent_posts_wrapper {
padding-top: 0;
}
/*Align the paragraphs*/
body.home .entry p {
line-height: 20px;
text-align: justify;
padding-left: 40px;
}
.box2 img {
margin-left: 17%;		
}	
}


/*==========Tablet responsive==========*/ 
  
  
@media screen and (min-width: 768px){
/*adjusts the size of the slider*/
.slides {
height: 265px !important;
} 
/*Adjusts the size of the text in the slider*/
.wk-slideshow .caption, .wk-slideshow .caption a {
font-size: x-large;
}  
  }

  
/*Puts margin on the recent posts*/  
#mobile_recent {
margin-top: 4em;
  }
div.caption h2 a{
text-decoration: none !important;
}