/*
 Theme Name:   Ribosome Child
 Theme URI:    http://development.smfwolfpack.com/wp/wp-content/themes/ribosome-child/
 Description:  My first child theme, based on ribosome
 Author:       Paul Rudolph
 Author URI:   http://www.paulvincentrudolph.com
 Template:     ribosome
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  ribosome-child
*/



/* ****BODY**** */

/* Change Site Width to 100% */

.site {
    min-width: 100%;
}


/* Remove automatic hyphenation */

.site-content article { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.widget-area .widget { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }


/* Add Background Color */


#main.wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */

}


/* *****HEADER***** */

/* Give the header image some breathing room on top and bottom */
img.header-image {
    margin-top: 20px;
    margin-bottom: 30px;
}


/* Make the Header background red, remove extra background by the menu. */

.site-header {
   padding-bottom: 0;
   background-color: #BA0000;
}

/* For when Site Title is on left, increase the letter spacing */
.site-title {
    letter-spacing: 0.02em;
}


/* ***Search Box ****/
.wrapper-search-top-bar {
    width: 90%;
    background-color: #BA0000;
}

/* Make social icons not link blue */
.social-icon-wrapper a:link {
    text-decoration: none;
    color: white;
}

.social-icon-wrapper a:hover {
    text-decoration: none;
    color: white;
}

/* ****POST PREVIEWS**** */


/* Turn off the floats on the post previews so images don't float left */
.wrapper-excerpt-thumbnail {
	float: none;
}

/* Get rid of small box after post excerpts */
.entry-meta-term-excerpt {
	display: none;
}


.excerpt-wrapper {
    border-left: none !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Color backgrounds of posts */
.excerpt-wrapper {
   background-color: #f7f7f7;
}

/* Give the Title and Content in post previews some space on the sides */
.excerpt-wrapper .entry-header {
    margin-left: 1.5%;
    margin-right: 1.5%;
}

/* Make the paragraphs a max width for readabilty */
.excerpt-wrapper p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Style Post except Titles */
.excerpt-wrapper .entry-title {
   font-weight: bold;
   padding-top: 0 !important;
}

/* Turn off the Media Categories at the end of post excerpts? */
.entry-meta-term-excerpt .entry-meta-categories {
	display: none;
}

/* Turn off the Tags at the end of post excerpts? */
.entry-meta-term-excerpt .entry-meta-tags {
	display: none;
}

/* Color Background of Posts White */

#primary .site-content {
    background-color: white;
}


/*Styling so Main content it doesn't get too large */
	div#content {
    	max-width: 1000px;
	}


/* Style the Widget Titles & remove parent theme formatting */



/* ****WIDGET AREA***** */

#secondary {
    float: left !important;
}

/* Position Widgets */
.widget {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    background-color: #f7f7f7;
}

/* Remove the icons before the Widget Titles */
.widget_categories h3 .widget-title-tab:before {
    content: none;
}
h3 .widget-title-tab:before {
    content: none;
}


/* Style the Widget titles */
h3.widget-title {
    text-align: center;
}
.widget-title-tab {
    width: 88.5%;
}
h3.widget-title {
   border-bottom: none !important;
}



/* ****FOOTER**** */

/* Footer: Turn off Theme BS */
.credits {
	display: none;
}

/* Change Footer Background Color */

footer[role="contentinfo"] {
	background-color: black;
}

/* Need this to get rid of white bar above footer */

footer[role="contentinfo"] {
    margin-top: 0; 
 }


/* Get rid of thing at the bottom of footer */
img#wpstats {
    display: none;
}


/* *****POSTS****** */

/* Get rid of icons on Posts */
/* User Icon */
i.fa.fa-user {
    display: none;
}

/* Date Icon */
i.fa.fa-calendar-o {
	display: none;
}

/* Category Icon */
i.fa.fa-folder-open {
	display: none;
}

/* Comment Icon */
i.fa.fa-comment-o {
    display: none;
}

/* Style WordPress related comments section */
.wp_rp_content {
    width: 100%;
}

#disqus_thread {
    background-color: white;
    padding: 2em;
}

#nav-single {
    background-color: white;
}


/* Style Post Titles */
.entry-header .entry-title {
   font-weight: bold;
}


/* give a single page post white background color */
.single-post .post {
	background: #fff;
}

/* Style Block Quotes */
blockquote {
    border-left: 2px solid #BA0000;
    border-right: 2px solid #BA0000;
    background-color: #F3F3F3;
}

/* Style Posts h3s */

.entry-content h3 {
    font-size: 1.9rem;
}

/* Remove Author Info Section */
.author-info {
    display: none;
}


/* *****PAGES****** */

/* Get rid of Disqus on Pages */
.page #disqus_thread {
    display: none;
}

/* Get rid of Page title on pages */
.page .entry-title {
	display: none;
}

/* Give page content section some padding */
.page .entry-content,{
    padding-left: 5%;
    padding-right: 5%;
}

/* Make page background white */
.page {
	background: rgba(0, 0,0, 0.75);
	color: white;
}


/* Remove Right Verticle Line */
.page .site-content {
    border-right: none;
}


/* Remove Comments from Pages */ 
#disgus_thread {
	display: none;
}


/* Remove Sidebar on Pages */
.page #secondary {
	display: none;
}


/* Put Page Content in center of the screen */
/* Also make it wider */
.page #primary.site-content {
    float: none; 
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

/* Give the Page some padding */
.page .site-content article {
	padding-top: 5px;
    padding-right: 4%;
    padding-left: 4%;
}


/* Style the H1 on Pages */
/*Move text below it up. */
.page .entry-content h1, .page .comment-content h1 {
    font-weight: normal;
    font-size: 3rem;
    display: inline;
}

/* Style Normal Links */
a:link {
	color: #0B0080
}

/* Style the Links on pages */
.page a:link {
    color: #A6A6A6;
}


/* Keep the link colors light grey */
.page a:visted {
    color: #A6A6A6;
}

/* Put some space below title and paragraphs */
#aboutpageabouttext {
    margin-top: 30px;
}

/* Style the First paragraph on the About page. */
#aboutpageabouttext {
    line-height: 2;
    font-size: 1.2em;
}

/* Style the H2s on the About Page */
#post-2 .entry-content h2 {
	padding-top: 35px;
    font-size: 2.5em;
    font-weight: normal;
}

/* Style the H3s on the About Page */
#post-2 .entry-content h3 {
	font-size: 2em;
    font-weight: normal;
    margin-bottom: -5px;
}

/*Make text on Staff page more narrow, give it a margin on the bottom */
.staffmembertext {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}


/* Center Pages with no Side Bar no padding so they're centered */

.page #main.wrapper {
    padding: 0;
    width: 100%;
}





/* *******FORMS********** */

/* Give the form some padding on the bottom */
.ninja-forms-cont {
	padding-bottom: 30px;;
}

/* Error Message Styling */
.ninja-forms-field-error {
    background: #D3D3D5;
    margin-top: 4px;
    padding-left: 3%;
    margin-left: auto;
    margin-right: auto;
}

/* Success Message Styling */
.ninja-forms-success-msg {
    background-color: green;
    padding-left: 3%;
    margin-left: auto;
    margin-right: auto;
}


/* ******** MEDIA QUERIES ******** */

/* Max width of 640 pixels. */
@media screen and (max-width: 640px){

	/* Make Image Previews smaller, give them some margins on home page */
	.wrapper-excerpt-thumbnail img {
    	width: 50%;
    	margin-top: 1rem;
    	margin-bottom: 1rem;
	}

	/* Give some padding on the text on mobile sizes */
	.excerpt-wrapper p {
	   	padding-left: 2.5%;
    	padding-right: 2.5%;
	}

	/* Reduce the size of the wrapper on mobile */
	#main.wrapper {
    	padding: 0;
	}

	/* Changing the Padding on Single Posts */
	.single-post .post {
		padding-left: 3%;
    	padding-right: 3%;
	}

	/* Style the ABOUT page on Mobile */
	/* Headline Smaller */
	.page .entry-content h1, .page .comment-content h1 {
    padding-top: 30px;
    font-size: 1.5rem;
    text-align: center;
    display: block;
	}

	
	/* Position the mobile Images */
	.mobileimage {
		margin-top: 40px;
    	margin-bottom: -30px;
    }

    /* Move main image to be center aligned on mobile */
    .post-2 .entry-content p img {
    	float: none;
    	margin-right: auto;
    	margin-left: auto;
    	display: block;
    	width: 40%;
    	margin-bottom: -20px;
    }


    /* Page: Move H2 to be center aligned on mobile */
    .page h2 {
    	text-align: center;
    }

    /* About Page: Make H2 smaller */

    /#post-2 .entry-content h2 {
    font-size: 2em;
    }


    /* Get rid of full file cards on mobile */
	.staffmemberdiv p img {
    	display: none !important;
	}
	
}


@media (min-width:641px) and (max-width:767px) {
	/* Make mobile image go away. */

	/* Remove Mobile Image */
		.mobileimage {
			display: none;
	}


}


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

	/* Get rid of the sidebar at tablet size */

	div#secondary {
    	display: none;
	}

}


/* Minimum width of 768 pixels. */

@media screen and (min-width: 768px){


 	/* Make Image Previews smaller on home page */
	.wrapper-excerpt-thumbnail img {
   		width: 60%;
	}

	div#primary {
    	padding-left: 1.714em; 
	}


	/* Give single page posts some padding */
		.single-post .post {
			padding-left: 5%;
    		padding-right: 5%;
		}

	/* Reduce the size of the wrapper on Tablets */
	#main.wrapper {
    	padding: 0 0.75rem;
	}

	/* Remove Mobile Image */
		.mobileimage {
			display: none;
	}

	/* Remove Padding at left on Pages */
		.page div#primary {
    		padding-left: 0; 
    }

    /* Keep nav menu links light grey */
	.menu-movil-enlaces .nav-menu a {
    	color: #A6A6A6;
	}

    /* Keep nav menu links light grey */
	.menu-movil-enlaces .nav-menu a:visted {
    	color: #A6A6A6;
	}

 
}



/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

	/* Make main content section larger*/
	div#main {
    	width: 100%;
    }

    #main.wrapper {
    	padding: 0;
	}

	div#primary {
    	padding-left: 1.714em; 
	}


	
	/* Move Left Side Bar Content Closer to The Right */
	div#content {
	    width: 90%;
	    margin-right: auto;
	    margin-left: auto;
	}


	/* Make Image Previews smaller on home page */

	.wrapper-excerpt-thumbnail img {
    	width: 70%;
	}

	/* Move the top bar in a bit. Center it. */
	.top-bar {
	    width: 80%;
	    margin-right: auto;
	    margin-left: auto;
	}
	
	/* Move the Nav in a bit. */
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	   width: 90%;
	}

	/* Color the background of the Nav Menu so it's even across the page */
	.nav-menu {
    	background-color: #222222;
	}

	/* Give single page posts some padding */
	.single-post .post {
		padding-left: 6%;
    	padding-right: 6%;
	}


	/* Resize right side bar so it's not super huge */
	.widget-area { 	
    	width: 20%;
	}

	/* Remove Mobile Site image */
		.mobileimage {
			display: none;
	}

	/* Remove Padding at left on Pages */
		.page div#primary {
    		padding-left: 0; 
   	}

}


/* Minimum width of 1285 pixels. */
@media screen and (min-width: 1285px) {
	
	/*Styling so Main content is smaller */
	div#content {
    	width: 90%;
	}

	div#primary {
    	padding-left: 1.714em; 
	}


	/* Make the Content Boxes Smaller in Post Previews */
		.excerpt-wrapper {
    		width: 90%;
    }

    /* Make that thing below the content boxes the same width */
    .entry-meta-term-excerpt {
    	width: 90%;
	}

	/* Resize right side bar so it's not super huge */
	.widget-area { 	
    	width: 20%;
	}

	/* Remove Mobile Site image */
		.mobileimage {
			display: none;
		}

	/* Remove Padding at left on Pages */
		.page div#primary {
    		padding-left: 0; 
    }

}


/* Minimum width of 1450 pixels. */
@media screen and (min-width: 1450px) {

		
	    /* Make the Content Boxes Smaller in Post Previews */
		.excerpt-wrapper {
    		width: 90%;
    	}

    	/* Make that thing below the content boxes the same width */
    	.entry-meta-term-excerpt {
    		width: 90%;
		}

		/* Give single page posts some padding */
		.single-post .post {
			padding-left: 8%;
    		padding-right: 8%;
		}

		/* Change position of nav bar*/
		div.nav-menu > ul {
 		   width: 90%;
		}

		/* Resize right side bar so it's not super huge */
		.widget-area { 	
    		width: 20%;
		}

		/* Remove Mobile Site image */
		.mobileimage {
			display: none;
		}

		/* Remove Padding at left on Pages */
		.page div#primary {
    		padding-left: 0; 
    	}

	}



/* Minimum width of 1600 pixels. */
@media screen and (min-width: 1600px) {

		/*Styling so Main content is smaller */

		div#main {
    		width: 90%;
		}

		/* Make the Content Boxes Smaller in Post Previews */
		.excerpt-wrapper {
    		width: 90%;
    	}

    	/* Make that thing below the content boxes the same width */
    	.entry-meta-term-excerpt {
    		width: 90%;
		}

		/* Give Body content some margins on the sides */
		#main.wrapper {
	    	padding: 0 10rem;
	    	
		}

		/* Resize right side bar so it's not super huge */
		.widget-area { 	
    		width: 20%;
		}

		/* Give single posts some padding */
		.single-post .post {
			padding-left: 8%;
    		padding-right: 8%;
		}

		/* Remove Mobile Site */
		.mobileimage {
			display: none;
		}

		/* Remove Padding at left on Pages */
		.page div#primary {
    		padding-left: 0; 
    	}

	
	}