/* Salix Concrete5 Theme Main CSS

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

	  

	/*   

	TABLE OF CONTENTS

	1.0 STICKY FOOTER STYLES

	2.0 MISCELLANEOUS PAGE CSS

	3.0 LOGO

	4.0 TOP NAVIGATION 

	5.0 JUMBOTRON

	6.0 BANNER FOR HOME PAGE V2

	7.0 BACKGROUND IMAGE FOR PAGE HEADERS

	8.0 THUMBNAILS

	9.0 PORTFOLIO

	10.0 BLOG

	11.0 PAGINATION

	12.0 FOOTER

	13.0 RESPONSIVE MAP OR IFRAME EMBED

	14.0 BOOTSTRAP ACCORDION

	15.0 LISTS

	16.0 BACKGROUNDS

	17.0 HOME FULL WIDTH ROWS

	18.0 RESPONSIVE

	*/



/* 1.0 STICKY FOOTER STYLES

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



html, body {

	height: 100%;/* The html and body elements cannot have any padding or margin. */

}

#salix_wrap {

	/* Margin bottom by footer height */



  	min-height: 100%;

	height: auto !important;

	height: 100%;

	/* Negative indent footer by its height */

  	margin: 0 auto -200px;

	/* Pad bottom by footer height */

  	padding: 0 0 200px;

}

#salix_wrap > #salix_main_section {

	padding: 60px 0 0;

}

#salix_footer {

	/* Set the fixed height of the footer here */

  	min-height: 200px;

}

/* 2.0 MISCELLANEOUS PAGE CSS

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

#salix_page_title {
	padding-top: 40px;
}

/* Not required for template or sticky footer method. */



#salix_wrap {

	/* customize_main_background */ background-color:#FFF; /* customize_main_background */

}

.salix_fade {

	opacity: 1.0;

	transition: opacity 0.4s ease-in-out;

	-webkit-transition: opacity 0.4s ease-in-out;

	-moz-transition: opacity 0.4s ease-in-out;

	-o-transition: opacity 0.4s ease-in-out;

	-ms-transition: opacity 0.4s ease-in-out;

}

.salix_fade:hover {

	opacity:0.8;

}

.salix .centered, .salix_foot .centered {

	margin: 0 auto;

	text-align:center;

}

.salix_list_padded li {

	padding-top: 3px;

}

.salix .sidebar_right, .salix .sidebar_left {

	background-color:#735852;
	color: #fff;

	margin-top: 20px;

	padding-bottom: 30px;

	margin-bottom: 20px;

}

.ccm-ui .popover {

	padding: 15px; /* override bootstrap to prevent interference with ccm */

}

#ccm-dashboard-overlay-main .breadcrumb > li + li:before {

	content: "";

	padding: 0px;

}/* override bootstrap to prevent interference with ccm */

div#ccm-dashboard-overlay, div.ccm-ui button, div.ccm-ui input {

	box-sizing: content-box!important;

	-webkit-box-sizing:content-box!important;

	-moz-box-sizing:content-box!important;

}/* override bootstrap to prevent interference with ccm */



.salix_feature_box {

	padding: 15px;

	margin-bottom: 20px;

}

hr.salix_hr {

	width: 80%;

	/* customize_horizontal_rule */ border-color:#f2f2f2; /* customize_horizontal_rule */

}

#salix_wrap .ccm-input-button, #salix_footer .ccm-input-button, #salix_wrap .ccm-search-block-submit, #salix_footer .ccm-search-block-submit {

	-moz-user-select: none;

	background-image: none;

	border: 1px solid rgba(255, 255, 255, 0.8);

	border-radius: 0;

	cursor: pointer;

	display: inline-block;

	margin-bottom: 0;

	padding: 6px 12px;

	vertical-align: middle;

	white-space: nowrap;

} /* style ccm button to match theme style */

/* 3.0 LOGO

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

#salix_wrap .navbar-brand img {

	margin-top: -2px;

}

	#header_contact {
	width: 500px;
	float: right;
	display: block;
	text-align: right;
	padding-top: 14px;
	font-family: 'Glegoo', serif;	
	font-weight: 700;
	font-size: 14px;
}

#header_contact a {
	color: #5f5f5d;
}

#header_contact a:hover {
	color: #000000;
}

/* 4.0 TOP NAVIGATION 

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

#salix_wrap .navbar-default, #salix_wrap navbar-fixed-top {

	border-bottom: 2px solid;
	height: 132px;
	-webkit-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.22);
-webkit-transition: all .3s ease;
	z-index: 5;
	background: url(/packages/salix/themes/salix/images/paw-01.png) #fff;
	background-repeat: no-repeat;
	background-position: center;

	/* customize_topmenu_border */ border-color:#735852; /* customize_topmenu_border */

	/* customize_topmenu_background */ background-color:#FFF; /* customize_topmenu_background */

}

#salix_wrap .navbar-default .navbar-nav > .open > a, #salix_wrap .navbar-default .navbar-nav > .open > a:hover, #salix_wrap .navbar-default .navbar-nav > .open > a:focus {

	background-color: transparent;

}

#salix_wrap .dropdown-menu > li > a:hover, #salix_wrap .dropdown-menu > li > a:focus {

	/* customize_dropdown_background_hover */ background-color:#735852; /* customize_dropdown_background_hover */

	-webkit-transition: background-color 1s ease;

	-moz-transition: background-color 1s ease;

	-o-transition: background-color 1s ease;

	transition: background-color 1s ease;

	/* customize_dropdown_link_hover */ color:#FFF; /* customize_dropdown_link_hover */

}

#salix_wrap .navbar-default .navbar-toggle {

	border: none;

	background: transparent;

}

#salix_wrap .navbar-toggle:hover, #salix_wrap .navbar-default .navbar-toggle:focus {

	background: transparent;

}

#salix_wrap .navbar-toggle .icon-bar {

	height: 5px;

	width: 32px;

	/* customize_topmenu_toggle_color */ background-color:#666; /* customize_topmenu_toggle_color */

}

/* 5.0 JUMBOTRON

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

.jumbotron_salix {

	margin-top: -40px;
	
	min-height: 600px;

	background-color:transparent;

	background-repeat:no-repeat;

}

/* 6.0 BANNER FOR HOME PAGE V2

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

.salix_banner {

	margin-top: -40px;

	padding-top: 20px;

}

#main1home, #main2home, #main3home {
	top: -80px;
    z-index: 3;
}

#mainhome {
	top: -20px;
}

/* 7.0 BACKGROUND IMAGE FOR PAGE HEADERS

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

#salix_wrap .page-header {

	margin-top: 20px;

	padding: 50px 0;

}

/* 8.0 THUMBNAILS

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

.thumbnail_salix {

	margin-top: 10px;

	margin-bottom: 10px;

}

/* 9.0 PORTFOLIO

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

.thumbnail.salix-portfolio-listitem {

	border: none;

	text-align:center;

}

.salix-img-hover {

	position:relative;

	overflow:hidden;

}

.salix-portfolio-caption {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	overflow: auto;

	background: rgba(0, 0, 0, 0.4);

	width: 100%;

	height: 100%;

}

p.salix-portfolio-description-icon {

	padding-top: 25%;

	font-size: 80px;

	font-family: 'Raleway', sans-serif;

	font-weight:100;

	line-height: 0.6;

}

p.salix-portfolio-description {

	padding-top:0px;

	font-size:16px;

}

.salix-portfolio-headingarea {

	height:60px;

}

/* 10.0 BLOG

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

#salix_wrap #main-content-sidebar-archives li {

	list-style-type:none;

}

h2.salix_thumb_heading {

	margin-top: 0px;

}

/* 11.0 PAGINATION

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

#salix_wrap .ccm-pagination .numbers a {

	padding: 5px;

}

.salix .ccm-pagination {

	font-size:16px;

}

a.salix-page-nav {

	font-size:24px;

	font-weight:700;

}

/* 12.0 FOOTER

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


#salix_top_footer{
	padding: 25px 0;
}

#salix_bottom_footer{
	line-height: 14px!important;
	background-color: rgba(255,255,255,0.2);
	
}

.footer-sign-in {
	text-align: right;
	margin-bottom: 0px;
}

#content2 {
	padding-bottom: 45px;
}

/* 13.0 RESPONSIVE MAP OR IFRAME EMBED

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

.salix-responsive-map {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}

.salix-responsive-map iframe, .salix-responsive-map object, .salix-responsive-map embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

/* 14.0 BOOTSTRAP ACCORDION

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

.panel-heading-salix a {

	text-decoration: none;

}

.panel-salix > .panel-heading-salix {

	/* customize_accordion_heading_bg */ background-color:#5e5e5c; /* customize_accordion_heading_bg */

}

.panel-heading-salix a:after {

	font-family: 'Glyphicons Halflings';

	content: "\e114";

	float: right;

	/* customize_accordion_icon */ color:#98b14d; /* customize_accordion_icon */

}

.panel-heading-salix a.collapsed:after {

	content: "\e080";

}

/* 15.0 LISTS

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

.salix-icon-list li {

	padding: 0 0 10px 20px;

	display: block;

	position: relative;

}

.salix-icon-list li:before {

	font-family: 'Glyphicons Halflings';

	position: absolute;

	left: 0px;
	
	color: #745852; 

	top:3px;

	font-size: 80%;

}

.salix_feature_box .salix-icon-list li:before {
	
	color: #fff!important;

}

#salix-home-fw1 .salix-icon-list li:before {
	color: #000!important;
}

#salix-home-fw1 .salix-icon-list li {
	color: #fff;
}


.salix-checkmark li:before {

	content: '\e013';

}

.salix-chevron-right li:before {

	content: "\e080";

	top:0;

}

/* 16.0 BACKGROUNDS

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

.salix-bg-light {

	/* customize_background_light */ background-color:#735852; /* customize_background_light */

}

/* 17.0 HOME FULL WIDTH ROWS

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

#salix-home-fw1 {

	padding: 45px 0;
	background-color: #745852;

}

#salix-home-fw1 a {
	color: #bbbbbb;
	text-decoration: underline;
}

#salix-home-fw1 a:hover {
	color: #fff;
	text-decoration: none;
}

#salix-home-fw1 h1 {
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 700;	
}

#salix-home-fw2 {

	padding: 75px 0;

}

.footer-text{
	font-size: x-large;
}

#salix-banner img{
	max-width: 100%;
	height: auto;
}

.navbar-right {
		margin-top:38px;
	}

.salix #salix_logo {
		margin-top: 5px;
	}


/* 18.0 RESPONSIVE

-------------------------------------------------- */
@media (max-width: 1660px){
	
	.jumbotron_salix { min-height: 550px;}

}

@media (max-width: 1200px) {

	.ccm-layout-table .ccm-layout-col img{
		width: 105%;
		height: auto;
	}
	
	.footer-text{
	font-size: x-large;
}
	
		#main1home .ccm-image-block, #main2home .ccm-image-block, #main3home .ccm-image-block{
		width: 100%;
		height: auto;
	}
	#content2 .default-flex.arrows-image .flex-direction-nav a{
		visibility: visible;
	}
	
}

@media (max-width: 992px) {
	
	#content2 .default-flex.arrows-image .flex-direction-nav a{
		visibility: hidden;
		margin: 0 0;
	}

	
	.jumbotron_salix { min-height: 420px;}

		#main1home .ccm-image-block, #main2home .ccm-image-block, #main3home .ccm-image-block{
		width: auto;
		height: auto;
	}
	
	#main1home, #main2home, #main3home{
		text-align: center;
	}
	
 
	#header_contact {
	width: 400px;
	float: right;
	display: block;
	text-align: right;
	padding-top: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}
	

	#salix_wrap .navbar-brand img {
		    margin-top: 7px;
    		width: 277px;
	}
	
	.navbar-right {
		margin-top:22px;
	}
	
	.ccm-layout-table .ccm-layout-col img{
		width: 110%;
		height: auto;
	}
	
	.footer-text{
	font-size: large;
}
	
	.footer-sign-in {
	text-align: right;
	margin-bottom: 0px;
}
	
	#salix_wrap .navbar-default, #salix_wrap navbar-fixed-top {

	height: 116px;
}
	

 
}

@media (max-width: 767px) {
	
	
	
	#content2 .default-flex.arrows-image .flex-direction-nav a{
		visibility: hidden;
		margin: 0 0;
	}
	
	.jumbotron_salix { min-height: 350px;}
	
	.jumbotron { margin-bottom:-110px;}
	
	#salix_top_footer img {
	width: auto!important;
	height: auto;
}
	
	#header_contact {
	display: none;
}
	
	#salix_wrap .navbar-brand img {
		margin-top: 4px;
	}
	
		.salix #salix_logo {
		width: 375px!important;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		margin-top: 1px;
	}
	
	.ccm-layout-table .ccm-layout-col img{
		width: auto;
		height: auto;
	}
	

	.ccm-layout-table .ccm-layout-col{
		float: none;
		width: 100%!important;
	}
	
	.footer-text{
	font-size: large;
}
	
	.footer-sign-in {
	display: none;
}
	
	.jumbotron_salix {

	margin-top: 0px;

	background-color:transparent;

		background-repeat:no-repeat;}
	
}

@media (max-width: 460px) {
	
	#content2 .default-flex.arrows-image .flex-direction-nav a{
		visibility: hidden;
		margin: 0 0;
	}
	
	.salix #salix_logo {
		width: 250px!important;
	}
	
	.flex-direction-nav{
		display: none;
	}

	#main1home .ccm-image-block, #main2home .ccm-image-block, #main3home .ccm-image-block{
		width: 100%;
		height: auto;
	}
	
		#salix_wrap .navbar-default, #salix_wrap navbar-fixed-top {

	height: 90px;
}
	
	.navbar-toggle {
		padding: 25px 10px;
	}
			.jumbotron_salix {

			margin-top: -14px;}


#salix_top_footer img {
	width: 100%!important;
	height: auto;
}
	
		#salix-banner img{
	max-width: 100%;
	height: auto;
}
	

}

@media (max-width: 390px) {
	
	#salix-banner img{
	max-width: 100%;
	height: auto;
		margin-top: 40px;
		overflow: hidden;
}
	
	
	
	#content2 .default-flex.arrows-image .flex-direction-nav a{
		visibility: hidden;
		margin: 0 0;
	}
	
	#salix_bottom_footer {
		font-size: 10px;
	}
	
	.salix #salix_logo {
		width: 250px!important;
	}
	
	#salix_wrap .navbar-default, #salix_wrap navbar-fixed-top {

	height: 90px;
}
	
	.navbar-toggle {
		padding: 25px 10px;
	}
	
	.navbar-right {
		margin-top: 14px;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		margin-top: 1px;
	}
	
		.jumbotron_salix {

			margin-top: -14px;}

	
}

@media (min-width: 767px) {
	
		.navbar-default .navbar-collapse,.navbar-default .navbar-form {
		background:none;
	}

	
}


@-ms-viewport {

width: device-width;

}

@-webkit-viewport {

width: device-width;

}

@-moz-viewport {

width: device-width;

}

@-ms-viewport {

width: device-width;

}

@-o-viewport {

width: device-width;

}

@viewport {

width: device-width;

}

.img-responsive {

	width: auto;

	max-width: 100%;

}/* ie9,ie10 fix for responsive images */

@media (max-width: 767px) {
	
#salix_wrap > #salix_main_section {

 padding-top: 50px;

}

#salix_wrap a.navbar-brand {

 font-size:36px;

}

#salix_wrap a.navbar-brand img {

 width: 80%;

 height: auto;

}

#salix_wrap .navbar-brand {

 text-align:left;

 float:left;

}

#salix_wrap .nav-justified > .dropdown .dropdown-menu {

 left: 0;

 right: 0;

}

}

@media \0screen {

.img-responsive {

	width:auto;

} /* ie8 fix for responsive images */

}

