/*
Theme Name: Kimba JB
Theme URI: http://www.kimbajbaccessories.com/
Description: "Kimba JB" responsive theme for WordPress.
Version: 1.0
Author: Evolution Design Agency
Author URI: http://www.evolutiondesign.com.au/
Tags: "Kimba JB"
*/

@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//evolutiondesign.com.au/assets/fonts/eda/eda.css);

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone,
.aligncenter,
.alignright,
.alignleft,
a img.alignright,
a img.alignnone,
a img.alignleft,
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
    margin-bottom: 10px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 90%;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* end WordPress Core */




html {font-size: 1em;}

body {
  background-color: white;
  font-family: 'Droid Sans', serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
  font-size: 16px;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 2.441em;
}

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size: 1.25em;}

small, .font_small {font-size: 0.8em;}




ol { list-style: decimal; margin-left: 20px; }
ul { list-style: disc; margin-left: 40px; }

ul, ol { margin: 10px; padding: 0; line-height: 1.6; }

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

a:hover,
a.focus { 
    color: #666666; 
    text-decoration: none !important; 
}

strong { 
  font-weight: 700;
}

em {
  font-style: italic;
}

hr { border-color: #666666; border-width: 1px; margin: 30px 0 20px 0; }

blockquote { padding: 0 50px; }



h1, h1 a, h1 a:hover { color: #ed1c24; }
h2, h2 a, h2 a:hover { color: #ed1c24; } 
h3, h3 a, h3 a:hover { color: #ed1c24; } 
h4, h4 a, h4 a:hover { color: #ed1c24; } 

header {
    background-color: #fff;
}


#homepage-header-wrapper {
    background-image: url('images/home-background.png');
    background-repeat: no-repeat;
}

#homepage-testimonials {
    background-image: url('images/testimonial-background.png');
    background-repeat: no-repeat;
    background-position: top center;
}


#homepage-header h1 {
    margin: 0;
}


#homepage-header h2 {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    color: #ed1c24;
    text-transform: initial;
    margin: 30px 0;
}


.navbar {
    margin-bottom: 0;
}

.navbar-default {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.navbar-brand {
    padding: 10px 20px;
}

.navbar-brand img {
    display: inline-block;
    margin-right: 10px;
}


#navbar-search,
#navbar-search-mobile {
    position: relative;
}


#navbar-search button,
#navbar-search-mobile button {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    position: absolute;
}

#navbar-search button {
    top: 0px;
    right: 10px;
}

#navbar-search-mobile button {
    top: 10px;
    right: 10px;
}

#navbar-search input,
#navbar-search-mobile input {
    padding-right: 30px;
}

.navbar-toggle {
    margin-top: 11px;
    margin-bottom: 7px;
}

.navbar-toggle .icon-bar {
    width: 32px;
    height: 3px;
}


.homepage-section {
    padding: 30px 0;
}

/*h2 {
    margin: 30px 0;
    font-size: 30px;
}*/

#homepage-message {
    background-color: #101820;
    color: #fff;
    border-bottom: 20px solid #ed1c24;
}

#homepage-message a {
    color: #ed1c24;
}

#homepage-services article p:first-of-type,
#homepage-message article p:first-of-type {
    color: #f5921e;
    font-size: 120%;
}

#homepage-services-programs {
    padding: 0;
}

#homepage-services-programs .link-read-more {
    color: #f6921e;
}

#homepage-services-programs-content {
    padding: 30px 0;
}

#homepage-services-programs-heading {
    position: relative;
    background-image: url('images/home-services-programs-heading.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
}

#homepage-services-programs-heading h2 {
    margin: 27px 0;
}

#homepage-services-programs-heading h2#services-heading {
    color: #fff;
}


#homepage-gallery {
    padding: 65px 0;
}

#homepage-gallery-wrapper {
}

#homepage-gallery-swiper img {
    /* border: 3px solid #fff; */
    padding: 0px 35px;
}

#homepage-gallery-swiper .swiper-next,
#homepage-gallery-swiper .swiper-prev {
    top: 22%;
    color: #ed1c24;
    position: absolute;
    z-index: 9999;
    display: table;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: #fff;
    text-align: center;
}

#homepage-gallery-swiper .swiper-prev {
    left: 5px;
}

#homepage-gallery-swiper .swiper-next {
    right: 5px;
}

#homepage-gallery-swiper .swiper-next i,
#homepage-gallery-swiper .swiper-prev i {
    display: table-cell;
    vertical-align: middle;
}

#homepage-gallery-swiper .slide-title {
    padding: 10px 0 10px 50px;
    margin: 10px 0 30px 0;
    background-image: url('images/slide-title.png');
    background-position: center left;
    background-repeat: no-repeat;
    color: #ed1c24;
    text-transform: uppercase;
}

#homepage-recent-posts {
    background-color: #f8f8f8;
    color: #000;
    padding: 30px 0;
}

#homepage-testimonials {
    padding: 30px 0 0 0;
}

#homepage-testimonials .testimonial {
    margin-bottom: 30px;
}

#homepage-testimonials h2,
#homepage-recent-posts h2 {
    margin: -85px auto 0 auto;
    display: table;
    text-align: center;
    top: -135px;
    text-transform: uppercase;
    font-size: 1em;
}

#homepage-testimonials h2 > a,
#homepage-recent-posts h2 > a {
    display: table-cell;
    width: 170px;
    height: 170px;
    border-radius: 85px;
    vertical-align: middle;
    text-align: center;
}

#homepage-recent-posts h2 {
    color: #000;
}

#homepage-recent-posts h2 > a {
    background-color: #fff;
}

#homepage-recent-posts .recent-post {
    margin-bottom: 30px;
    padding-bottom: 30px;
    
    background-image: url('images/recent-post-divider.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

#homepage-recent-posts div.recent-post:last-child {
    background-image: none !important;
}

#homepage-testimonials h2 {
    margin-bottom: 30px;
}

#homepage-testimonials h2 > a {
    color: #fff;
    background-color: #ed1c24;
}

#homepage-testimonials p {
    margin: 0;
}

#homepage-testimonials .fa-quote-left {
    float: left;
    margin: 0 10px 0 0;
}

#homepage-testimonials .fa-quote-right {
    float: right;
    margin: -20px 0 0 0;
}

#homepage-testimonials .testimonial-details {
    margin: 20px 0 60px 0;
    color: #838383;
    font-weight: bold;
}

#homepage-recent-posts h3 {
    margin: 10px 0;
    font-size: 1.2em;
}

#homepage-recent-posts h3 a {
    color: #000;
}

#homepage-recent-posts h4 {
    font-style: italic;
    margin: 0 0 10px 0;
    padding: 15px 0;
    border-top: 1px solid #0d385f;
    border-bottom: 1px solid #0d385f;
    text-transform: initial;
    font-weight: bold;
}

#homepage-recent-posts .post-date,
#homepage-recent-posts .post-categories,
#homepage-recent-posts .post-categories a {
    color: #9fa2a3;
    text-transform: uppercase;
    font-style: normal;
}





#homepage-parallax {
    height: 220px;
}

#homepage-parallax h2 {
    margin: 50px 0;
    float: right;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 3em;
    letter-spacing: 0.25em;
}








#homepage-instagram {
padding-top: 0;}


#homepage-instagram hr {
    border-top: 1px solid #ed1c24;
    margin: 0 0 60px 0;
}


#homepage-contact {
    background-image: url('images/home-contact-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

 
#homepage-message h2 {
    color: #fff;
    font-size: 1.2em;
    margin: 0;
}

#homepage-contact,
#homepage-contact a,
#homepage-contact h2,
#homepage-contact h3 {
    color: #fff;
    text-transform: uppercase;
}

#homepage-contact h2 {
    margin: 0 0 100px 0;
}

#homepage-contact h3 {
    font-size: 1em;
    margin: 30px 0 60px 0;
}

#homepage-contact label {
    margin-top: 6px;
}


#homepage-contact input[type='text'],
#homepage-contact input[type='email'],
#homepage-contact textarea {
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
}

#homepage-contact button {
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
}

#homepage-contact .has-error .help-block, 
#homepage-contact .has-error .control-label, 
#homepage-contact .has-error .radio, 
#homepage-contact .has-error .checkbox, 
#homepage-contact .has-error .radio-inline, 
#homepage-contact .has-error .checkbox-inline, 
#homepage-contact .has-error.radio label, 
#homepage-contact .has-error.checkbox label, 
#homepage-contact .has-error.radio-inline label, 
#homepage-contact .has-error.checkbox-inline label {
    color: #fff;
}

.homepage-featured-page {
    margin-bottom: 60px;
}

.homepage-featured-page a {
    display: table;
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    background-color: #ed1c24;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border: 15px solid #fff;
    padding: 0 20px;
}

.homepage-featured-page a > span {
    display: table-cell;
    vertical-align: middle;
}



.link-read-more {
    text-transform: uppercase;
    display: inline-block;
}

.link-read-more i {
    vertical-align: middle;
}


main {
    color: #000;
    min-height: 500px;
}



#content {
    padding-top: 20px;
    padding-bottom: 20px;
}

#content ul,
#content ol {
    list-style-position: inside;
}

#content ul {
    padding: 0 20px;
    margin-bottom: 1em;
}

#content ol {
    padding: 0 40px;
    margin: 10px 0;
}

#content ul ul,
#content ol ol {
    margin: 0;
}

#content ul ul {
    list-style: circle;
}



.post {
    clear: left;
    margin-bottom: 20px;
}

.post-date {
    font-style: italic;
    margin-bottom: 10px;
}




.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}


footer {
    background-color: #000;
    color: #fff;
    padding: 20px 0;
    min-height: 65px;
}


footer a,
footer a:hover,
footer a:focus {
    color: #fff;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.8em;
}

footer ul li {
    display: block;
    margin: 10px 0;
}



.blogroll {
    margin: 0 0 0 10px;
}



.blog-meta {
    font-size: smaller;
}




.made-by-eda {
    float: right;
    font-size: 1.3em;
    margin-top: 40px;
}



/* xs only*/
@media (max-width: 767px) {
}

/* sm and up */
@media (min-width: 768px) {

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

/* =end WordPress Core
-------------------------------------------------------------- */

    #donate-now {
        width: 175px;
        padding: 0;
        margin: 25px 85px 10px 10px;
    }

    .homepage-section {
        padding: 60px 0;
    }

    #header-logo {
        margin: 0 auto;
    }
    
    #homepage-message h2 {
        font-size: 1.8em;
        margin: 0;
    }
    
    #homepage-hill {
        position: relative;
        background-image: url('images/home-hill.png');
        background-position: -220px bottom;
        background-repeat: no-repeat;
        height: 746px;
    }
    
    #homepage-recent-posts h3 i {
        display: block;
        margin-bottom: 18px;
        font-size: 3em;
    }

    #homepage-recent-posts .recent-post.bottom-row {
        background-image: none;
    }

    .homepage-section h3 {
        margin: 0;
        text-align: center;
    }

    footer ul li {
        display: inline;
        margin: 0;
    }

    .footer-divider {
        display: inline-block;
        margin: 0 15px;
    }

    .footer-divider:after {
        content: '/';
    }
    

    #homepage-gallery-swiper .swiper-next,
    #homepage-gallery-swiper .swiper-prev {
        top: 30%;
        width: 60px;
        height: 60px;
        border-radius: 30px;
    }
    
    #homepage-gallery-swiper .swiper-prev {
        left: 5px;
    }

    #homepage-gallery-swiper .swiper-next {
        right: 5px;
    }

    #homepage-contact {
        padding: 160px 0 260px 0;
    }

    #homepage-contact .form-group {
        margin-bottom: 28px;
    }

    #homepage-contact input[type='text'],
    #homepage-contact input[type='email'] {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .homepage-featured-page a {
        bottom: -60px;
        right: 0;
        width: 180px;
        height: 180px;
        border-radius: 90px;
        border: 10px solid #fff;
        padding: 0 20px;
    }
    
    

    .homepage-featured-page img.featured-page-image {
        margin-right: 30px;
    }


    #homepage-parallax h2 {
        margin: 20px 60px 20px 0;
    }
    
    .made-by-eda {
        margin-top: 0px;
    }
}

    
/* up to and including sm only */
@media (max-width: 991px) {
    .navbar-form .form-group,
    .navbar-form .form-control {
        display: block;
        width: 100%;
    }
}

/* md and up */
@media(min-width:992px) {
    #homepage-message article {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 32px;
           -moz-column-gap: 32px;
                column-gap: 32px;
    }
    
    #homepage-hill {
        background-position: -305px bottom;
    }

    #homepage-header h2 {
        font-size: 24px;
    }
    

    .navbar-default{
        height:124px;
    }
    
    .navbar-nav>li>a {
        padding: 52px 10px;
    }

    .homepage-featured-page a {
        bottom: -70px;
        right: 0;
        width: 200px;
        height: 200px;
        border-radius: 100px;
        border: 15px solid #fff;
        padding: 0 40px;
    }
    

    #homepage-gallery-swiper .swiper-next,
    #homepage-gallery-swiper .swiper-prev {
        top: 35%;
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    
    #homepage-gallery-swiper .swiper-prev {
        left: -5px;
    }

    #homepage-gallery-swiper .swiper-next {
        right: -5px;
    }

}

/* lg and up */
@media(min-width:1200px) {
    #homepage-hill {
        background-position: -265px bottom;
    }
    
    #homepage-message article {
        -webkit-column-gap: 225px;
           -moz-column-gap: 225px;
                column-gap: 225px;
    }

    #homepage-header h2 {
        font-size: 28px;
    }

    .homepage-featured-page a {
        bottom: -80px;
        right: 0;
        width: 230px;
        height: 230px;
        border-radius: 115px;
        border: 15px solid #fff;
        padding: 0 40px;
    }

    

    #homepage-gallery-swiper .swiper-next,
    #homepage-gallery-swiper .swiper-prev {
        top: 40%;
        width: 80px;
        height: 80px;
        border-radius: 40px;
    }
}