/*
Theme Name:         Run River
Theme URI:          http://foundationpress.olefredrik.com
Description:        Created especially for Run River entreprises
Version:            1.0
Author:             Adam Delezennne
Author URI:         http://commontbl.com/
*/

/* Global Styles */

    /* Type */

        body, div, p, h5, li {
            font-family: 'Merriweather', serif;
        }

        h1, h2, h3, h4, h6, nav li {
            font-family: 'Roboto', sans-serif;
        }

        h1 {
            font-size: 36px;
            font-weight: 100;
        }

        h2 {
            font-size: 24px;
            font-weight: 400;
        }

        h3 {
            font-size: 18px;
            font-weight: 700;
        }

        h4 {
            font-size: 16px;
            font-weight: 700;
        }

        h5 {
            font-size: 16px;
            font-weight: 700;
        }

        p {
            font-size: 16px;
            font-weight: 300;
        }

        h6 {
            font-size: 14px;
            font-weight: 300;
        }

        a {
            color: inherit;
            text-decoration: underline;
        }

        a:hover {
            color: #B5464C;
        }

    /* End Type */

	.spacer {
	    height: 100px;
	}
	
	    
    .button {
        background: #E8C86A;
        transition: all 0.3s ease 0s;
        width: intrinsic;
    }

    .button:hover {
        background: #B5464C;
    }

	/* Header */

		.header {
		    text-align: right;
		    z-index: 1;
		}
		
        .banner-A .search-bar {
            padding-top: 20px;
        }
        
        .banner-A .search-bar input[type="text"] {
	        border-width: 0px;
        }
        
        .banner-A .search-bar #searchsubmit {
            padding: 0 10px;
        }

       
		.logo {
			position: absolute; top: 09px; left: -25px;
			max-width: 200px;
			z-index: 2;
			
		}
		
		.banners {
			z-index: -1;
			position: absolute;
			width: 100%;
		}
		
		.banner-A {
			background-color: #ffffff;
			height: 81px;
		}
		 
		.banner-B {
		    background-color: #DCE0CE;
		    height: 30px;
		}
        
		nav.top-bar {
			background: #DCE0CE;
			height: 30px;
		}
		
		/* Squelch foundation styling */
		
			.top-bar-section .has-dropdown > a {
				padding-right: 0;
			}		
					
			.top-bar-section .has-dropdown > a:after {
				display: none;
				padding-right: 0;
			}
									
			.top-bar-section ul li {
				background: none;
			}
			
			.top-bar-section ul li > a {
				padding: 0;
			}
			
			.top-bar-section li:not(.has-form) a:not(.button) {
				padding-top: 0px;
				padding-bottom: 0px;
				padding-left: 5px;
				padding-right: 5px;
				background: none;
				color: #000000;
				line-height: 30px;
			}
			
			.top-bar-section li.active:not(.has-form) a:not(.button) {
				padding-top: 0px;
				padding-bottom: 0px;
				padding-left: 5px;
				padding-right: 5px;
				background: none;
				color: #000000;
				line-height: 30px;
			}
			
			.top-bar-section li.active:not(.has-form) a:not(.button):hover {
				background: none;
				color: #000000;
			}
			
			.top-bar-section li:not(.has-form) a:not(.button):hover {
				background: none;
				color: #000000;
			}
			
			.top-bar-section ul li:hover:not(.has-form) > a {
				color: #000000;
			}
					
			nav.top-bar ul.menu li.menu-item a {
				background: none;
				text-decoration: none;
			}
			
			.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
				background: none;
				color: #000000;
			}
			
			.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
				background: #DCE0CE;
				color: #000000;
			}
			
			/* off canvas squelch 
			
				.top-bar .toggle-topbar.menu-icon {
					margin-top: 0px;
				} */
				
				.top-bar .toggle-topbar.menu-icon a span::after {
					box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
				}
				
				.top-bar.expanded .title-area {
					background: transparent;
				}
				
				

		
		/* Styling for all menu items */
								
					
			ul#menu-primary li {
				margin-right: 20px;
			}
			
			ul#menu-primary a {
				text-transform: uppercase;
				background-color: #DCE0CE;
				font-size: 15px;
				font-weight: 400;
				line-height: 30px;
				color: #000000;
				height: 30px;
				width: intrinsic;
				margin-left: auto;
			}
			
			ul#menu-primary a:hover {
				border-bottom: #b5464c 3px solid;
			}
						
			ul#menu-primary li.active > a {
				font-weight: 800;
			}
			
					
		/* Styling for submenu items only */
		
			.top-bar-section .dropdown li {
				background: #DCE0CE;
				-khtml-opacity: 0.75;
				opacity: 0.75;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
				height: 35px;
			}
			
			ul#menu-primary ul.sub-menu a {
				text-transform: capitalize;
				margin-left: auto;
				border-right: #DCE0CE 3px solid;

			}
			
			ul#menu-primary ul.sub-menu a:hover {
				border-bottom: #DCE0CE 0px solid;
				color: #b5464c;
			}
			
			ul#menu-primary ul.sub-menu li {
				border-right: #DCE0CE 3px solid;

			}
		
			ul#menu-primary ul.sub-menu li:hover {
				border-right: #b5464c 3px solid;
			} 
				
		
		.banner-C {
		    background-color: #C8CDB2;
		    height: 30px;
		    vertical-align: middle;
		}
		
		p#breadcrumbs {
			font-size: .7em;
			color: #aaa;
			padding-top: 25px;
		}
		
		/* Off canvas menu styles */
			
			.tab-bar {
				background: #ffffff;
			}
			
			section.right-small {
				background: #E8C86A;
				border-left: none;
			}
			
			.right-off-canvas-menu {
				background-color: #dce0ce;
			}
			
			nav.offcanvas {
				padding: 40px 0 30px 0;
			}
			
			nav.vert ul li {
				border-left: #dce0ce 3px solid;
				padding: 0 20px;
			}
			
			h2.header-menu {
				border-bottom: #ffffff 2px solid;
			}
			
			nav.vert ul li:hover {
				border-left: #B5464C 3px solid;
				
			}
						
			.offcanvas #searchform {
	            padding: 0px 20px;
	        }
	
	        .offcanvas input#searchsubmit.prefix.button {
	            font-size: .8em;
	            padding: 0 15px;
	        }
	        
	        .offcanvas .search-bar input#searchsubmit.prefix.button {
	            font-size: .8em;
	            padding: 0 8px;
	            line-height: 1rem;
	        }
	        
		/* End Off canvas menu styles */
		
			

		
    /* End Header */

    /* Menus */

        nav ul {
            list-style-type: none;
            margin-left: 0px;
            text-transform: uppercase;
        }

    

    /* End Menus */


    .row h1 {
        padding-bottom: 20px;
    }

    /* Footer */

        footer {
            width: 100%;
            background-color: #19607B;
            margin-top: 50px;
            padding-top: 50px;
            padding-bottom: 100px;
            color: #ffffff;
        }

        footer a {
            text-decoration: underline;
        }

        .footer ul {
            font-size: 1.2em;
            color: #ffffff;
        }
        
        .footer ul.menu a {
	        text-decoration: none;
        }

        .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p {
            color: #ffffff;
        }

        .social-connect {
            padding-top: 40px;
        }

        .social-connect h3 {
            display: inline;
            vertical-align: super;
        }

        .footer .fa {
            color: #ffffff;
            font-size: 55px;
            padding-right: 15px;
        }

        .credit {
            background-color: #19607B;
        }

        .credit p {
            font-size: .8em;
            color: #ffffff;
        }

        .footer ul.menu {
            list-style: none;
            margin-left: 0px;
        }




    /* End Footer */
		
	
/* End Global Styles */

/* Home Page */
        
    .hero {
        z-index: 1;
        height: 450px;
        max-width: 1920px;
        background-position: center center; 
    }
    
   .site-title {
	    background:rgb(10,38,48);  
		background: transparent\9;  
		background:rgba(10,38,48,0.3);
		position: relative; top: 300px;
        padding: 15px;
	    
    } 
    
    .site-title h1 {
	    color: #ffffff;
        line-height: .8em;
        text-transform: uppercase;
        padding-bottom: 0px;
    }
    
    .site-title small {
	    color: #ffffff;
        
        
    }
    
    .secondary-nav {
	    background:rgb(10,38,48);  
		background: transparent\9;  
		background:rgba(10,38,48,0.3);
		position: relative; top: -10px; left: 800px;
		width: 200px;
	}
        
    .hero nav.secondary {
	    color: #ffffff;
	    margin: 20px;
	    
    }
    
    .hero nav.secondary ul {
	    line-height: 42px;
	    
    }
    
    .hero nav.secondary li a {
        text-decoration: none;;
    }
    
    #brand-text {
        padding-top: 11%;
    }

    .home .spacer.interior {
        display: none;
	}
	
	.section title {
		text-align: left;
	}
    
    /* Consultants */

		div.consultants {
			text-align:;
		}
		
        .consultant {
        }
    
		
        div.consultant {
            width: 100%;
            height: 100%;
            background: #DCE0CE;
            width: 225px;
            height: 225px;
            -moz-border-radius: 112.5px;
            -webkit-border-radius: 112.5px;
            border-radius: 112.5px;
            transition: all 0.3s ease 0s;
        }

        div.consultant a.desc {
            text-decoration: none;
        }

        div.consultant a:hover {
            color: inherit;
        }
    
        div.consultant:hover {
            background: #C8CDB2;
        }

        div.consultant.bio {
			position: absolute;
            display: none;
            background: #C8CDB2;
            background: transparent\9;  
		    background:rgba(200,205,178,0.8);
            text-align: center;
        }

        div.consultant.bio:hover {
            background: #DCE0CE;
            background: transparent\9;  
		    background:rgba(220,224,206,0.8);
        }

        img.consultant {
            padding: 15px;
        }

        p.consultant-bio {
            padding: 35px;
        }

        a.consultant-more {
            text-decoration: underline;
            clear: both;
        }

        a.consultant-more:hover {
            color: #B5464C;
        }

    /* End Consultants */

    /* Contact CTA */

        .cta {
            vertical-align: middle;
        }

        .cta h2 {
            display: inline;
            margin-right: 50px;
            text-align: center;
        }

        .cta .button {
            display: inline;
        }

        .contact {
            width: 100%;
            background-color: #19607B;
            padding-top: 50px;
            padding-bottom: 50px;
            -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
        }

        .contact h2 {
            color: #ffffff;
        }

    /* Resources Blog */

        .home img.blog {
            width: 50%;
            float: left;
            margin: 0 20px 0 0;
        }

        .home p.blog {
            margin: 0 10px 0 10px;
        }


/* End Home Page */

/* Interior Pages */

	.page header h1, .post header h1 {
		padding-bottom: 10px;
	}
	
	.page .featured-img {
		padding-bottom: 40px;
	}
	
	footer.content {
		background-color: #ffffff;
		color: #333333;
		margin-top: 25px;
		padding-top: 25px;
	}
	
	img.related-art {
		padding-bottom: 15px;
	}
	
	div.child-pages {
		margin-bottom: 30px; 
		display: inline-block;
	}
	
	div.child-page.thumb { 
		display: block;
		float: left;
		margin-right: 20px;
		height: 175px;
		width: 175px; 
	}
	
	h6.meta {
		font-style: italic;
		padding: 10px 0;
	}
	
	/* Landing */
	
		.landing .sd-sharing-enabled {
			display: none;
		}
		
		.landing div#jp-relatedposts {
			display: none;
		}
	
	
	/* Blog Page */
		
		.resources .sd-sharing-enabled {
			display: none;
		}
	
	/* Sidebar */
		
		aside.widget.row {
			margin-bottom: 30px;
		}
				
		nav.sidebar {
			background: #dce0ce;
			padding: 20px;
		}
		
		nav.sidebar li {
			list-style: none;
			padding-left: 0px;
		}
		
		nav.sidebar li.active {
			display: none;
		}
		
		nav.vert.menu a {
			text-decoration: none;
		}

		.widget div.cta {
			padding: 20px;
			padding-bottom: 35px;
			background-color: #dce0ce;
		}
				
		aside.widget_recent_entries ul {
			list-style: none;
			margin-left: 0px;
		}
		
		.rrcustom {
			margin-bottom: 20px;
		}
		
	/* Comments Area */
	
	p#allowed_tags {
		display: none; 
	} 
		
		

/* Responsive */  
      
        @media only screen and (max-width: 1025px) {
                                    
            .logo {
               position: absolute; left: -26px; top: -2px;
               width: 150px;
            }
            
            .banner-A {
                height: 44px;
            }
            
            .hero {
                height: 325px;
            }
            
            .site-title {
                position: relative; top: 115px; left: 50px;
                width: intrinsic;
                float: left;

            } 
    
            .site-title h1 {
                line-height: .8em;
            }

            .site-title small {

            }

            .secondary-nav {
                position: relative; top: 178px; left: auto;
                width: inherit;
                float: left;
            }

            .hero nav.secondary {
                margin: 0;
            }
            
            .hero nav.secondary li {
                display: inline-block;
                padding: 0 35px;
            }

            .hero nav.secondary ul {
                margin: 0px;

            }
            
            .cta .button {
                display: block;
            }
            
            .cta h2 {
                margin-right: 0px;
            }
                
            .consultant.bio {
                display: none;
            }
            
            .section-title {
				text-align: center;
			}
            
            
            
        }
       
		@media only screen and (max-width: 640px) {
					
			.site-title {
                max-width: 500px;
                left: 0;
                top: 80px;
                text-align: center;
            }
			
			.site-title h1 {
				margin: 0;
			}            
			
            h1#main-title {
                color: #ffffff;
                font-size: 20px;
                font-weight: 500;
                line-height: 12px;
            }
			            
            h1#tag-line {
                font-size: 20px;
                line-height: 24px;
                font-weight: 300;
            }
            
            h1#tag-line small {
                color: #ffffff;
            }
            
            .hero .secondary-nav {
                max-width: 500px;
                top: 90px;
            }
            
            .hero nav.secondary ul {
	            line-height: 36px;
            }
            
            .cta {
                text-align: center;
            }
            
            .cta h2 {
                display: block;
                text-align: center;
                margin-right: 0px;
            }
            
            .cta .button {
                display: block;
                width: 50%;
            }
            
            .home img.blog {
                width: 97%;
                margin: 0 0 20px 0;
            }
            
            .home p.blog {
                margin: 0 0 0 0;
            }
            
            img.related-art {
				display: inline;
				float: left;
				padding-bottom: 0px;
				padding-right: 15px;
			}
            
            .footer>div {
                padding-bottom: 40px;
            }
                
            /* Off Canvas */ 
            
	            .hero {
		            z-index: -1;
	            }
	            
	            .top-bar .name {
					height: 30px;
				}
	            
	            nav.top-bar {
		            background: #dce0ce;
		            
		            height: 30px;
		            right: -0.9375rem;
		            
	            }
	            
	            .top-bar .toggle-topbar.menu-icon {
		            margin-top: 0;
		            top: 0;
	            }
	            
	            .top-bar .toggle-topbar.menu-icon a {
		            background: #E8C86A;
		            height: 30px;
					padding: 0 1.9rem 0 1rem;
	            }
	            
	            .top-bar.expanded {
		            z-index: 1;
		            background: #DCE0CE;
					-khtml-opacity: 0.75;
					opacity: 0.75;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
					filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
		            width: intrinsic;
					margin-left: auto;

	            }
	            
	            ul#menu-primary {
		            -webkit-box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.5);
					-moz-box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.5);
					box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.5);
	            }
	            
	            ul#menu-primary li {
		            margin-right: 8px;
	            }
	            
	            ul#menu-primary li.back a {
		            font-size: 13px;
					font-weight: 800;
		            text-transform: uppercase;
		            font-family: 'Roboto', sans-serif;
	            }

		}
		
		
/* End Responsive */