/**
 * Theme Name:  Reasonable Cause
 * Theme URI:   http://www.reasonablecause.net.au/
 * Description: A custom theme for "Reasonable Cause" website
 * Version:     1.0.0
 * Author:      Ray Creations
 * Author URI:  https://www.raycreationsindia.com/
 * Tags:        one-column, two-columns, custom-background, custom-header, custom-menu, featured-images, left-sidebar, post-formats, responsive-layout, right-sidebar, rtl-language-support, threaded-comments, translation-ready
 * Text Domain: reasonable-cause
 * License:     Private
 * License URI: Private
 */

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

/* === HTML === */
html{
    background-color: #282c2f;
}

html,
body {
    margin: 0;
    padding: 0;
    font: 1em/1.7em 'Quattrocento', serif;
    font-weight: 700;
}

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

/* === Links === */

a {
    color: #ff4f14;
    text-decoration: none;
}

a:hover {
    color: #ff9914;
}

/* === Headers === */

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 1.3em;
    margin-top: 2em;
}

h1, h2, h3, h4{
    letter-spacing: -1px;
}

/* === Blockquotes, quotes, and cites === */

blockquote {}

	blockquote blockquote {}

	blockquote cite {}

/* === 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 {
            display: block;
        }
        
        button,
        input,
        .orange_button,
        .sponsor-a-child-btn-wrap a,
        .button,
        input[type="submit"],
        input[type="button"],
        textarea{
            padding: 0.3em 1em !important;
            border: 2px solid #3f5565;
            text-align: center;
            font-weight: 700;
            font-size: 18px;
            max-width: 100%;
        }
        
        button:after,
        input:after,
        .orange_button:after,
        .sponsor-a-child-btn-wrap a:after,
        .button:after,
        input[type="submit"]:after,
        input[type="button"]:after{
            content: "\f061";
            margin-left: 10px;
        }

		/* 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"] {}

                input,
                input[type="text"],
                textarea {
                    border-color: rgba(0,0,0,0.1);
                    text-align: left;
                }

	select {}

		select optgroup {}

		select option {}
        
                .sponsor-a-child-btn-wrap{
                    padding-left: 0 !important;
                    margin-top: 20px;
                }
                
	.orange_button,
        .sponsor-a-child-btn-wrap a{
            background-color: #ff4f14;
            border-color: #3f5565;
            color: #fff !important;            
            display: block;
        }
        .sponsor-a-child-btn-wrap:before{
            content: none !important;
        }
        
        button:hover,
        .orange_button:hover,
        .sponsor-a-child-btn-wrap a:hover,
        .button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover{
            background-color: #3f5565;
            color: #fff;
        }

/* === Alignement (WP classes) === */

.alignleft {
    margin-right: 2em;
    margin-bottom: 1em;
}

.alignright {
    margin-left: 2em;
    margin-bottom: 1em;
}

.aligncenter {
    margin: 1em auto;
}

.alignnone {
    margin: 1em 0;
}


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

img {
    max-width: 100%;
    vertical-align: middle;
}

#main img{
    box-shadow: 4px 4px 0 0 rgba(0,0,0,0.11);
}

	a img {}

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

img.size-thumbnail {}

img.size-medium {}

img.size-large {}

img.size-full {}

/* === Thumbnails === */

.thumbnail {}

/* === Captions === */

.wp-caption {}

	.wp-caption img {}

	.wp-caption-text {}

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

/* === Gallery === */

.gallery {}

	.gallery .gallery-item {}

		.gallery-icon {}

			.gallery .gallery-icon img {}

		.gallery .gallery-caption {}

/* === Avatars === */

.avatar {}

	a .avatar {}
	a:hover .avatar {}
        
/**
 * Fontawesome Icon
 * --------------------------------------------------------------------------- */
#social-menu-footer a:before,
.trail-items li:before,
#sidebar-primary li:before,
button:after,
input:after,
.orange_button:after,
.sponsor-a-child-btn-wrap a:after,
.button:after,
input[type="submit"]:after,
input[type="button"]:after{
    font-family:FontAwesome;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    margin-right:4px;
    display:inline-block;
}

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

#container {
    background-color: #fff;
}
        
        #header,
        #main,
        #footer,
        #sidebar-subsidiary,
        .breadcrumb-trail{
            width: 100%;
            float: left;
            padding: 2em 10%;
            clear: both;
            
            -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;
        }

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

		#header {}

		#menu-primary {}

		#menu-secondary {}

		#main {}

			#content {}

			#sidebar-primary {}

			#sidebar-secondary {}

		#menu-subsidiary {}

		#sidebar-subsidiary {}

		#footer {}

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

#header {}

#branding {
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 20px;
}
#site-title {    
    padding: 0;
    text-align: left;
    margin: 0;    
}

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

            #site-description {
                font-size: 16px;
                text-align: left;
                color: #999;
                letter-spacing: normal;
                font-weight: 400;
            }
    
    .header-image{
        position: relative;
        width: 100%;
        float: left;
    }
    .header-image:before{
        content: '';
        background-color: rgba(31,51,66,0.5);
        position: absolute;
        top: 0; bottom: 0;
        width: 100%;
        z-index: 9;
    }
    .header-image img{
        width: 100%; height: auto;
        -webkit-filter: grayscale(100%) contrast(110%);
        filter: greyscale(100%) contrast(110%);
    }
    .header-image-title{        
        display: block;
        margin: auto;
        text-align: center;        
        font-size: 22px;
        letter-spacing: -1px;
        line-height: 1.2em;
        padding: 1em 2em;
    }

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

.menu-toggle {}

/* ====== Primary Menu ====== */

#menu-primary {
    text-align: center;
}

	#menu-primary .wrap {}

        #menu-primary ul {
            margin-left: 0;
            list-style: none;
        }

			#menu-primary ul ul {}

                        #menu-primary li {
                            padding: 0.3em 0 0.3em 0.7em;
                            position: relative;
                            display: inline-block;
                            //transition: all 0.3s ease-in-out;
                        }
                        #menu-primary li:hover{
                            //padding-left: 1.3em;
                        }
                        #menu-primary li:before{
                            content: '.';
                            margin-right: 10px;
                        }
                        #menu-primary li.current-menu-item a {
                            color: #ff4f14;
                        }

                        #menu-primary li a {
                            font-weight: 700;
                            color: #282c2f;
                        }
                        #menu-primary li a:hover {
                            color: #ff4f14;
                        }
                        #menu-primary .sponsor-a-child-btn-wrap{
                            display: block;
                        }

/* ====== Secondary Menu ====== */

#menu-secondary {}

	#menu-secondary .wrap {}

		#menu-secondary ul {}

			#menu-secondary ul ul {}

			#menu-secondary li {}
			#menu-secondary li.current-menu-item {}
                        
                        #menu-results-menu li.current-menu-item a {
                            color: #333;
                        }

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

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

#menu-subsidiary {}

	#menu-subsidiary .wrap {}

        #menu-subsidiary ul {
            list-style: none;
            margin-left: 0;
        }

                #menu-subsidiary li {
                    position: relative;
                    display: inline-block;
                    padding: 0.3em 0 0.3em 1em;
                }
                #menu-subsidiary li:first-child:before{
                    content: none;
                }
                        #menu-subsidiary li:before{
                            content: '.';
                            position: absolute;
                            left: 0;
                            top: 2px;
                        }
                        
			#menu-subsidiary li.current-menu-item {}

                        #menu-subsidiary li a {
                            font-weight: 700;
                        }
				#menu-subsidiary li a:hover {}
                                
/* ====== Social Menu ======= */

    .social-icons li{ display:inline-block; border:none !important; list-style-type:none; padding:0; }
    .social-icons li:after{
        content: '/';
        margin: 0 10px;
        color: rgba(255,255,255,0.2);
    }
    .social-icons li:last-child:after{
        content: none;
    }
    
    #social-menu-footer a:before{
        margin:0;
    }
    
    .social-icons li a{ 
        display:inline-block; 
        text-align:center; 
        font-size:16px; 
        font-weight:normal; 
        color:#fff !important; 
    }
    
    .social-icons li a::before{
      display: inline-block;
    }

    .social-icons li a:hover{ color: #ff4f14 !important; }	
    .social-icons li a::before { content: '\f005'; padding: 0 3px; }
            //.social-icons li a{ background-color:#515151; }

    .social-icons li a[href*="codepen.io"]::before { content: "\f1cb"; }
            //.social-icons li a[href*="codepen.io"]{ background-color:#515151; }	

    .social-icons li a[href*="dribbble.com"]::before    { content: '\f17d'; }
            //.social-icons li a[href*="dribbble.com"]{ background-color:#ea4c89; }

    .social-icons li a[href*="facebook.com"]::before    { content: '\f09a'; }
            //.social-icons li a[href*="facebook.com"]{ background-color:#6a79e4; }

    .social-icons li a[href*="flickr.com"]::before      { content: '\f16e'; }
            //.social-icons li a[href*="flickr.com"]{ background-color:#dc006a; }

    .social-icons li a[href*="plus.google.com"]::before { content: '\f0d5'; }
            //.social-icons  li a[href*="plus.google.com"]{ background-color:#e66d04; }

    .social-icons li a[href*="github.com"]::before      { content: '\f113'; }
            //.social-icons li a[href*="github.com"] { background-color:#666; }

    .social-icons li a[href*="instagram.com"]::before   { content: '\f16d'; }
            //.social-icons li a[href*="instagram.com"] { background-color:#457298; }	

    .social-icons li a[href*="linkedin.com"]::before    { content: '\f0e1'; }
            //.social-icons li a[href*="linkedin.com"]{ background-color:#1981ba; }

    .social-icons li a[href*="pinterest.com"]::before   { content: '\f0d2'; }
            //.social-icons li a[href*="pinterest.com"]{ background-color:#d32733; }

    .social-icons li a[href*="reddit.com"]::before      { content: "\f1a1"; }
            //.social-icons li a[href*="reddit.com"]  { background-color:#666; }

    .social-icons li a[href*="skype.com"]::before,
    .social-icons li a[href*="skype:"]::before          { content: '\f17e'; }
            //.social-icons li a[href*="skype.com"],
            //.social-icons li a[href*="skype:"] { background-color:#01aef2; }

    .social-icons li a[href*="stumbleupon.com"]::before { content: "\f1a4"; }
            //.social-icons li a[href*="stumbleupon.com"]{ background-color:#d8401a; }

    .social-icons li a[href*="tumblr.com"]::before      { content: "\f173"; }
            //.social-icons li a[href*="tumblr.com"] { background-color:#529ecc; }	

    .social-icons li a[href*="twitter.com"]::before     { content: '\f099'; }
            //.social-icons li a[href*="twitter.com"] { background-color:#40caca; }
    .social-icons li a[href*="vimeo.com"]::before       { content: "\f194"; }
            //.social-icons li a[href*="vimeo.com"] { background-color:#338ac0; }
    .social-icons li a[href*="wordpress.org"]::before,
    .social-icons li a[href*="wordpress.com"]::before   { content: "\f19a"; }	
    //.social-icons li a[href*="wordpress.org"], .social-icons li a[href*="wordpress.com"]  { background-color:#807F7F; }


    .social-icons li a[href*="youtube.com"]::before     { content: "\f167"; }
            //.social-icons li a[href*="youtube.com"] { background-color:#cc181e; }
    .social-icons li a[href*="feed"]::before       { content: '\f09e'; }
            //.social-icons li a[href*="feed"]{ background-color:#f7e040; }

    .social-icons li.sb-icon-search a::before{ content: "\f002"; }
    //.social-icons li.sb-icon-search a{ background-color:#ccc; }

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

/* ====== BREADCRUMBS ====== */
.breadcrumb-trail{
    overflow: hidden;
    background-color: rgba(0,0,0,0.03);
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    margin-bottom: 2em;
}
.breadcrumb-trail,
.trail-browse { 
    font-size: 12px;
    clear: none;
}

.trail-browse,
.trail-items{
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.trail-browse{
    letter-spacing: normal;
}
    
    .trail-items{
        margin: 0;
        display: inline-block;
        list-style: none;
        padding-left: 10px;
    }
    
    .trail-items li{
        display: inline-block;
        padding-right: 10px;
    }
    .trail-items li:before{
        content: "\f105";
    }
    .trail-items li.trail-begin:before{
        content: none !important;
    }

	.breadcrumb-trail .trail-begin {}

	.breadcrumb-trail .trail-end {}

	.breadcrumb-trail .sep {}

	.breadcrumb-trail a {}
	.breadcrumb-trail a:hover {}


/* ====== POSTS ====== */

.hentry  {}
.sticky {}

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

	.entry-header {}

        .entry-title {
            color: #FF4F14;
        }
        .entry-title a {
            color: #FF4F14;
        }
        .entry-title a:hover {
            color: #282c2f;
        }

		.entry-byline {}

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

			.entry-byline .published {}

	/* === Post content and excerpts === */

	.entry-content {}

	.entry-summary {}

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

	.entry-footer {}

		.entry-meta {}

			.entry-meta a {}
			.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 blockquote {}

			.format-quote blockquote cite {}

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

	.format-status

		.format-status .avatar {}

	/* === Audio and Video === */

	.format-video {}
	.format-audio {}


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

.attachment .entry-header h1{
    margin-bottom: 0.5em;
}
.attachment .entry-header{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 20px;
    text-align: center;
}
.attachment-meta-title{
    text-align: center;
}
.attachment .entry-header .entry-byline{
    font-size: 13px;
}

.attachment-meta {}

	.attachment-meta .image-gallery {}

	.attachment-meta .image-info {}

        .image-info ul {
            margin: 0;
            list-style: none;
            text-align: center;
        }
        .image-info ul li {
            border: 1px solid rgba(0,0,0,0.1);
            display: inline-block;
            padding: 0.2em 1em;
            font-size: 13px;
        }
        .image-info .prep {
            margin-right: 10px;
        }
        .image-info .prep:after{
            content: ':';
        }
        
            .image-info .image-data {}


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

.loop-meta {}

	.loop-title {}

	.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 {}

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

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

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

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

.archive-title{
    color: #FF4F14;
}

.loop-pagination {}

	.loop-pagination .page-numbers {}

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

	.page-numbers.current {}

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

.comments-nav {}

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

	.comments-nav .page-numbers {}

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

/* ====== General ====== */

.sidebar {}

	.widget {}

		.widget-title {}

/* ====== Sidebar Primary ====== */

#sidebar-primary {
    
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 30px;
    
}

#sidebar-primary input[type="submit"],
#sidebar-primary input[type="button"]{
    margin: 0.2em 0;
}

#sidebar-primary ul{
    margin-left: 0;
    list-style: none;
}
#sidebar-primary li{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 0.3em 0 0.3em 25px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
#sidebar-primary li:before{
    content: "\f0a9";
    position: absolute;
    left:0;
}
#sidebar-primary li:hover{
    padding-left: 30px;
}
#sidebar-primary .widget-title:first-child{
    margin-top: 0 !important;
}

#sidebar-secondary {}

#sidebar-subsidiary {}

#sidebar-header {}

#sidebar-before-content {}

#sidebar-after-content {}

#sidebar-after-singular {}


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

#comments-template {}

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

#comments {}

	#comments-number {}

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

	.comments-closed {}

	.comments-closed.pings-open {}

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

        ol.comment-list {
            list-style: none;
        }

		ol.comment-list ol.children {}

		/* === Individual comments */

                li.comment {
                    border-top: 1px solid rgba(0,0,0,0.1);
                    padding: 10px;
                    margin-bottom: 10px;
                }

		li.ping {}

		li.bypostauthor {}

			/* === Avatars === */

                        .comment-list .avatar {
                            border-radius: 50%;
                            margin-right: 1em;
                        }

			/* === Meta === */

                        .comment-meta {
                            overflow: hidden;
                        }
                        .comment-meta .avatar{
                            float: left;
                            margin: 1em 1.5em 1em 1em;
                        }

                        .comment-author {
                            display: block;
                            margin-top: 1.5em;
                        }

					.comment-author cite {}

				.comment-meta .published {}

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

                        .comment-content {
                            margin-top: 1em;
                        }


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

			.comment-reply-link {}
			.comment-reply-link:hover {}


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

#respond {}

	#reply-title {}

		#reply-title small {}

	#respond .log-in-out {}

	#respond label {}

		#respond label .required {}

	#respond input[type="text"] {}
	#respond input[type="text"]:focus {}

	#respond input[type="url"] {}
	#respond input[type="url"]:focus {}

	#respond input[type="email"] {}
	#respond input[type="email"]:focus {}

	#respond input[type="submit"] {}
	#respond input[type="submit"]:focus {}
	#respond input[type="submit"]:hover {}

	#respond textarea {}
	#respond textarea:focus {}


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

#footer {
    background-color: #282c2f;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    color: #9ea1a4;
    text-align: center;
}

	#footer .copyright {}

        #footer .credit {
            font-size: 12px;
        }

        #footer a {
            color: #9ea1a4;
        }
        #footer a:hover {
            color: #fff;
        }

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

/* Up to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
    
}

@media only screen and ( min-width: 768px ){
    .footer-banner{
        overflow: hidden;
        margin-bottom: 30px;
    }
    .footer-banner .column{
        float:left;
        width: 32%;
        margin-right: 2%;
    }
    .footer-banner .column:last-child{
        margin-right: 0;
    }
}

@media only screen and ( min-width: 960px ){
    
    #main{
        padding-top: 3.5em !important;
        padding-bottom: 3.5em !important;
    }
    #main h1:first-child{
        margin-top: 0 !important;
    }
    #header{
        padding-bottom: 1.5em !important;
    }
    /* Two column left sidebar */
    .layout-2c-r #sidebar-primary{
        float: left;
        width: 25%;
        padding-right: 5%;
        border-top: none;
        padding-top: 0;
        border-right: 1px solid rgba(0,0,0,0.1);
    }
    .layout-2c-r #content {
        float: right;
        width: 75%;
        padding-left: 5%;
    }
    
    /* Two column right sidebar */
    .layout-2c-l #sidebar-primary{
        float: right;
        width: 25%;
        border-top: none;
        padding-top: 0;
        padding-left: 5%;
        border-left: 1px solid rgba(0,0,0,0.1);
    }
    .layout-2c-l #content{
        float: left;
        width: 75%;
        padding-right: 5%;
    }
    
    .layout-3c-l #container {}
    .layout-3c-r #container {}
    .layout-3c-c #container {}
    
    #header,
    #main,
    #footer,
    #sidebar-subsidiary,
    .breadcrumb-trail{
        width: 100%;
        float: left;
        padding: 2em 8%;
    }    
    #branding{
        width: 30%;
        float: left;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
        text-align: left;
    }
    #menu-primary{
        width: 70%;
        float: right;
        padding-left: 5%;
    }
    #menu-primary li a{
        padding: 0.5em 0;
        display: inline-block;
        //background-color: #fff;
        //border: 2px solid #fff;
    }
    #menu-primary li a:first-child,
    #menu-primary li:first-child{
        padding-left: 0;
    }
    #menu-primary li:first-child:before{
        content: none;
    }
    #branding{
        margin-top: 0.5em;
    }
    #menu-primary li:before{
        //top: 10px;
    }
    .sponsor-a-child-btn-wrap a{
        display: block;        
    }
    #menu-primary ul,
    .sponsor-a-child-btn-wrap{
        margin: 0;
    }
    #menu-primary li{
        float: left;
    }
    
    .header-image-title{
        position: absolute;
        top: 20%;
        width: 80%;
        left: 0;
        right: 0;
        z-index: 99;
        display: block;
        margin: auto;
        font-size: 36px;
        color: rgba(255,255,255,0.8);
        font-weight: 400;
    }
    
    /* Footer */
    .copyright,
    #social-menu-footer,
    .credit{
        float: left;
    }
    .copyright,
    #social-menu-footer{
        width: 25%;
    }
    .menu-subsidiary{
        float: right;
        width: 50%;
    }
    .credit{
        width: 100%;
        text-align: center;        
    }
    
}

@media only screen and ( min-width: 1220px ){
    
    .header-image-title{
        top: 35%;
        width: 80%;        
    }
    #branding{
        width: auto;
    }
    #menu-primary{
        padding-left: 0;
    }
    .sponsor-a-child-btn-wrap{
        float: right !important;
    }
    
}

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

.clearfix::after,
#header::after,
#main::after,
#container::after,
.header-image::after,
.breadcrumb-trail::after{
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}