/*
Theme name: LocalImprimis
Theme URI: Behance
Description: My Bootstrap 3 responsive theme
Version: 1
Author: Charlotte Hanly;
Author URI: Not valid;
*/

@import url('bootstrap/css/bootstrap.min.css'); 

@media (min-width:1000px){
	.navbar-brand{
		padding-left: 400px;
	}
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/*individual pages*/

.individualPage{
	padding-left: 15px;
	padding-right: 15px;
}

#individual{
	background-color: #ffffff;
	padding-bottom: 200px;
	padding-top: 0px;
	margin-bottom: 0px;
	color: #7f7568;
}

.individTitle{
	margin-top: 100px;
	margin-bottom: 30px;
	text-decoration: underline;
}

.navbar-header{
	padding-bottom: 40px;
}
/*Start of about section*/
#pageTop{
	background-color: #fef9f2;
	padding: 60px;
	margin-top: 60px;
}

.pad{
	padding-left: 150px;
}

#accordion{
	padding-top: 150px;
}
/*Start of blog grid*/
/*blog page grid*/


#gridcontainer{margin: 20px 0 1300px 0px; width: 100%;}
#gridcontainer h2 a{color: #575047; font-size: 20px; margin: 20px 0 0 60px;}
#gridcontainer .griditemleft{float: left; width: 360px; margin: 0 200px 10px 0;}
#gridcontainer .griditemright{float: left; width: 360px; margin: 0 200px 10px 0;}
#gridcontainer .postimage{margin: 100px 30px 30px 50px;}
.excerpt{margin-left: 55px; font-size: 18px; color: #7f7568; }
#blogBackground{background-color: #fff9f2;}
/*blog page grid*/
/*homepage grid*/
#homegridcontainer{margin: 20px 0 600px 200px; width: 100%; }
#homegridcontainer h2 a{color: #575047; font-size: 15px; margin: 0px 0 0 0px;}
#homegridcontainer .homegriditemleft{float: left; width: 250px; margin: 0 120px 10px 0;}
#homegridcontainer .homegriditemright{float: left; width: 250px; margin: 0 120px 10px 0;}
#homegridcontainer .homepostimage{margin: 100px 30px 30px 0px;}
.homeexcerpt{margin-left: 0px; font-size: 15px; color: #7f7568;}
#homeblogBackground{background-color: #fff9f2;}

@media (max-width:1300px){
#homegridcontainer{margin: 20px 0px 700px 50px; width: 100%; }
}

@media (max-width:1110px){
#homegridcontainer{margin: 20px 0px 1200px 50px; width: 100%; }
}

@media (max-width: 730px){
#homegridcontainer{margin: 20px 0px 1800px 50px; width: 100%; }
}

@media (max-width:700px){
#homegridcontainer{margin: 20px 0 1800px 50px; width: 100%; }
}



.homeNews{
	background-color: red;
}
/*homepage grid*/
/*End of blog grid*/

/*header navigation*/
div.parentDiv { 
  width: 550px; 
}

@media (min-width:1000px){
div.paginationDiv {
  float: right;
}
}

#paginationLinks ul {
  border: 0;
  padding: 0;
  margin: 0;
}
#paginationLinks li {
  list-style: none;
}
/*header navigation*/

.aboutContent{
	background-color: #fef7f0;
	border-style: solid;
	border-color: #ffffff;
	border-width: 20px;
	padding: 20px;
	color: #7f7568;
}

#aboutSection{
	background-image:url(bootstrap/img/aboutBackground.png);
      background-repeat:none;

}

@media (min-width:1100px){
.aboutTitle{
	padding-left: 180px;
	padding-bottom: 0px;
	color: #7f7568;
}
}
/*End of about section*/

/*start of Contact section of homepage*/

.contactHead{
	padding-bottom: 40px;
	color: #575047;
}


#contactSection{
	background-color: #fff3e8;
	padding: 60px;
}

.contactBTN{
	color: red;
}

.contactPad{
	padding-bottom: 20px;
}


/*end of Contact section of homepage*/

/*Start of Newsfeed section*/
#newsFeed{
	background-color: #fef9f2;
	padding: 60px;
}

.newsLink{
	padding-top: 30px;
	font-size: 30px;
	color: #7f7568;
}

.newsFeed p{
	color: #7f7568;
}

.newsContent{
	color: #7f7568;
	padding-top: 40px;
}

/*Ens of Newsfeed section*/

#brownBar{
	background-color: #b1a190;
	padding-bottom: 80px;
	padding-top: 30px;
	margin-top: 50px;
}

#brownBarTwo{
	background-color: #b1a190;
	padding: 20px;
}

/*Contact form section*/

.formContent{
	color: #7f7568;
}

.contactBTN{
	background-color: #b1a190;
	border-color: #b1a190;
	margin-top: 20px;
	color: #ffffff;
}

.contactBTN:hover{
	background-color: #fff9f2;
	border-color: #fff9f2;
	color: #7f7568;
}

@media (max-width:1000px){
.contactBTN{
	margin-left: 100px;
	margin-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
}

/*Contact form section*/

/*image section*/

#imageSection{
	background-color: #f6e5d6;
	padding-bottom: 20px;
	margin-bottom: 100px;
}

#imageBackground{
	background-color: #fef9f2;
	padding-top: 200px;

}

.imagePad{
	padding:10px;

}

.tabPad{
	margin: 15px;
}



/*image section*/


/*Tab section*/

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
    margin-top: 20px;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#b1a190;
            font-size:16px;
            font-weight:600;
            color:#ffffff;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#fff9f2;
            color: #575047;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:#575047;
    }
 
    /*----- Content of Tabs -----*/
.tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
}
 
.tab {
     display:none;
}
 
.tab.active {
     display:block;
}


/*Blog home section*/
#postDesign{
	display:block;
	float:left;
	margin-right:15px;
	margin-left: 55px;
}
/*Blog home section*/

/*blog post section*/
.blogPost{
	padding-top: 150px;
}

.postSidebar{
	padding-top: 150px;
}

#blogPost{
	background-color: #fff9f2;
	padding-bottom: 200px;
	color: #7f7568;
}

.sidebar a{
	color:#575047;
}

.textColor{
	color: #7f7568;
}
/*blog post section*/

/*Tab section*/

body{
	background-color: #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
}

h2{
	font-family: 'Slabo 27px', serif;
}

h1{
	font-family: 'Slabo 27px', serif;
}

/*Start of footer design*/

@media (min-width:1000px){
.copyright{
	padding-top: 50px;
	padding-left: 300px;
	color: #b1a190;
}
}/*decorates the copyright*/

@media (max-width:1000px){
.copyright{
	padding-top: 50px;
	color: #b1a190;
}
}

#footDesign{
      background-image:url(bootstrap/img/footerBackground.png);
      background-repeat:none;
      background-position:center center;
      -webkit-background-size:cover;-moz-
      background-size:cover;background-size:
      cover;-o-background-size:cover;
      
}

@media (min-width:1000px){
	.footerNav{
		padding-left: 200px;
		padding-bottom: 150px;
		padding-top: 60px;
	}
}


.footerNav a{
		color: #564f47;
	}

.footerNav a:hover{
		color: #ffffff;
	}/*color of footer navigation text when you hover*/


.navbar .footerNav{
	background-color: #ffffff;
}

/*End of footer design*/

/*Start of header navigation*/
.navbar{
	background-color: #ffffff;
	border: #ffffff;
}


@media (max-width:768px){
  .navbar-nav {
    background-color: #b1a190;
  } /*background of mobile navigation dropdown*/

.navbar .navbar-toggle,
.navbar .navbar-toggle:focus {
background-color: #b1a190;
border-color: #b1a190; /*changes the colour of the mobile menu button*/
}

.navbar .navbar-toggle:hover{
	background-color: #f6e5d6;
	border: #f6e5d6;
} /*changes the colour of the toggle button when user hovers over it*/

@media (max-width:768px){
.navbar-inverse .navbar-nav>li>a{
	color: #ffffff;
	padding-left: 40px;
}
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border-color: #ffffff;
}/*changes the colour of the black border around the mobile dropdown from black to white*/

/*End of header navigation*/

/*individual pages*/