/**
 * Theme Name:  Inside Story WP
 * Theme URI:   http://www.streamlinecreative.com.au
 * Description: Responsive Wordpress Theme for Inside Story.
 * Version:     1.0.0
 * Author:      Streamline Creative
 * Author URI:  http://www.streamlinecreative.com.au
 * Tags:        one-column, two-columns, custom-background, custom-header, custom-menu, featured-images, left-sidebar, post-formats, responsive-layout, rtl-language-support, translation-ready
 * Text Domain: inside-story-wp
 */

/**
 * Fonts - Declare @font-face here.
 * --------------------------------------------------------------------------- */

.mobile-menu:before, blockquote:before,
.error-404 #content:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/**
 * Defaults
 * --------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* some base rules - box-sizing, because it's awesome, and fluid images */
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    outline:none !important; 
}

img {
    max-width: 100%;
}

.home .two-column-first img {
    max-width:none;
}

/*main structure*/
html {
    font-size: 100%;
    background: #fff;
}

body {
    /* base font-size of 14px (14/16 - lineheight based on 21px 1.5x14) */
    font: 400 0.875em/1.3em 'Open Sans', Arial, sans-serif;
    color: #141412; 
    margin:0px; 
    padding:0px;
}

a {
    color: #333;
}

a:hover {
    text-decoration: underline;
    color:#000;
}

:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

p {
    margin: 0 0 1.5em 0; 
    font-size: .85em;
}

hr {
    margin-top: 1.5em;
    background: #cac3ba;
}

footer p {
    margin: 0 0 1.5em 0; 
    font-size: .85em;
}

ol, ul {
    padding: 0;
    list-style: none;
    margin:0px; 
    padding:0px;
    font-size:.9em;
}

ol li, ul li { 
    margin:0px; 
    padding:0px;
}

h1, h2, h3 {
    margin: 0 0 .5em 0;
}

h1 {
    font-size: 3em;
    font-family: 'Raleway', Arial; 
    font-weight:300; 
    line-height:1em;
}

h2 {
    font-size: 1.4em;
    font-family: 'Raleway', Arial; 
    font-weight:300;
}

h3 {
    font-size: 1.35em; 
    font-weight:300; 
    font-family:'Open Sans', Arial, sans-serif;
}

h4 {
    font-size: 1.4em;
    font-family: 'Raleway', Arial; 
    font-weight:400; 
    text-transform:uppercase;
}

h5 {
    font-size: 1em;
}

a:focus, :focus  {
    outline:none;
}
.clear {
    clear:both;
}

.single .entry-content ul {
    margin:0px; 
    padding: 1.25em 0 1.25em 1.875em;
}

.single .entry-content ul li {
    list-style:circle;
}

/*let's structure and color-code our main elements, so we can see what's going on*/
.wrapper {
    width: 100%;
    max-width: 2000px;	/*well, we don't want to get stupid now, eh?*/
    margin: 0 auto;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

header,section,footer {
    float: left; width: 100%;padding: 0 8%;	
    /*just to pretty things up while we're demoing*/
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

nav, .slider-wrapper, .mobile-menu-wrap, #main {
    width: 100%;padding: 0 8%;	
    /*just to pretty things up while we're demoing*/
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

blockquote {
    padding: 0 2em;
    font-style: normal;
    font-size: 1.5em;
    position: relative;
}

blockquote:before {
    content: '\f10d';
    color: #666;
    position: absolute;
    left: 0;
    font-size: 1.4em;
    top: 5px;
}

        blockquote p {
            margin-bottom: .6em;
            line-height: 1.4em;
        }

        blockquote cite {
            font-size: .7em;
            color:#999;
            font-style: italic;
        }

/* Acronyms and abbreviations */

acronym {}

abbr {}

/* Code and Preformatted text */

code {}

pre {}

    pre code {}

/* <address> tag */

address {}

/* Lists */

ul {}

    ul li {}

ol {}

    ol li {}

dl {}

    dt {}
    dd {}

/* Tables */

table {}

    caption {}
    thead {}
    tfoot {}
    tbody {}
    tr {}
    th {}
    td {}

    /* wp-calendar <table> */
    #wp-calendar {}

/* Embeds */

object {}

embed {}

iframe {}

video {}

/* Forms */

form {}

    fieldset {}
    
            fieldset legend {}

    label {}
    input {}

            /* Not all types, but these are more common for themes. */
            input[type="button"] {}
            input[type="checkbox"] {}
            input[type="email"] {}
            input[type="password"] {}
            input[type="radio"] {}
            input[type="reset"] {}
            input[type="search"] {}
            input[type="submit"] {}
            input[type="text"] {}
            input[type="url"] {}

    textarea {}
    select {}

            select optgroup {}
            select option {}

    button {}

/* Alignement (WP classes) */
.alignleft {}
.alignright {}
.aligncenter {}
.alignnone {}

/**
 * Images
 * --------------------------------------------------------------------------- */

img {}

    a img {}

/* === WP editor image sizes === */

img.size-thumbnail {}
img.size-medium {}
img.size-large {}
img.size-full {}

/* === Thumbnails === */

.thumbnail {
    margin-bottom: 2em;
}

.blog .thumbnail {
    float: left;
    width: 248px;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

/* === Captions === */

.wp-caption {}

	.wp-caption img {}

	.wp-caption-text {}

		.wp-caption-text a {}
		.wp-caption-text a:hover {}

/* === Gallery === */

.gallery {
    margin-bottom: 2em;
}

	.gallery .gallery-item {}

                .gallery-icon {
                    text-align: left;
                }

                    .gallery .gallery-icon img {
                        max-width: 98%;
                        margin: 0;
                    }

                    .gallery .gallery-caption {
                        display: inline-block;
                        padding-bottom: .4em;
                        font-size: .85em;
                        font-weight: 700;
                        border-bottom: 1px solid #e2e2e2;
                    }

/* === Avatars === */

.avatar {}

	a .avatar {}
	a:hover .avatar {}

/**
 * Layout
 * --------------------------------------------------------------------------- */

	#container {}

		.layout-1c #container {}
		.layout-2c-l #container {}
		.layout-2c-r #container {}
		.layout-3c-l #container {}
		.layout-3c-r #container {}
		.layout-3c-c #container {}

		#menu-secondary {}

                #main {
                    padding-top: 1.5em;
                    padding-bottom: 2em;
                    position: relative;
                    overflow: hidden;
                }
                
                .home #main {
                    padding: 0;
                }

                    #content {
                        padding-bottom: 2em;
                    }
                    
                    .singular-post #content {
                        margin-top: 2.5em;
                    }

                    #sidebar-secondary {}

		#menu-subsidiary {}

                #sidebar-subsidiary {
                    padding-bottom: 1em;
                    overflow: hidden;
                    margin-top: 2.5em;
                }

/**
 * Header
 * --------------------------------------------------------------------------- */

#header {
    padding-top: 2.3em;
    padding-bottom: 0;
}

    #branding {
        text-align: center;
    }

    #site-title {}

            #site-title a {}
            #site-title a:hover {}

    #site-description {}
    
    /* Links & Search Section */
    .top-header-menu {
        padding: .9em 0;
    }
    
    .search-form {
        text-align: center;
        font-size: .8em;
        color: #333;
        padding: .6em 0;
        font-weight: 500;
        letter-spacing: -1px;
        font-family: 'raleway';
    }
    
        .search-form .search-field {
            border-radius: 16px;
            border: 1px solid #d9d8d8;
            background: #f0eeec;
            color: #434242;
            font-size: .9em;
            min-width: 160px;
            margin-left: .4em;
            padding: .3em 0 .3em 1em;
        }

        .search-form .search-submit {
            display: none;
        }

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {}

/* Mobile Menu */
.mobile-menu-wrap {    
    padding-top: .8em;
    padding-bottom: .8em;
    text-align: center;
}

.mobile-menu {
    background: transparent;
    border: 0;
    width: 92px;
    height: 30px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
}

.mobile-menu:before {
    content: '\f0c9';
    font-size: 18px;
    display: inline-block;
    color: #999;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#menu-primary.toggled-on {
    display: block;
    margin-top: -3em;
}

/* Primary Menu */
.primary-menu-wrap {
    border-top: 1px solid #cac3ba;
    border-bottom: 1px solid #cac3ba;
    clear: both;
}

.home .primary-menu-wrap {
    border-bottom: 0px;
}

#menu-primary {
    display: none;
}

    #menu-primary .wrap {
        padding-top: 1.5em;
    }

        #menu-primary ul {
            font-family: 'Raleway','Open Sans', Arial, sans-serif;
            font-weight: 400;
            margin-left: 0;
        }

			#menu-primary ul ul {}

                        #menu-primary li {
                            display: block;
                            padding: 1em .4em;
                            font-size: 1.1em;
                            border-bottom: 1px solid #f2f2f2;
                            text-transform: lowercase;
                            line-height: 14px;
                            position: relative;
                            padding: 1.05em 0 .65em 0;
                        }
                        
                        #menu-primary li:last-child {
                            border-bottom: 0;
                        }
                        
                        #menu-primary li.current-menu-item {
                            font-weight: 600;
                        }

                        #menu-primary li a {
                            color: #464545;
                        }
                        #menu-primary li a:hover {
                            color: #000;
                        }
                        
                        .menu-item-has-children > a {
                            display: block;
                            padding-bottom: 15px;
                        }

/* Secondary Menu */
#menu-secondary {
    padding: 0;
}

	#menu-secondary .wrap {}

        #menu-secondary ul {
            font-family: 'Open Sans', Arial, sans-serif;
            font-weight: 400;
            font-size: .82em;
            text-align: center;
            margin-left: 0;
        }

			#menu-secondary ul ul {}

                        #menu-secondary li {
                            display: inline-block;
                            padding: 0 .6em;
                            border-right: 1px solid #585757;
                            line-height: 12px;
                            font-weight: 500;
                            letter-spacing: -1px;
                            font-family: 'raleway';
                        }
                        
                        #menu-secondary li:last-child {
                            border-right: 0;
                        }
                        
			#menu-secondary li.current-menu-item {}

                        #menu-secondary li a {
                            color: #333;
                        }
				#menu-secondary li a:hover {}

/* ====== Subsidiary Menu ====== */

#menu-subsidiary {}

	#menu-subsidiary .wrap {}

		#menu-subsidiary ul {}

			#menu-subsidiary li {}
			#menu-subsidiary li.current-menu-item {}

				#menu-subsidiary li a {}
				#menu-subsidiary li a:hover {}

/**
 * Content
 * --------------------------------------------------------------------------- */

/* Homepage Banner */
.home-banner .caption {
    padding: 0 12%;
    background: #000;
    color: #fff;
    font-size: 1.2em;
    font-family: 'Raleway', 'Open Sans', arial;
    font-weight: 300;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    top: -.3em;
    position: relative;
}

/* BREADCRUMBS */
.breadcrumb-trail {
    padding: 0;
    font-size: .95em;
    margin-bottom: 1em;
}

    .breadcrumb-trail .trail-begin {
        display:none;
    }
    
    .breadcrumb-trail span:nth-child(3) {
        display: none;
    }

	.breadcrumb-trail .trail-end {}

        .breadcrumb-trail .sep {
            margin: 0 2px;
        }

	.breadcrumb-trail a {}
	.breadcrumb-trail a:hover {}
        
/* ERROR PAGE */
.error-404 #content {
    position: relative;
    padding-left: 5.5em;
    margin-top: 1em;
}

.error-404 #content:before {
    content: '\f06a';
    font-size: 5em;
    position: absolute;
    top: 5px;
    left: 0;
    color: #ff0000;
}

/* POSTS */

.entry {
    overflow: hidden;
    border-bottom: 1px solid #cac3ba;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}

.entry:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.singular .entry {
    border-bottom: 0;
}

.sticky {}

	/* === Post Header === */

        .entry-header {
            padding: 0;
        }
        
        .archive-header {
            padding: 0;
        }

                .singular-post .entry-title {
                    font-size: 2.2em;
                }
                
                .singular-page .entry-title {
                    margin-top: .5em;
                    padding-left: .6em;
                }
                
                .singular-page .page-banner .entry-title {
                    color: #fff;
                    position: absolute;
                    font-weight: 300;
                    top: .8em;
                    padding-left: .6em;
                    margin-top: 0px;
                }
                
                .archive-title {
                    font-size: 2em;
                }
                
                .page-banner {
                    margin-bottom: 1em;
                }

			.entry-title a {}
			.entry-title a:hover {}

                        .entry-byline {
                            font-size: .85em;
                            color: #999;
                            border-bottom: 1px solid #e2e2e2;
                            display: inline-block;
                            margin-bottom: 1em;
                            padding-bottom: .5em;
                        }

                        .entry-byline a {
                            color: #999;
                        }
			.entry-byline a:hover {}

			.entry-byline .published {}

	/* Post content and excerpts */
        .entry-content {
            font-family: Tahoma, Arial;
            font-size: 1.042em;
            color: #2c2c2c;
            line-height: 1.2em;
        }
        
        .entry-content h4,
        .entry-content h5,
        .entry-content h6 {
            margin-bottom: .5em;
        }

        .entry-summary {
            font-family: Tahoma, Arial;
            font-size: 1.042em;
            color: #2c2c2c;
            line-height: 1.1em;
        }

	/* === Post Footer === */

        .entry-footer {
            padding: 0;
            font-size: .85em;
            font-style: italic;
        }

		.entry-meta {}

                    .entry-meta a {
                        color: #999;
                    }
                    .entry-meta a:hover {}

                    .entry-meta .published {}

                    .entry-meta .category {}
                    .entry-meta .post_tag {}

	/* === Asides === */

	.format-aside {}

		.format-aside .entry-content a.permalink {}

	/* === Chats === */

	.format-chat {}

		.format-chat .chat-row {}

			.format-chat .chat-text {}

			.format-chat cite {}

			.format-chat .chat-speaker-1 {}
			.format-chat .chat-speaker-2 {}
			.format-chat .chat-speaker-3 {}
			.format-chat .chat-speaker-4 {}
			.format-chat .chat-speaker-5 {}
			.format-chat .chat-speaker-6 {}
			.format-chat .chat-speaker-7 {}
			.format-chat .chat-speaker-8 {}
			.format-chat .chat-speaker-9 {}

	/* === Links === */

	.format-link {}

		.format-link .entry-title {}

			.format-link .entry-title a {}
			.format-link .entry-title a:hover {}

				.format-link .entry-title a .meta-nav {}

	/* === Galleries === */

	.format-gallery {}

		.format-gallery .image-count {}

	/* === Quotes === */

	.format-quote {}

                .format-quote .entry-content {
                    padding: 0;
                }

			.format-quote blockquote cite {}

	/* === Status updates === */

	.format-status

		.format-status .avatar {}

	/* Audio and Video */
        .format-video {
            
        }
        .format-video .entry-title {
            margin-top: 1em;
        }
        
        .gallery-count {
            font-weight: 700;
            text-transform: uppercase;
        }
        
	.format-audio {}
        .format-audio .entry-title {
            margin-top: 1em;
        }


/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {}

	.attachment-meta .image-gallery {}

	.attachment-meta .image-info {}

                .image-info ul {
                    margin-left: 0;
                    margin-bottom: 1em;
                }

			.image-info ul li {}

				.image-info .prep {}

				.image-info .image-data {}


/* ====== LOOP META ====== */

.loop-meta {}

.loop-title {
    font-size: 2em;
}

	.loop-description {}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {}

	.page-links .before {}

	.page-links a {}
	.page-links a:hover {}

/* === Single post navigation (between different posts) === */

.loop-nav {
    clear: both;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 1em 0;
    font-size: .9em;
    font-weight: 700;
    color: #999;
    font-style: italic;
    text-align: center;
    margin: 1em 0;
}

        .loop-nav a {
            color: #333;
            font-style: normal;
        }
	.loop-nav a:hover {}

	.loop-nav a[rel="prev"] {}

	.loop-nav a[rel="next"] {}

/* === Archive-type pages === */

.loop-pagination {
    padding: 0 8px 0 0;
    text-align: right;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.loop-pagination .page-numbers {
    padding: 0 2px;
}

	.loop-pagination a.page-numbers {}
	.loop-pagination a.page-numbers:hover {}

        .page-numbers.current {
            font-weight: 700;
        }

/* === Comments pagination === */

.comments-nav {}

	.comments-nav a {}
	.comments-nav a:hover {}

	.comments-nav .page-numbers {}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* General */
.sidebar {}

.widget {
    padding: 0 0 1.5em 0;
}

		.widget-title {}

/* Footer - Widget Area */
#sidebar-primary {
    overflow: hidden;
}

    #sidebar-primary .widget-title {
        position: relative;
        z-index: 1;
    }

    #sidebar-primary .widget {
        font-size: .98em;
    }
    
        #sidebar-primary .textwidget,
        #sidebar-primary .widget_nav_menu {
            letter-spacing: -1px;
            color: #000;
        }
        
        #sidebar-primary .widget h3 {
            font-weight: 400;
            color: #0d0c0c;
            padding-top: .5em;
            padding-bottom: .5em;
        }
        
        #sidebar-primary .menu {
            margin-left: 0;
        }
        
            #sidebar-primary .menu {
                padding-right: 4em;
            }
    
        #sidebar-primary .textwidget .add-height {
            height: 49px;
        }
        
        #sidebar-primary .widget_nav_menu a {
            color:#000;
        }

#sidebar-secondary {}

/* Blog Sidebar */
#sidebar-subsidiary {}

    #sidebar-subsidiary ul {
        margin-left: 0;
    }
    
    #sidebar-subsidiary .widget-title {
        margin-bottom: 1em;
    }
    
        #sidebar-subsidiary ul li {
            margin-bottom: .8em;
            padding-bottom: .8em;
            border-bottom: 1px solid #f2f2f2;
        }
        
        #sidebar-subsidiary ul li:last-child {
            border-bottom: 0;
        }

            #sidebar-subsidiary ul li a {
                font-weight: 700;
                display: block;
                color: #666;
            }

            #sidebar-subsidiary ul li span {
                font-size: .85em;
                color: #999;
            }

#sidebar-header {}

#sidebar-before-content {}

#sidebar-after-content {}

#sidebar-after-singular {}


/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {
    padding: 1em 0;    
}

/* ====== COMMENTS ======= */

#comments {}

	#comments-number {}

	/* === Comments closed message === */

	.comments-closed {}

	.comments-closed.pings-open {}

	/* === Comment list === */

        ol.comment-list {
            margin-left: 0;
            margin-bottom: 4em
        }

		ol.comment-list ol.children {}

		/* === Individual comments */

                li.comment {
                    position: relative;
                    border: 1px solid #e2e2e2;
                    padding: 1em 1em .5em 1em;
                    margin-bottom: 15px;
                }

		li.ping {}

		li.bypostauthor {}

			/* === Avatars === */

                        .comment-list .avatar {
                            position: absolute;
                            left: 14px;
                            width: 60px;
                        }

			/* === Meta === */

                        .comment-meta {
                              padding-left: 80px;
                              padding-bottom: 0;
                        }

                        .comment-author {
                            text-transform: uppercase;
                            font-style: normal;
                            font-weight: 700;
                        }

					.comment-author cite {}

                                        .comment-meta .comment-published,
                                        .comment-meta .comment-permalink, 
                                        .comment-meta .comment-edit-link {
                                            font-size: .9em;
                                            color: #999;
                                        }

			/* === Comment text/content === */

                        .comment-content {
                            font-size: 1.1em;
                            padding-top: 6px;
                            clear: both;
                            padding-left: 80px;
                        }


			/* === Reply link === */

                        .comment-reply-link {
                            position: absolute;
                            top: 80px;
                            text-transform: uppercase;
                            font-size: .8em;
                            font-weight: 700;
                            color: #999;
                        }
			.comment-reply-link:hover {}


/* ====== RESPOND (COMMENT FORM) ====== */

#respond {}

        #reply-title {
            text-transform: uppercase;
        }
        
        .comment-notes,
        .form-allowed-tags {
            color: #999;
        }

		#reply-title small {}

	#respond .log-in-out {}

        #respond label {
            display: block;
            margin-bottom: 4px;
        }

		#respond label .required {}

        #respond input[type="text"] {
            width: 97.5%;
            padding: .4em .8em;
            border: 1px solid #e2e2e2;
        }

        #respond input[type="url"] {
            width: 97.5%;
            padding: .4em .8em;
            border: 1px solid #e2e2e2;
        }

        #respond input[type="email"] {
            width: 97.5%;
            padding: .4em .8em;
            border: 1px solid #e2e2e2;
        }

        #respond textarea {
            width: 97.5%;
            padding: .4em .8em;
            border: 1px solid #e2e2e2;
        }
        
        #respond input[type="text"]:focus,
        #respond input[type="url"]:focus,
        #respond input[type="email"]:focus,
        #respond textarea:focus {
            border: 1px solid #999;
        }
        
        #respond input[type="submit"] {
            background: #333;
            color: #fff;
            border: 0;
            padding: 10px 15px;
            text-transform: uppercase;
            font-size: 1.1em;
        }
	#respond input[type="submit"]:focus,
        #respond input[type="submit"]:hover {
            background: #999;
        }


/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
    overflow: hidden;
    position: relative;
}


    .footer-border {
        width: 100%;
        height: 37px;
        position: absolute;
        top: 0;
        left: 0;
        background: #c7c0b7;
        display: none;
    }
    
    .home .footer-border {
        background: rgba(255,255,255,.64);
    }

	#footer .copyright {}

	#footer .credit {}

        #footer h3 a {
            color: #0d0c0c;
        }
	#footer a:hover {}

/**
 * Media Queries
 * --------------------------------------------------------------------------- */

/* 15.2 Tablet Small 740px */
@media screen and (max-width: 46.25em) {
    
    /* Footer */
    #footer {
        border-top: 1px solid #ccc;
        padding-top: 2em;
    }
}

/* 15.2 Tablet Small 740px */
@media screen and (min-width: 46.25em) {
    
    /* Header */
    #branding {
        float: left;
        padding-top: .8em;
    }
    
    /* Top Menu Section */
    .top-header-menu {
        float: right;
        padding: .4em 0 1.4em 0;
    }
    
    #menu-secondary ul {
        text-align: right;
    }
    
    #menu-secondary ul li:last-child {
        padding-right: 0;
    }
    
    /* Mobile Menu */
    .mobile-menu-wrap {
        text-align: left;
    }
    
    /* Homepage Banner */
    .home-banner {
        position: relative;
    }
    
    .home-banner .caption {
        position: absolute;
        top: 3.5em;
        right: 0;
        background: transparent;
        padding: 0 12%;
        text-align: right;
    }
    
    .home-banner span {
        background: rgba( 0,0,0,.64 );
        color: #fff;
        font-family: 'Raleway', 'Open Sans', arial;
        font-weight: 300;
        display: inline-block;
        font-size: 1.05em;
        margin-bottom: 6px;
        padding: .4em 1em;
    }
    
    .home-banner span.last {
        margin-right: 40px;
    }
    
    /* Footer */
    #sidebar-primary .widget {
        width: 50%;
        float: left;
    }
    
    .footer-border {
        display: block;
    }
    
    .home #footer {
        top: 1em;
    }
    
}

/* 15.4 Desktop Small 955px */
@media screen and (min-width: 59.6875em) {
    
    /* Layout */
    header,section,footer {
        float: left; width: 100%;padding: 0 12%;	
        /*just to pretty things up while we're demoing*/
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    nav, .slider-wrapper, .mobile-menu-wrap, #main {
        width: 100%;padding: 0 12%;	
        /*just to pretty things up while we're demoing*/
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    
    #main {
        padding-top: 1.5em;
        padding-bottom: 2em;
    }
    
    /* Header */   
    #branding {
        padding-top: 0;
    }
    #menu-secondary {
        display: inline-block;
    }
    
    /* Top Menu Section */
    .top-header-menu {
        padding: .9em 0;
    }
    
    #menu-secondary ul {
        text-align: right;
    }
    
    .search-form {
        display: inline-block;
        width: 250px;
        text-align: right;
    }
    
    /* Primary Menu */
    .mobile-menu-wrap {
        display: none;
    }
    
    #menu-primary {
        display: block;
    }
    
    #menu-primary .wrap {
        border: 0;
        margin-bottom: 0;
        padding: 0;
    }
    
    #menu-primary li {
        display: inline-block;
        padding: 1.05em 0 .65em 0;
        font-size: 1em;
        border-bottom: 0;
        text-transform: lowercase;
        line-height: 14px;
    }
    
    #menu-primary li a {
        border-right: 1px solid #464545;
        padding: 0 .4em;
    }
    
    #menu-primary ul.menu-items > li:first-child > a {
        padding-left: 0;
    }
    
    #menu-primary li:last-child a {
        border-right: 0;
    }
    
    /* Primary Menu - submenu */
        #menu-primary ul ul { 
            display: none; 
        }
        
        #menu-primary ul li:hover > ul {
            display: block;
            position: absolute;
            top: 35px;
            left: auto;
            background: #f2f2f2;
            box-shadow: 2px 2px rgba(0,0,0,.2);
            width: 250px;
            z-index: 999;
        }
        
            #menu-primary ul ul li:hover > ul {
                display: block;
                position: absolute;
                top: 0;
                left: 100%;
                background: #ebebeb;
                width: 250px;
            }
            
            #menu-primary ul ul li {
                display: block;
                font-size: 1.1em;
                padding: 0;
                border-bottom: 1px solid rgba(0,0,0,.05);
            }
            
            #menu-primary ul ul li:last-child {
                border-bottom: 0px;
            }
            
            #menu-primary ul ul li a {
                display: block;
                padding: .8em 1em;
            }
            
            #menu-primary ul ul li:hover {
                background: rgba(255,255,255,.5);
            }
            
            #menu-primary ul ul li:hover a {
                text-decoration: none;
            }
            
                #menu-primary ul ul ul li:hover > ul {
                    background: #e2e2e2;
                }
            
    
    /* Content Area */
    .entry-content {
        padding: 0 2em;
    }
    
    .singular-post .entry-content,
    .error-404 .entry-content {
        padding: 0;
    }
    
    /* Footer */
    #sidebar-primary .widget {
        width: 21%;
        float: left;
        min-height: 140px;
    }
    
    #sidebar-primary .widget:nth-child(1) {
        width: 25%;
    }
    
    #sidebar-primary .widget:nth-child(2) {
        width: 28%;
    }
    
    #sidebar-primary .widget:nth-child(3) {
        width: 25%;
    }
    
    /* Blog Single page Layout */
    .singular-post #content {
        float: left;
        width: 70%;
    }
    
    .singular-post #sidebar-subsidiary {
        float: right;
        width: 26%;
        padding-left: 5%;
        border-left: 1px solid #e2e2e2;
    }
    
}

/* Desktop Large 1240px */
@media only screen and (min-width: 77.5em) {
    
    body { font: .95em/1.3em Open Sans, Arial, sans-serif; }
    
    /* Primary Menu */
    #menu-primary li {
        padding: 1.2em 0 .85em 0;
    }
    
    #menu-primary li a {
        padding: 0 .8em 0 .8em;
    }
    
    /* Footer */
    #sidebar-primary .widget {
        padding-right: 2.5em;
    }
    
    /* pagination */
    .loop-pagination {
        font-size: .95em;
    }
}

/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */

.clearfix::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}