/*
Theme Name: CELP Custom Theme
Theme URI: http://www.celp.org/
Author: Capitol Media, Inc.
Author URI: http://www.capitolmedia.com/
Description: The custom WordPress theme for the Center for Environmental Law & Policy (CELP).
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: celp
Text Domain: celp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Repeatable Patterns
 * 2.0 - Basic Structure
 * 3.0 - Header
 *   3.1 - Site Header
 *   3.2 - Navigation
 * 4.0 - Content
 *   4.1 - Entry Header
 *   4.2 - Entry Meta
 *   4.3 - Entry Content
 *   4.4 - Galleries
 *   4.5 - Post Formats
 *   4.6 - Attachments
 *   4.7 - Post/Paging Navigation
 *   4.8 - Author Bio
 *   4.9 - Archives
 *   4.10 - Search Results/No posts
 *   4.11 - 404
 *   4.12 - Comments
 *   4.13 - Multisite
 * 5.0 - Sidebar
 *   5.1 - Widgets
 * 6.0 - Footer
 * 7.0 - Media Queries
 * 8.0 - Print
 * ----------------------------------------------------------------------------
 */
 
 /**
  * 2.0 Repeatable Patterns
  * ----------------------------------------------------------------------------
  */
 
 .genericon:before,
 .menu-toggle:after,
 .featured-post:before,
 .date a:before,
 .entry-meta .author a:before,
 .format-audio .entry-content:before,
 .comments-link a:before,
 .tags-links a:first-child:before,
 .categories-links a:first-child:before,
 .edit-link a:before,
 .attachment .entry-title:before,
 .attachment-meta:before,
 .attachment-meta a:before,
 .comment-awaiting-moderation:before,
 .comment-reply-link:before,
 .comment-reply-login:before,
 .comment-reply-title small a:before,
 .bypostauthor > .comment-body .fn:before,
 .error404 .page-title:before {
 	-webkit-font-smoothing: antialiased;
 	display: inline-block;
 	font: normal 16px/1 Genericons;
 	vertical-align: text-bottom;
 }
 
 /* Clearing floats */
 .clear:after,
 .attachment .entry-header:after,
 .site-footer .widget-area:after,
 .entry-content:after,
 .page-content:after,
 .navigation:after,
 .nav-links:after,
 .gallery:after,
 .comment-form-author:after,
 .comment-form-email:after,
 .comment-form-url:after,
 .comment-body:after {
 	clear: both;
 }
 
 .clear:before,
 .clear:after,
 .attachment .entry-header:before,
 .attachment .entry-header:after,
 .site-footer .widget-area:before,
 .site-footer .widget-area:after,
 .entry-content:before,
 .entry-content:after,
 .page-content:before,
 .page-content:after,
 .navigation:before,
 .navigation:after,
 .nav-links:before,
 .nav-links:after,
 .gallery:before,
 .gallery:after,
 .comment-form-author:before,
 .comment-form-author:after,
 .comment-form-email:before,
 .comment-form-email:after,
 .comment-form-url:before,
 .comment-form-url:after,
 .comment-body:before,
 .comment-body:after {
 	content: "";
 	display: table;
 }
 
 /* Assistive text */
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
 	position: absolute !important;
 }
 
 .screen-reader-text:focus {
 	background-color: #f1f1f1;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	color: #21759b;
 	display: block;
 	font-size: 14px;
 	font-weight: bold;
 	height: auto;
 	line-height: normal;
 	padding: 15px 23px 14px;
 	position: absolute;
 	left: 5px;
 	top: 5px;
 	text-decoration: none;
 	width: auto;
 	z-index: 100000; /* Above WP toolbar */
 }
 
 
 
 
 
 /* Placeholder text color -- selectors need to be separate to work. */
 ::-webkit-input-placeholder {
 	color: #7d7b6d;
 }
 
 :-moz-placeholder {
 	color: #7d7b6d;
 }
 
 ::-moz-placeholder {
 	color: #7d7b6d;
 }
 
 :-ms-input-placeholder {
 	color: #7d7b6d;
 }
 
 /*
  * Responsive images
  *
  * Fluid images for posts, comments, and widgets
  */
 .entry-content img,
 .entry-summary img,
 .comment-content img,
 .widget img,
 .wp-caption {
 	max-width: 100%;
 }
 
 /* Make sure images with WordPress-added height and width attributes are scaled correctly. */
 .entry-content img,
 .entry-summary img,
 .comment-content img[height],
 img[class*="align"],
 img[class*="wp-image-"],
 img[class*="attachment-"] {
 	height: auto;
 }
 
 img.size-full,
 img.size-large,
 img.wp-post-image {
 	height: auto;
 	max-width: 100%;
 }
 
 /* Make sure videos and embeds fit their containers. */
 embed,
 iframe,
 object,
 video {
 	max-width: 100%;
 }
 
 /* Override the Twitter embed fixed width. */
 .entry-content .twitter-tweet-rendered {
 	max-width: 100% !important;
 }
 
 /* Images */
 .alignleft {
 	float: left;
 }
 
 .alignright {
 	float: right;
 }
 
 .aligncenter {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 img.alignleft {
 	margin: 5px 20px 5px 0;
 }
 
 .wp-caption.alignleft {
 	margin: 5px 10px 5px 0;
 }
 
 img.alignright {
 	margin: 5px 0 5px 20px;
 }
 
 .wp-caption.alignright {
 	margin: 5px 0 5px 10px;
 }
 
 img.aligncenter {
 	margin: 5px auto;
 }
 
 img.alignnone {
 	margin: 5px 0;
 }
 
 .wp-caption .wp-caption-text,
 .entry-caption,
 .gallery-caption {
 	color: #220e10;
 	font-size: 18px;
 	font-style: italic;
 	font-weight: 300;
 }
 
 img.wp-smiley,
 .rsswidget img {
 	border: 0;
 	border-radius: 0;
 	box-shadow: none;
 	margin-bottom: 0;
 	margin-top: 0;
 	padding: 0;
 }
 
 .wp-caption.alignleft + ul,
 .wp-caption.alignleft + ol  {
 	list-style-position: inside;
 }
 
 .btn-primary {
 	background-clip: padding-box;
 	background-color: #91A151;
 	border: none;
 	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 	-webkit-transition: background-color 0.15s ease-in-out;
 	-moz-transition: background-color 0.15s ease-in-out;
 	-o-transition: background-color 0.15s ease-in-out;
 	transition: background-color 0.15s ease-in-out; 
 }
 
 .btn-primary:hover {
 	background-color: #75853e;
 	border: none;
 }
 
 
 /**
  * 3.0 Basic Structure
  * ----------------------------------------------------------------------------
  */
  
  body {
  	background-color: #455B75;
  	font-family:'Cambria W01 Regular', Cambria, Georgia, serif;
  }
  
  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  	font-weight: bold;
  }
  
  .site-main {
  	background-color: #fff;
  	padding: 30px 0;
  }
 
 /**
  * 4.0 Header
  * ----------------------------------------------------------------------------
  */
 
 /**
  * 4.1 Site Header
  * ----------------------------------------------------------------------------
  */
  
  .site-header {
  	background-color: #455B75;
  	color: #fff;
  }
  
  .site-header .logo {
  	background: url('images/logo-celp.png') no-repeat left center;
  	background-size: contain;
  	display: inline-block;
  	font-size: 54px;
  	line-height: 1em;
  	margin: 30px 0 20px;
  	padding: 10px 0 0 1.5em;
  }
  
  .site-header a {
  	color: #fff;
  }
  
  .site-header a:hover {
  	text-decoration: none;
  }
  
  .site-header .donate-link {
  	-webkit-border-radius: 0 0 5px 5px;
  	border-radius: 0 0 5px 5px;
  	font-size: 24px;
  	letter-spacing: 1px;
  	padding: 16px 20px 10px;
  	text-transform: uppercase;
  }
  
  /**
   * 4.2 Navigation
   * ----------------------------------------------------------------------------
   */
   
  .site-header .main-navigation {
  	margin-bottom: 30px;
  }
  
  .site-header .menu-toggle {
  	margin: 0;
  	padding: 0;
  	text-align: center;
  	z-index: 999;
  }
  
  .site-header .menu-toggle span {
  	background-color: #455B75;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	cursor: pointer;
  	display: inline-block;
  	padding: 5px 10px 13px;
  	-webkit-transition: background-color 0.15s ease-in-out;
  	-moz-transition: background-color 0.15s ease-in-out;
  	-o-transition: background-color 0.15s ease-in-out;
  	transition: background-color 0.15s ease-in-out; 
  }
  
  .site-header .menu-toggle span:hover, 
  .site-header .menu-toggle span:active {
  	background-color: #426997;
  }
  
  .site-header ul.nav-menu {
   	float: right;
   }
   
  .site-header ul.nav-menu {
   	list-style-type: none;
   	margin: 0;
   	padding: 0;
   }
   
  .site-header ul.nav-menu > li {
   	display: inline-block;
   	float: left;
   	padding: 10px 0;
   	position: relative;
   }
   
  .site-header ul.nav-menu li a {
   	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   	font-size: 16px;
   	margin: 10px 0 10px 5px;
   	padding: 10px 10px 6px;
   	-webkit-transition: background-color 0.15s ease-in-out;
   	-moz-transition: background-color 0.15s ease-in-out;
   	-o-transition: background-color 0.15s ease-in-out;
   	transition: background-color 0.15s ease-in-out; 
   }
   
  .site-header ul.nav-menu li > a:hover,.site-header ul.nav-menu > li:hover > a, .site-header ul.nav-menu li.current_page_item > a, .site-header ul.nav-menu li.current_page_ancestor > a  {
   	background-color: #426997;
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   }
   
   .site-header ul.nav-menu li ul {
   	background-color: #91A151;
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   	display: none;
   	margin: 0 0 0 -100px;
   	opacity: 0;
   	padding: 5px;
   	position: absolute;
   		top: 41px;
   		left: 50%;
   	-webkit-transition: all 0.15s ease-in-out;
   	-moz-transition: all 0.15s ease-in-out;
   	-o-transition: all 0.15s ease-in-out;
   	transition: all 0.15s ease-in-out; 
   	width: 200px;
   	z-index: 999;
   }
   
  .site-header ul.nav-menu li ul li {
   	display: block;
   	float: none;
   	margin: 0;
   	padding: 0;
   	text-align: center;
   }
   
  .site-header ul.nav-menu li ul li a {
   	border-bottom: 2px solid #59682B;
   	display: block;
   	margin: 0;
   	padding: 5px 0;
   }
   
  .site-header ul.nav-menu li ul li:last-child a {
   	border: none;
   }
   
  .site-header ul.nav-menu li ul li a:hover,.site-header ul.nav-menu li ul li.current_page_item a {
   	background-color: #75853e;
   	-webkit-border-radius: 0;
   	border-radius: 0;
   }
   
  .site-header ul.nav-menu li:hover ul {
   	display: block;
   	opacity: 1;
   }
   
  .site-header ul.nav-menu li ul li ul {
   	display: none !important;
   }
   
   .site-header .menu-toggle {
	display: none;
   }
   
  /**
   * 5.0 Content
   * ----------------------------------------------------------------------------
   */
   
   .hentry {
 	
   }
   
   .entry-header,
   .entry-content,
   .entry-summary,
   .entry-meta {
   	
   }
   
   .sidebar .entry-header,
   .sidebar .entry-content,
   .sidebar .entry-summary,
   .sidebar .entry-meta {

   }
   
   .wp-caption-text {
   		font-size: 12px !important;
   		padding: 10px;
   		border-bottom: 1px solid #333;
   }
   
   
   .wp-caption {
   		padding: 20px !important;
   }
   
   /**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */
 
  .entry-title {
	border-bottom: 2px solid #455B75;
	margin: 20px 0 30px;
  }
  
  .entry-meta {
  	text-align: right;
  }
  
 
   /**
    * 5.13 Front-Page
    * ----------------------------------------------------------------------------
    */
    
    .home .site-main {
    	padding: 0 0 30px;
    }
    
    .inset {
    	background: url('images/debut_light.png') repeat left top;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	margin: 15px 0;
    	padding: 30px;
    }
    
    .hero {
    	overflow: hidden;
    	margin: 0 0 15px;
    	position: relative;
    	height: 400px;
    }
    
    .hero img {
    	
    }
    
    .hero .content {
    	background-color: rgba(255, 255, 255, 0.5);
    	margin: 15px 15px 15px 0;
    	padding: 30px;
    	position: absolute;
    		top: 25%;
    }
    
    .hero .content h1 {
    	color: #455B75;
    	font-size: 48px;
    	margin: 0;
    	padding: 0;
    }
    
    .hero .content h2 {
    	font-family:'Cambria W01 Regular', Cambria, Georgia, serif;
    	font-weight: normal;
    	margin: 0 0 7px;
    	padding: 0;
    }
    
    .hero .content .btn {
    	font-size: 24px;
    	padding: 12px 24px 6px;
    	text-transform: uppercase;
    }
    
    .mission-statement {
    	font-size: 18px;
    	font-style: italic;
    }
    
    .iconic {
    	margin-top: 40px;
    }
    
    .iconic img {
    	height: 150px;
    	margin: -75px 0 0;
    	padding: 0;
    	width: auto;
    }
    
    .home-entry {
    	display: block;
    	overflow: hidden;
    }
    
    .home-entry .image {
    	display: inline-block;
    	float: left;
    	height: 100%;
    	margin: -30px 30px -30px -30px;
		overflow: hidden;
		text-align: center;
    	vertical-align: middle;
    	width: 50%;
    }
    
    .home-entry .image img {
		margin: 0;
		padding: 0;
    }
    
    .home-entry .floater {
    	display: block;
    	float: right;
    	width: 50%;
    }
    
    .home-entry .content h3 {
    	font-size: 18px;
    	margin-top: 0;
    	
    }
    
    /**
     * 5.14 Board/Staff Members List
     * ----------------------------------------------------------------------------
     */
     
     .children {
     	list-style-type: none;
     	margin: 0;
     	padding: 0;
     }
     
     .children li {
     	border-bottom: 1px solid #455a75;
     	margin: 0 0 30px 0;
     	padding: 0 0 30px 0;
     }
     
     .children li .image {
     	margin-bottom: 30px;
     }
     
     .children li h2 {
     	margin: 0;
     }
     
     .children li h3 {
     	margin-top: 0;
     }
   
  /**
   * 6.0 Footer
   * ----------------------------------------------------------------------------
   */
   
   .site-footer {
   	background-color: #455B75;
   	color: #fff;
   	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   }
   
   .site-footer a {
   	color: #fff;
   }
   
   .site-footer .indent {
   	padding-left: 20px;
   }
   
   .site-footer .indent span.glyphicon {
   	display: inline-block;
   	margin-left: -20px;
   	width: 20px;
   }
   
   .glyphicon-facebook {
   		background: url('images/icon-facebook.png') no-repeat center center;
   		background-size: 12px 12px;
   		display: inline-block;
   		height: 12px;
   		width: 12px;
   }
   
   .glyphicon-twitter {
   		background: url('images/icon-twitter.png') no-repeat center center;
   		background-size: 12px 12px;
   		display: inline-block;
   		height: 12px;
   		width: 12px;
   }

@media (min-width:1200px){
	.site-header ul.nav-menu {
		display: block;
	}
	
	.home .hero .content {
		width: 100%;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.site-header ul.nav-menu {
		display: block;
	}
}

@media (min-width:768px) and (max-width:991px){
	.site-header ul.nav-menu {
		display: block;
	}
}

@media (max-width:767px){

	.site-header .donate-link {
		-webkit-border-radius: 5px;
		border-radius:5px;
		font-size: 20px;
		margin-top: 41px;
		padding: 11px 15px 6px;
		text-transform: uppercase;
	}

	.site-header .main-navigation {
		margin-bottom: 50px;
	}
	
	.site-header .menu-toggle {
		display: block;
	}
	
	.site-header .main-navigation {
		height: 0;
	}
	
	.site-header ul.nav-menu {
		width: 100%;
	}
	
	.site-header ul.nav-menu > li {
		border-top: 1px solid #fff;
	 	display: block;
	 	float: none;
	 	padding: 0;
	 	position: relative;
	}
	
	.site-header ul.nav-menu > li a {
		display: block;
		margin: 0;
		padding: 15px 10px 11px;
		width: 100%;
	}
	
	 .site-header ul.nav-menu li ul {
	 	-webkit-border-radius: 0;
	 	border-radius: 0;
	 	display: block;
	 	margin: 0;
	 	opacity: 1;
	 	padding: 0;
	 	position: static;
	 	width: inherit;
	 }
	
	.site-header ul.nav-menu li ul li {
	 	text-align: left;
	 }
	
	.site-header ul.nav-menu li ul li a {
		border-bottom: 1px solid #59682B;
		padding: 15px 10px 11px 40px;
	}
	
	.hero {
		overflow: visible;
		height: inherit;
	}
	
	.hero .content {
		background-color: rgba(255, 255, 255, 0.5);
		margin: 0;
		padding: 30px 0 0;
		position: static;
			top: 0;
	}
	
	.hero .content h1 {
		color: #455B75;
		font-size: 30px;
		margin: 0 0 15px;
		padding: 0;
	}
	
	.hero .content h2 {
		font-size: 24px;
		margin: 0 0 15px;
	}
	
	.hero .content .btn {
		font-size: 18px;
		padding: 10px 24px 6px;
		text-transform: uppercase;
	}
}

@media (max-width:350px){
	.site-header .logo {
		font-size: 36px;
		line-height: 1em;
		margin: 30px 0 20px;
		padding: 10px 0 0 1.5em;
	}
	
	.site-header .donate-link {
		margin-top: 32px;
	}
}