/*
Theme Name: Flora
Theme URI: https://www.jimflora.com
Description: Theme created for Jim Flora
Author: Example7
Author URI: https://www.example7.com
Version: 3.0

  Colors
  ------
  Black       #2d2927    45,41,39
  Beige       #faeeb2    253,244,226    old fdf4e2 / f3e6d1
  Tan         #ead2ac    234,210,172
  Blue        #5c80bc    92,128,188

              Brown       #833e32
              Brown light #8a5d42
              Brown other #db8d55
              Green       #92be6e
              Yellow      #f9e63d
              Red         #e81f2e
              Pink        #f06089
              Lime        #cbdeb6
              Blue        #92b5c7
              Purple      #897b98

  Webfonts
  --------
  Gypsy Switch JF     'GypsySwitchJF'            400                  Logo
  Josefin Sans        'Josefin Sans'             400/600              Headers
  Proxima Nova        "proxima-nova"             300/400/700          Body
  Proxima Nova Cond   "proxima-nova-condensed"   400/700

*/






/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Webfonts ]------------------- */

@font-face {
  font-family: 'GypsySwitchJF';
  src: url('webfonts/GypsySwitchJF.eot'); /* IE9 Compat Modes */
  src: url('webfonts/GypsySwitchJF.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/GypsySwitchJF.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/GypsySwitchJF.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfonts/GypsySwitchJF.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfonts/GypsySwitchJF.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* -------------------[ Layout ]------------------- */

body { 
  background-color: #faeeb2;
}

#wrap {	
  position: relative;
  width: 100%; max-width: 1040px; min-height: 100%; margin: 0 auto; padding: 0;
}

#content { 
  clear: both; overflow: auto;
  width: 90%; max-width: 1040px; min-height: 400px; padding: 35px 5%;
  background-color: #FFF;
}

#footer { 
  /*position: absolute; bottom: 0; left: 0; right: 0; z-index: 99999;*/
  position: relative; 
  width: 100%; max-width: 1040px; margin: 0 auto; padding: 0;
  background-color: #faeeb2;
}

/* -------------------[ Type ]------------------- */

body, html { 
  color: #2d2927; font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; 
}

a:link, a:visited, a:active { 
  color: #5c80bc; text-decoration: none; 
  -webkit-transition: .1s; -moz-transition: .1s; -ms-transition: .1s; transition: .1s;
}

a:hover { 
  color: #2d2927; text-decoration: none; 
}

/* -------------------[ Global Bits ]------------------- */

/* -----[ Metaslider ]----- */

#header .metaslider,
#footer .metaslider,
#header .flexslider,
#footer .flexslider,
#header .flexslider ul,
#footer .flexslider ul {
  overflow: hidden;
  margin: 0 !important;
  border: none !important; border-radius: 0 !important;
  background: none !important;
}

/* -------------------[ Header ]------------------- */

#header { 
  position: relative; z-index: 1; 
  width: 100%; min-height: 150px; max-height: 350px; margin: 0; padding: 0; 
}

#header img { 
  width: 100%; height: auto; margin-bottom: -10px;
}

#header .logo { 
  position: absolute; top: 10px; left: 0; z-index: 999;
  font-family: 'GypsySwitchJF', sans-serif; font-size: 80px; line-height: 80px; font-weight: 400; letter-spacing: 0.05em; 
}

#header .logo a {
  color: #2d2927; 
}

#header .logo a:hover {
  color: #FFF; 
}

/* -------------------[ Nav ]------------------- */

#nav {
  position: relative; display: inline-block; z-index: 9999;
  width: 100%; margin: 0; padding: 15px 0 13px 0;
  background-color: #2d2927;
  text-align: center;
}

#nav ul { 
  margin: 0 0 0 -55px;
}

#nav li {
  display: inline-block; 
  margin: 0; 
}

#nav a {
  padding: 0 18px 20px 18px; 
  color: #FFF; font-family: 'Josefin Sans'; font-size: 18px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; 
}

#nav a:hover, 
#nav li.current_page_item a,
#nav li.current-menu-item a,
#nav li.current-page-parent a,
#nav li.current-menu-parent a, 
#nav li.current-page-ancestor a,
#nav li.current-menu-ancestor a,
body.menu-item-blog li.menu-item-blog a { 
  color: #ead2ac; 
}

#nav ul ul {
  float: left; display: none; position: absolute; top: 35px; left: 20px;
  width: 180px; margin: 0; padding: 8px 12px; 
  background: rgb(234,210,172); background: rgba(234,210,172, 0.95);
  text-align: left; 
}

#nav ul ul li {
  margin: 0; padding: 0;
}

#nav ul ul li a { 
  clear: both; display: block; position: relative; left: 0; bottom: 0; z-index: 9999; 
  width: 180px; margin: 0; padding: 10px 0; 
  border-bottom: 1px solid #2d2927; 
  color: #2d2927 !important; font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; text-transform: inherit; 
}

#nav ul ul li:last-child a { 
  padding: 10px 0 5px 0; 
  border: none;
}

#nav ul ul li a:hover { 
  color: #FFF !important; 
}

#nav ul li:hover > ul { 
  display: block; 
}

#nav .menu ul { 
  list-style: none; 
}

#nav .menu li { 
  position: relative; 
}

.mobile-menu-panel { 
  display: none;
}

/* -------------------[ Content ]------------------- */

/* -----[ Type ]----- */

h1,
h2 { 
  margin: 0 0 22px 0; padding: 0;
  font-family: 'Josefin Sans'; font-size: 28px; line-height: 32px; font-weight: 600; 
}

h3 { 
  margin: 0 0 10px 0; padding: 0;
  font-size: 22px; line-height: 26px; font-weight: 700; 
}

h4 { 
  margin: 0 0 10px 0; padding: 0;
  font-size: 18px; line-height: 22px; font-weight: 700; 
}

h5,
h6 { 
  font-size: 16px; line-height: 20px; font-weight: 700; 
}

small {
  font-size: 14px; line-height: 18px; 
}

byline { 
  position: relative; display: block; 
  margin-top: -24px; padding-bottom: 10px;
  font-size: 13px; line-height: 17px; font-weight: 400; 
}

.titleletter {
  margin-top: -1px; padding-right: 1px;
  font-family: 'Josefin Sans'; font-size: 28px; line-height: 28px; font-weight: 700; text-transform: uppercase;
}

.wp-caption-text {
  padding: 2px 0 10px 0;
  font-family: "proxima-nova-condensed"; font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; 
}

/* -----[ Images ]----- */

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

#content div.wp-caption,
#post div.wp-caption {
  width: auto !important;
}

/* -----[ Responsive Lightbox Plugin ]----- */

#fancybox-wrap { 
  z-index: 99999 !important;
}

/* -----[ Custom Columns Plugin ]----- */

.content-column .wp-caption-text {
  font-family: "proxima-nova-condensed"; font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; text-align: center;
}

.content-column img.aligncenter {
  margin-bottom: 0 !important;
}

/* -----[ Breaks ]----- */

hr { 
  clear: both; 
  width: 100%; height: 0px; margin: 30px 0; padding: 0 0 1px 0; 
  border: none;
  background-color: #2d2927; 
}

/* -----[ Lists ]----- */

#content ul,
#content ol { 
  margin: 0 0 10px 30px; padding: 0;
}

#content ul li,
#content ol li { 
  margin: 0; padding: 0 0 3px 0;
  list-style-position: outside; 
}

#content ul li {
  list-style: disc; 
}

#content ol li { 
  list-style-type: decimal; 
}

/* -------------------[ Footer ]------------------- */

#footer .footer-content {
  padding: 15px 3%;
  background-color: #2d2927;
  color: #FFF; font-family: "proxima-nova-condensed"; font-size: 13px; line-height: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; text-align: center;
}

#footer a { 
  color: #FFF; 
}

#footer a:hover { 
  color: #ead2ac; 
}

#footer .footer-social .fa { 
  color: #FFF; font-size: 34px; margin: 0 7px 15px 7px;
}

#footer .footer-social .fa:hover { 
  color: #ead2ac; 
}

.footer-slider img { 
  width: 100%; height: auto; 
}










/* ====================================================================
   Home
   ==================================================================== */

/* -----[ CTAs ]----- */

.columns { 
  margin: 10px 0 0 0; padding: 0;
  text-align: center;
}

.col {
  position: relative; display: inline-block; vertical-align: top;
  text-align: left;
}

.col2-1 { 
  float: left; width: 46%; margin: 0 3% 0 0; 
}

.col2-2 { 
  width: 46%; margin: 0 0 0 3%; 
}

.columns h2 { 
  margin: 0 0 15px 0; padding: 0;
  font-family: 'Josefin Sans'; font-size: 20px; line-height: 24px; font-weight: 600; 
}

/* -----[ Quotes ]----- */

#home-quotes { 
  width: 92%; max-width: 1100px; margin: -30px auto 0 auto; padding: 0 4%;
  background-color: #FFF;
  text-align: center;
}

#home-quotes .testimonial-box .box-content p {
  color: #2d2927 !important; text-align: center !important;
}

#home-quotes .testimonial-box .box-content p { 
  font-size: 20px !important; line-height: 22px !important; font-weight: 400 !important; letter-spacing: 0.01em !important;  
}

#home-quotes .gs_testimonial_container .cycle-nav #prev,
#home-quotes .gs_testimonial_container .cycle-nav #next {
  width: 21px; height: 21px;
}

#home-quotes .gs_testimonial_container .cycle-nav #prev {
  margin-left: -2%;
  background: url(images/testimonials_prev.png) no-repeat;
}

#home-quotes .gs_testimonial_container .cycle-nav #next {
  margin-right: -2%;
  background: url(images/testimonials_next.png) no-repeat;
}

#home-quotes .testimonial-box h3.box-title,
#home-quotes .testimonial-box .box-image,
#home-quotes .testimonial-box .box-companyinfo { 
  display: none !important;
}









/* ====================================================================
   Prints
   ==================================================================== */

body.woocommerce #footer {
  position: relative !important;
}

/* -------------------[ Woo ]------------------- */

body.woocommerce-page #content #content-products ul li,
body.woocommerce-page #content #payment ul li { 
  list-style: none !important;
}

.woocommerce ul.products li.product strong {
    display: inline !important;
}

/* -----[ Products ]----- */

#content #content-products {
  position: relative; display: inline-block;
  width: 100%; margin: 20px auto;
  text-align: center;
}

#content #content-products ul {
  margin: 0; padding: 0;
}

#content #content-products ul li {
  clear: none; float: inherit; position: relative; display: inline-block; vertical-align: top !important;
  width: 96%; max-width: 260px; height: auto; margin: 0 0 30px 0; padding: 0 2%;
}

#content #content-products ul li h2 {
  margin: 0 !important; padding: 0 !important;
  color: #2d2927 !important; font-family: "proxima-nova" !important; font-size: 20px !important; line-height: 24px !important; font-weight: 700 !important; 
}

#content #content-products ul li.product .woocommerce-product-details__short-description {
  margin: 6px 0 0 0 !important; padding: 0 !important;
  color: #2d2927 !important; font-family: "proxima-nova" !important; font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; 
}

#content #content-products ul.products li.product .price {
  margin:  0 0 15px 0 !important; padding: 0 !important;
  color: #2d2927 !important; font-family: "proxima-nova" !important; font-size: 18px !important; line-height: 20px !important; font-weight: 400 !important; 
}

#content #content-products ul.products li.product .soldout,
#wrap .woocommerce .product .summary .soldout {
  margin:  0 0 15px 0 !important; padding: 0 !important;
  color: #F00 !important; font-family: "proxima-nova" !important; font-size: 18px !important; line-height: 20px !important; font-weight: 400 !important; 
}

#content #content-products ul.products a.added_to_cart {
  clear: both !important; display: block !important;
  font-weight: 700 !important; 
}

#p4p-images img {
  width: 48%; max-width: 400px; height: auto;
}

/* -----[ Buttons ]----- */

#wrap .woocommerce button,
#wrap .woocommerce a.button { 
  margin: 0 !important; padding: 9px 16px !important;
  border: none !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
  box-shadow: none !important;
  background-color: #2d2927 !important;
  color: #FFF !important;
}

#wrap .woocommerce button:hover,
#wrap .woocommerce a.button:hover { 
  background-color: #ead2ac !important;
  color: #2d2927;
  cursor: pointer;
}

/* -----[ Single ]----- */

#wrap .woocommerce .product {
  width: 90% !important; padding: 30px 5% !important;
	background-color: #FFF !important;
}

#wrap .woocommerce .product h1 {
  text-align: center !important;
}

#wrap .woocommerce .product .woocommerce-product-gallery {
  clear: both !important; float: none !important; display: block;
  width: 100% !important; margin: 0 0 15px 0 !important;
  text-align: center !important;
}

#wrap .woocommerce .product .woocommerce-product-gallery img {
  width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important;
}

#wrap .woocommerce div.product form.cart .variations {
  position: relative; left: 25px;
  width: auto !important; margin: 0 auto 20px auto !important; 
}

#wrap .woocommerce div.product form.cart .woocommerce-variation-price {
  margin: 0 auto 20px auto !important; 
}

#wrap .woocommerce .product .summary {
  clear: both !important; float: none !important; display: block;
  width: 100% !important; margin: 0 0 15px 0 !important;
  text-align: center !important;
}

#wrap .woocommerce .product .summary form.cart {
  clear: both !important; float: none !important; position: relative; display: inline-block;
  width: 100% !important; margin: 0 0 15px 0 !important;
  text-align: center !important;
}

#wrap .woocommerce .product .summary form.cart .quantity {
  float: none !important; display: inline-block;
}

#wrap .woocommerce .product .summary form.cart .quantity input {
  width: 60px !important; height: 30px !important; padding: 0 !important;
}

#wrap .woocommerce .product .summary form.cart button {
  float: none !important; display: inline-block !important;
  margin-top: -2px !important;
}

#wrap .woocommerce .product .woocommerce-tabs ul.tabs,
#wrap .woocommerce .product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  display: none !important;
}

/* -----[ Cart ]----- */

#wrap .woocommerce-cart-form__contents td.product-thumbnail { 
  width: 100px !important; height: 100px !important;
}

/* -----[ Let's Hide More Stuff ]----- */

#wrap .woocommerce .product .woocommerce-tabs ul.tabs,
#wrap .woocommerce-result-count {
  display: none !important;
}











/* ====================================================================
   Blog
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#post { 
  clear: both; float: left;
  width: 600px; max-width: 600px; margin: 0; padding: 0;
}

#side { 
  float: right;
  width: 250px; min-height: 500px; margin: 0; padding: 0;
}

.posttop a,
#post .postbottom a,
#pagination a { 
  color: #2d2927 !important; 
}

.posttop a:hover,
#post .postbottom a:hover,
#pagination a:hover { 
  color: #ead2ac !important; 
}

#post img.alignleft, #post .alignleft, #post .wp-caption.alignleft,
#post img.alignright, #post .alignright, #post .wp-caption.alignright,
#post img.aligncenter, #post .aligncenter, #post .wp-caption.aligncenter,
#post img.alignnone, #post .alignnone,
#post img { 
  margin-bottom: 12px; 
}

/* -------------------[ Top ]------------------- */

.posttop { 
  clear: both; 
  width: 100%; margin: 0 0 20px 0; padding: 0; 
}

#post .posttop h1,
#post .posttop h2 { 
  margin: 0 0 4px 0; padding: 0; 
}

.posttop-meta { 
  font-family: "proxima-nova-condensed"; font-size: 13px; line-height: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.03em;  
}

/* -------------------[ Post ]------------------- */

#post img,
#post div img,
#post p img { 
  max-width: 100%; height: auto; 
}

/* -------------------[ Bottom ]------------------- */

#post .postbottom {
  clear: both; position: relative; display: block;
  width: 100%; margin: 30px 0; padding: 5px 0;
  border-top: 1px dotted #2d2927;
  font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 34px; font-weight: 400; text-transform: uppercase;
}

#post .postbottom-sharing {
  float: right;
  text-align: right;
}

#post .postbottom-sharing .fa { 
  display: block; float: right;
  color: #2d2927; font-size: 30px; margin: 0 0 0 10px;
}

#post .postbottom-sharing .fa:hover { 
  color: #ead2ac; 
}

/* -------------------[ Excerpts ]------------------- */

.post-excerpt-wrap { 
  clear: both; display: block; position: relative; top: 0; 
  width: 78%; margin: 0 0 100px 0; padding: 20px 10% 30px 10%;
  border: 1px dotted #2d2927;
}

.post-excerpt { 
  text-align: left; 
}

.post-excerpt img {
  margin: -5px 0 15px 0;
}

#post .post-excerpt a { 
  display: block; margin: 0; padding: 0;
  font-size: 15px; line-height: 18px; font-weight: 400; 
}

/* -------------------[ Archives ]------------------- */

.post-archives h1 { 
  margin: 0 10px 30px -8%; padding: 10px 0;
  border-top: 1px dotted #2d2927; border-right: 1px dotted #2d2927; border-bottom: 1px dotted #2d2927;
  color: #2d2927; font-family: "proxima-nova"; font-size: 22px; line-height: 26px; font-weight: 300; letter-spacing: 0; text-transform: uppercase; text-indent: 8%;
}

/* -------------------[ Pagination ]------------------- */

#pagination { 
  clear: both; display: block;
  width: 100%; height: 20px; margin: 70px 0; padding: 0;
  font-family: "proxima-nova-condensed"; font-size: 16px; line-height: 20px; text-transform: uppercase; text-align: left; 
}

/* -------------------[ Sidebar ]------------------- */

/* -----[ Layout ]----- */

#side { 
  text-align: center; 
}

#side ul { 
  margin: 0; padding: 0; 
}

#side ul li { 
  list-style: none; 
  margin: 0 0 4px 0; padding: 0; 
  font-family: "proxima-nova-condensed"; font-size: 15px; line-height: 18px; text-transform: uppercase; 
}

#side ul li.widget_text,
#side ul li.widget_search,
#side ul li.widget_categories,
#side ul li.widget_archives { 
  margin: 0 0 40px 0; 
}

#side ul li .textwidget p { 
  clear: both;
  margin: 0 3% 10px 3%;
}

#side ul li input { 
  width: 220px; padding: 3px 10px;
}

#side ul li select { 
  width: 242px; padding: 3px 5px;
}

#side ul li label,
#side ul li input#searchsubmit { 
  display: none;
}

#side h2,
#side h3 {
  margin: 0 0 5px 0; padding: 0;
  font-family: "proxima-nova-condensed"; font-size: 18px; line-height: 20px; text-transform: uppercase; 
}

#side img { 
  width: 100%; margin: 0 0 5px 0; 
}









/* ====================================================================
   Contact
   ==================================================================== */

/* -----[ Mailchimp ]----- */

#newsletter { 
  width: 100%; max-width: 300px; margin: 25px 0; padding: 0;
}

#mc_embed_signup {
  width: 100%; margin: 0; padding: 0;
}

#mc_embed_signup input[type="text"], 
#mc_embed_signup input[type="email"] {
  width: 92%; margin: 0 0 10px 0; padding: 10px 3%;
  border: 1px solid #2d2927; 
  background-color: #FFF;
  font-size: 14px; 
}

#mc_embed_signup input[type="text"]:focus, 
#mc_embed_signup input[type="email"]:focus {
  outline: none;
  border-color: #2d2927;
}

#mc_embed_signup input.submit {
  width: 120px; margin: 0; padding: 10px 0;
  color: #FFF; font-size: 16px;
  border: 1px solid #FFF;
  background-color: #2d2927;
  cursor: pointer;
}

#mc_embed_signup input.submit:hover { 
  color: #2d2927; 
  background: #ead2ac;
}

#mc_embed_signup #mce-responses {
  margin-top: 10px;
}