/*
Colors
Blue		154f65
Tanbark     752B15
Bright Purple 5839df
 */



/* Mobile first approach media queries under <768 pixels
grid (col-xs)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */

body {
    overflow-x:hidden;
    font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
    background:#cdcfd4 url(/images/bg.jpg) repeat-x top left;
    font-size:17px;
    color:#000;
    line-height:1.5;
}

.container {background-color:#333}

.text-muted {
    color:#777;
}

.text-primary {
    color:#ebb318;
}

p {
    font-size:18px;
    line-height:1.5;
    font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
    text-align:left;
    margin-top:20px;
    color:#000
}

p.large {
    font-size:18px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline:0;
}

a {
    color:#5839df;
}

a:hover,
a:focus,
a:active,
a.active {
    color:#fff;
}

h1, h2, h3, h4, h5, h6 {letter-spacing:1px;}

h1 {font-family:"Rum Raisin", Helvetica, Arial, sans-serif; font-size:1.5em; letter-spacing:2px; color:#e3e3e3}
h2 {font-size:1.4em; letter-spacing:0; color:#000; padding:20px 0 25px 0}
h3 {font-size:1.0em; letter-spacing:0; color:#515151; margin:5px auto; padding-bottom:10px; margin:30px auto 10px auto}

.home p {font-size:16px; margin:10px auto 0 auto;}
.home h3 {font-size:1.3em; font-weight:bold; letter-spacing:1px; color:#5839df; text-decoration:underline;}

.clear {clear:both}

.page-header {padding:0; margin:10px auto; border:none}

.page-header img {display:block; position:relative}

	.bg-dk {background-color:#333}
	.bg-wh {background-color:#fff}

.img-centered {margin:0 auto;}

.bg-light-gray {
    background-color:#ccc;
}

.bg-darkest-gray {
    background-color:#222;
}


/* BUTTONS
-----------------------------------------------------------------------*/
.btn-primary {
    border-color:#ebb318;
    text-transform:uppercase;
    font-family:"Lucida Sans", sans-serif, Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#fff;
    background-color:#5839df;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color:#f6bf01;
    color:#fff;
    background-color:#fec503;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image:none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color:#ebb318;
    background-color:#ebb318;
}

.btn-primary .badge {
    color:#ebb318;
    background-color:#fff;
}

.btn-buy 
{
	border-color:#ebb318;
    text-transform:uppercase;
    font-family:"Lucida Sans", sans-serif, Helvetica, Arial, sans-serif;
    font-weight:700;
    font-size:14px;
    color:#fff;
    border-radius:5px; 
    box-shadow:4px 4px 12px #515151;
    background-color:#8b7fc6;
    text-align:center;
    display:block;
    padding:6px 0;
    max-width:230px;
}

.btn-buy:hover {background-color:#2e13a4;}

.btn-buy a:link, .btn-buy a:visited {color:#fff; text-decoration:none}
.btn-buy a:hover, .btn-buy a:active {color:#ebb318; text-decoration:none}

.btnYellow {background-color:#ebb318;font-weight:700; color:#194A24;}
.btnYellow:hover {font-weight:700; color:#fff;}
.btn-xl {
    padding:5px 40px;
    border-color:#333;
    border-radius:5px;
    text-transform:uppercase;
    font-family:"Lucida Sans", sans-serif, Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight:700;
    color:#fff;
    background-color:#673ab7;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color:#fff;
    color:#fff;
    background-color:#333;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image:none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color:#ebb318;
    background-color:#ebb318;
}

.btn-xl .badge {
    color:#ebb318;
    background-color:#fff;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline:0;
}


/* NAV 
	--------------------------------------------------------*/   	
.navbar {padding:0; margin:0 auto}

.navbar-default, .navbar-inverse {
    border: none; /* changed from border-color:Transparent on 12/1 */
    margin: 0 auto;
    padding: 0;
    border-radius: 0
}

.navbar-default .navbar-brand, .navbar-inverse .navbar-brand {
    font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
    color:#fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:active,
.navbar-inverse .navbar-brand.active {
    color:#e5e5e5;
}

.navbar-inverse .navbar-collapse {
    border-color:rgba(255,255,255,.02);
}

.navbar-inverse .navbar-toggle .icon-bar {
    /*background-color:#fff;*/
}

.navbar-inverse .navbar-toggle {
    border-color:#7974a4;
    /*background-color:#fff;*/
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    /*background-color:#fff;*/
}

.navbar-inverse .navbar-nav>.active>a {
    border-radius:0;
    color:#e5e5e5;
    /*background-color:#fff;*/
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color:#fff;
    /*background-color:#fff;*/
}

    .navbar-inverse ul {padding-top:14px; background-color:#333;}

    .navbar-inverse .nav li a {
        font-family: "Lucida Sans", sans-serif, Helvetica, Arial, sans-serif;
        font-size: 0.9em;
        font-weight: 400;
        color: #c4c4c4;
        padding: 2px 5px;
    }

.navbar-inverse .nav li.first {margin-left:0}

.navbar-inverse .nav li a:link,
.navbar-inverse .nav li a:visited {
    outline:0;
    color:#fff;
}

.navbar-inverse .nav li a:hover,
.navbar-inverse .nav li a:active {
    outline:0;
    color:#7974a4;
    background-color:#333
}

/*	I cannot get the submenu to change for mobile phones! 
	Something else is controlling them and I can't find out where.
--------------------------------------------------------------------*/
.dropdown-menu li a:link,
.dropdown-menu li a:visited {
    color:#fcc;
    padding:10px 3px;
    background-color:#fff;
    border-top:none;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:active {
    color:#fcc;
    padding:10px 3px;
    background-color:#333;
    border-top:none;
}
/*  end of cannot get to work 
--------------------------------------------------------------------*/

.navbar-inverse .nav li ul {margin:0 10px; width:95%}

.navbar-collapse .nav li li a:link,
.navbar-collapse .nav li li a:visited {
    outline:0;
    color:#fff;
    padding:2px 2px;
    background-color:#333;
    border-top:none
}

.navbar-collapse .nav li li a:hover,
.navbar-collapse .nav li li a:active {
    outline:0;
    color:#7974a4;
    padding:2px 2px;
    background-color:#000;
    border-top:none
}

/* HEADER 
------------------------------------------------------------------------*/
#header {
    clear:both; 
    text-align:center;
    color:#154f65;
    background-attachment:scroll;
    background-image:url(/img/bg-sunset.jpg);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
}

#header .intro-text {
	margin:0 auto;
}

#header .intro-text .intro-heading {
    margin:25px auto 50px auto;
    text-transform:uppercase;
    font-family:"Lora", "Cabin", sans-serif, Helvetica, Arial, sans-serif;
    font-size:50px;
    font-weight:700;
    line-height:50px;
}

#header .intro-text .intro-lead-in {
    margin:30px auto;
    font-family:"Lora", "Cabin", sans-serif, Helvetica, Arial, sans-serif;
    font-size:22px;
    font-style:italic;
    line-height:22px;
    color:#fff;
}


/* FOOTER 
------------------------------------------------------------------------*/
#footer {
    padding:20px 0;
    text-align:center;
}

#footer span.copyright {
    font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
    font-size:0.75em;
    line-height:1.0em;
    color:#fff
}

#footer ul.quicklinks {
    margin-bottom:0;
    text-transform:uppercase;
    text-transform:none;
    font-family:"Lora", "Cabin", sans-serif, Helvetica, Arial, sans-serif;
    line-height:40px;
}

::-moz-selection {
    text-shadow:none;
    background:#826ece;
}

::selection {
    text-shadow:none;
    background:#826ece;
}

img::selection {
    background:0 0;
}

img::-moz-selection {
    background:0 0;
}

body {
    webkit-tap-highlight-color:#6b78f8;
}

.navbar-shrink 
{
	background-color:#194A24;
}

.navbar-brand {
        font-size:1.5em;
    }

/* MISC CSS
-------------------------------------------------- */

/* Dynamic Image Scaling */
img { max-width:100%; }  


.small {font-size:small;}
.italic {font-style:italic;}

.noBorder {
    border:0px;
}

.boxShadow {
	/* X axis,Y Axis, Blur */
	box-shadow:10px 10px 18px #000;
}

.textShadow {
	/* X axis,Y Axis, Blur */
	text-shadow:10px 10px 18px #fff;
}

.logo img {
	height:50% \9; /*Force IE10 and below to size SVG images correctly*/
	max-height:50% !important;
}

.about {margin-bottom:40px;}
	.about img {max-width:217px;}
    .about img.img-lg {max-width:217px;}

#Main {margin:10px;}

#Content {width:80%; margin:0 auto; text-align:center}

.whiteText {color:#fff;}

.text-purple {color:#5839df;}


/* MAIN CONTENT
------------------------------------------------------ */

.main-content {background:#333 url(/images/bg-mooning.png) repeat top left; margin:0; padding:20px; min-height:420px; font-size:14px; border-radius:6px;}
	.main-content h2 {margin:0; padding:10px 0 10px 0}
	.main-content span .more {font-size:13px}
	.main-content span.signature img {padding-top:10px}


/* GALLERY 
------------------------------------------------------ */
#gallery {margin:10px auto 0 auto; text-align:center; background:#333 url(/images/bg-mooning.png) repeat top left; padding-left:10%; border-radius:6px;}

#gallery {float:left; background-color:#fff; padding:0 0 0 5%}
    #gallery h2 {margin:0 auto; text-align:center; color:#515151}

.gallery {margin:5px auto; text-align:center; padding:0 30px; float:left}
	.gallery h3 {font-size:15px}
.gallery img {width:80%; border-radius:5px; box-shadow:4px 4px 12px #515151;}
.gallery-thumb {margin:5px auto; text-align:center; padding:0 30px;}
.gallery-thumb img {border-radius:5px;}


/* PRODUCT 
------------------------------------------------------ */
/*h3 {font-size:1.0em; letter-spacing:0; color:#515151; margin:5px auto; padding-bottom:10px}*/
.products {clear:both; margin:15px auto 15px auto}
	h3.products {clear:both; font-size:1.3em; letter-spacing:0.5; color:#333; padding:20px 0 0 0; border-top:none; border-top:double 3px #333; line-height:normal; margin:0}
	p.products {font-size:1.0em; padding-top:0; line-height:normal}
.product {clear:both; padding:10px 20px; margin:10px auto; border-top:dashed 1px #545454}
.product-image, .product-details {float:left}
.product-details {max-width:800px; padding:0 0 0 10px}
	.product-details p.title {font-size:1.4em; font-weight:bold; font-style:italic; padding:0 0 8px 0; margin:0}
	.product-details p.details {font-size:1.0em; letter-spacing:0; padding:0 0 3px 0; margin:0}
.product-buy {float:right; max-width:200px; padding:0 20px 0 0; text-align:center}

.product img {max-width:250px; padding:0; margin:5px; border:double 3px #fff; border-radius:6px}


/* FORMS
---------------------------------------------------------- */
fieldset {width:auto; margin:0 auto; text-align:center; padding:10px; border:solid 1px #818181}
fieldset table, .g-recaptcha {width:auto;}
fieldset table td {margin:0 auto; padding:4px 0; text-align:left;}
legend {font-size:18px; font-weight:900; border:none; text-align:left; padding:0 5px; margin:0;}
input, textarea, select, file, .radio, #recaptcha_response_field {
	color:#000;
	width:auto;
	height:auto; 
	font-size:14px; 
	border:solid 1px #818181; 
	padding:2px 2px; 
	border-radius:4px; 
	box-shadow:2px 2px 4px #929292;
	text-align:left;
}
.g-recaptcha {padding:0; margin:0; transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}    
#recaptcha_response_field {transform:scale(1.33); -webkit-transform:scale(1.33); margin:10px auto 0 25px; max-width:200px;}


/*
------------------------------------------------------
RESPONSIVE CSS    

MEDIA QUERIES
-------------------------------------------------- */

		/* Extra Small devices	(phones,			below <767px)    
		/* Small devices		(tablets,			≥768px  to 991px) 
		/* Medium devices		(desktops,			≥992px to 1199px) 
		/* Large devices		(large desktops,	≥1200px and up) 

-------------------------------------------------- */


/* Extra Small devices (phones up to 767px) 
-------------------------------------------------- */ 

 /* -FOUND ABOVE IN MOBILE FIRST CSS */


 
/* Small devices (tablets, 768px and up) 
grid (col-sm)
-------------------------------------------------- */
@media (min-width:768px) {
	
	h1 {font-family:"Rum Raisin", Helvetica, Arial, sans-serif; font-size:2.2em; letter-spacing:2px; color:#e3e3e3;}
	.main-content h2 {clear:both; color:#000; padding-bottom:24px;}
	
	.page-header img {display:inline; padding-right:40px;}
	
	.logo img {
		height:100% \9; /*Force IE10 and below to size SVG images correctly*/
		max-height:100% !important;
	}
	
/* NAV 
	--------------------------------------------------------*/
	
	    /* NAV 
	--------------------------------------------------------*/    	
	.navbar {padding:0; margin:0 auto}
	
	.navbar-default, .navbar-inverse {
        padding:10px 0;
        border:0;
        background-color:#333;
        -webkit-transition:padding .3s;
        -moz-transition:padding .3s;
        transition:padding .3s;
    }

    .navbar-default .navbar-brand, .navbar-inverse .navbar-brand  {
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
    }

    .navbar-inverse .navbar-nav>.active>a {
        border-radius:3px;
    }

    .navbar-inverse.navbar-shrink {
        padding:10px 0;
        background-color:#752B15;
    }

    .navbar-inverse.navbar-shrink .navbar-brand {
        font-size:1.2em;
    }
    
    .navbar-inverse .nav li a {padding:0 20px;}
    .navbar-inverse .nav li.first {margin-left:50px}
    
    
	.navbar-inverse .nav li ul {margin:0 auto; width:auto}

	.navbar-collapse .nav li li a:link,
	.navbar-collapse .nav li li a:visited {
		font-size:14px;
		padding:4px 10px;
	}

	.navbar-collapse .nav li li a:hover,
	.navbar-collapse .nav li li a:active {
		font-size:14px;
		padding:4px 10px;
	}

    #header .intro-text {
        padding-top:100px;
        padding-bottom:100px;
    }

    #header .intro-text .intro-lead-in {
        margin-bottom:25px;
        font-family:"Lora", "Cabin", sans-serif, Helvetica, Arial, sans-serif;
        font-size:40px;
        font-style:italic;
        line-height:40px;
        color:#154f65;
    }

    #header .intro-text .intro-heading {
        margin-bottom:10px;
        text-transform:uppercase;
        font-family:"Lora", "Cabin", sans-serif, Helvetica, Arial, sans-serif;
        font-size:75px;
        font-weight:700;
        line-height:75px;
    }
    
    
    /* MAIN CONTENT
	-------------------------------------------------------*/
    .main-content {margin:0 auto; min-height:390px; border-radius:6px;}
    
    .about img {max-width:300px;}
    .about img.img-lg {max-width:660px;}
    
    
    /* GALLERY
	-------------------------------------------------------*/
    #gallery {margin:10px auto; text-align:center; background-color:#fff; border-radius:6px;}
    
    .gallery {margin:0 auto; font-size:0.9em}
    .gallery img {width:80%; border-radius:8px; box-shadow:4px 4px 12px #515151; padding:5px; border:solid 1px #818181}


	/* FORMS
	-------------------------------------------------------*/
	input, textarea, select, file, .radio, #recaptcha_response_field {
		max-width:380px; width:280px; 
	}
	
	/*.g-recaptcha {padding:0; margin:0; transform:scale(0.90); -webkit-transform:scale(0.90); transform-origin:0 0; -webkit-transform-origin:0 0;}    
	#recaptcha_response_field {transform:scale(0.90); -webkit-transform:scale(0.90); margin:5px auto;}	*/
	

}
 /* Medium devices (desktops, ≥992px and up) 
 grid (col-md)
-------------------------------------------------- */
@media (min-width:992px)   {
	
	h1 {font-family:"Rum Raisin", Helvetica, Arial, sans-serif; font-size:2.0em; letter-spacing:2px; color:#e3e3e3}
	
    .page-header img {display:inline; padding-right:80px;}
    
    #header .intro-text .intro-heading {
		color:#154f65;}

    
    /* NAV 
	--------------------------------------------------------*/
	.navbar {padding:0; margin:0 auto; background-color:#333}
	.navbar-inverse {padding:0; margin:0 auto; background-color:#333}
	
	.navbar-inverse .nav li ul {margin:0 auto; width:auto;}

	.navbar-collapse .nav li li a:link,
	.navbar-collapse .nav li li a:visited {
		font-size:14px;
	}


	.navbar-collapse .nav li li a:hover,
	.navbar-collapse .nav li li a:active {
		font-size:14px;
	}
	
	
	
    /* MAIN CONTENT 
	--------------------------------------------------------*/	
    .main-content {margin:0; min-height:460px}
		.main-content h2 {color:#000; padding-bottom:24px}
	
	.about img {max-width:300px;}
	.about img.img-lg {max-width:800px;}
	   
    
    /* GALLERY 
	--------------------------------------------------------*/
    #gallery {width:240px; margin:0 auto; text-align:center; background-color:#fff; padding-left:0; min-height:1300px}
		#gallery h2 {padding-top:44px}
    .gallery {float:none}
    .gallery img {width:auto; border-radius:0; box-shadow:none; padding:0; border:none}   


	/* FORMS
	---------------------------------------------------------- */
	fieldset {padding:30px;}
	input, textarea, select, file, .radio, #recaptcha_response_field {
		width:400px; max-width:400px; 
	}
	.btn-primary {width:150px; text-align:center;}

	.g-recaptcha {padding:0; margin:0; transform:scale(1.0); -webkit-transform:scale(1.0); transform-origin:0 0; -webkit-transform-origin:0 0;}    
	#recaptcha_response_field {transform:scale(1.0); -webkit-transform:scale(1.0); margin:10px auto 0 auto;}	
}		

 /* Large devices (large desktops, ≥1200px and up) 
 grid (col-lg)
-------------------------------------------------- */
@media (min-width:1200px) {  

	h1 {font-family:"Rum Raisin", Helvetica, Arial, sans-serif; font-size:2.4em; letter-spacing:2px; color:#e3e3e3}

    
    /* NAV 
	--------------------------------------------------------*/
	.navbar-inverse .nav li ul {margin:0 auto; width:auto}
	
	.navbar {padding:0; margin:0 auto}
	.navbar-inverse {display:block; clear:both; padding:0; margin:0 auto}
	
	.navbar-inverse .nav li.first {margin-left:80px}
	
	.navbar-inverse .nav li {font-size:1.4em}
	.navbar-inverse .nav li li {font-size:1.2em}
	
	
	/* inner template navigation */
		.inner .navbar-inverse {display:inline-block; margin-top:0; padding:0}
	
		.inner .navbar-inverse .nav li.first {margin-left:100px}
			.navbar-inverse .nav li {font-size:1.2em}
			.navbar-inverse .nav li li {font-size:1.1em}


	.timeline>li {
        min-height:170px;
    }

    .timeline>li .timeline-panel {
        padding:0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width:170px;
        height:170px;
        margin-left:-85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top:40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding:0 100px 20px 20px;
    }    
    
    
    /* HEADER 
	--------------------------------------------------------*/    
    .page-header img {display:block; padding-right:0; position:absolute; left:12px; top:12px; z-index:1000; border:solid 4px #fff;}
    .header-text {display:block; padding:18px 0 18px 300px}
    
    /* inner template */
    h1.inner-page-header img {float:left; display:inline; position:relative; border:solid 4px #fff}
    h1 span.inner-header-text {float:left; display:inline; padding:50px 0 0 250px}
    
    #header .intro-text .intro-heading {
		color:#154f65;
    }


    /* MAIN CONTENT 
	--------------------------------------------------------*/    
    .main-content {margin:0; min-height:556px}
    .main-content h2 {color:#000; padding-bottom:24px}
    
    .about img {max-width:300px;}
    .about img.img-lg {max-width:1200px;}
    
    
    /* GALLERY 
	--------------------------------------------------------*/
    #gallery {width:292px; margin:0 auto; text-align:center; background-color:#fff; padding:0; border:none; border-radius:0 0 0 6px}
    /*width:292px;*/
    
    #gallery h2 {padding-top:48px}
    .gallery img {width:auto; border-radius:0; box-shadow:none; padding:0; border:none}
    
    
    /* CAROUSEL 
	--------------------------------------------------------*/
    .carousel-control 
    {
		filter: alpha(opacity=0);
		opacity: 0;
    }
    	
    	.carousel-caption p {text-align:center; font-weight:bold; font-size:1.3em; color:#fff; text-shadow: 0 2px 3px rgba(0, 0, 0, .8);}
    	

	/* FORMS
	---------------------------------------------------------- */
	input, textarea, select, file, .radio, #recaptcha_response_field {
		width:500px; max-width:500px; 
	}

	.g-recaptcha {padding:0; margin:0; transform:scale(1.0); -webkit-transform:scale(1.0); transform-origin:0 0; -webkit-transform-origin:0 0;}    
	#recaptcha_response_field {transform:scale(1.0); -webkit-transform:scale(1.0); margin:10px 0 10px 30px;}
	
	.btn-primary {width:200px; text-align:center;}
	.btn-buy {width:260px;}
	
}