/*

	Theme Name: Delicate
	Theme URI: http://esite.com
	Author: eSite
	Author URI: http://esite.com
	Version: 1.0
	Template: framework/build

*/



@import url('css/normalize.css');



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

	@font-face

----------------------------- */
@font-face {
  font-family: 'latobold';
  src: url("css/fonts/lato-bold-webfont.eot");
  src: url("css/fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("css/fonts/lato-bold-webfont.woff") format("woff"), url("css/fonts/lato-bold-webfont.ttf") format("truetype"), url("css/fonts/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoregular';
  src: url("css/fonts/lato-regular-webfont.eot");
  src: url("css/fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("css/fonts/lato-regular-webfont.woff") format("woff"), url("css/fonts/lato-regular-webfont.ttf") format("truetype"), url("css/fonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }


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

	Body

----------------------------- */
body {
  background: #fff;
  font-family: 'latoregular'; }

body.theme-switcher-active.Delicate {
	padding-top: 75px;
}

.gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.button.gform_button {
  font-family: 'latoregular';
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4em;
  margin-left: 112px; }

#mp_login_submit {
	font-size: 14px;
}

#mp_shipping_submit {
	margin-left: 0;
}

.full_wrapper {
	padding: 0;
}

.wrapper {
  max-width: 840px !important; 
  background: #fff;
  padding: 0 60px;
  width: 840px;
  }

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

	Typography

----------------------------- */
/* Block */
p, .gform_description, .gfield_description {
  font-size: 14px;
  line-height: 21px;
  color: #878787; }

.gform_wrapper span.gform_description {
  margin: 0 0 30px 0;
  display: block; }

h1, h2, h3, h4, h5 {
  font-family: 'Rokkitt', serif; }

h1 {
  font-size: 22px; }

h2 {
  color: #4d4d4d;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: .075em;
  font-family: 'latoregular'; }

h3 {
  font-size: 19px;
  letter-spacing: .025em;
  margin: 0 0 .125em; }

/* Lists */
ul, ol {
  padding: 0;
  margin-left: .6em; }

.ul-list {
  display: inline-block;
display: table-cell;
padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  color: #4d4d4d; }
  .ul-list li {
    line-height: 1.75em; }
    
    


/* Inline */
a {
  color: #71860d; }

a.more {
  font-family: 'Rokkitt', serif;
  letter-spacing: 1px;
  text-transform: uppercase; }

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

	Page

----------------------------- */
.wrapper {
  max-width: 100%; }

[role="main"] {
  padding: 0; }

header[role="banner"] .hgroup,
nav.navigation ul,
article,
.columns_three, .columns_two,
.textwidget,
.wooslider,
.aux,
.image-widget {
  max-width: 840px; }

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

	Header

----------------------------- */
header[role="banner"] {
  margin: 0 -60px; }
  header[role="banner"] .hgroup {
    width: 840px;
    margin: 0 auto;
    padding: 30px 0;
    display: table; 


width: 960px;
margin: 0 0px;
padding: 0px;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
max-width: 960px;
   
   }
    header[role="banner"] .hgroup #brand-logo,
    header[role="banner"] .hgroup #slogan {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      font-size: 16px;
      color: #352e33;
      line-height: 19px;
      padding: 30px 40px;
      }
    header[role="banner"] .hgroup #brand-logo {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-family: 'latobold'; }
    header[role="banner"] .hgroup #slogan {
      text-align: right;
      line-height: 1.5em; }
     
header[role="banner"] #brand-logo a {
	vertical-align: middle;
}

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

	Footer

----------------------------- */
footer[role="contentinfo"] {
  margin-top: 50px; }
  footer[role="contentinfo"] hr {
    margin: 0;
    display: none; }
  footer[role="contentinfo"] nav.navigation {
    border-bottom: solid 1px #dfdfdf; }
    footer[role="contentinfo"] nav.navigation ul {
      margin-bottom: 25px; }
  footer[role="contentinfo"] .aux {
    margin: 20px auto 10px; }
  footer[role="contentinfo"] .copyright {
    float: none;
    line-height: 1.75em;
    position: relative;
    top: 5px; }
  footer[role="contentinfo"] .social {
    float: right;
    right: 10px;
    width: auto;
    display: table-cell;
    text-align: right;
    max-width: 60%;
    min-width: 0%;
    position: relative;
    z-index: 10; }
    footer[role="contentinfo"] .social a {
      height: 28px;
      display: -moz-inline-box;
      -moz-box-orient: vertical;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      margin-left: 8px;
      display: inline-block;
      color: #878787; }
      footer[role="contentinfo"] .social a .text {
        padding: 5px 5px 0 35px;
        display: block; }
    footer[role="contentinfo"] .social a:before {
      font-family: 'socialicoregular';
      content: 'a';
      display: inline-block;
      font-size: 35px;
      position: relative;
      top: -3px;
      line-height: 1em;
      margin: 0 5px 0 0;
      float: left; }
    footer[role="contentinfo"] .social .facebook:before {
      content: 'f'; }
    footer[role="contentinfo"] .social .twitter:before {
      content: 't'; }
    footer[role="contentinfo"] .social .pinterest:before {
      content: '&'; }
    footer[role="contentinfo"] .social .youtube:before {
      content: 'x'; }
  footer[role="contentinfo"] .poweredby {
    position: relative;
    display: block;
    bottom: 0;
    margin: 10px 0 30px; }

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

	Navigation

----------------------------- */
nav.navigation {
  border-top: solid 1px #dfdfdf;
  padding-bottom: 10px; }
  nav.navigation ul {
    margin: 30px auto 0px;
    font-size: 18px;
    font-family: 'Rokkitt', serif;
    letter-spacing: .05em;
    text-align: center; }
    nav.navigation ul li {
      margin: 0 25px; }
    nav.navigation ul ul {
      margin-top: 0; }
      nav.navigation ul ul li {
        margin: 0;
        font-size: 1.6em; }
        nav.navigation ul ul li a {
          font-size: 16px; }
    nav.navigation ul a {
      color: #5a5a5a; }
    nav.navigation ul .current-menu-item a {
      color: #71860d; }
    nav.navigation ul .current-menu-item li a {
      color: #5a5a5a; }



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

	Articles & Pages

----------------------------- */
article {
  margin: 0 auto; }

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

	Image Styling

----------------------------- */
.img {
  position: relative; }

.img img {
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  z-index: 10; }

.img:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px #d1d1d1;
  border-radius: 3px;
  position: absolute;
  background: #fff;
  z-index: 2; }

.img:after {
  border: solid 1px #d1d1d1;
  width: 99%;
  height: 10px;
  content: '';
  display: block;
  bottom: -4px;
  position: absolute;
  z-index: 1;
  left: .35%;
  border-radius: 3px; }

/* Slideshow Image */
.wooslider .img img,
.wooslider.wooslider-type-attachments img {
  padding: 17px !important; }

.wooslider .img:after {
  border: none;
  width: 102%;
  background: #eee;
  height: 1px;
  bottom: 0px;
  left: -0.8%;
  box-shadow: 0 1px 10px #333;
  border-radius: 3px; }

.wooslider.wooslider-type-attachments {
  margin-bottom: 20px !important; }

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

	Widgets

----------------------------- */
/* Columns */
.columns_three, .columns_two {
  margin-left: auto;
  margin-right: auto; }

/* Section Header */
.section_header {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .32em;
  color: #2b2b2b;
  font-size: 14px;
  margin: 35px 0 15px;
  padding: 0;
  display: inline-block;
  width: 100%;
  border-top: solid 1px #dfdfdf;
  font-family: 'Rokkitt', serif; }

.section_header span {
  display: inline-block;
  background: #fff;
  padding: 0 20px;
  top: -11px; }

/* Headline/Subheadline */
.sub_headline {
  margin: 20px 0 30px; }

.sub_headline h1, .post header h1 {
  font-size: 36px;
  letter-spacing: 2px;
  text-transform: uppercase; }

/* Text */
.textwidget {
  margin: 0 auto; }

/* Image */
.image-widget {
  margin: 0 auto 28px; }

/* HR */
hr {
  color: #dfdfdf;
  background: #dfdfdf;
  border-top: none; }

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

	Slideshows

----------------------------- */
.wooslider {
  margin: 0 auto !important; }
  .wooslider p {
    margin-top: 0; }
  .wooslider .slides > li {
    width: 100%; }

.wooslider-direction-nav .wooslider-next {
  background-position: -52px 0px;
  right: 0; }

.flex-caption {
  bottom: 31px;
  left: 17px;
  width: 756px;
  font-family: 'Rokkitt', serif;
  font-size: 20px;
  letter-spacing: .025em; }

  	.wooslider.wooslider-type-attachments .flex-caption {
	  	bottom: 17px;
  	}
  	
  	.wooslider.wooslider-type-attachments .wooslider-control-nav {
	  	top: 10px;
  	}

.wooslider-direction-nav .wooslider-prev,
.wooslider:hover .wooslider-prev {
  background: url("images/arrow-left.png") no-repeat 0 50%;
  left: -42px !important; }

.wooslider-direction-nav .wooslider-next,
.wooslider:hover .wooslider-next {
  background: url("images/arrow-right.png") no-repeat 0 50%;
  right: -72px !important; }

[role="main"] .slide p a {
	border-bottom: none !important;
}

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

	Browser Fixes

----------------------------- */
/* Firefox */
@-moz-document url-prefix() {
  .wooslider .alignleft,
  .wooslider .alignnone {
    -moz-box-sizing: border-box; }

  .img img {
    -moz-box-sizing: border-box; }

  .wooslider p {
    margin-bottom: 0; }

  .flex-caption {
    bottom: 18px; } }

/* Internet Explorer */
.ie9 .wooslider {
  box-shadow: none; }
  .ie9 .wooslider .slide {
    width: 100% !important;
    max-width: 100% !important;
    vertical-align: bottom; }





.columns_three .column.column_2 {
margin: 0 26px 0 26px;
}

.columns_two .column_1 {
margin-right: 64px;
}



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

	Browser Fixes

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

.ie7 nav.navigation ul {
	padding-top: 30px;
}

.ie7 .sf-sub-indicator {
	margin-top: -3px;
}

.ie7 #brand-logo {
	float: left;
	width: 40%;
	position: relative;
	top: 5px;
}

.ie7 #slogan {
	float: right;
	width: 40%;
}

.ie7 .flex-caption {
	bottom: 0;
	left: 0;
	width: 790px;
}

.ie7 footer nav {
	padding-bottom: 30px;
}

.ie7 .wooslider .img, 
.ie7 .wooslider .img img {
	padding: 0 !important;
	border: none !important;
	border-collapse: collapse !important;
}

	.ie7 .wooslider-type-attachments .flex-caption {
		bottom: 0 !important;
	}
	
	.ie7 .wooslider-control-nav {
		top: 35px !important;
	}
	
	.ie8 .img:after {
		height: 1px;
	}
	
	.ie8 article.post {
		border-bottom: none;
		margin-bottom: 20px !important;
	}
	
	.ie8 footer[role="contentinfo"] {
		margin-top: 10px;
	}
	
	.ie8 .img.alignnone ~ .size-full {
		width: 100%;
	}

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

	Media Queries

----------------------------- */
/* iPad - Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
  header[role="banner"] .hgroup {
    width: 100%; 
    }
    
    .column .textwidget {
	    padding: 0;
    }
    
	.columns_three .column.column_2 {
		margin: 0 16px;
	}
	
	.columns_two .column_1 {
		margin-right: 45px;
	}
	
	  .wrapper {
	    width: 728px;
	   }
	
		.flex-caption {
			width: 604px;
		}
	
	  header[role="banner"] .hgroup,
	  nav.navigation ul,
	  article,
	  .columns_three, .columns_two,
	  .textwidget,
	  .wooslider {
	    padding-left: 20px;
	    padding-right: 20px; }

	    .wooslider.wooslider-type-attachments {
		    padding-left: 0px;
		    padding-right: 0px;
	    }


}


/* iPhone - Portrait */
@media only screen and (max-width: 767px) {

  header[role="banner"] {
	  margin: 0 -35px;
}

  header[role="banner"] .hgroup {
    width: 100%;
    margin: 0;}

    header[role="banner"] .hgroup #brand-logo,
    header[role="banner"] .hgroup #slogan {
      padding: 0px;
      }
      
       header[role="banner"] .hgroup #slogan {
	       margin-bottom: 20px;
       }

	 .mobile-nav {
		 padding: 0 30px 20px;
		 clear: both;
		 margin-bottom: 20px;
		 margin-top: 10px;
		 display: inline-block;
	 }


.wrapper {
padding: 0 35px;
width: 300px
}

header[role="banner"] .hgroup #brand-logo, header[role="banner"] .hgroup #slogan {
	display: block;
	text-align: center;
}

   /*
  .wrapper {
    width: 100% !important; }
*/


  nav.navigation ul,
  article,
  .columns_three, .columns_two,
  .textwidget,
  .wooslider {
    padding-left: 20px;
    padding-right: 20px; }

	    .wooslider.wooslider-type-attachments {
		    padding-left: 0px;
		    padding-right: 0px;
	    }

  .column .textwidget {
    padding-left: 0;
    padding-right: 0; }

  .flex-caption {
    width: 176px; }

  .gform_footer input.button,
  .gform_wrapper .gform_footer input[type="submit"],
  .button.gform_button {
    margin-left: 0%; }

  .gform_wrapper .ginput_complex.ginput_container {
    margin: 0 0px 0 0px !important; }

  footer[role="contentinfo"] nav.navigation {
    border-bottom: none; }

  footer[role="contentinfo"] {
    text-align: center; }

  footer[role="contentinfo"] .social {
    text-align: center;
    width: 100%;
    float: left;
    clear: both;
    max-width: 100%; }

  footer[role="contentinfo"] .social a::before {
    top: 5px; }

  .copyright {
    float: left !important;
    text-align: center;
    width: 100%; }

  .sub_headline h1 {
    line-height: 1em;
    margin: 0 0 .2em; }

  .sub_headline h2 {
    font-size: 16px; }

  .poweredby {
    float: none;
    display: inline-block !important;
    clear: both; }

  .wooslider-direction-nav .wooslider-prev,
  .wooslider:hover .wooslider-prev {
    background: url("images/arrow-left.png") no-repeat 0 50%;
    left: 4px !important;
    width: 17px; }

  .wooslider-direction-nav .wooslider-next, .wooslider:hover .wooslider-next {
    background: url("images/arrow-right.png") no-repeat 0 50%;
    right: 0px !important;
    width: 17px; }

    .wooslider-type-attachments .wooslider-direction-nav .wooslider-prev,
    .wooslider-type-attachments .wooslider:hover .wooslider-prev {
	    left: -30px !important;
    }
    
    .wooslider-type-attachments .wooslider-direction-nav .wooslider-next,
    .wooslider-type-attachments .wooslider:hover .wooslider-next {
	    right: -30px !important;
    }
    

  footer[role="contentinfo"] .social {
    right: 0; }

  .social a span {
    text-indent: -9999px; } 

	.columns_three .column.column_2,
	.columns_two .column_1 {
		margin: 0;
	}
	    
	    
	.wooslider-direction-nav a {
	margin-top: -23px;
	}
    
}

/* iPhone - Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .flex-caption {
    width:336px ; }

  .social a span {
    text-indent: 0; } 
  
 .wrapper {
	 width: 460px;
 } 
    
    
    }


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

	Color Schemes 

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

/* Blue */

body.blue {
	background: url('images/bg-blue.jpg') repeat;
}

	.blue nav.navigation ul .current-menu-item a,
	.blue header[role="banner"] #brand-logo a,
	.blue a {
		color: #2d88a4;
	}

	.blue #mp_login_submit,
	.blue #mp_login_submit,
	.blue .button,
	.blue .mp_button_addcart,
	.blue .mp_cart_col_updatecart input,
	.blue .mp_cart_direct_checkout_link {
		background: #2d88a4;
		color: #fff;
	}

/* Gray */

body.gray,
body {
	background: url('images/bg-gray.jpg') repeat;
}

	.gray header[role="banner"] #brand-logo a,
	header[role="banner"] #brand-logo a {
		color: #1a1a1a;
	}
	
	.gray a, a,
	.gray nav.navigation ul .current-menu-item a,
	nav.navigation ul .current-menu-item a {
		color: #959595;
	}

	.gray #mp_login_submit,
	.gray #mp_login_submit,
	.gray .button,
	.gray .mp_button_addcart,
	.gray .mp_cart_col_updatecart input,
	.gray .mp_cart_direct_checkout_link {
		background: #959595;
		color: #fff;
	}

/* Green */

body.green {
	background: url('images/bg-green.jpg') repeat;
}

	.green header[role="banner"] #brand-logo a {
		color: #a0b442;
	}
	
	.green a,
	.green nav.navigation ul .current-menu-item a {
		color: #7e8f2d;
	}

	.green #mp_shipping_submit,
	.green #mp_login_submit,
	.green .button,
	.green .mp_button_addcart,
	.green .mp_cart_col_updatecart input,
	.green .mp_cart_direct_checkout_link {
		background: #7e8f2d;
		color: #fff;
	}

/* Pink */

body.pink {
	background: url('images/bg-pink.jpg') repeat #f69e8e;
}

		.pink header[role="banner"] #brand-logo a,
		.pink nav.navigation ul .current-menu-item a,
		.pink a {
			color:  #f69e8e;
		}

	.pink #mp_login_submit,
	.pink #mp_login_submit,
	.pink .button,
	.pink .mp_button_addcart,
	.pink .mp_cart_col_updatecart input,
	.pink .mp_cart_direct_checkout_link {
		background: #f69e8e;
		color: #fff;
	}

/* Photo */

body.delicate_photo {
	background: url('images/bg-photo-stretch.jpg') no-repeat;	
}

	.delicate_photo [role="banner"] #brand-logo a,
	.delicate_photo nav.navigation ul .current-menu-item a,
	.delicate_photo a {
		color: #bfad95;
	}

	.delicate_photo #mp_login_submit,	
	.delicate_photo #mp_login_submit,
	.delicate_photo .button,
	.delicate_photo .mp_button_addcart,
	.delicate_photo .mp_cart_col_updatecart input,
	.delicate_photo .mp_cart_direct_checkout_link {
		background: #bfad95;
		color: #fff;
	}






/* ===============================================

	Customization

=============================================== */

/* #127 */

#site-127 article header small {
	display: none;
}
