/*--
    Theme Name: WordPress Theme 1127
    Theme URI: http://template-help.com/
    Description: A theme from Template-Help.com Collection
    Version: 3
    Author: Template_Help.com 
    Author URL: http://www.Template-Help.com/ 
--*/

/* ----------------------------------------
   Global Mobile Reset
------------------------------------------- */

html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.wrapper {
  max-width: 100%;
  padding: 0 15px;
}


/* ----------------------------------------
   Responsive Reset
------------------------------------------- */
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
}

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

button,
input,
select,
textarea {
  font: inherit;
}


/* --
    Styles Index
    =======
    1.0 Document Body
    2.0 Site Structure
    3.0 Common Classes
    4.0 Basic Alignments
    5.0 Header
        5.1 logo
        5.2 search
    6.0 Primary Navigation
    
    7.0 Default Links
    8.0 Vertical Rhythm
    9.0 Default Headings
        9.1 Page titles
    10.0 Forms
    11.0 Entry Styles
        11.1 Post Thumbnails
        11.2 Default Text Elements
        11.3 Default Lists
        11.4 Tables
        11.5 Images
        11.6 WP Gallery
        11.7 Comments
        11.8 Author Bio
        11.9 Shortcodes
        11.10 Portfolio
    12.0 Post Page Styles
    13.0 Social Sharing
    14.0 Related Posts
    15.0 Page Navigation
    16.0 Widgets
        16.1 Social links Widget
        16.1 Flickr Widget
        16.1 Calendar Widget 
        16.2 Widget lists
        16.3 Search Widget
        16.4 Tag cloud Widget
    17.0 Footer widgets
    18.0 Footer
        18.1 Footer Notes
    19.0 Archives Template
    20.0 Full Width Template
    21.0 Contact Form Template
    22.0 WP Pagenavi Support
    23.0 Browser Specific Fixes
    x.x Clearfix
-- */

/* -- 1.0 Document Body -- */
	body, 
	input, 
	textarea, 
	select { 
		font: 12px/18px Arial, Helvetica, sans-serif; 
		color: #9c9c9c;
	}
	body { background:url(images/tail-bg.jpg) center top;}

/* -- 2.0 Site structure -- */
	#content,
	#header,
	#aside-tail,
	#footer {
		min-width:979px;
	}
	
	.wrapper {
		width:979px; 
		margin:0 auto;
		position:relative;
	}
	
	.wrap {
		width:100%;
		overflow:hidden;
	}
	
	#content {
		clear:both;

	}
		
	#primary {
		overflow:hidden; 
		height:100%;
		background:url(images/cont-tail.png);
		position:relative;
	}
	
	.line-ver { background-repeat:repeat-y; background-image:url(images/line-ver.png); width:100%; overflow:hidden;}
	.top-tail { height:8px; position:absolute; left:0; top:0; background:url(images/top-tail.png) repeat-x left top; width:100%;}
	
	#sidebar { float: left; width: 200px;}
	#sidebar .line-ver { background-position:right top;}
	#sidebar-right { float:right; width:301px;}
	#sidebar-right .line-ver { background-position:left top;}
	
	#sidebar,
	#sidebar-right {
		background:url(images/sidebar-tail.png);
	}
	
	#footer {}
	#footer .wrapper { clear:both;}
	#footer p#copy { text-align:center; line-height:66px; margin:0;}
	
	#main-bg { background:url(images/main-bg.jpg) no-repeat center top;}
	#tail-bg { background:url(images/tail-bg1.jpg) center top;}

/* -- 3.0 Common Classes -- */
	.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
	.hidden { display: none; }
	.width { width:960px; margin: 0 auto;}
	
/* -- 4.0 Basic Alignments -- */
	.alignleft { float: left;}
	.alignright { float: right;}
	.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

/* -- 5.0 header -- */
	#header .wrapper {
		height:330px;
		position:relative;
		z-index:9999;
	}
		.home #header .wrapper { 
			height:829px;
		}


	/* -- 5.1 Logo -- */
#logo {
    position: absolute;
    left: 344px;
    top: 46px;
}

/* Optional: Add styles for #logo a if needed */
#logo a {
    /* Example: display: block; text-decoration: none; */
}

#description {
    font-size: 14px;
    position: relative;
    float: left;
    margin: -36px 0 0 117px;
    font-family: Arial;
    color: #3d2b1f;
    text-transform: uppercase;
    clear: both;
}
	
	/* -- 5.2 search -- */
		#header-widget-area .widget_search {}
		
		#searchform { overflow:hidden; position:relative;}
			#searchform input#s {
				width:248px;
				font-size:12px;
				float:left;
			}
			
			#sidebar #searchform input#s { width:150px;}
			
			#searchform #searchsubmit {
				display:none;
			}
			
	
/* -- 6.0 Primary Navigation -- */
	#primary-nav { position:absolute; left:0; top:258px; z-index:5000;}
	
	#primary-nav ul { margin: 0; padding: 0; list-style: none;}
	#primary-nav ul li { position: relative; cursor:pointer; float:left;}
	#primary-nav ul li a { display:block; text-decoration:none;}
	#primary-nav ul li:hover { visibility: inherit;}
	
	#primary-nav ul ul { 
		position: absolute; 
		top: -9999em;
		left:0;  
		z-index: 99; 
	}
	#primary-nav ul ul li {}

	/* Make sub menus appear */
		#primary-nav ul li:hover ul,
		#primary-nav ul li.sfHover ul { left: 0; top: 54px; z-index: 99; }

	/* Hide all subs subs (4 levels deep) */
		#primary-nav ul li:hover li ul,
		#primary-nav ul li.sfHover li ul,
		#primary-nav ul li li:hover li ul,
		#primary-nav ul li li.sfHover li ul,
		#primary-nav ul li li li:hover li ul,
		#primary-nav ul li li li.sfHover li ul { top: -9999em; }

	/* Displays all subs subs (4 levels deep) */
		#primary-nav ul li li:hover ul,
		#primary-nav ul li li.sfHover ul,
		#primary-nav ul li li li:hover ul,
		#primary-nav ul li li li.sfHover ul,
		#primary-nav ul li li li li:hover ul,
		#primary-nav ul li li li li.sfHover ul { left: 0; top: 0px; }
	
	/* top level skin */
		#primary-nav ul li a { color:#fff; width:163px; text-align:center; font-size:23px; height:40px; line-height:1.2em; padding-top:14px; background:#ee3d26;}
		#primary-nav ul li:first-child a { background:#fcac47; width:164px;}
		
		#primary-nav ul li#menu-item-1048 a { background:#ce374a;}
		#primary-nav ul li#menu-item-1049 a { background:#872e45;}
		#primary-nav ul li#menu-item-1051 a { background:#642a59;}
		#primary-nav ul li#menu-item-1050 a { background:#232351;}
		
		#primary-nav ul > li > a:hover,
		#primary-nav ul > li.sfHover > a,
		#primary-nav ul > li.current-cat > a,
		#primary-nav ul > li.current-menu-item > a { text-decoration:none; height:59px; margin-top:-42px; padding-top:37px;}
		
		
	/* 2nd level skin */
		#primary-nav ul ul { width:216px; padding:23px 0; background:#ce374a;}
		#primary-nav ul ul li { margin:0; text-align:left; float:none;}
		#primary-nav ul ul li a { height:32px; text-align:left; width:auto; padding:8px 0 0 31px; margin:0;}
		#primary-nav ul ul li:first-child a { width:auto;}
		
		#primary-nav ul ul li a:hover,
		#primary-nav ul ul li.sfHover a,
		#primary-nav ul ul li.current-cat a,
		#primary-nav ul ul li.current-menu-item a {
			background:#bb3444 !important;
			text-decoration:none;
		}
		
	/* 3rd level onwards */
		#primary-nav ul ul ul {}
		#primary-nav ul ul ul li {}	
		#primary-nav ul ul ul li a {}
		
		#primary-nav ul ul li.sfHover, 
		#primary-nav ul ul li.sfHover, 
		#primary-nav ul ul a:focus, 
		#primary-nav ul ul a:hover, 
		#primary-nav ul ul a:active { 
			outline: 0;
		}
		
		#primary-nav ul ul li:hover ul,
		#primary-nav ul ul li.sfHover ul {
			position:absolute;
			left:216px;
			top:0;
		}
		

		#primary-nav ul ul li:hover ul li a,
		#primary-nav ul ul li.sfHover ul li a {
			background:none !important;
		}
		
		#primary-nav ul ul li:hover ul li:hover a,
		#primary-nav ul ul li.sfHover ul li.sfHover a {
			background:#bb3444 !important;
		}
			
/* -- 7.0 Default Links -- */
a {
  color: #ed4547;
  text-decoration: none;
}
a:hover {
  color: #fff;
}
a.cont-more {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
}
a.cont-more:hover {
  color: #ed4547;
}

/* -- 8.0 Vertical Rhythm -- */
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form,
.gallery-row, .post-thumb, .post-thumb-single, .entry-meta {
  margin-bottom: 1.125rem;
}
.hentry {
  clear: both;
  position: relative;
  padding: 26px 20px 0 22px;
  background: url(images/line-hor.png) repeat-x left top;
}
.page .hentry {
  background: none;
}
.widget .children,
.entry-content ol ol,
.entry-content ul ul,
.widget ul ul {
  margin-bottom: 0;
}

/* -- 9.0 Default Headings -- */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #fff;
}
h1 {
  font-size: 1.75rem;
  line-height: 2rem;
  padding-bottom: 15px;
  padding-left: 1px;
}
h2 {
  font-size: 1.25rem;
  line-height: 1.375rem;
  padding-bottom: 15px;
}
h3 {
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding-bottom: 15px;
}
h4 {
  font-size: 1.0625rem;
  line-height: 1.125rem;
  padding-bottom: 10px;
}
h5, h6 {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
h5 {
  font-weight: bold;
}

/* -- 9.1 Page Titles -- */
.page-title {
  font-size: 1.625rem;
  line-height: 1.2;
  padding: 25px 0 0 20px;
  margin: 0;
  color: #fff;
}
.page-title span {
  color: #ed4547;
}
#primary h2.entry-title,
#primary h2.entry-title a {
  font-size: 1.4375rem;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
}
#primary h2.entry-title a:hover {
  color: #ed4547;
}
#primary h2.entry-title {
  margin-bottom: 12px;
}
#primary .entry-title {
  margin: 0 0 15px 0;
  padding: 0;
}
#primary h1.entry-title {
  font-size: 1.4375rem;
  line-height: 1.4;
  color: #fff;
}

/* -- 10.0 Forms -- */
button {
  cursor: pointer;
}
label {
  display: inline-block;
  padding-bottom: 5px;
}
.required {
  color: #ed4547;
}
input[type="text"],
textarea {
  font-size: 0.75rem;
  padding: 7px 5px;
  border: 1px solid #fff;
  border-bottom: none;
  color: #000;
  line-height: 1.2;
  background: url(images/input-text.gif) repeat-x left top;
}
textarea {
  width: 95%;
  background-color: #fff;
}
input[type="submit"] {
  cursor: pointer;
}

/* -- 11.0 Entry Styles -- */
.post {
  padding: 26px 18px 30px 22px;
  margin: 0 0 28px 0;
  position: relative;
}
.home .post {
  background: url(images/line-hor.png) repeat-x left top;
}
.search .post,
.archive .post {
  margin: 0;
}
.post.no-results {
  background: none;
}
.entry-utility {
  color: #ea7e14;
}
.entry-utility em {
  font-size: 0.75rem;
  display: block;
  margin-bottom: -4px;
}
.entry-utility a {
  font-size: 0.75rem;
  color: #ed870d;
}
.entry-utility a:hover {
  text-decoration: underline;
}
.entry-post-content {
  overflow: hidden;
  height: 100%;
  padding-top: 5px;
}
.published {
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
  background: url(images/pic1.png) no-repeat left top;
  padding-left: 24px;
}
.published b {
  display: block;
  font-size: 1.125rem;
  color: #bab9b9;
  text-transform: lowercase;
  margin-top: -6px;
}
.entry-utility #author {
  display: none;
}
.entry-utility #author span {
  color: #8f8f8f;
}
.entry-meta .comments-link {
  margin-left: 20px;
  padding-left: 26px;
  background: url(images/pic2.png) no-repeat left top;
}
.entry-meta .comments-link a {
  font-size: 0.75rem;
  color: #fff;
}
.comments-link a:hover {
  color: #ed4547;
}
.comments-link:hover b {
  color: #0d80a6;
}
.entry-utility .comments-link {
  color: #000;
}
.cat-links {
  display: none;
  padding-bottom: 6px;
}
.cat-links a {
  text-transform: uppercase;
  display: block;
  padding-bottom: 1px;
}
.vcard a {
  color: #ed870d;
}
.vcard a:hover {
  border-bottom: 2px solid #ed870d;
}
.entry-meta {
  width: 100%;
  overflow: hidden;
}
.entry-meta .read-more {
  display: none;
}
.entry-meta .read-more a {
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1.2;
  padding-left: 11px;
  background: url(images/marker.gif) no-repeat left 3px;
}
.entry-meta .read-more a:hover {
  text-decoration: none;
}
.entry-meta a {
  color: #ed870d;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: underline;
}
.edit {
  float: right;
}
.entry-content {
  clear: both;
  padding-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
.entry-content p {
  line-height: 1.5;
  margin: 0;
  padding: 16px 0 18px 0;
  width: 100%;
  overflow: hidden;
}
.entry-content p span {
  color: #fff;
}
.entry-content p strong {
  color: #ed4547;
}
.columns {
  width: 100%;
  overflow: hidden;
}
.columns .column-left,
.columns .column-right {
  width: 45%;
  float: left;
}
.columns .column-right {
  margin-left: 30px;
}
ul.column-left li,
ul.column-right li {
  height: 1%;
}
.img-indent {
  float: left;
  margin: 5px 20px 10px 0;
}
#author-description {
  padding-bottom: 40px;
  padding-right: 100px;
}
.list-left {
  float: left;
  width: 46%;
}
		
/* -- 11.1 Post Thumbnails -- */
.post .post-thumb img,
.post-thumb-single img {
  padding: 4px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 3px rgba(153, 153, 153, 0.25);
}
.post .post-thumb a {
  border: none !important;
}
.post .post-thumb img:hover {
  background: #333;
}
.post .thumb {
  position: relative;
}
.post .thumb:hover .wp-post-image {
  border-color: #ed870d;
}

/* -- 11.2 Post Metadata -- */
.postmetadata {
  padding-left: 23px;
  background: url(images/pic3.png) no-repeat left top;
  color: #fff;
}
.postmetadata a {
  color: #fff;
}
.postmetadata a:hover {
  text-decoration: none;
}

/* -- 11.3 Entry List -- */
.entry-content .list {
  width: 100%;
  overflow: hidden;
  margin-bottom: -10px;
  padding-bottom: 20px;
}
.home .entry-content .list {
  padding-bottom: 0;
}
.entry-content .list li {
  float: left;
  width: 228px;
  padding: 0;
}
.entry-content .list li.alt {
  margin-left: 10px;
}
.entry-content .list li img {
  border: 1px solid #ebe9e9;
}
.entry-content .list li b {
  color: #000;
  display: block;
  padding-top: 15px;
  line-height: 1rem;
}

/* -- 12.0 Default Text Elements -- */
address {
  font-style: italic;
}
abbr[title],
acronym[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted #666;
}
blockquote {
  font-family: Cambria, Georgia, "Times New Roman", Times, serif;
  color: #666;
  font-style: italic;
  border-left: 1px solid #ddd;
  margin-left: 15px;
  padding-left: 10px;
}
strong {
  font-weight: bold;
}
em,
dfn,
cite {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup,
sub,
small {
  font-size: 0.6875rem;
}
sup {
  vertical-align: top;
}
sub {
  vertical-align: bottom;
}
del {
  text-decoration: line-through;
}
ins {
  text-decoration: underline;
}
code,
pre {
  line-height: 1.125rem;
}
var,
kbd,
samp,
code,
pre {
  font: 0.6875rem/0.8125rem Arial, Helvetica, sans-serif;
  background: #f3f3f3;
}
kbd {
  font-weight: bold;
}
samp,
var {
  font-style: italic;
}
pre {
  white-space: pre;
  overflow: auto;
  padding: 10px;
  border: 1px solid #ddd;
  clear: both;
}
code {
  padding: 3px;
  background: #fff;
  color: #000;
}

/* -- 12.1 Lists -- */
ul,
ol,
dl {
  list-style: none;
}
.entry-content ul {
  overflow: hidden;
  margin-left: 0;
}
.entry-content ul li {
  padding-bottom: 6px;
}

/* -- 12.2 Tables -- */
table {
  line-height: 1.125rem;
  margin: 0 0 22px 0;
  text-align: left;
}
table .even {
  background: #ddd;
}
caption {
  text-align: left;
  padding: 10px;
}
th,
td {
  padding: 4px;
  vertical-align: middle;
  text-align: center;
}

/* -- 12.3 Images -- */
img.alignnone {
  padding: 0;
}
img.alignleft {
  float: left;
  margin: 3px 26px 15px 0;
}
img.alignright {
  display: block;
  margin: 5px 0 15px 15px;
}
img.aligncenter {
  margin: 5px auto 0 auto;
  display: block;
  clear: both;
  padding: 4px;
}
.wp-caption {
  text-align: center;
  margin: 15px;
  font-family: Georgia, serif;
  font-style: italic;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
}
.wp-caption .wp-caption-text {
  margin: 0;
  padding: 5px;
}
.wp-smiley {
  max-height: 13px;
  margin: 0 !important;
}

/* -- 12.4 WP Gallery -- */
.gallery {
  margin: auto;
}
.gallery-image,
.gallery-caption,
.gallery-item {
  margin-left: 0;
}
.gallery-image {
  border: 2px solid #efefef;
}
.gallery-item {
  float: left;
  text-align: center;
}
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

/* -- 12.5 Comments -- */
#comments {
  clear: both;
  padding: 26px 18px 30px 22px;
}
#comments h3 {
  text-align: left;
  margin: 0;
  padding: 0;
}
.commentlist {
  color: #fff;
  text-align: justify;
  margin-bottom: 25px;
}
.commentlist a {
  color: #bbb4b0;
}
.commentlist cite.fn {
  font-weight: bold;
  color: black;
}
.commentlist span.says {
  color: black;
}
.commentlist li {
  overflow: hidden;
  border: 1px solid #c6c6c6;
  background: #ececec;
  font-size: 0.75rem;
  color: #9a9999;
  list-style: none;
  padding: 10px 20px;
  margin: 6px;
}
.commentlist .comment-reply-link {
  display: block;
  float: right;
  padding: 4px 15px;
  font-size: 0.75rem;
  color: #fff;
  background: #000;
}
.commentlist .comment-reply-link:hover {
  color: #ed4547;
  text-decoration: none;
}
p.logged-in-as {
  margin-bottom: 8px !important;
}
p.logged-in-as a {
  color: #ed4547;
}
p.logged-in-as a:hover {
  color: #fff;
}
.avatar {
  float: right;
  border: 1px solid #fff;
  padding: 2px;
  box-shadow: 0 0 3px rgba(153, 153, 153, 0.1);
  background: #fff;
}
.commentlist p {
  margin: 10px 5px 10px 0;
}
#commentform input,
#commentform textarea {
  display: block;
}
#commentform textarea {
  width: 90%;
}
#si_contact_form1 input[type="submit"],
#commentform input[type="submit"] {
  font-size: 0.75rem;
  color: #fff;
  padding: 6px 0;
  width: 110px;
  background: url(images/link-tail.png);
}
#si_contact_form1 input[type="submit"] {
  width: 80px;
}
#si_contact_form1 input[type="submit"]:hover,
#commentform input[type="submit"]:hover {
  background: #fcac47;
  color: #000;
}
h3#comments-title {
  margin-bottom: 18px;
  color: #fff;
}
#comments-title em {
  color: #ed4547;
}
.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}
.commentmetadata {
  margin: 0;
  display: block;
}
.commentmetadata a {
  text-decoration: underline;
}
.commentmetadata a:hover {
  text-decoration: none;
}
.comment-body {
  padding-right: 80px;
}

/* -- Edit Links -- */
.edit-link {
  display: block;
  padding-bottom: 25px;
}
.entry-utility .post-edit-link {
  color: #fff;
  text-decoration: underline;
}
.entry-utility .post-edit-link:hover {
  text-decoration: none;
}
#author-link a {
  color: #ed870d;
}

/* -- Comment Form -- */
#commentform p,
p.form-submit {
  margin: 0;
  padding: 0;
}
#commentform p.comment-notes {
  padding-bottom: 10px;
}
#commentform p.form-allowed-tags {
  margin-bottom: 15px;
}
form#commentform {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0;
  padding: 0;
}
#commentform input,
#commentform textarea {
  margin-bottom: 10px;
}
#commentform input[type="text"] {
  width: 180px;
  margin-right: 10px;
  padding: 0.5rem;
}
#commentform textarea {
  width: 95%;
  height: 150px;
  padding: 0.5rem;
}
.comment-meta a {
  color: #000;
}
h3#reply-title {
  margin-bottom: 15px;
  color: #fff;
  font-size: 1.25rem;
}

/* -- Shortcodes -- */
span.quote_left,
span.quote_right {
  display: inline-block;
  width: 240px;
  font: italic 0.875rem/1.375rem Arial, serif;
  color: #666;
}
span.quote_left {
  float: left;
  margin: 15px 15px 10px 0;
  padding-right: 10px;
  text-align: right;
  border-right: 3px solid #e8e8e8;
}
span.quote_right {
  float: right;
  margin: 15px 0 10px 15px;
  padding-left: 10px;
  border-left: 3px solid #e8e8e8;
}
blockquote {
  margin: 0 30px 15px;
  padding-left: 10px;
  border-left: 3px solid #e8e8e8;
  font: italic 0.875rem/1.375rem Arial, serif;
  color: #666;
}

/* -- Post/Page Styles -- */
.single .entry-content,
.page .entry-content {
  margin-bottom: 0;
}
.single .hentry,
.page .hentry {
  border: none;
}
.single .hentry {
  margin-bottom: 0;
}

/* -- Social Sharing -- */
#sharing a {
  text-decoration: none;
  margin-left: 6px;
}

/* -- Page Navigation -- */
.navigation {
  clear: both;
  width: 100%;
  overflow: hidden;
}
.navigation a {
  display: inline-block;
  font-size: 0.75rem;
  color: #fff;
}
.navigation a:hover {
  color: #ed4547;
  text-decoration: none;
}
.navigation .nav-next {
  float: left;
  width: 45%;
}
.navigation .nav-previous {
  float: right;
  width: 45%;
  text-align: right;
}
.search-results .navigation .nav-next {
  text-indent: 12px;
}
.search-results .navigation .nav-previous {
  padding-right: 25px;
}
#nav-above,
#nav-below {
  padding: 25px 0;
}
#nav-below {
  background: url(images/line-hor.png) repeat-x left top;
}

/* -- Widgets -- */
.widget {
  margin-top: 26px;
  padding: 26px 0 0 19px;
  background: url(images/line-hor.png) repeat-x left top;
}
li.widget:first-child {
  background: none;
  padding-top: 0;
  margin: 0;
}
h2,
h3 {
  font-weight: normal;
  font-size: 1.4375rem;
  line-height: 1.2;
  color: #c0c0c0;
  background-repeat: no-repeat;
  background-position: left 2px;
}
h2.entry-title a {
  text-decoration: none;
}
#content h3.widget-title {
  overflow: hidden;
  margin-bottom: 17px;
  color: #e9e9e9;
}
.widget ul {
  clear: both;
  padding-right: 4px;
  margin: 0;
}
.widget ul li {
  list-style: none;
  padding-bottom: 1px;
}
.widget ul li a {
  display: inline-block;
  line-height: 1.875rem;
  color: #fff;
  padding: 0 9px;
  background: url(images/link-tail.png);
  text-decoration: none;
}
.widget ul li a:hover {
  background: #fcac47;
  color: #000;
}

/* -- Social Links Widget -- */
#social-links {
  padding: 21px 18px 0 0;
  background: url(images/line-hor.png) repeat-x left bottom;
  overflow: hidden;
}
.home #social-links {
  background: none;
}
#social-links h2 {
  float: right;
  font-size: 0.75rem;
  color: #fff;
}
#socialLinksContainer {
  float: right;
}
.widget_social_links a img {
  margin-right: 5px;
}
.widget_social_links a:hover {
  background: none;
}

/* -- Flickr Widget -- */
#flickr-photostream {
  clear: both;
  margin: 0;
}

/* -- Calendar Widget -- */
#calendar_wrap {
  clear: both;
  width: 160px;
}
.widget_calendar table {
  width: 100%;
  margin: 0;
  padding: 0;
}
.widget_calendar caption {
  font-weight: bold;
  color: #ed4547;
}
.widget_calendar th {
  color: #fff;
}
.widget_calendar td#today {
  background: #ed4547;
  color: #fff;
}
.widget_calendar a {
  color: #fff;
}
.widget_calendar a:hover {
  color: #ed4547;
  background: none;
}

/* -- Widget Lists -- */
.xoxo {
  padding: 33px 0 50px 0;
  margin: 0;
}
#primary .xoxo {
  padding: 0;
}
#sidebar .xoxo {
  padding-right: 1px;
}
#sidebar-right .xoxo {
  padding-left: 1px;
}
#content .widget ul {}

.widget_search form {
  margin: 0;
  padding: 0;
}

/* -- Tag Cloud Widget -- */
.widget_tag_cloud {
  padding-right: 4px;
}
.widget_tag_cloud div {
  clear: both;
}
.widget_tag_cloud div a {
  line-height: 1.6;
  font-size: 0.875rem;
  color: #fff;
}
.widget_tag_cloud div a:hover {
  color: #ed4547;
}
.widget_tag_cloud .widget_text .textwidget {
  clear: both;
  line-height: 1.3;
  color: #000;
  padding-left: 15px;
}
.widget_tag_cloud .widget_text .textwidget p {
  margin-bottom: 18px;
}
.widget_tag_cloud .widget_text .textwidget p span {
  color: #e90000;
}
#content #sidebar .widget #recentcomments li a {
  display: inline-block;
  background: none;
  padding: 0;
}
#content #sidebar .widget #recentcomments li:hover a,
#content #sidebar .widget #recentcomments li a:hover {
  color: #ed870d;
}

/* -- Opt-in Widget -- */
.widget.wpsb_opt_in {
  padding: 0;
}
.wpsb_opt_in {
  text-align: right;
}
.wpsb_opt_in p {
  margin: 0;
  padding: 0;
}
.wpsb_opt_in form {
  text-align: left;
}
.wpsb_opt_in input[type="text"] {
  width: 126px;
  margin: 5px 0 9px 0;
  padding: 0.5rem;
}
.wpsb_opt_in input[type="submit"] {
  width: 79px;
  height: 26px;
  float: right;
  cursor: pointer;
  background: url(images/subscribe-sprite.png) no-repeat left top;
}
.wpsb_opt_in input[type="submit"]:hover {
  background-position: 0 -26px;
}

/* -- Banner Widget -- */
.widget.widget_wp_bannerize {
  overflow: hidden;
  height: 125px;
  padding-bottom: 23px;
}
.widget.widget_wp_bannerize ul li {
  float: left;
  margin-left: 10px;
}
.widget.widget_wp_bannerize ul li:first-child {
  margin: 0;
}
#content #sidebar-right .widget.widget_wp_bannerize ul li a {
  text-decoration: none;
  background: none;
  padding: 0;
}
		
/* -- 17.0 Footer Widgets -- */
#footer-widget-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 1rem;
}

#footer-widget-area .widget-area {
  flex: 1 1 300px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  right: 0;
}

#footer-widget-area #first,
#footer-widget-area #second,
#footer-widget-area #third {
  margin: 0;
}

/* -- 18.0 Footer -- */
#footer {
  color: #a7a7a7;
  clear: both;
  padding: 2rem 1rem;
  text-align: center;
  background-color: #111;
}

#footer a {
  color: #a7a7a7;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

/* -- 18.1 Footer Notes -- */
#footer-notes {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #a3a3a3;
  padding: 1rem 2rem 0 2rem;
  text-align: center;
}

/* -- Responsive Enhancements -- */
@media (max-width: 768px) {
  #footer-widget-area {
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
  }

  #footer-widget-area .widget-area {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
  }

  #footer {
    padding: 1.5rem 1rem;
  }

  #footer-notes {
    padding: 1rem;
  }
}

/* -- 19.0 Archives Template -- */
.archive-lists .children {
  margin-bottom: 0;
}

/* -- 20.0 Full Width Template -- */
.full-width {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

/* -- 21.0 Contact Form Template -- */
.contactform {
  margin-left: 0;
}
.contactform li {
  list-style: none;
  margin-bottom: 1rem;
}
.contactform li label {
  display: block;
  margin-bottom: 0.5rem;
}
.contactform li input[type="text"],
.contactform li textarea {
  width: 100%;
  max-width: 400px;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.contactform li input.error {
  margin-bottom: 0.5rem;
}
.contactform li textarea {
  height: 100px;
}
.contactform li button {
  width: 130px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  border: none;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
p.error {
  padding: 10px;
  background: #ffffe0;
  border: 1px solid #e6db55;
  color: red;
}
label.error {
  color: red;
  margin-bottom: 1rem !important;
}

/* -- 22.0 WP Pagenavi Support -- */
.wp-pagenavi {
  clear: both;
  padding-top: 0.5rem;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #121110;
  background: #c6c6c6;
  text-align: center;
  width: 27px;
  line-height: 27px;
  display: block;
  float: left;
  font-size: 1.125rem;
  color: #121110;
  margin-right: 3px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: url(images/pagination-bg.gif) no-repeat left top;
  color: #fff;
}
.wp-pagenavi span.current {
  font-weight: bold;
}
.wp-pagenavi span.pages {
  display: none;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
  padding: 0 16px;
  line-height: 29px;
  border: none;
  background: url(images/pagination-bg.gif) repeat-x left top;
  color: #fff;
}
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover {
  color: #ed870d;
}

/* -- 23.0 Browser-Specific Fixes -- */
.safari .widget_search #s,
.safari #commentform input,
.safari #commentform textarea,
.safari .contactform li input,
.safari .contactform li textarea,
.chrome .widget_search #s,
.chrome #commentform input,
.chrome #commentform textarea,
.chrome .contactform li input,
.chrome .contactform li textarea {
  padding: 4px;
}

/* -- Clearfix Utility -- */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: block;
}

/* -- 24.0 Faded Slider -- */
#faded {
  position: absolute;
  top: 330px;
  left: 0;
  width: 100%;
  height: 486px;
  overflow: hidden;
  background: url(images/slider-tail.png) repeat-x left top;
}
#faded ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#faded ul.slides {
  position: absolute;
  top: 7px;
  left: 0;
}
ul.pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
ul.pagination li {
  float: left;
  padding-right: 6px;
}
ul.pagination li a {
  width: 21px;
  height: 21px;
  display: block;
  background: url(images/pagination-sprite.gif) no-repeat -27px 0;
  text-indent: -9999px;
}
ul.pagination li.current a,
ul.pagination li a:hover {
  background-position: 0 0;
}
a {
  outline: 0;
  border: 0;
}

/* -- 25.0 Top Links Menu -- */
#menu-toplinks {
  position: absolute;
  right: 0;
  top: 7px;
}
#menu-toplinks li {
  float: left;
  padding-left: 24px;
  font-size: 0.625rem;
  text-transform: uppercase;
}
#menu-toplinks li a {
  background: none;
  margin: 0;
  padding: 0;
}
#menu-toplinks li a:hover {
  text-decoration: underline;
  color: #fff;
}

/* -- 26.0 Video Preview -- */
#video a {
  width: 260px;
  height: 169px;
  display: block;
  margin-bottom: 23px;
  background: url(images/preview-sprite.jpg) no-repeat 0 0;
}
#video a:hover {
  background-position: 0 -169px;
}

/* = Page Template Styles
----------------------------------------------- */

.featured-image {
  margin-bottom: 1.5rem;
  text-align: center;
}

.featured-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
}

.entry-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #333;
  border-bottom: 2px solid #eee;
  padding-bottom: 0.5rem;
}

.entry-content {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #444;
  padding-top: 1rem;
}

.entry-content a {
  color: #0073aa;
  text-decoration: underline;
  transition: color 0.2s ease;
}

.entry-content a:hover {
  color: #005177;
  text-decoration: none;
}

.edit-link {
  display: inline-block;
  margin-top: 1rem;
  font-size: 0.9rem;
  color: #999;
}

.edit-link a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
  transition: color 0.2s ease, border-bottom 0.2s ease;
}

.edit-link a:hover {
  color: #333;
  border-bottom: 1px solid #333;
}

/* = Author Bio Styles
----------------------------------------------- */

.author-bio {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 2rem auto;
  padding: 1.5rem;
  max-width: 700px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 6px;
}

#author-avatar img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

#author-description h2 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  color: #333;
}

#author-description p {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
}

/* = Responsive Styles
----------------------------------------------- */

@media (max-width: 600px) {
  .author-bio {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #author-avatar img {
    width: 80px;
    height: 80px;
  }

  #author-description h2 {
    font-size: 1.1rem;
  }

  #author-description p {
    font-size: 0.95rem;
  }
}

/* = Comment Form Styles
----------------------------------------------- */

.comment-form {
  max-width: 700px;
  margin: 3rem auto;
  padding: 2rem;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.comment-form p {
  margin-bottom: 1.5rem;
}

.comment-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #333;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  background-color: #fff;
  transition: border-color 0.3s ease;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: #0073aa;
  outline: none;
}

.comment-form textarea {
  min-height: 150px;
  resize: vertical;
}

.comment-form .form-submit {
  text-align: right;
}

.comment-form .form-submit input[type="submit"] {
  background-color: #0073aa;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.comment-form .form-submit input[type="submit"]:hover {
  background-color: #005a8c;
}


/* = Responsive Styles
----------------------------------------------- */

@media (max-width: 600px) {
  .comment-form {
    padding: 1.5rem;
  }

  .comment-form .form-submit {
    text-align: center;
  }

  .comment-form .form-submit input[type="submit"] {
    width: 100%;
  }
}

/* = Slider Styles
----------------------------------------------- */

#faded {
  position: relative;
  margin-bottom: 3rem;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f4f4f4;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.slides {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  transition: transform 0.5s ease;
}

.slides li {
  flex: 0 0 100%;
  padding: 2rem;
  box-sizing: border-box;
  scroll-snap-align: start;
  background-color: #fff;
  border-radius: 4px;
  padding-bottom: 1rem;
}

.slides li h3 {
  font-size: 1.75rem;
  margin-bottom: 0.75rem;
  color: #222;
}

.slides li p {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.slides li a {
  display: inline-block;
  margin-top: 0.75rem;
  font-weight: 600;
  color: #0073aa;
  text-decoration: none;
}

.slides li a:hover {
  text-decoration: underline;
}


/* = Slider Navigation Arrows
----------------------------------------------- */

.slider-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.slider-nav button {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  cursor: pointer;
  pointer-events: auto;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.slider-nav button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


/* = Responsive Slider
----------------------------------------------- */

/* Base styles for all screen sizes */
.slides {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.slides li {
  flex: 1 1 100%;
  text-align: center;
  padding: 2rem;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}

.slides li h3 {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}

.slides li p {
  font-size: 1.1rem;
  max-width: 700px;
  margin: 0 auto;
}

.slider-nav {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 1rem;
}

.slider-nav button {
  font-size: 1.2rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
}

/* Mobile styles */
@media (max-width: 600px) {
  .slides li {
    padding: 1.5rem;
  }

  .slides li h3 {
    font-size: 1.4rem;
  }

  .slides li p {
    font-size: 0.95rem;
  }

  .slider-nav button {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
  }
}

/* Equal height columns using Flexbox */
.equal-height-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.equal-height-row > .box {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 600px) {
  .slides li {
    padding: 1rem;
  }

  .slides li h3 {
    font-size: 1.2rem;
  }

  .slides li p {
    font-size: 0.9rem;
  }

  .slider-nav {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
  }

  .slider-nav button {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
  }
}


/* ----------------------------------------
   Navigation: Modern Dropdown Menu
------------------------------------------- */
.nav-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-menu li {
  position: relative;
}

.nav-menu a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
}

/* Dropdown styles */
.nav-menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  list-style: none;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 999;
}

.nav-menu li:hover > ul,
.nav-menu li:focus-within > ul {
  display: block;
}

/* ----------------------------------------
   Responsive Layout: Mobile Styles
------------------------------------------- */

@media (max-width: 768px) {
  .wrapper {
    padding: 0 15px;
  }

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

  .nav-menu {
    flex-direction: column;
    gap: 0;
  }

  .nav-menu li {
    width: 100%;
  }

  .nav-menu a {
    padding: 12px;
    text-align: left;
  }

  .slider-area h3,
  .slider-area p {
    font-size: 1rem;
    text-align: center;
  }

  .widget-area,
  .top-tail {
    padding: 10px;
    text-align: center;
  }
}

/* ----------------------------------------
   Navigation Visibility Fix
------------------------------------------- */

.nav-menu {
  position: relative;
  z-index: 999;
}

#menu-toggle {
  position: relative;
  z-index: 1000;
}


/* ----------------------------------------
   Ensure Menu Collapses on Mobile
------------------------------------------- */

@media (max-width: 768px) {
  .nav-menu {
    display: none;
    flex-direction: column;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  .nav-menu.open {
    display: flex;
  }

  .nav-menu li {
    width: 100%;
  }

  .nav-menu a {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
  }
}


/* ----------------------------------------
   Menu Toggle Visibility
------------------------------------------- */

#menu-toggle {
  position: relative;
  z-index: 1000;
  background: none;
  border: none;
  font-size: 2rem;
  margin: 10px;
  cursor: pointer;
  color: #333;
}

@media (max-width: 768px) {
  #menu-toggle {
    display: block;
  }
}


/* ----------------------------------------
   Responsive Navigation Toggle
------------------------------------------- */

#menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 2rem;
  margin: 10px;
  cursor: pointer;
}

@media (max-width: 768px) {
  #menu-toggle {
    display: block;
  }

  .nav-menu {
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  .nav-menu.open {
    display: flex;
  }

  .nav-menu li {
    width: 100%;
  }

  .nav-menu a {
    padding: 12px;
    text-align: left;
  }
}



/* = 404 Fallback Navigation Styles
----------------------------------------------- */

.error-404 {
  text-align: center;
  padding: 4rem 2rem;
}

.error-404 .page-title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #333;
}

.error-404 .page-content {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #555;
}

.error-404 .page-content p {
  margin-bottom: 2rem;
}

.error-404 .page-content form {
  margin-bottom: 2rem;
}

.fallback-navigation ul {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.fallback-navigation li a {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  background-color: #0073aa;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.fallback-navigation li a:hover {
  background-color: #005a8c;
}