/*
Theme Name: 17th Avenue Designs
Theme URI: http://17thavenuedesigns.com
Author: Lisa Butler
Author URI: http://elembee.com
Template: hybrid

*/

/*************************
	1. Import Styles
*************************/

/* CSS Reset */

@import url('/National_Library/cs_/http://17thavenuedesigns.com/wp-content/themes/hybrid/library/css/reset.css');

/* Fonts */

@import url("//web-archive.nli.org.il/National_Library/cs_///hello.myfonts.net/count/277fb7");
@import url("//web-archive.nli.org.il/National_Library/cs_///hello.myfonts.net/count/277faa");
@import url('icons.css');


/* Fontello CSS */
@import url('icons.css');


/* Social Media Icons
----------------------------------------------- */
i {
color: #000000;
font-family: Fontello;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
i:hover,
.etsy:hover {
color: #c7af83;
}

#top-bar-container i {
padding: 0 0 0 8px;
}

.footer-icons i { color: #A29B94; 
padding: 0 8px 0 0; }

div#banner-top {
  background: #FAF7F4;
  text-align: center;
  padding: 8px;
  font-family: 'Archer A', 'Archer B', serif;
  font-size: 15px;
  letter-spacing: 1px;
  margin: 20px 0 0;
  margin-bottom: -20px;
}

.footer-icons i:hover, .footer-icons .etsy:hover { color:#000; }

.icon-pinterest, .icon-gplus,
.icon-tumblr, .icon-youtube, .icon-instagram {
font-size:15px;
}
.icon-instagram { font-size: 15px; }
.icon-facebook {
margin-top:-4px;
font-size:15px;
}
.icon-twitter {
font-size:17px;;
margin-top:2px
}
.icon-heart {font-size:17px;}

.icon-rss {
font-size:15px;
}
.icon-email {
font-size:19px;
}
.etsy {
font-family: Times New Roman;
font-size: 19px;
font-weight: lighter;
padding: 0 3px;
margin: 0 1px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
} 



.ac-container{
	max-width: 1000px;
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label {
font-family: 'Archer A', 'Archer B';
padding: 5px 20px;
position: relative;
z-index: 20;
display: block;
height: 30px;
max-width: 300px;
width: 100%;
margin: auto;
border: 1px solid;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
line-height: 33px;
font-size: 19px;
background: #ffffff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ac-container label:hover{
	background: #fbe3d9;
	color:#000;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(/National_Library/oe_/http://17thavenuedesigns.com/wp-content/themes/images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(/National_Library/oe_/http://17thavenuedesigns.com/wp-content/themes/images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p {
font-style: normal;
line-height: 23px;
font-family: Brandon;
text-transform: uppercase;
font-size: 16px;
padding: 20px;
letter-spacing: 2.5px;
}
.ac-container input:checked ~ article {
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
background: #faf8f4;
max-width: 1000px;
width: 100%;
text-align: left;
}
.ac-container input:checked ~ article.ac-small{
	height: 115px;
padding: 30px 0 0;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}

.resource-heading {
    background-color: #fbeae2;
    color: #000;
    text-align: center;
    font: normal 15px Brandon;
    padding: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 0 20px;
}
.resource-name:hover {
    color: black;
}
.resource-name {
    color: #c7af83;
font-size: 15px;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

.gform_wrapper textarea { padding: 15px; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    padding: 8px;
}
.blog-button a {
    text-align: center;
    padding: 15px 25px;
    background-color: #c7af83;
    color: #fff !important;
    font: normal 12px Brandon, sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase !important;
    margin: 0 auto 30px !important;
}
.blog-button {
    margin: 32px auto 50px !important;
    text-align: center;
}
.blog-button a:hover {
    background-color: #fccbb6;
}

/*************************
	2. Layout
*************************/

.blog-design-title {text-align: center; font-family: Brandon; font-weight: 600; color: #fff; letter-spacing: 2.5px; font-size: 20px; text-transform: uppercase; padding: 20px; margin-bottom: 25px;}

.blog-design-content {font-family: 'Archer A', 'Archer B', serif;  text-align:center; letter-spacing: 1px; line-height: 24px; font-size: 16px;}

.blogger-wrap {background: url('https://web-archive.nli.org.il/National_Library/oe_/http://17thavenuedesigns.com/wp-content/uploads/2014/08/blogger-packages.png') no-repeat; height: 418px;}

.wp-wrap {background: url('https://web-archive.nli.org.il/National_Library/oe_/http://17thavenuedesigns.com/wp-content/uploads/2014/08/wordpress-packages.png') no-repeat; height: 418px;}

.blog-design-price {text-align: center; font-family: Brandon; font-style: normal; font-weight: 600; letter-spacing: 2.5px; font-size: 16x; text-transform: uppercase; padding-top: 4px; padding-left: 0;}

.adds-wrap {
background: #faf8f4;
height: 200px;
}
.adds-title {
text-align: center;
font-family: Brandon;
font-weight: 600;
color: #000;
letter-spacing: 2.5px;
font-size: 20px;
text-transform: uppercase;
padding: 30px 0 5px 0;
}

.quote-button {
max-width: 1000px;
width: 100%;
letter-spacing: 2.5px;
padding: 19px;
font-size: 16px;
text-align: center;
font-family: Brandon;
text-transform: uppercase;
color:#fff;
background-color: #c7af83;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.quote-button a {
color:#fff;
}
.quote-button a:hover {
color:#fff;
}
.quote-button:hover {background-color:#fbd6c6;color:#fff;}

.small-button {
text-align: center;
font-family: Brandon, sans-serif;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 20px;
color: #fff;
background: #000;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.small-button a {
color: #fff;
}
.small-button a:hover {
color:#fff;
}

.small-button:hover {background:#fbd6c6;color:#fff;}

.queue-wrap {
background:#faf8f4;
height:210px;
}

.queue-title {
font-family:Brandon;
font-size:18px;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
padding:20px 0 15px;
}

.queue-list {
font-family: 'Archer A', 'Archer B', serif;
font-size:17px;
text-align:center;
line-height:26px;
}


.portfolio-button {
font-family: 'Archer A', 'Archer B';
padding: 5px 20px;
position: relative;
z-index: 20;
display: block;
height: 30px;
max-width: 300px;
width: 100%;
margin: auto;
border: 1px solid;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
line-height: 33px;
font-size: 19px;
background: #ffffff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.portfolio-button:hover, .portfolio-button a:hover {
background: #fbe3d9;
	color:#000;
}

.portfolio-features-wrap {
background:#faf8f4;
padding:10px;
}

.portfolio-features-title {
font-family: 'Archer A', 'Archer B', serif; 
text-transform:uppercase;
letter-spacing:2.5px;
font-size:20px;
padding:10px;
}

.portfolio-features-text {
font-family: Brandon;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 5px;
padding: 3px 0 3px 100px;
line-height: 28px;
}
.portfolio-features-right {
font-family: Brandon;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 4px;
padding: 3px 0 3px 90px;
line-height: 28px;
}
#gw_go_portfolio_portfolio .gw-gopf-style-flex a.gw-gopf-post-overlay-btn {
background: #fff;
margin-left: 3px;
border: 1px solid black;
font-family: 'Brandon', sans-serif; 
color: #000;
text-transform: uppercase;
padding: 5px 20px;
letter-spacing: 2px;
margin-right: 3px;
}

#body-container {
	overflow: hidden;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	}

#container {
	overflow: hidden;
	max-width: 1000px;
	width: 100%;
	}

.content {
	overflow: hidden;
	float: right;
	max-width: 1000px;
	width: 100%;
	}

.blog .content {
	overflow: hidden;
	float: right;
	max-width: 620px;
	width: 100%;
	}

.sidebar {
	position: relative;
	float: left;
	max-width: 340px;
	width: 100%;
	}

#subsidiary-container {
	clear: both;
	overflow: hidden;
	}

#subsidiary {
	clear: both;
	overflow: hidden;
	}

#footer-container {
	clear: both;
	overflow: hidden;
	}

#footer {
	clear: both;
	overflow: hidden;
	}



/*************************
	3. General
*************************/

/* Body */
body {
	font: 14px/1.5em 'Acta', serif; 
	color: #000;
	letter-spacing: .06em;
}

/* Paragraphs */
p {margin-bottom: 18px;}
.no-margin {margin-bottom: 0;}

/* Links */
a, .blog-button a {
	color: #000;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
	a:hover {color: #c2a163;}
	a:active {color: #c2a163;}

/* Alignment */
.alignleft, .left {float: left; margin-right: 20px;}
.alignright, .right {float: right; margin-left: 20px;}
.aligncenter, .center {display: block; margin: 0 auto;}
.alignnone, .block {clear: both; margin: 0;}
.clear {clear: both;}
img.alignleft, img.alignright {display: inline;}
blockquote.alignleft, blockquote.alignright {width: 33%}

/* Images */

.entry-content img {margin-bottom: 18px;}
	img.wp-smiley {padding: 0; margin: 0;}

.thumbnail {}

.wp-caption {margin-bottom: 18px;}
	.wp-caption img {margin-bottom: 0;}
	.wp-caption p {margin-bottom: 0;}

/* Object */
object {margin-bottom: 18px;}

/* Tables */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
th, td {text-align: left;}

/* Forms */

input, textarea {padding: 6px; font: 16px 'Acta', serif; color: #a29b94; border: 1px solid #c2a163;}
input[type="submit"] {cursor: pointer; background: #fccbb6; font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; color: #fff; border: none; font-weight: bold;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
input[type="submit"]:hover {background: #c7af83;}
:focus {outline: none;}
form label {cursor: pointer; font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; font-weight: bold;}
option {padding: 1px 3px;}
select {width: 100%; padding: 6px; font: 16px 'Acta', serif; color: #a29b94; border: 1px solid #c2a163; background: #fff; -webkit-appearance: none; box-sizing: none; -webkit-box-align: none; border-radius: 0; -webkit-border-radius: 0; white-space: normal; font: inherit; line-height:inherit;}

.wpcf7-form input, .wpcf7-form textarea {width: 97.5%}
.wpcf7-form input[type="submit"] {
  width: auto;
  float: right;
  padding: 10px 20px;
  color: #fff !important;
}
.wpcf7-form p {clear: both;}
.wpcf7-form p.contact-left {width: 48%; float: left; clear: left;}
.wpcf7-form p.contact-right {width: 48%; float: right; clear: right;}
	.wpcf7-form p.contact-left input, .wpcf7-form p.contact-right input {width: 95%}
.wpcf7-response-output {border: none !important; text-align: center; font-style: italic;}

::selection {
	background: #fdeae9; /* Safari */
	}
::-moz-selection {
	background: #fdeae9; /* Firefox */
}

/*************************
	4. Typography
*************************/

/*************************
	4.1. @font-face
*************************/

/* Acta */
@font-face {
	font-family: 'Acta';
	src: url('fonts/acta.eot');
	src: url('fonts/acta.eot?#iefix') format('embedded-opentype'),
	url('fonts/acta.woff') format('woff'),
	url('fonts/acta.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Acta';
	src: url('fonts/acta-italic.eot');
	src: url('fonts/acta-italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/acta-italic.woff') format('woff'),
	url('fonts/acta-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Brandon Grotesque */
@font-face {
	font-family: 'Brandon';
	src: url('fonts/brandon.eot');
	src: url('fonts/brandon.eot?#iefix') format('embedded-opentype'),
	url('fonts/brandon.woff') format('woff'),
	url('fonts/brandon.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}




/*************************
	4.2. Headers
*************************/

h1, h2 {
	font-family: 'Archer A', 'Archer B', serif; 
	font-weight: 500;
	font-style: italic; 
	color: #000;
	line-height: 1em;
}

h3 {
	font-family: 'Brandon', sans-serif; 
	font-weight: bold;
	font-style: normal; 
	color: #000;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
}

h4, h6 {
	font-family: 'Archer A', 'Archer B', serif; 
	font-weight: 500;
	font-style: normal; 
	color: #000;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing:.1em;
}

	h1 {font-size: 48px;}
	h2 {font-size: 36px;}
	h3 {font-size: 22px;}
	h4, h5, h6 {font-size: 20px;}

h5 {
	font-family: 'Brandon', sans-serif; 
	font-size: 18px;
	color: #c2a163;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: bold;
}



/*************************
	4.3. Titles
*************************/

.archive-title, .author-title, .term-title, .category-title, .tag-title, .date-title, .search-title {
	font-family: 'Archer A', 'Archer B', serif; 
	font-weight: 500;
	font-style: italic; 
	color: #000;
	line-height: 1em;
	font-size: 48px;
	text-align:center;
	padding: 20px 0;
	border-top: 1px solid #d8cfc5;
	border-bottom: 1px solid #d8cfc5;
	margin-bottom: 20px;
}

.archive-title a, .author-title a, .term-title a, .category-title a, .tag-title a, .date-title a, .search-title a {
	color: #000;
}

.entry-title, .post-title, .page-title, .attachment-title, .error-404-title {
	font-family: 'Archer A', 'Archer B', serif; 
	font-weight: 500;
	font-style: italic; 
	color: #000;
	line-height: 1em;
	font-size: 40px;
	text-align:center;
	padding: 20px 0;
	border-top: 1px solid #d8cfc5;
	border-bottom: 1px solid #d8cfc5;
	margin-bottom: 20px;
}

.entry-title a, .post-title a, .page-title a, .attachment-title a, .error-404-title a {
	color: #000;
}

.tagline {font: 16px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; color: #fccbb6; margin-top: 12px;}



/*************************
	4.4. Other Elements
*************************/

/* Text elements */
strong {font-weight: bold;}
strong strong {font-weight: normal;}
em, cite {font-style: italic;}
em em, cite cite {font-style: normal;}
abbr {cursor: help;}
acronym {text-transform: uppercase; cursor: help;}
big {font-size: 120%}
small, sup, sub {font-size: 80%}
sup {vertical-align: baseline; position: relative; bottom: 0.3em;}
sub {vertical-align: baseline; position: relative; top: 0.3em;}
address {font-style: italic; margin: 0 0 18px 0;}
li address, dd address {margin: 0;}
ins, dfn {font-style: italic; text-decoration: none;}
del {text-decoration: line-through;}

/* Lists */
ol, ul {list-style: none;}
ul {list-style: disc; margin: 0 0 12px 2.5em;}
ol {list-style-type: decimal; margin: 0 0 12px 2.5em;}
	ol ol {list-style: upper-roman;}
		ol ol ol {list-style: lower-roman;}
			ol ol ol ol {list-style: upper-alpha;}
				ol ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}

/* Defition lists */
dl {margin: 0 0 12px 3px;}
dl dt {font-weight: bold; margin: 12px 0 0 0;}
dl dd {margin: 6px 0 0 1.5em;}

/* Blockquotes */

blockquote {padding: 24px; background: #faf7f4; font-style: italic; font-size: 16px; line-height: 1.5em; margin-bottom: 12px;}
	blockquote p:last-of-type {margin-bottom: 0;}
	blockquote em {font-style: normal;}

/* Code */

pre {overflow: auto; font: .9em Monaco, monospace, Courier, "Courier New"; line-height: 1.5em; margin-bottom: 12px; padding: 12px;}
code {font: .9em Monaco, monospace, Courier, "Courier New"}
pre code {font-size: 1em;}




/*************************
	5. Header
*************************/

/*************************
	5.1. Top Bar
*************************/

#top-bar {background: #fbeae2;}
	#top-bar-container { max-width: 1000px; width: 100%; margin: 0 auto;}
	#top-bar a:hover {color: #fccbb6;}

.menu-top-menu-container {max-width: 750px; width: 100%; float: left;}

	ul#menu-top-menu {margin: 0; padding: 10px 0; list-style-type: none;}

	ul#menu-top-menu li {
		display: inline-block;
		list-style: none;
		padding: 0;
		margin: 0 30px 0 0;
		font: 12px 'Brandon', sans-serif; 
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: .2em;
	}

#social {
	max-width: 200px;
	width: 100%;
	float: right;
	padding: 10px 0;
	text-align:right;
}



/*************************
	5.2. Site Title and Tagline
*************************/

#header-container {margin: 60px 0 40px 0;}

#header {max-width: 340px; width: 100%; height: 80px; float: left;}

#site-title {max-width: 340px; width: 100%; height: 80px;}
	#site-title a {
		display: block; 
		max-width: 340px; 
		width: 100%;
		height: 80px; 
		background: url(images/header.png) no-repeat 0 0
	}
	#site-title a span {display:none;}
#site-description {display:none;}




/*************************
	5.3. Navigation
*************************/

#primary-menu {max-width: 660px; width: 100%; float: right;}

#primary-menu ul {margin: 34px 0 0 0; text-align: right;}

	#primary-menu li {
		position: relative;
		display: inline-block;
		list-style: none;
		padding: 0;
		margin: 0 0 0 40px;
		font: 14px 'Brandon', sans-serif; 
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: .2em;
	}

	#primary-menu li:first-of-type {margin-left: 0;}

	#primary-menu li a {color: #c2a163;}
		#primary-menu li a:hover {color: #000;}

	#primary-menu li.current-menu-item a {color: #000;}

	.sf-sub-indicator {display: none;}

	#primary-menu ul.sub-menu {
		display: block; 
		width: 250px !important; 
		position: absolute; 
		top: 100%; 
		left: 50% !important; 
		margin: 0 0 0 -125px !important; 
		background: #fff; 
		z-index:200; 
		text-align:center; 
		padding-top: 5px;
	}

		#primary-menu li ul.sub-menu li {padding: 0 0 5px 0; margin: 0; font-size: 12px;}

		#primary-menu li ul.sub-menu li a {color: #fccbb6;}
			#primary-menu li ul.sub-menu li a:hover {color: #000;}

	#primary-menu li ul.sub-menu {visibility: hidden;}
	#primary-menu li:hover ul.sub-menu {visibility: visible;}




/*************************
	6. Footer
*************************/

#before-footer {background: #FAF7F4; color: #A29B94; font: 20px 'Archer A', 'Archer B', serif; font-weight: 500;}
	#before-footer-container {max-width: 1000px; width: 100%; margin: 0 auto; padding: 20px 0;}

#before-footer input#mce-EMAIL {max-width: 345px; width: 100%; margin-left: 20px; border: 0; font: 16px 'Acta', serif; font-style: italic;}
#before-footer input#mc-embedded-subscribe {float: right; background: none; border: none; padding: 0; font: 20px 'Archer A', 'Archer B', serif; font-weight: 500; text-transform: lowercase; font-style: italic; color: #A29B94; letter-spacing: normal;}
	#before-footer input#mc-embedded-subscribe:hover {color: #000;}

#footer {background: #f5efe9; color: #a29b94;}
	#footer-container {max-width: 1000px; width: 100%; margin: 0 auto; padding: 20px 0;}
	#footer a {color: #a29b94;}
		#footer a:hover {color: #000;}

	#footer-left {max-width: 490px; width: 100%; float: left; margin-right: 20px;}
		#footer-left .widget {margin-bottom: 20px;}
		#footer-left .widget:last-of-type {margin-bottom: 0;}

	#footer-center {max-width: 235px; width: 100%; float: left; margin-right: 20px;}

	#footer-right {max-width: 225px; width: 100%; float: left;}

		#footer .widget-title {font: 18px 'Archer A', 'Archer B', serif; font-weight: 500; color: #A29B94; text-transform: uppercase;}

		#footer form.search-form {max-width: 380px; width: 100%; background: #fff;}
		#footer input.search-text {max-width: 300px; width: 100%; border: none; font: 14px 'Acta', serif; font-style: italic; color: #A29B94;}
		#footer input.search-submit {background: url(images/search.png) 0 0 no-repeat; border: none; padding: 0; text-indent: -9999em; width: 16px; height: 16px; float: right; margin: 8px 8px 0 0;}

		ul#menu-footer-menu {margin: 0; padding: 0; list-style-type: none;}

		ul#menu-footer-menu li {
			display: inline-block;
			list-style: none;
			padding: 0;
			margin: 0 30px 0 0;
			font: 12px 'Brandon', sans-serif; 
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: .2em;
		}

		#footer-center ul, #footer-right ul {margin: 0; padding: 0; list-style-type: none;}
		#footer-center li, #footer-right li {margin: 0; padding: 0; list-style-type: none;}

		#site-credits {clear: both; margin-top: 20px; border-top: 1px solid #EEE5DA; padding-top: 20px; text-align: center; font: 10px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .3em;}	





/*************************
	7. Pages
*************************/

#container {margin-bottom: 40px;}

/*************************
	7.1. General styles
*************************/

.navigation-links {clear: both;}
.navigation-links .previous, .navigation-links .next {display: inline-block; padding: 6px; border: 1px solid #c2a163; text-align: center; font: 16px 'Archer A', 'Archer B', serif; font-weight: 500; text-transform: uppercase; letter-spacing: .1em;}
	.navigation-links a {color: #c2a163;}
	.navigation-links .previous {float: left;}
	.navigation-links .next {float: right;}


/*************************
	7.2. Home
*************************/

#main {height: 460px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #D8CFC5;}

#home-nav {max-width: 340px; width: 100%; float: left;}
	#home-nav .button {display: table; max-width: 338px; width: 100%; height: 138px; margin-bottom: 20px; border: 1px solid #C2A163; text-align: center; vertical-align:middle;}
	#home-nav .inner-button {display: table-cell; text-align:center; vertical-align: middle;}
	#home-nav .button h2 {font-size: 40px; font-style: normal; margin-bottom: 12px;}
	#home-nav .button p {-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;font: 13px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 0;}
		#home-nav .button a p {color: #C2A163;}
		#home-nav .button a:hover p {color: #fccbb6;}

#slider {max-width: 640px; width: 100%; height: auto; float: right; position: relative;}
	#slider ul {margin: 0; padding: 0; list-style-type: none;}
	#slider li {margin: 0; padding: 0; list-style-type: none;}

	.unoSlider, .unoSlider ul, .unoSlider .sliderView {max-width: 640px; width: 100%; }
	.unoSlider ul, .unoSlider .sliderView {min-height: 460px;}
	.unoSlider ul {list-style: none; margin: 0; padding: 0; overflow: hidden; position: relative;}

	.unoSliderNav {background: #fff; padding: 3px 9px; display: table; text-align: center; margin: -16px auto 0 auto; position: relative; z-index: 100;}
	.unoSliderNav span {color: #D8CFC5; cursor: pointer; font-size: 40px; khtml-user-select: none; margin-right: 0; moz-user-select: none; ms-user-select: none; o-user-select: none; user-select: none; webkit-user-select: none;}

	.unoSliderNav span:hover, .unoSliderNav span:active {color: #fccbb6;}
	.unoSliderNav span.current {color: #fccbb6;}

	.unoSlider .sliderView {left: 1000px; opacity: 0; position: absolute; top: 0; z-index: 1;}
	.unoSlider .sliderView.current {left: 0; opacity: 1; z-index: 10;}

#subsidiary {background: url(images/subsidiary.png) 0 0 repeat-y;}

#newsletter {max-width: 490px; width: 100%;float: left;}

	#newsletter h2 {font-size: 40px; color: #fccbb6;}

	#newsletter input#mce-EMAIL {max-width: 340px; width: 100%; margin-right: 20px; border: 0; background: #FAF7F4; font: 16px 'Acta', serif; font-style: italic;}
	#newsletter input#mc-embedded-subscribe {background: none; border: none; padding: 0; font: 20px 'Archer A', 'Archer B', serif; font-weight: 500; text-transform: lowercase; font-style: italic; color: #fccbb6; letter-spacing: normal;}
		#newsletter input#mc-embedded-subscribe:hover {color: #C2A163;}

#extras {max-width: 490px; width: 100%; float:right;}
	.extra {max-width: 210px; width: 100%; padding: 0 20px; float: left; text-align: center;}
	.extra:last-of-type {padding-right: 0;}

	.extra h2 {font-size: 28px; color: #C2A163;line-height: 34px;margin-bottom: -8px;}

	.extra a {font: 12px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.1em; color: #fccbb6;}
		.extra a:hover {color: #C2A163;}




/*************************
	7.3. Custom Design
*************************/

#process {margin-bottom: 20px; border-bottom: 1px solid #d8cfc5; padding-bottom: 20px;}
#process #process-slider {max-width: 1000px; height: 161px; float: none; position: relative; overflow: hidden;}
	#process #process-slider ul {margin: 0; padding: 0; list-style-type: none; width: 1000px; height: 140px; position: relative; overflow: hidden;}
	#process #process-slider li {margin: 0; padding: 0; list-style-type: none;}

	#process .unoSlider, #process .unoSlider ul, #process .unoSlider .sliderView {width: 1000px;}
	#process .unoSlider ul, #process .unoSlider .sliderView {min-height: 140px;}
	#process .unoSlider ul {list-style: none; margin: 0; padding: 0; overflow: hidden; position: relative;}

	#process .unoSliderNav {width: 340px; background: none; padding: 2px 0; display: table; text-align: center; margin: 0; position: relative; z-index: 100;}
	#process .unoSliderNav span {color: #D8CFC5; cursor: pointer; font-size: 40px; khtml-user-select: none; margin-right: 0; moz-user-select: none; ms-user-select: none; o-user-select: none; user-select: none; webkit-user-select: none;}
	#process .unoSliderNav span:hover, #process .unoSliderNav span:active {color: #fccbb6;}
	#process .unoSliderNav span.current {color: #fccbb6;}

	#process .unoSlider .sliderView {left: 1000px; opacity: 0; position: absolute; top: 0; z-index: 1;}
	#process .unoSlider .sliderView.current {left: 0; opacity: 1; z-index: 10;}

	#process .process-title {display: table; width: 298px; height: 98px; float: left; padding: 20px; border: 1px solid #c2a163;}
	#process h2 {display: table-cell; vertical-align: middle; font-size: 40px; font-style: normal; text-align: center;}

	#process .process-description {width: 600px; height: 100px; float: right; padding: 20px; background: #faf7f4; font-style: italic;}
		#process .process-description p {margin-bottom: 0;}

#packages {max-width: 1040px; width: 100%; background: url(images/packages-divider.png) repeat-y;}
#packages .package-section {max-width: 480px; width: 100%; float: left; margin-right: 40px;}

	.intro-title {display: table; margin: 0 auto 20px auto; padding: 5px 10px; background: #fccbb6;}
		.intro-title h2 {color: #fff; font: 24px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}

	.package {padding: 20px; background: #faf7f4; margin-bottom: 20px;}
		.package-section .package:last-of-type {margin-bottom: 0;}

	.package-description {margin-bottom: 10px; font-style: italic;}
		.package-description p {margin-bottom: 0;}
		.package-description a {font-size: 11px; font-family: 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em; font-style: normal; text-decoration: none;}

	.package-title h2 {font-size: 24px; font-style: normal; margin-bottom: 10px;}

	.accordion-button, .accordion-button-selected {cursor: pointer;}
		.package h3 {font-size: 14px; color: #c2a163; margin-bottom: 10px;}

	#packages .info p:last-of-type {margin-bottom: 0;}

	#packages .price {font: 16px 'Archer A', 'Archer B', serif; font-weight: 500; color: #fccbb6; text-transform: uppercase; letter-spacing: .2em;}

	.accordion-content {margin-bottom: 20px;}

.call-to-action {padding: 10px; margin-top: 20px; background: #fedacb; text-align: center; color: #fff; font: 24px 'Archer A', 'Archer B', serif; font-weight: 500;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;}
.call-to-action:hover {
background: #c7af83;
}
	.call-to-action a {color: #fff;}
	.call-to-action p {margin-bottom: 0;}
	.call-to-action strong {font-weight: 500; text-transform: uppercase; letter-spacing: .1em;}




/*************************
	7.4. Portfolio
*************************/

#portfolio {width: 1040px;}

#portfolio .portfolio {width: 320px; height: 240px; float: left; margin-right: 20px; margin-bottom: 20px; text-align: center;}
	#portfolio .portfolio .featured-image {margin-bottom: 10px;}
	#portfolio .portfolio h3 {font-size: 18px;}

#portfolio-menu {position: relative; margin-bottom: 20px;}

#portfolio-menu ul {
	margin: 0; clear: left; float: left; position: relative; left: 50%; text-align: center;	
}

	#portfolio-menu li {
		position: relative;
		float: left;
		right: 50%;
		list-style: none;
		padding: 0;
		margin: 0 10px;
		font: 16px 'Archer A', 'Archer B', serif;
		font-weight: 500; 
		text-transform: uppercase;
		letter-spacing: .1em;
	}

	#portfolio-menu li a {display: inline-block; padding: 5px 10px; color: #c2a163; border: 1px solid #c2a163;}
		#portfolio-menu li a:hover {color: #fccbb6; border: 1px solid #fccbb6;}

	#portfolio-menu li.current-menu-item a {color: #fccbb6; border: 1px solid #fccbb6;}

.portfolio-description {width: 340px; float: left;}
	.portfolio-description h3 {font-size: 16px; color: #c2a163;}
	.portfolio-description a {font: 24px 'Archer A', 'Archer B', serif; font-weight: 500; font-style: italic; text-transform: lowercase; color: #fccbb6;}




/*************************
	7.5. FAQs
*************************/

#faqs {max-width: 1040px; width: 1040px; background: url(images/packages-divider.png) repeat-y;}
#faqs .faq-section {max-width: 480px; width: 100%; float: left; margin-right: 40px;}

	.intro-title {display: table; margin: 0 auto 20px auto; padding: 5px 10px; background: #fedacb;}
		.intro-title h2 {color: #fff; font: 24px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}

	.faq-category {padding: 20px; background: #faf7f4; margin-bottom: 20px;}
		.faq-section .faq-category:last-of-type {margin-bottom: 0;}

	.faq-title h2 {font-size: 24px; font-style: normal; margin-bottom: 10px;}

		.faq-category h3 {font-size: 14px; color: #c2a163; margin-bottom: 10px;}

	.faq-category .info a {font-size: 11px; font-family: 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}



/*************************
	7.6. About
*************************/

#about .section {margin-bottom: 20px;}

#about .about-title {display: table; max-width: 298px; width: 100%; height: 98px; float: left; padding: 20px; border: 1px solid #c2a163;}
#about h2 {display: table-cell; vertical-align: middle; font-size: 40px; font-style: normal; text-align: center;}

#about .about-description {max-width: 600px; width: 100%; height: 100px; float: right; padding: 20px; background: #faf7f4; font-style: italic;}
	#about .about-description p {margin-bottom: 0;}
	
	#about .about-description a {color:#c2a163;}

	#about .about-description a:hover {color:#fccbb6;}



/*************************
	7.7. FAQs
*************************/

#testimonials {width:1040px; background: url(images/packages-divider.png) repeat-y;}
#testimonials .testimonials-section {max-width: 480px; width: 100%; float: left; margin-right: 40px;}

	.intro-title {display: table; margin: 0 auto 20px auto; padding: 5px 10px; background: #fedacb;}
		.intro-title h2 {color: #fff; font: 18px 'Brandon', sans-serif; padding: 5px 30px; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}

	.testimonial {padding: 20px; background: #faf7f4; margin-bottom: 20px;letter-spacing: .04em;}
		.testimonial:last-of-type {margin-bottom: 0;}
	
	.testimonial a {font: 14px 'Brandon', sans-serif; text-transform:uppercase; font-weight: bold; letter-spacing:.1em; color: #c2a163;}

	.testimonial a:hover { color: #fedacb; }



/*************************
	7.8. Contact
*************************/

.page-template-contact .content {max-width: 640px; width: 100%; float: right;}

#contact {max-width: 300px;width: 100%; padding: 20px; float: left; background: #faf7f4;}

	#contact .widget-title {font: 18px 'Archer', serif; text-transform: uppercase; letter-spacing: .1em; color: #c2a163;}
	#contact strong {font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.1em;}

#contact ul.menu {margin: 0; padding: 0; list-style: none; text-align: center;}
#contact ul.menu li {max-width: 280px; width: 100%; padding: 5px 10px; background: transparent; border: 1px solid black; text-align:center; color: #A29B94; margin-bottom: 10px; font-size: 18px; text-align:center; font: 15px 'Brandon', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: .2em; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#contact ul.menu li:hover {}
#contact ul.menu a {color: #000; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#contact ul.menu li:hover a {color: #fccbb6;}




/*************************
	8. Blog
*************************/

/*************************
	8.1. Content
*************************/

.post {margin-bottom: 40px;}

.post .entry-content a {
font-family: 'Acta', serif;
color: #c2a163;
text-transform: none;
font-style: normal;
text-decoration: none;
}

.post .entry-content a:hover {
font-family: 'Acta', serif;
color: #f69796;
text-transform: none;
font-style: normal;
text-decoration: none;
}

.blog .loop-title {display: none;}

.singular-post .content {max-width: 620px; width: 100%; float: right;}


/*************************
	8.2. Entry
*************************/

.post-title {margin-bottom: 0; font-size: 36px;}

.byline {display: table; padding: 3px 6px; background: #fff; margin: -15px auto 20px auto; font: 16px 'Archer A', 'Archer B', serif; font-weight: 500; color: #fccbb6; letter-spacing: .1em;}

.entry-meta {padding: 10px 0; border-top: 1px solid #D8CFC5; border-bottom: 1px solid #D8CFC5;}
	.category {font-style: italic; max-width: 380px; width: 100%; float: left;}
		.category .before {font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}
		
	a.comments-link {display: block; text-align: right; max-width: 240px; width: 100%; float: right; font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}

a.more-link {display: table; margin: 0 auto; padding: 6px; background: #fccbb6; font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.1em; color: #fff;}
	a.more-link:hover {background: #c2a163;}

.share {background: #fccbb6; color: #fff; font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.1em; text-align: center; max-width: 200px; width: 100%; padding: 6px 0; margin: 20px auto 0 auto;}
	.share a {margin-left: 10px;}

/*************************
	8.3. Comments
*************************/

#comments-template {}

.comments-header {margin-bottom: 20px;}

#comments {margin-bottom: 40px;}

#comments ol {list-style: none; margin-left: 0;}

#comments li {}
	#comments li li {padding: 20px; background: #fff; margin-top: 20px;}
		#comments li li li {padding: 20px; background: #faf7f4; margin-top: 20px;}
			#comments li li li li {padding: 20px; background: #fff; margin-top: 20px;}
#comments li.thread-even {padding: 20px; background: #faf7f4; margin-bottom: 20px;}
#comments li.thread-odd {padding: 20px; background: #faf7f4; margin-bottom: 20px;}
#comments li.bypostauthor {border-left: 5px solid #fccbb6;}

/* Comment metadata */

#comments .comment-meta {
	font: 18px 'Archer A', 'Archer B', serif; 
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #c2a163;
}

	#comments .comment-meta cite {
		font-style: normal; 
		color: #c2a163; 
	}

	#comments .comment-meta cite a {color: #c2a163;}

/* Comment text */

#comments .comment-text p:last-of-type {margin-bottom: 0;}

a.comment-reply-link {font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; color: #c2a163;}

/* Comment Form */

#respond {}

/* Comment form title */

#reply {}
#reply-title {
	margin-bottom: 20px;
	font-family: 'Archer A', 'Archer B', serif; 
	font-weight: 500;
	font-style: italic; 
	color: #000;
	line-height: 1em;
	font-size: 36px;
	text-align:center;
	letter-spacing: normal;
	text-transform: none;
}

/* Comment form elements */

p#cancel-comment-reply {}
#respond label {display: block;}
#respond input {width: 95.333%; color: #000; font-style: normal;}
#respond textarea {width: 95.333%; color: #000; font-style: normal;}

#respond #comment-left {width: 48.387%; float: left;}
#respond #comment-right {width: 48.387%; float: right;}

#respond input#submit {float: right; clear: right; width: auto; color: #fff;}
	#respond input#submit:hover {}
	
	
	
/*************************
	8.4. Sidebar
*************************/

#blog {max-width: 340px; width: 100%; float: left;}
	#blog a {font-size: 11px; font-family: 'Brandon', sans-serif; font-weight: bold; text-transform:uppercase; letter-spacing:.2em;}

#blog ul, #blog li {margin: 0; padding: 0; text-align: center; list-style-type: none;}

#blog .widget-title {font: 20px 'Archer A', 'Archer B', serif; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: #c2a163;}

#blog .widget {margin-bottom: 20px; clear: both;}
	#blog .widget:last-of-type {margin-bottom: 0;}
#blog .widget p:last-of-type {margin-bottom: 0;}
#blog .widget.with-bg {padding: 20px; background: #faf7f4;}
#blog .widget.with-border {padding: 20px; border: 1px solid #c2a163;}

#blog .subscribe .widget-title {font-size: 30px; font-style: italic; color: #fccbb6; letter-spacing: normal; text-transform: none;margin-bottom: 10px;}
	#blog .subscribe input#mce-EMAIL {padding: 8px 6px; max-width: 288px; width: 100%; background: #faf7f4; border: none; font: 14px 'Acta', serif; font-style: italic;margin-top: 15px;}
	#blog .subscribe input#mc-embedded-subscribe {font: 22px 'Archer A', 'Archer B', serif; font-weight: 500; font-style: italic; color: #fccbb6; text-transform: lowercase; float: right; background: none; padding: 0; margin-top: 5px; border: none; letter-spacing: normal;}

	#blog .subscribe input#mc-embedded-subscribe:hover { color: #c7af83; }

#blog form.search-form {max-width: 300px; width: 100%; background: #fff;}
#blog input.search-text {max-width: 220px; width: 100%; border: none; font: 14px 'Acta', serif; font-style: italic; color: #A29B94;}
#blog input.search-submit {background: url(images/search.png) 0 0 no-repeat; border: none; padding: 0; text-indent: -9999em; width: 16px; height: 16px; float: right; margin: 8px 8px 0 0;}

#blog .button {display: table; max-width: 338px; width: 100%; height: 138px; margin-bottom: 20px; border: 1px solid #C2A163; text-align: center; vertical-align:middle;}
#blog .inner-button {display: table-cell; text-align:center; vertical-align: middle;}
#blog .button h2 {font-size: 40px; font-style: normal; margin-bottom: 12px; text-transform: none; letter-spacing: normal;}
#blog .button p {font: 14px 'Brandon', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 0;}
	#blog .button a p {color: #C2A163;}
	#blog .button a:hover p {color: #fccbb6;}

#blog .widget.left {max-width: 160px; width: 100%; float: left; margin-right: 0; clear: none;}
#blog .widget.right {max-width: 160px; width: 100%; float: right; margin-left: 0; clear: none;}
	#blog .widget.left p, #blog .widget.right p {margin-bottom: 0;}

#blog .navigation h3 {font-size: 14px; color: #A29B94;}

#blog .navigation h3.accordion-button {max-width: 280px; width: 100%; padding: 5px 10px; background: #fff; font-size: 16px; text-align:center; color: #A29B94; margin-bottom: 10px;text-align:center; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
	#blog .navigation h3.accordion-button-selected {max-width: 280px; width: 100%; padding: 5px 10px; background: #fccbb6; font-size: 16px; text-align:center; color: #fff !important; margin-bottom: 10px; text-align:center;}
	#blog .navigation h3.accordion-button:hover {color: #fff; background: #fccbb6;}
		
	#blog .accordion-content {margin-bottom: 10px;}

.sm-icon:hover {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity:.5;
}

input#gform_submit_button_1 {
padding: 10px 15px;
}

label.gfield_label {
padding-top: 15px;
margin-bottom: 0 !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
font-family: Acta;
text-transform: none;
font-weight: normal;
padding-top: 5px !important;
font-size: 13px;
}

.gfield_description {
font-family: Acta !important;
font-size: 12px !important;
}

.ginput_container input {
color: #404040;
}	

textarea#input_1_8 {
color: #404040;
}

div#gform_confirmation_message_1 {
background-color: #fbeae2;
border: 0;
padding: 20px;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

}

@media only screen and (max-width: 999px) {

#faqs, #testimonials {
  max-width: 1040px;
  width: 100%;
}

#top-bar-container { text-align: center; }
#primary-menu ul { text-align: center; }
#primary-menu { max-width: 100%; }
#header {
  float: none;
  text-align: center;
  margin: 0 auto;
}
#footer-container, #body-container {
  width: 95%;
}
#home-nav {
  float: none;
  text-align: center;
  margin: 0 auto;
}
div#main {
  border-bottom: 0;
  height: auto;
}
#slider {
  float: none;
  margin: 0 auto;
  width: 95%;
}
div#subsidiary {
  display: none;
}
#slider img {
  max-width: 100%;
  height: auto;
}

}

@media only screen and (max-width: 767px) {

.footer-icons {
  margin-bottom: 15px;
  text-align: center;
}
div#footer-left {
  max-width: 100%;
  float: none;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.unoSliderNav {
  display: none;
}


}

@media only screen and (max-width: 480px) {

	div#nav_menu-3 {
  margin-bottom: 25px;
  margin-top: 10px;
}
div#footer-center, #footer-right {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.unoSlider ul, .unoSlider .sliderView {min-height: 240px; }

}


@media only screen and (max-width: 320px) {

div#social {
  max-width: 100%;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.menu-top-menu-container {
  margin-left: 12px;
}
#home-nav {
  float: none;
  text-align: center;
  margin: 0 auto;
  max-width: 95%;
}
#footer input.search-text {
  max-width: 100px;
}
ul#menu-footer-menu li {
  display: block;
  padding: 2px;
  text-align: center;
}
ul#menu-footer-menu {
  margin-left: 22px;
}

.unoSlider ul, .unoSlider .sliderView {min-height: 210px; }

#site-title a {
  background-size: contain;
  max-width: 90%;
  margin: 0 auto;
}

}

@media only screen and (max-width: 240px) {


.unoSlider ul, .unoSlider .sliderView {min-height: 190px; }

}


.sale-banner-wrap {
    background: #fbeae2;
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
}
.sale-banner-text {
    font-family: 'Archer A', Archer B, serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
}
.coupon-code {
    font: 15px Brandon;
    letter-spacing: 2px;
}

.wpcf7-form input, .wpcf7-form textarea {
    width: 97.5%;
    color: #333;
    padding: 7px;
    font-size: 15px;
}

.page-title h1 {
    font-size: 40px;
}