/**
  * Responsive Elements
  */
body {
  -webkit-text-size-adjust: 100%; /* Fix Mobile Safari Font Scale */
  overflow-x: hidden;
  padding: 0;
}

textarea { height: 100px; }

/**
  * Responsive Layout
  */
.wrapper .container {
  padding: 0 20px;
}

#change_skin_menu_wrapper .container {
	padding: 0;	
}

#main-wrapper .container {
	padding-bottom: 0;	
}

/* Main Container ---*/
.grid-inner,
.container,
#main-wrapper .container,
#main-wrapper #sidebar-first-wrapper,
#main-wrapper #sidebar-second-wrapper {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.node-title {
  font-family: "Times New Roman", Times, serif;
  font-size: 1em;
  font-weight: bold;
}

#page-title {
  font-size: 1em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

/**
  * Header
  */
.region-header {
    padding-top: 17px;
}

#main-menu-wrapper #search-block-form {
	right: 110px;	
}

/**/
#main-content {
	background: url(../../images/bg-seperate.png) 0 100% repeat-x;
	margin-bottom: 20px;
	padding-bottom: 10px;	
}

/* Responsive menu  */
#main-menu-wrapper {
	position: relative;
	z-index: 6;	
}

.sf-menu.sf-style-default,
#main-menu-wrapper ul.menu {
	background: url(../../images/bg-submenu.gif) repeat-x 0 0 #816f45 !important;	
	float: none;
	width: 21em;
}

.sf-menu.sf-style-default li, 
.sf-menu.sf-style-default.sf-navbar,
#main-menu-wrapper ul.menu li {
	background: none;
	border-bottom: 1px solid #625129;
	display: block;
	float: none; 
	padding-left: 0;
}

.sf-menu.sf-style-default li:hover,
.sf-menu.sf-style-default li.sfHover,
#main-menu-wrapper ul.menu li:hover {
  background: none;
}

.sf-menu.sf-style-default a, 
.sf-menu.sf-style-default a:visited,
#main-menu-wrapper ul.menu li a,
#main-menu-wrapper ul.menu li a:visited {
  color: #e7d094;
}

.sf-menu.sf-style-default a:focus, 
.sf-menu.sf-style-default a:hover, 
.sf-menu.sf-style-default a:active,
#main-menu-wrapper ul.menu li a:focus,
#main-menu-wrapper ul.menu li a:hover,
#main-menu-wrapper ul.menu li a:active {
  color: #bb5d27;
}

.sf-menu.sf-style-default a.active,
.sf-menu.sf-style-default li.active-trail > a.menuparent,
#main-menu-wrapper ul.menu li a.active {
	background: #e7d094;
	color: #bb5d27;
}

.sf-menu.sf-style-default li.menuparent.sfHover > a,
#main-menu-wrapper ul.menu li.expanded:hover > a.active,
#main-menu-wrapper ul.menu li.expanded:hover > a {
  background: url(../../images/bg-submenu-arrow-m.png) no-repeat 35px 100% #625129;
}

.sf-menu.sf-style-default a {
	background: none;
}

#main-menu-wrapper ul.menu li ul.menu, .sf-menu.sf-style-default ul {
	background: url(../../images/bg-submenu.gif) repeat-x 0 0 #816f45 !important;
	position: static;
	top: 0;
	width: 100% !important;
	box-shadow: none;
	border: none;
	border-top: 1px solid #816f45 !important;
	margin: 0;
}

.sf-menu.sf-style-default ul ul {
	width: 100% !important;
}

.sf-menu.sf-style-default li li,
#main-menu-wrapper ul.menu li ul.menu li {
	border-top: none;
}

.sf-menu.sf-style-default li.first a {
}

.sf-menu.sf-style-default ul li a,
#main-menu-wrapper ul.menu li ul.menu li a {
	text-indent: 10px;
	background: url(../../images/arrow.png) no-repeat 20px 15px;
}

.sf-menu.sf-style-default li li a:hover,
.sf-menu.sf-style-default li li a:active,
.sf-menu.sf-style-default li li a:focus,
#main-menu-wrapper ul.menu li ul.menu li a:hover,
#main-menu-wrapper ul.menu li ul.menu li a:active,
#main-menu-wrapper ul.menu li ul.menu li a:focus {
	background: url(../../images/arrow.png) no-repeat 20px 15px;
	color: #e0c06f;
}

.sf-menu.sf-style-default li li a.active {
	color: #e0c06f;
}

.block-menu-icon { display: block; }

.home-button,
.responsive-menu-button {
	color: #625129;	
	display: inline-block;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.home-button {
	background: url(../../images/ico-home.png) no-repeat 0 41%;
	padding: 11px 15px 11px 25px;
}

.responsive-menu-button {
	background: url(../../images/ico-menu.png) no-repeat 100% 49%;
	font-style: italic;
	padding: 11px 22px 11px 15px;
}

.block-superfish, .block-menu {
	display: none;
}

.sf-menu.sf-style-default, #main-menu-wrapper ul.menu {
	left: 20px;
	position: absolute;
	top: 0;	
}

/*user menu*/
.region-sidebar-first > .block-menu {
	margin-bottom: 20px;	
}

/* Pager */
.item-list .pager,
.item-list ul.pager li {
  float: none;
}

.item-list ul.pager li.pager-current {
  display: inline-block;  
}

ul.pager li a, 
ul.pager li span { 
  display: inline-block;  
  float: none;  
}

/**
  * Form
  */
#contact-site-form {
	margin-bottom: 20px;	
}

.form-item .description {
  width: 100%;
}

.page-user .form-item label, .page-user .form-item input, .comment-form label, .comment-form .form-item input,
#contact-site-form .form-type-textfield label {
	float: none;	
}

.page-user .form-item label, .comment-form label,
#contact-site-form .form-type-textfield label {
	margin-right: 0;
	width: auto;	
}

#user-register-form .form-item .description,
#user-login .form-item .description,
#user-register-form .form-actions,
#user-login .form-actions,
#user-pass .form-actions {
	padding-left: 0;
}

#newsletter-manage-subscriptions-form .form-submit {
	margin-left: 0;
}

/* Comment ---*/
#comment-form input.form-text {
	width: 96%;
}

#contact-site-form input.form-text,
#contact-personal-form input.form-text,
#user-register-form input.form-text,
#user-pass input.form-text {
		width: 96%;
}

#search-form input.form-text {
	width: 55% ;
}

/* Navgiations ---*/
ul.primary {
	white-space:normal;
}

ul.primary li a {
	margin-right: 0;
	padding: 0.5em;	
}

/*frontpage*/
.view-frontpage .views-field-field-image img {
	width: 100%;	
}

/*panel-first-wrapper*/
.panel-column {
	border-top: 1px solid #eee9da;
	margin-top: 20px;
}

.panel-column:first-child {
	border-top: none;
	margin-top: 0;
}

.view-gallery .views-view-grid.cols-3 .views-col {
	width: auto;	
}

.view-gallery .views-field-field-images img {
	width: 100%;	
}

.block-newsletter {
	margin-bottom: 20px;
	margin-left: 0;	
}

/*gallery*/
.view-gallery-page .view-content {
	margin-left: 0;	
}

.view-gallery-page .views-row {
    margin: 0 10px 20px;
}

.galleryformatter .gallery-slides {
  width: auto !important;
}

.galleryformatter .gallery-thumbs {  
  width: auto !important;
}

.galleryformatter .view-full {  
  left: 40%;
  top: 32%
}

.galleryformatter .prev-slide,
.galleryformatter .next-slide {
  top: 40%; 
}

/*blog 3*/
.views-field-sharethis {
	width: 110px;	
}

.page-blog-3 .view-Blogs .views-field-title,
.page-blog-3 .view-Blogs .views-field-body,
.page-blog-3 .view-Blogs .views-field-view-node {
	padding-left: 370px;
}

/**/
/* Responsive Red menu  */
.skin-red .sf-menu.sf-style-default,
.skin-red #main-menu-wrapper ul.menu {
	background: #171717 !important;	
}

.skin-red .sf-menu.sf-style-default li, 
.skin-red .sf-menu.sf-style-default.sf-navbar,
.skin-red #main-menu-wrapper ul.menu li {
	background: none;
	border-bottom: 1px solid #0c0c0c;
	padding-left: 0;
}

.skin-red .sf-menu.sf-style-default li:hover,
.skin-red .sf-menu.sf-style-default li.sfHover,
.skin-red #main-menu-wrapper ul.menu li:hover {
  background: none;
}

.skin-red .sf-menu.sf-style-default a, 
.skin-red .sf-menu.sf-style-default a:visited,
.skin-red #main-menu-wrapper ul.menu li a,
.skin-red #main-menu-wrapper ul.menu li a:visited {
  color: #696969;
}

.skin-red .sf-menu.sf-style-default a:focus, 
.skin-red .sf-menu.sf-style-default a:hover, 
.skin-red .sf-menu.sf-style-default a:active,
.skin-red #main-menu-wrapper ul.menu li a:focus,
.skin-red #main-menu-wrapper ul.menu li a:hover,
.skin-red #main-menu-wrapper ul.menu li a:active {
  background: url(../../images/bg-menu-active-r.gif) repeat-x 0 100% #2d2d2d;
  color: #fff;
}

.skin-red .sf-menu.sf-style-default a.active,
.skin-red .sf-menu.sf-style-default li.active-trail > a.menuparent,
.skin-red #main-menu-wrapper ul.menu li a.active {
	background: #2d2d2d;
	color: #696969;
}

.skin-red .sf-menu.sf-style-default li.menuparent.sfHover > a,
.skin-red #main-menu-wrapper ul.menu li.expanded:hover > a.active,
.skin-red #main-menu-wrapper ul.menu li.expanded:hover > a {
  background: url(../../images/bg-submenu-arrow-r.png) no-repeat 35px 100% #0c0c0c;
}

.skin-red .sf-menu.sf-style-default a {
	background: none;
}

.skin-red #main-menu-wrapper ul.menu li ul.menu, .skin-red .sf-menu.sf-style-default ul {
	background: url(../../images/bg-submenu-r.gif) repeat-x 0 100% #585757 !important;
	border-top: 1px solid #595757 !important;
}

.skin-red .sf-menu.sf-style-default li li,
.skin-red #main-menu-wrapper ul.menu li ul.menu li {
	border-top: none;
	border-bottom-color: #202020;
}

.skin-red .sf-menu.sf-style-default ul li a,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
}

.skin-red .sf-menu.sf-style-default li li a:hover,
.skin-red .sf-menu.sf-style-default li li a:active,
.skin-red .sf-menu.sf-style-default li li a:focus,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a:hover,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a:active,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a:focus {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
	color: #fff;
}

.skin-red .sf-menu.sf-style-default li li a.active {
	color: #696969;
}

.skin-red .home-button,
.skin-red .responsive-menu-button {
	color: #fff;	
}

.skin-red .home-button {
	background: url(../../images/ico-home-r.png) no-repeat 0 41%;
}

.skin-red .responsive-menu-button {
	background: url(../../images/ico-menu-r.png) no-repeat 100% 49%;
}

/* Responsive Grey menu  */
.skin-grey .sf-menu.sf-style-default,
.skin-grey #main-menu-wrapper ul.menu {
	background: #4e8e04 !important;	
}

.skin-grey .sf-menu.sf-style-default li, 
.skin-grey .sf-menu.sf-style-default.sf-navbar,
.skin-grey #main-menu-wrapper ul.menu li {
	background: none;
	border-bottom: 1px solid #69a920;
	padding-left: 0;	
}

.skin-grey .sf-menu.sf-style-default li:hover,
.skin-grey .sf-menu.sf-style-default li.sfHover,
.skin-grey #main-menu-wrapper ul.menu li:hover {
  background: none;
}

.skin-grey .sf-menu.sf-style-default a, 
.skin-grey .sf-menu.sf-style-default a:visited,
.skin-grey #main-menu-wrapper ul.menu li a,
.skin-grey #main-menu-wrapper ul.menu li a:visited {
  color: #fff;
}

.skin-grey .sf-menu.sf-style-default a:focus, 
.skin-grey .sf-menu.sf-style-default a:hover, 
.skin-grey .sf-menu.sf-style-default a:active,
.skin-grey #main-menu-wrapper ul.menu li a:focus,
.skin-grey #main-menu-wrapper ul.menu li a:hover,
.skin-grey #main-menu-wrapper ul.menu li a:active {
  background: url(../../images/bg-menu-active-g.gif) repeat-x 0 100% #a02b08;
  color: #fff;
}

.skin-grey .sf-menu.sf-style-default a.active,
.skin-grey .sf-menu.sf-style-default li.active-trail > a.menuparent,
.skin-grey #main-menu-wrapper ul.menu li a.active {
	background: #346001;
	color: #fff;
}

.skin-grey .sf-menu.sf-style-default li.menuparent.sfHover > a,
.skin-grey #main-menu-wrapper ul.menu li.expanded:hover > a.active,
.skin-grey #main-menu-wrapper ul.menu li.expanded:hover > a {
  background: url(../../images/bg-submenu-arrow-g.png) no-repeat 35px 100% #0c0c0c;
}

.skin-grey .sf-menu.sf-style-default a {
	background: none;
}

.skin-grey #main-menu-wrapper ul.menu li ul.menu, .skin-grey .sf-menu.sf-style-default ul {
	background: url(../../images/bg-submenu-g.gif) repeat-x 0 100% #4e8e04 !important;
	border-top: 1px solid #4e8e04 !important;
}

.skin-grey .sf-menu.sf-style-default li li,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li {
	border-top: none;
	border-bottom-color: #478202;
}

.skin-grey .sf-menu.sf-style-default ul li a,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
	color: #b1d784;
}

.skin-grey .sf-menu.sf-style-default li li a:hover,
.skin-grey .sf-menu.sf-style-default li li a:active,
.skin-grey .sf-menu.sf-style-default li li a:focus,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a:hover,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a:active,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a:focus {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
	color: #fff;
}

.skin-grey .sf-menu.sf-style-default li li a.active {
	color: #fff;
}

.skin-grey .home-button,
.skin-grey .responsive-menu-button {
	color: #fff;	
}

.skin-grey .home-button {
	background: url(../../images/ico-home-r.png) no-repeat 0 41%;
}

.skin-grey .responsive-menu-button {
	background: url(../../images/ico-menu-r.png) no-repeat 100% 49%;
}