@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

/*************************
*******Typography******
**************************/
header {
	    position: relative;
    z-index: 9999;	
}

body {
  background: #fff;
  font-family: 'Verdana', sans-serif;
  color:#1b1612;
  line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: 'Verdana', sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h2.vendorspagetitle {
	font-size: 50px;
  	color:#18631e;
	text-align: center;
	font-family: "Monotype Corsiva", cursive;
	 padding-top: 50px;}

h2.pagetitle {
	font-size: 50px;
  	color:#18631e;
	text-align: center;
	font-family: "Monotype Corsiva", cursive;
	 padding-top: 10px;}

h2.outsidearticletitle {
	font-size: 36px;
 	color:#18631e;
	text-align: center;
	font-family: "Times New Roman", serif;
}

h2.articlesubtitle {

	font-size: 24px;
 	color:#1b1612;
	text-align: center;
	font-family: "Times New Roman", serif;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}


h3.topbar{
  	text-transform: uppercase;
	font-size: 14px;
  	color:#fff;  
	font-weight: 400;
}

h4{
  font-size: 16px;
}

a {
  color: #18631e; 
 	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
  	-o-transition:  color 300ms, background-color 300ms;
  	transition:  color 300ms, background-color 300ms;
}

p.intro:first-letter {
	font-size: 1.2em;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

.btn-primary {
  padding: 8px 20px;
  background: #392f27;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}

.btn-primary:hover, 
.btn-primary:focus{
  background: #392f27;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-group {
    background-color: #392f27; /
    text-align: center;
    border: 1px solid #fff; 
    color: #fff; /* White text */
    padding: 5px 0px 0px 0px;
    cursor: pointer; /* Pointer/hand icon */
}
.btn-group:hover {
    background-color: #665446; /
    text-align: center;
    border: 1px solid #fff; 
    color: #fff; /* White text */
    padding: 5px 0px 0px 0px;
    cursor: pointer; /* Pointer/hand icon */
}

.btn-group p {
    text-align: center;
}
.btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
	text-align: center;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
	text-align: center;
    display: table;
}
.btn-group a {
    color: #fff;
    text-align: center;
    display: block; 
}

/* Add a background color on hover */
.btn-group a:hover {
    background-color: #665446;
	text-align: center;
}

.anchorsubdirectory {
   padding-top: 100px;
}

.topbutton {
    background-color: #392f27; 
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

.topbutton:hover {
    background-color: #665446;
    color: #fff;
}
.topbutton a{
    color: #fff;
    display: block; 
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.center h2{
margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

p.divider-line {
	border-bottom: 4px solid #18631e;
	margin-bottom: 10px !important;
	font-size: .8em;
	padding-top: 5x;
	padding-bottom: 5px;
}
p.divider-line-dots {
	border-bottom: 4px dotted #18631e;
	margin-bottom: 10px !important;
	font-size: .8em;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
 	-webkit-transform: scale(0);
 	-ms-transform: scale(0);
  	transform: scale(0);
  }
	100% {
    opacity: 1;
 	-webkit-transform: scale(1);
   	-ms-transform: scale(1);
    transform: scale(1);
  }
}


/********************************
******* Header and Nav Bar ******
*********************************/
div.fixedheader {position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */

	width: 100%; /* Full width */
	z-index:1;}

 .navbar {
    background: #392f27;
	border: none;
	padding: 10px 0px 10px 0px;	
}

.navbar-nav {
	float: right;
}

.nav.navbar-nav li > a{
	color: #fff;
	line-height: 16px;
	text-transform: uppercase;
}

.nav.navbar-nav li:hover > a {
	color: #392f27;
	background: #fff;
}	
.navbar>.container .navbar-brand{
	margin-left: 0;
	padding: 0;
}

.navbar-brand {	
	width: 75%
	max-width: 350px;	
}
	
.dropdown-menu.single-column.columns-1 {
	min-width: 200px;
}
.dropdown-menu.single-column.columns-1 a{
	color: #392f27;
	text-transform: none;
	font-size: 13px;
	border: none;
	background: #fff;	
}
.dropdown-menu.single-column.columns-1 a:hover{
	color: #fff;
	text-transform: none;
	border: none;
	background: #392f27;	
}

.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.multi-column.columns-2  a{
	color: #392f27;
	font-size: 13px;
	text-transform: none;
	border: none;
	background: #fff;	
}
.dropdown-menu.multi-column.columns-2  a:hover{
	color: #fff;
	text-transform: none;
	border: none;
	background: #392f27;	
}
.dropdown-menu li a {
	padding: 5px 5px;
	font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	white-space: normal;
}
.single-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	white-space: normal;
}

@media only screen and (max-width: 767px) {
.navbar-brand {	
	width: 250x;
	max-width: 250px;	
}

	.dropdown-menu.multi-column {
		min-width: 200px !important;
		overflow-x: hidden;
	}
	.dropdown-menu.single-column {
		min-width: 200px !important;
		overflow-x: hidden;
	}
	.dropdown-menu.single-column.columns-1 a {
		color: #392f27;
		text-transform: none;
		border: none;
		font-size: 13px;
		background: #fff;	
	}
	.dropdown-menu.single-column.columns-1 a:hover {
		color: #fff;
		text-transform: none;
		border: none;
		background: #392f27;	
	}.dropdown-menu.multi-column.columns-2  a{
		color: #392f27;
		font-size: 13px;
		text-transform: none;
		border: none;
		background: #fff;	
	}
	.dropdown-menu.multi-column.columns-2  a:hover{
		color: #fff;
		text-transform: none;
		border: none;
		background: #392f27;	
	}
}
/*******************************
*******HOMEPAGE - CAROUSEL******
********************************/
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #777;
  border-radius:50%;
  font-size: 28px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#777;
}

#carousel-slider a i:hover {
  background:#bfbfbf;
  color:#fff;
  border: 1px solid #bfbfbf;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:-25px
}

#carousel-slider .carousel-control.right i {
  right: -25px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

#mycarousel .carousel .slide-margin{
  margin-top: 100px;
  height:100%;
}

.carousel .carousel-content {
  margin-top: 500px;
  height:100%;
}

.btn-slide {
  padding: 8px 20px;
  background: #392f27;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#mycarousel .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  
	-moz-animation: fadeInUp 300ms linear 300ms both;
  
	-o-animation: fadeInUp 300ms linear 300ms both;
  
	-ms-animation: fadeInUp 300ms linear 300ms both;
  
	animation: fadeInUp 300ms linear 300ms both;
}

#mycarousel .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  
	-moz-animation: fadeInUp 300ms linear 600ms both;
  
	-o-animation: fadeInUp 300ms linear 600ms both;
  
	-ms-animation: fadeInUp 300ms linear 600ms both;
  
	animation: fadeInUp 300ms linear 600ms both;
}

#mycarousel .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  
	-moz-animation: fadeInUp 300ms linear 900ms both;
  
	-o-animation: fadeInUp 300ms linear 900ms both;
  
	-ms-animation: fadeInUp 300ms linear 900ms both;
  
	animation: fadeInUp 300ms linear 900ms both;
}

#mycarousel .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  
	-moz-animation: fadeInUp 300ms linear 1200ms both;
  
	-o-animation: fadeInUp 300ms linear 1200ms both;
  
	-ms-animation: fadeInUp 300ms linear 1200ms both;
  
	animation: fadeInUp 300ms linear 1200ms both;
}

h1.carousel1 {
	font-size: 60px;
 	color:#fff;
	font-family: "Monotype Corsiva", cursive;
	text-shadow: 6px 6px 8px #1b1612;}

h2.carousel1 {
	text-transform: uppercase;
	font-size: 18px;
 	color:#fff;
	text-shadow: 6px 6px 8px #1b1612;}

h2.carousel1a {
	font-size: 18px;
  	color:#fff;
	text-shadow: 6px 6px 8px #1b1612;}


@media only screen and (max-width: 1440px) {

.carousel .carousel-content {
  margin-top: 350px;
  height:100%;
}

h1.carousel1 {
	font-size: 40px;
	color:#fff;
	font-family: "Monotype Corsiva", cursive;
	text-shadow: 6px 6px 8px #1b1612;}

h2.carousel1 {
	text-transform: uppercase;
	font-size: 14px;
 	color:#fff;
	text-shadow: 6px 6px 8px #1b1612;}

h2.carousel1a {
	font-size: 14px;
 
	color:#fff;
	text-shadow: 6px 6px 8px #1b1612;}
}

@media only screen and (max-width: 767px) {

.carousel .carousel-content {
  margin-top: 250px;
  height:100%;
}

h1.carousel1 {
	font-size: 36px;
	color:#fff;
	font-family: "Monotype Corsiva", cursive;
	text-shadow: 6px 6px 8px #1b1612;}

h2.carousel1 {
	text-transform: uppercase;
	font-size: 14px;
 
	color:#fff;
	text-shadow: 6px 6px 8px #1b1612;}

h2.carousel1a {
	font-size: 14px;
  	color:#fff;
	text-shadow: 6px 6px 8px #1b1612;}
}

/*************************
*******Other Pages******
**************************/

#vendor {
  background: #f2f2f2;
  padding-bottom: 40px;
}

.vendor{
  padding: 0;
}


/*************************
*******Toolkit Page ******
**************************/
ul.weddingtoolkit {
	list-style-type: disc;
    margin: 0;
}
li.weddingtoolkit {
    margin: 20px 0px;
}

/******Vendor Page Pics******/


.vendorpage-wrap {
  margin-bottom: 35px;
}

/******Vendor Listings******/

.vendor-wrap {
  margin-right: 25px;
}

.vendor-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}
.vendor-wrap h2{
  margin-top: 10px;
}

div.vendorpicture img {
    width: 100%;
    height: auto;
    position: relative;
    top: 23px;   
}

div.content-center {
	border: 1px solid #fff;
}

.vendor-contact {
	font-size: .9em;
	color: #1b1612;
	text-transform: uppercase;
}

.error-check {
	font-size: .9em;
	color: #1b1612;
	text-align: center;
	text-transform: uppercase;
}

.design-by {
	font-size: .9em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
div.content-center p {
	background-color: #18631e;
	width: 355px;

	color: #fff;
	text-align: center;
	font-family: "Times New Roman", serif;
	padding: 2px;
	font-size: 1.3em;
	border: 1px solid #fff;
}
div.content-center p span {
	font-size: .8em;
}
div.vendorname {
	color: #1b1612;
	font-family: "Times New Roman", serif;
	font-weight: 600;
	padding-bottom: 5px;
	font-size: 24px;
}

div.articlesubheader {
	color: #18631e;
	font-family: "Times New Roman", serif;
	font-weight: 600;
	padding-bottom: 5px;
	font-size: 24px;
}
div.articlename {
	color: #18631e;
	font-family: "Times New Roman", serif;
	font-weight: 600;
	padding-bottom: 5px;
	font-size: 24px;
}
.vendorsubdirectory {
	color: #1b1612;
	pointer-events: none;
	font-family: "Times New Roman", serif;
	text-align: center;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 30px;
	clear:both;
}
.vendorsubbuttons {
    padding-top: 10px;
    padding-bottom: 10px;
}


/**** Bridal Shows Date Box CSS ****/

div.showsbox {

    border: 4px #1b1612;
    height: 150px;
    background: #e9e2de;
    padding: 20px;
}

.showsmy {

	font-size: 1.5em;
	color: #1b1612;
	text-align: center;

}

.showsday {

	font-size: 3em;
	color: #1b1612;
	text-align: center;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  
	-moz-transition-property: height, width;
  
	-ms-transition-property: height, width;
  
	-o-transition-property: height, width;
  
	transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  
	-moz-transition-property: -moz-transform, opacity;
  
	-ms-transition-property: -ms-transform, opacity;
  
	-o-transition-property: -o-transform, opacity;
  
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  
	-moz-transition-duration: 0s;
  
	-ms-transition-duration: 0s;
  
	-o-transition-duration: 0s;
  
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/*************************
********* Contact Us CSS ******
**************************/

#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}
 
/***********************
********* Footer ******
************************/

.footer {
  background: none repeat scroll 0 0 #392f27;
  border-top: 5px solid #18631e;
  height: 42px;
  margin-top: 20x;
}

.footer_left {
  padding: 10px;
}

.text-left {
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 15px;
}

#bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #c52d2f;
  font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #c52d2f;
}

#bottom .widget {
  margin-bottom: 0;
}

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background: #392f27;
}

#footer a {
  color: #fff;
}

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

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}