/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


::-moz-selection {
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

::selection {
    background: #16a085;
    color: #a4003a;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.centered {
	text-align: center
}

.mt {
	margin-top: 80px;
}

.mb {
	margin-bottom: 80px;
}

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


body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
    color: #4a4a4a;
}

a {
  text-decoration: none;
  /*color: rgb(201, 42, 58);*/
  color: #1f3419;
}

a:hover {
  text-decoration: none;
}

.navbar-brand {
  padding-top: 20px;
	font-weight: 700;
  font-size: 25px;
}

.navbar-default .navbar-brand {
  color: white;
}

.navbar-default {
	/*background-color: transparent;*/
  background-color: white;
  /*background-color: #48b577;*/
  border-bottom: 10px solid  rgb(201, 42, 58);
  background-color: rgb(201, 42, 58);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: rgb(201, 42, 58);
	border-bottom: 2px solid  #c92a3a;
}

.navbar-default .navbar-nav > li > a {
  color: white;
  font-size: 20px;
  /*color: #1f3419;*/
  /*color: #f37120;*/
  /*color:  #47d147;*/
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
  background: url(../img/homephotos/cowboy.png) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
	color:#ffffff;
  /*color: rgb(201, 42, 58);*/
  font-weight: bold;
	padding-top: 50px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 60px;
	font-weight: bold;
  /*background-color: rgba(0, 0, 0, 0.5);*/
}

#headerwrap h2 {
  color: black;
}

#headerwrap a {
  text-decoration: none;
  color: white;
}

#headerwrap button {
  color: white;
  margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
	letter-spacing: 4px;
	font-size: 20px;
  border: none;
  border-radius: 25px;
  background: rgb(201, 42, 58);
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

#worksDiv a {
  text-decoration: none;
  color: inherit;
}

#worksDiv button {
	/*color: #47d147;*/
  color: rgb(201, 42, 58);
  margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
	letter-spacing: 4px;
	font-size: 30px;
  border: none;
  border-radius: 25px;
  background: black;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  /*text-decoration-color: rgb(201, 42, 58);*/
}

#worksDiv button {
	/*color: #47d147;*/
  color: rgb(201, 42, 58);
  margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
	letter-spacing: 4px;
	font-size: 30px;
  border: none;
  border-radius: 25px;
  background: black;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  /*text-decoration-color: rgb(201, 42, 58);*/
}

#exploreDiv button {
	/*color: #47d147;*/
  color: rgb(201, 42, 58);
  margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
	letter-spacing: 4px;
	font-size: 30px;
  border: none;
  border-radius: 25px;
  background: black;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  /*text-decoration-color: rgb(201, 42, 58);*/
}

#exploreDiv a {
  text-decoration: none;
  color: inherit;
}

#donateDiv button {
  color: white;
  margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
	letter-spacing: 4px;
	font-size: 30px;
  border: none;
  border-radius: 25px;
  background: #c92a3a;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;

}

#donateDiv a {
  text-decoration: none;
  color: inherit;
}

.container button {
	/*color: #47d147;*/
  color: rgb(201, 42, 58);
  margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
	letter-spacing: 4px;
	font-size: 30px;
  border: none;
  border-radius: 25px;
  background: black;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  /*text-decoration-color: rgb(201, 42, 58);*/
}

.container a {
  color: inherit;
}

#headerwrap h4 {
	font-weight: 400;
	color: #ffffff
}

#social {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #f2f2f2;
}

#social i {
	font-size: 40px;
	color: #4a4a4a
}

#social i:hover {
	/*color: #1abc9c*/
  /*color:  #47d147;*/
  color: rgb(201, 42, 58);
}

#footerwrap {
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #2f2f2f;
}

#footerwrap p {
	color: #f2f2f2;
	margin-left: 10px;
}

#workwrap {
	background: url(../img/work.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#workwrap h4 {
	font-weight: 400;
	color: #ffffff
}

#aboutwrap {
	background: url(../img/about.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#explorewrap {
	background: url(../img/CODoA.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#donatewrap {
	background: url(../img/COHistory.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*Individual Div Design Changes*/

#homeDiv {
  overflow:auto;
  background-color: LightSlateGrey;
  /*69, 40, 35*/
  /*90, 64, 59*/
  /*background-image: linear-gradient(rgb(67,36,30), white);*/
}

#exploreDiv {
  overflow:auto;
  background-color: LightSlateGrey;
}

#aboutDiv {
  overflow:auto;
  background-color: LightSlateGrey;
}

#donateDiv {
  overflow:auto;
  background-color: WhiteSmoke;
}

#galleryDiv {
  overflow:auto;
  background-color: WhiteSmoke;
}

#textLeft {
  text-align: left;
}

/* Accordion */

button.accordion {
    /*background-color: #eee;*/
    background-color: rgb(201, 42, 58);
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 10px;
}

button.accordion:hover {
    /*background-color: #ddd;*/
    /*background-color: #47d147;*/
    /*background-color: rgb(201, 42, 58);*/
    background-color: #eee;
    /*background-color: #1f3419;*/
    /*background-color: #f37120;*/
}

button.accordion.active {
    /*background-color: #ddd;*/
    /*background-color: #47d147;*/
    /*background-color: rgb(201, 42, 58);*/
    background-color: #eee;
    /*background-color: #1f3419;*/
    /*background-color: #f37120;*/
}

div.panel {
    padding: 0 18px;
    /*background-color: #f9e0db;*/
    /*background-color: #ffd480;*/
    background-color: #fff0b3;
    border-radius: 25px;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 3000px;
}

/* Carousel */
.mySlides {
  display:none;
}


/* Gallery */
.gallery {
	margin-top: 30px;
}

.gallery img:hover {
	opacity: 0.4;
}