/********************************************************************************
   Base
********************************************************************************/

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 16px; line-height: 1.25em; background-color: #ffffff; background: #ffffff; }

body, button, input, select, textarea { font-family: 'Lora', serif; color: #3d3d43; }

body .template-content {line-height: 2.25em;}

::-moz-selection { background: rgba(0,0,0,0.6); color: #fff; text-shadow: none; }
::selection { background: rgba(0,0,0,0.6); color: #fff; text-shadow: none; }

/*
font-family: 'Raleway', sans-serif; 400 700
font-family: 'Lora', serif; 400 700
*/

/********************************************************************************
    Typography
********************************************************************************/


abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

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

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

*, *:after, *:before {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

/********************************************************************************
    Lists
********************************************************************************/

ul, ol { margin: 0; padding: 0px; }
dd { margin: 0 0 0 0px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



/********************************************************************************
    Embedded content
********************************************************************************/

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
.row img {max-width: 100%; height: auto;}
.template-content img {	max-width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.clear { clear: both; }

.ccm-ui input, .ccm-ui textarea, .ccm-ui .uneditable-input {
    box-sizing: content-box !important;
}
.ccm-ui,
.ccm-ui *,
.ccm-ui *:before,
.ccm-ui *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
#ccm-files-add-asset input[type=file],
.ccm-ui .inputs-list label {
	display: inline-block !important;
}

.ccm-file-set-add-cb img {
	display: inline;
}

/*
.ccm-ui .input-prepend .add-on {
	display: inline;
}
*/
/********************************************************************************
    Header
********************************************************************************/
html, body {
	margin: 0;
	padding: 0;
}

#header-bar-wrapper {
	background-color: #3d3d43;	
	position: relative;
	
}
#logo-wrapper {
	position: absolute;
	left: 0;
	padding: 20px 20px 20px 30px;
}
a#logo {
	background: transparent url(img/sticks-stones-logo.png) no-repeat center center;
	width: 134px;
	height: 68px;
	display: block;
	font: 0/0 a;
	color: rgba(0, 0, 0, 0);
	text-shadow: none;
	border: 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
}
.navbar-toggle {
	margin-top: 38px;
	margin-right: 30px;
}
/* Main Nav */

#main-nav-wrapper {
	text-align: center;
	
}
.navbar-header {
	min-height: 110px;
}

.navbar-toggle .icon-bar {
	color: #fff;
	background: #fff;
}
.navbar-collapse,
.navbar-collapse.collapse {
	padding: 0;
	}
nav.navbar {
	border: none;
	border-radius: 0;
	min-height: 4px;
}

.navbar-nav {
	margin-bottom: 0;
	margin: 0 auto;
	float: left;
	width: 100%;
	display: block;
}

#main-nav.navbar-nav {
	margin: 1px auto 0;
	width: 100%;
	display: block;
	text-align: center;
}

#main-nav.navbar-nav li {
	padding: 0;
	margin: 0;
	width: 100%;
	float: none;
	display: block;
	position: relative;
}

#main-nav.navbar-nav li a {
	color: #fff;
	background: #3d3d43;
	display: block;
	padding: 20px 0px;
	font-family: 'Raleway', Arial, sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 1em;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#main-nav.navbar-nav li a.nav-selected,
#main-nav.navbar-nav li a.nav-path-selected,
#main-nav.navbar-nav li a:hover,
#main-nav.navbar-nav li:hover > a {
	background-color: #80775d;
}




@media screen and (min-width: 768px) { 
	

	.navbar-collapse.collapse {
		padding: 0;
	}
	#main-nav.navbar-nav {
		background-color: transparent;
		text-align: center;
		width: auto;
		float: right;
	}
	
	#main-nav.navbar-nav > li {
		width: auto;
		float: left;
		display: block;
	}
	#main-nav.navbar-nav > li > a {
		line-height: 45px;
		padding: 35px 40px 30px;
		margin-left: 1px;
		
	}	
	
	
	
} /* END MEDIUM DEVICES */


@media screen and (min-width: 992px) { 
	#logo-wrapper {
		padding: 20px 20px 20px 45px;
	}
	#main-nav.navbar-nav {
		background-color: transparent;
		text-align: center;
		width: 100%;
		float: none;
	}
	
	#main-nav.navbar-nav > li {
		width: auto;
		float: none;
		display: inline-block;
	}
	#main-nav.navbar-nav > li > a {
		padding: 35px 40px 30px;
	}
} /* END LARGE DEVICES */




@media screen and (min-width: 1200px) {
	#main-nav.navbar-nav > li > a {
		padding: 35px 60px 30px;
	}
} /* END XTRA LARGE DEVICES */



/********************************************************************************
    Home Page
********************************************************************************/
#home-page-template {
	text-align: center;
}


#home-page-template #main-area-wrapper {
	position: relative;
	margin: 0;
}
   
#home-page-template #main {
	text-align: center;
	//background-color: rgba(21,21,27,0.6);
	display: inline-block;
	padding: 30px 40px;
	margin: 0px auto;
	color: #fff;
	top: 50%;
	position: relative;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    max-width: 775px;
}

#home-page-template #main h1 {
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin: 0 0 10px 0;
	line-height: 1.125em;
}

#home-page-template #main p {
	margin: 0.25em 0;
	line-height: 1.675em;
}
#home-page-template #main a {
	color: #fff;
	font-weight: 700;
}
#home-page-template #main a:hover {
	text-decoration: underline;
}
#home footer {
	//display: none !important;
	margin: 0;
}

ul#supersized {
	margin: 0;
	padding: 0;
}
section#home-footer-wrapper {
	margin: 0;
	overflow:auto; 
	background-color: #fff;
}
#home-footer {
	overflow:auto; 
	background-color: #fff;
}
#home-footer h2 {
	text-align: left;
	//margin: 10px 0 30px 0px;
	}

#home-footer-wrapper p {
	//margin: 15px 30px;
	//margin: 15px 0;
	text-align: left;
	}
	
	
@media screen and (min-width: 768px) { 
	#home-page-template #main h1 {
	font-size: 55px;
	}
	
} /* END MEDIUM DEVICES */	
	
@media screen and (min-width: 992px) { 
	#home-page-template #main h1 {
	font-size: 65px;	
	}
	#home-page-template #main p {
		font-size: 1.125em;
		line-height: 2.25em;
	}
	#home-footer h2 {
		//margin: 15px 45px 15px 45px;
		//margin: 15px 0px;
	}
	#home-footer-wrapper p { 
		//margin: 30px 45px;
		//margin: 30px 0px;
	}
} /* END LARGE DEVICES */	
	
@media screen and (min-width: 1200px) {
	
} /* END XTRA LARGE DEVICES */		
/********************************************************************************
    Default Page
********************************************************************************/
section {
	margin: 0 0 20px 0;
}
#hero-section {
	margin: 0;
}
#main {
	margin: 40px 0 0 0;
}

@media screen and (min-width: 768px) { 
	section {
	margin: 0 0 40px 0;
	}
	
}

@media screen and (min-width: 992px) { 
	section {
	margin: 0 0 60px 0;
	}
	
}

@media screen and (min-width: 1200px) {
	section {
	margin: 0 0 80px 0;
	}
} /* END XTRA LARGE DEVICES */	



/* SUB NAV - PORTFOLIO */

ul.sub-nav {
	margin: 60px 0 20px;
	padding: 30px 0;
	text-align: center;
	clear: both;
	width: 100%;
}
ul.sub-nav:before,
ul.sub-nav:after {
	display: table;
	content: "";
	clear: both;
}
ul.sub-nav li {
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
}
ul.sub-nav li a {
	display: block;
	//background-color: #f1f1f1;
	border: 1px solid #ddd;
	margin: 2px;
	transition: all 0.5s ease-in-out;
}
ul.sub-nav li a:hover, ul.sub-nav li a.nav-path-selected {
	background-color: #80775d;
	border: 1px solid #80775d;
	color: #fff;
}


/********************************************************************************
    Full Page
********************************************************************************/


/********************************************************************************
    View Page
********************************************************************************/


/********************************************************************************
    Search Block / Page
********************************************************************************/


/********************************************************************************
    FORMS
********************************************************************************/
.formidable input, .formidable textarea,
#main button, #maint input, #main select, #main textarea {
	border: 1px solid #cfcfcf;
	padding: 6px 12px;
	border-radius: 3px;
	line-height: 1.25em;
}

#sidebar button, #sidebar input, #sidebar select, #sidebar textarea {
	width: 90% !important;
}

#main .required {
	color: #D22E34;
}


.formidable input[type=submit],
#main button, #main html input[type=button], #main input[type=reset], #main input[type=submit] {
	background: #3d3d43;
	border: none;
    padding: 5px 20px;
    color: #FFF !important;
    text-transform: uppercase;
	font-weight: 700;
	font-family: 'Raleway', Arial, sans-serif;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.formidable input[type=submit]:hover,
#main button:hover, #main html input[type=button]:hover, #main input[type=reset]:hover, #main input[type=submit]:hover {
	background: #80775d;
    color: #FFF !important;
}


/* Contact Form */

#contact .formidable label {
	font-family: 'Raleway', Arial, sans-serif;
	color: #3d3d43;
}

#contact .formidable input, #contact .formidable textarea {
	line-height: 30px;
	padding: 6px 12px;
}

#contact .formidable input.firstname {
	width: 46%;
	margin-right: 2%;
}
#contact .formidable input.lastname {
	width: 50%;
}
#contact .formidable input[type=email],
#contact .formidable input[type=tel],
#contact .formidable textarea {
	width: 100%;
	font-size: 16px;
	font-weight: 300;
}

#contact .formidable .buttons {
	margin-left: 0;
	
}
#contact .formidable .submit {
	padding: 6px 30px;
}

@media screen and (min-width: 992px) { 
	#contact .formidable input.firstname {
	width: 46%;
	margin-right: 3%;
	}
}
/********************************************************************************
   Footer
********************************************************************************/

footer {
	background: #3d3d43;
	color: #fff;
	font-size: 13px;
	line-height: 2em;
	margin-top: 120px;
}
footer section {
	margin: 0;
}
footer #copyright {
	margin-left: 30px;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 0.875em;
	font-size: 12px;
	padding: 10px 0;
	text-align: left;
}
footer #copyright p {
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 992px) { 
	footer #copyright {
		margin-left: 45px;
	}
}

/********************************************************************************
   Overrides
********************************************************************************/
.ccm-gallery {
	border: none;
}
.ccm-gallery, #jquery-lightbox, #jquery-lightbox * {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}

a.ccmGalleryImage img {
	max-width: 100% !important;
	height: auto;
	padding: 5px 5px;
	width: 100%;
}

a.ccmGalleryImage:hover img {
	opacity: 0.8;
}



#lightbox-container-image-box,
#lightbox-container-image {
	max-width: 100% !important;
	height: auto;
}

#lightbox-container-image #lightbox-image {
	max-width: 100%;
	//width: 100%;
	height: auto;
	max-height: 220px;
}


#lightbox-container-image-box{
	width: 320px !important;
	height: 220px !important;
}
#lightbox-container-image-data-box {
	width: 300px !important;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	height: 220px !important;
}


@media screen and (min-width: 778px) { 
	#lightbox-container-image-box{
		width: 720px !important;
		height: 495px !important;
	}
	#lightbox-container-image-data-box {
		width: 700px !important;
	}
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {
		height: 495px !important;
	}
	#lightbox-container-image #lightbox-image {
		max-height: 495px;
	}

}

@media screen and (min-width: 992px) { 
	#lightbox-container-image-box{
		width: 920px !important;
		height: 630px !important;
	}
	#lightbox-container-image-data-box {
		width: 900px !important;
	}
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {
		height: 630px !important;
	}
	#lightbox-container-image #lightbox-image {
		max-height: 630px;
	}
}


@media screen and (min-width: 1200px) { 
	#lightbox-container-image-box{
		width: 1100px !important;
		height: 756px !important;
	}
	#lightbox-container-image-data-box {
		width: 1080px !important;
	}
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {
		height: 756px !important;
	}
	#lightbox-container-image #lightbox-image {
		max-height: 756px;
	}
}




/* responsive gallery */
.sortable_fancybox_gallery_container {
	clear: both;
}	
.sortable_fancybox_gallery_container:before,
.sortable_fancybox_gallery_container:after {
	display: table;
	content: "";
	clear: both;
}
#fancybox-overlay {
	opacity: 0.8 !important;
	background-color: rgb(21,21,27) !important;
}
#fancybox-wrap, #fancybox-wrap * {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}
.sortable_fancybox_gallery_image {
	height: 70px !important;
	overflow: hidden;
	padding: 5px 5px;
	margin-bottom: 10px;
}
.sortable_fancybox_gallery_image img {
	width: 100%;
	margin-top: -20%;
}
#fancybox-title {
	//display: none !important;
}
@media screen and (min-width: 778px) { 
	.sortable_fancybox_gallery_image {
		height: 100px !important;
	}
}

@media screen and (min-width: 992px) { 
	.sortable_fancybox_gallery_image {
		height: 130px !important;
	}
}

@media screen and (min-width: 1200px) { 
	.sortable_fancybox_gallery_image {
		height: 260px !important;
	}
}



/* Flex Slider */

#hero .flexslider img {
    max-height: 650px !important; 
}
#hero .flex-caption {
	text-align: center;
	opacity: 1;
	background-color: rgba(21,21,27,0.6);
}
#hero .flex-caption p {
	display: none;
}


/* Google Map */
@media screen and (max-width: 777px) { 
.gmap_canvas {
	height: 150px !important;
	}
	
}