/*
The styles in this stylesheet only apply to resolutions 769px and up

CALCULATING DIMENSIONS:
----------------------
The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width.
All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result
Credit - http://www.alistapart.com/articles/fluidgrids/

-----
INDEX
-----

1. Global dropdown styles
2. Top Navigation
3. Main navigation dropdown menus
4. General layout related tweaks

*/


#header {
  height:auto;
  margin: 0 15px;
}
  @media (min-width: 400px) {
    #header {
      margin: 0 25px;
    }
  }
  @media (min-width: 1250px) {
    #header {
      margin: 0 auto;
    }
  }

#nav-wrap {

}

  @media (min-width: 768px) {
    #nav-wrap {
      margin: 0 25px 3em;
    }
  }

#logo {
  height: 4vw;
  max-height: 18px;
  min-height: 15px;
  width: 100%;
  text-align: center;
  bottom: 10px;
  position: absolute;
}
  #logo a {
    display: block;
    height: 100%;
  }
#logo img {
  height: 100%;
  width: auto;
}

@media (min-width: 500px) {
  #header {
    height:65px;
  }
  #logo {
    bottom: 7px;
  }
}

@media (min-width: 769px) {
  #header {
    height:85px;
  }
  #logo {
    bottom: 20px;
    max-height: 21px;
  }
}

@media (min-width: 1000px) {
  #header {
    height:115px;
  }
}

#content {

}

  @media (min-width: 768px) {
    #content {

    }
  }

#main > .block.grid_0 {
  border-top: 1px solid #cbc9c7;
  padding-top: 2em;
}
body.single-post .post {
  border-top: 1px solid #cbc9c7;
  padding-top: 2em;
}
  @media (min-width: 768px) {
    #main > .block.grid_0 {
      padding-top: 4px;
      border-top: none;
    }
    body.single-post .post {
      border-top: none;
      padding-top: 0;
    }
  }

.post {

}
.post .title a {
  color: #3d3d3d;
}
.post .entry p {
  color: #7a7a7a;
}
.post .post-meta, .post .title, .post .entry,
.post .seo-title-wrap, #post-author, .post .post-utility,
.post-entries, #comments, #respond, .archive_header {
  margin-left: 15px;
  margin-right: 15px;
}
  @media (min-width: 400px) {
    .post .post-meta, .post .title, .post .entry,
    .post .seo-title-wrap, #post-author, .post .post-utility,
    .post-entries, #comments, #respond, .archive_header {
      margin-left: 25px;
      margin-right: 25px;
    }
    .post > a {
      display: block;
    }
  }
  @media (min-width: 768px) {
    .post .post-meta, .post .title, .post .entry,
    .post .seo-title-wrap, #post-author, .post .post-utility,
    .post-entries, #comments, #respond, .post > a, .archive_header {
      margin-right: 0;
    }
    .post > a {
      margin-left: 25px;
    }
  }
  @media (min-width: 1250px) {
    .post > a, .post .post-meta, .post .title, .post .entry,
    .post .seo-title-wrap, #post-author, .post .post-utility,
    .post-entries, #comments, #respond, .archive_header {
      margin-left: 0;
    }
  }


#comments h3#comments-title {
  font-size: 21px;
  font-family: "Libre Baskervill";
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
}


@media only screen and (min-width: 768px) {

  /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */
  ul.nav {
    position: relative;
    margin-bottom: 0;
    width: auto;
    margin-right: 0;
    text-align: center;
    width: 100%;
  }
  ul.nav li {
    position: relative;
    float: none;
    display: inline-block;
    zoom: 1;
    list-style: none;
  }
  ul.nav li a {
    display: block;
    padding-top: 1.1em !important;
    padding-bottom: .8em !important;
  }
  ul.nav li a:hover {
    text-decoration: none;
  }
  ul.nav li ul li a:hover {
    text-decoration: underline;
  }
  ul.nav ul {
    width: 200px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    margin: 0;
    padding: 0;
    background-color: rgba(255,255,255,.97);
    margin-top: 1px !important;
    border-top: none !important;
  }
    body.safari ul.nav ul {
      margin-top: 0px !important;
    }
  ul.nav ul li {
    float: none;
  }
  ul.nav ul li a {
    width: 100%;
    display: inline-block;
    padding: 0.7em 1em!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9em;
  }
  ul.nav ul ul {
    left: 100%;
    top: 0;
  }
  ul.nav li:hover > ul {
    visibility: visible;
  }
  #wrapper #navigation ul.rss {
    top: 0;
    right: 0;
    float: right;
    border: none;
    margin-bottom: 0;
    padding: 0 10px 0 0;
  }
  #wrapper #navigation ul.rss li {
    margin: 0;
    display: inline;
  }
  #wrapper #navigation ul.rss li a {
    padding: 13px 5px;
  }


  .search_main {

  }



  /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */
  #top {
    background: #000;
    margin: 0 -1.618em;
    padding: 0 1.618em;
  }
  #top #top-nav {
    display: block!important;
  }
  #top ul.nav li a {
    color: #ddd;
    padding-top: 0.3em!important;
    padding-bottom: 0.3em!important;
    font-size: 0.9em;
  }
  #top ul.nav > li a:hover {
    background: #555;
    color: #ddd;
  }
/*
  #top ul.nav > li:hover {
    background: #555;
    color: #ddd;
  }
*/
  #top ul.nav ul {
    background: #555;
  }
  #top ul.nav ul li a {
    color: #ddd!important;
  }
  #top ul.nav li.current_page_item a,
  #top ul.nav li.current_page_parent a,
  #top ul.nav li.current-menu-ancestor a,
  #top ul.nav li.current-cat a,
  #top ul.nav li.current-menu-item a {
    color: #333;
  }


   /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */
  #header .nav-toggle {
    display: none;
  }
  #nav-wrap {
    margin-bottom: 3em;
  }
  #navigation {
    display: block !important;
  	margin-top: 0;
  	text-transform: uppercase;
  	z-index: 110;
    border: 1px solid #cbc9c7;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #navigation>ul>li.parent {
	  padding: 0;
  }
  body.safari #navigation>ul>li.parent a label{
    margin-bottom: 1px;
    display: block;
  }

  /* icons */
  #navigation ul#main-nav>li>a:not(.arrow):before {
	  margin-top: 0px !important;
	  margin-right: 0.5em;
  }
  #navigation ul#main-nav>li:nth-child(2)>a:not(.arrow):before {
  	margin-top: 2px !important;
  }
  #navigation ul#main-nav>li:nth-child(3)>a:not(.arrow):before {
  	margin-top: -1px !important;
  }

  #navigation > ul > li.parent > a {
    background-color: transparent;
    border: none;
  }
  #navigation>ul>li:first-child {
	  padding-left: 0;
  }
  #navigation>ul>li:last-child {
	  padding-right: 0;
  }
  #navigation ul li a {
	  padding-left: 1em;
  }
  #navigation > ul > li:hover {
	  /*border-top: 4px solid #75ced7;
	  margin-top: -4px;*/
  }
  #navigation > ul > li.parent:hover {
	  z-index: 5;
  }
  #navigation > ul > li.parent:hover ul.sub-menu {
    margin-left: -1px;
    margin-top: -1px;
    z-index: -1;
    border: 1px solid #cbc9c7;
  }
  /* SUB MENU */
  #navigation ul.sub-menu:hover {
	  display: block;
  }
  #navigation ul.sub-menu li {
	  border-bottom: 1px solid #cbc9c7;
	  padding: 0.6em 0 .3em;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 15px;
  }
  #navigation ul.sub-menu li:last-child {
	  border-bottom-width: 0px;
  }
  #navigation ul.nav ul.sub-menu > li a {

  }
  #navigation ul.nav ul.sub-menu > li:hover {

  }
  #navigation ul.nav ul.sub-menu > li:hover a {
	  text-decoration: none;
    color: #9c784b;
  }

  #navigation .sub-menu li.menu-item a {
	font-size: 14px;
  }

  #navigation .nav li.parent > a.arrow {
    display: none;
  }




/* scale the nav elements between 760 and 1080 */
/*
@media only screen and (max-width: 1200px) {
	#navigation>ul li a {
		font-size:16px;
	}
	#navigation .menu-item-object-category li.menu-item-type-taxonomy a {
		font-size: 13px;
	}

}
*/

@media only screen and (max-width: 1040px) {
	#navigation>ul li a {
		font-size:15px;
		padding-left: 0.5em;
		padding-right: 1em;
		-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}
	#navigation>ul li.parent:last-child {
		padding-right: 0;
	}
	#navigation .menu-item-object-category li.menu-item-type-taxonomy a {
		font-size: 13px;
	}
}

@media only screen and (max-width: 945px) {
	#navigation>ul li a {
		font-size:15px;
		padding-right: 1em;
	}
	#navigation ul#main-nav>li a::before {
		margin-right: 0em;
	}
}
@media only screen and (max-width: 895px) {
	#navigation>ul li a {
		font-size:13px;
		padding-right: 0.6em;
	}
	#navigation ul#main-nav>li a::before {
		margin-right: 0em;
	}
}






  /* 4. GENERAL LAYOUT RELATED TWEAKS */
  /* Header */
     img,  a {
    }
  #topad {
    float: right;
    margin: 0;
  }
  /* Columns & Containers */
  .col-left {
    float: left;
  }
  .col-right {
    float: right;
  }
  .col-full,
  #wrapper {
    max-width: 1200px;
    margin: 0 auto;
  }
  #wrapper #sidebar {
    margin-top: 0;
  }

  /* Sliders */
  #loopedSlider .content {
    position: absolute;
	right: 0px;
	top: -20px;
	width: 30%;
	max-width: 298px;
    background: none;
  }
  #loopedSlider .content h2 {
    float: left;
    font-size: 26px;
  }
  #loopedSlider .content p {
    clear: both;
    float: left;
  }
  #loopedSlider .content p,
  #loopedSlider .content h2 {
    background: #000000;
    background: rgba(0, 0, 0, 0.7);
    max-width: 350px;
  }
  /* Sidebar */
  #main-sidebar-container {
    position: relative;
  }
  #main-sidebar-container #main {
    position: relative;
  }
  #main-sidebar-container #sidebar {
    display: inline;
  }
  #sidebar-alt {
    display: inline;
    margin: 0;
  }
  #sidebar img {
    max-width: 100%;
    height: auto;
  }
  /* Footer */

  #footer-widgets .block {
    margin-right: 3.8%;
    float: left;
  }
  /* 210 / 940 */
  #footer-widgets.col-1 .block {
    width: 100%;
    margin-right: 0;
  }
  #footer-widgets.col-2 .block {
    width: 48%;
  }
  #footer-widgets.col-3 .block {
    width: 30.75%;
  }
  #footer-widgets.col-4 .block {
    width: 22.05%;
  }
  #footer-widgets.col-2 .footer-widget-2,
  #footer-widgets.col-3 .footer-widget-3,
  #footer-widgets.col-4 .footer-widget-4 {
    margin-right: 0;
  }

  /* Main Footer */
  #footer {
	  clear: both;
  }


  /* Column Widths */
  .one-col #main {
    float: none;
  }
  .two-col-left #main-sidebar-container #main,
  .two-col-right #main-sidebar-container #main {
    width: 66.7%;
  }

  #content.wide #main-sidebar-container #main,
  #content.wide #main-sidebar-container #main {
    width: 100%;
  }
  /* 610 / 940 */
  .two-col-left #main-sidebar-container #sidebar,
  .two-col-right #main-sidebar-container #sidebar {
	  width: 30%;
/*     width: 31.91%; */
  }
  /* 300 / 940 */
  .three-col-left #main-sidebar-container #sidebar,
  .three-col-middle #main-sidebar-container #sidebar,
  .three-col-right #main-sidebar-container #sidebar {
    width: 39.47%;
  }
  /* 300 / 760 */
  .three-col-left #main-sidebar-container,
  .three-col-middle #main-sidebar-container,
  .three-col-right #main-sidebar-container {
    width: 80.85%;
  }
  /* 760 / 940 */
  .three-col-left #main-sidebar-container #main,
  .three-col-middle #main-sidebar-container #main,
  .three-col-right #main-sidebar-container #main {
    width: 57.89%;
  }
  /* 440 / 760 */
  #sidebar-alt {
    width: 17.02%;
  }
  /* 160 / 940 */
  /* Column Floating */
  .two-col-left #main-sidebar-container #main,
  .two-col-right #main-sidebar-container #sidebar,
  .three-col-left #main-sidebar-container,
  .three-col-left #main-sidebar-container #main,
  .three-col-middle #main-sidebar-container #main,
  .three-col-middle #sidebar-alt,
  .three-col-right #main-sidebar-container #sidebar,
  .three-col-right #sidebar-alt {
    float: left;
  }
  .two-col-left #main-sidebar-container #sidebar,
  .two-col-right #main-sidebar-container #main,
  .three-col-left #main-sidebar-container #sidebar,
  .three-col-left #sidebar-alt,
  .three-col-middle #main-sidebar-container,
  .three-col-middle #main-sidebar-container #sidebar,
  .three-col-right #main-sidebar-container,
  .three-col-right #main-sidebar-container #main {
    float: right;
  }
  /* Contact Page */
  .page-template-template-contact-php .location-twitter .col-left {
    float: left;
  }
  .page-template-template-contact-php .location-twitter #office-location {
    width: 48%;
    margin: 0;
  }
  .page-template-template-contact-php .location-twitter .contact-social {
    float: right;
    width: 48%;
  }
  .page-template-template-contact-php .location-twitter .contact-social #twitter {
    margin: 0;
  }
  /* Subcribe & Connect */
  #main #connect .col-left {
    float: left;
  }
  #connect .col-right {
    float: right;
  }
  #main #connect .col-left,
  #connect .col-right {
    width: 48%;
  }
  #connect .related-posts {
    border-top: 0;
    border-left: 1px solid #e6e6e6;
    padding-top: 0;
    padding-left: 15px;
  }



  .ie8 .business #loopedSlider a.flex-prev {
    left: -20px;
  }
  .ie8 .business #loopedSlider a.flex-prev:before,
  .ie8 .business #loopedSlider a.flex-next:before {
    font-size: 16px;
  }
  .ie8 .business #loopedSlider a.flex-next {
    right: -30px;
  }



	/** SHOP NEW ARRIVALS BUTTON **/
	 img {
	}

}


/** CUSTOM **/
a.moretag {
	display: block;
	clear: left;
  font-size: 14px;
  color: #3d3d3d;
  font-weight: 800;
  margin-top: 1em;
}
.nav-prev.icon, .nav-next.icon {
	border: 1px dotted #ccc;
	background: #efefef;
	padding: 0.5em;
	color: #333;
}









@media only screen and (min-width: 940px) {



  #main .block  {
    float: left;
    width: 100%;
  }
  #main .block.last {
    float: right;
  }
}

@media (max-width: 768px) {



}
@media (max-width: 415px) {



}



/* From WooCommerce */
body {background-repeat:no-repeat;background-position:top left;background-attachment:scroll;border-top:0px solid #000000; padding: 0;}
#header {background-color:#ffffff;background-repeat:no-repeat;background-position:top center;padding-top:40px;padding-bottom:40px;border:0px solid ;}
#logo .site-title a {font:normal 36px/1em 'Moderat', arial, sans-serif;color:#222222;}
#logo .site-description {font:normal 13px/1em "Moderat", Helvetica, sans-serif;color:#999999;}
body, p { font-size: 16px; font-family: 'Moderat', arial, sans-serif; color:#606060; }
.nav-entries a, .woo-pagination { font:normal 12px/1em 'Moderat', arial, sans-serif;color:#888; }
.widget h3 {font:bold 14px/1.5em Moderat;color:#555555;border-bottom:1px solid #e6e6e6;}
.widget_recent_comments li, #twitter li { border-color: #e6e6e6;}
.widget p, .widget .textwidget { font:normal 12px/1.5em 'Moderat', arial, sans-serif;color:#555555; }
.widget {font:normal 12px/1.5em Moderat;color:#555555;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
#tabs .inside li a, .widget_woodojo_tabs .tabbable .tab-pane li a { font:bold 12px/1.5em "Moderat", Helvetica, sans-serif;color:#555555; }
#tabs .inside li span.meta, .widget_woodojo_tabs .tabbable .tab-pane li span.meta { font:normal 11px/1.5em "Moderat", Helvetica, sans-serif;color:#555555; }
#tabs ul.wooTabs li a, .widget_woodojo_tabs .tabbable .nav-tabs li a { font:normal 11px/2em "Moderat", Helvetica, sans-serif;color:#555555; }

#navigation ul.nav li ul  { border: 0px solid #dbdbdb; }
#navigation ul.nav > li > ul  { left: 0; }
#navigation ul.nav > li  { border-right: 0px solid #dbdbdb; }#navigation ul.nav > li > ul  { left: 0; }

#navigation  { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }#navigation ul li:first-child, #navigation ul li:first-child a { border-radius:0px 0 0 0px; -moz-border-radius:0px 0 0 0px; -webkit-border-radius:0px 0 0 0px; }
#navigation {background:#ffffff;}
#top ul.nav li a { font:normal 12px/1.6em Arial, sans-serif;color:#ddd; }
#footer, #footer p { font:bold 12px/1em 'Moderat', arial, sans-serif;color:#ffffff; }
.magazine #loopedSlider .content h2.title a { font:normal 21px/1em 'Moderat', arial, sans-serif;color:#606060; }
.magazine #loopedSlider .content .excerpt p { font:normal 13px/1.5em 'Moderat', arial, sans-serif;color:#606060; }
.business #loopedSlider .content h2 { font:bold 24px/1em Arial, sans-serif;color:#ffffff; }
.business #loopedSlider .content h2.title a { font:bold 24px/1em Arial, sans-serif;color:#ffffff; }
#wrapper .business #loopedSlider .content p { font:normal 12px/1.5em Arial, sans-serif;color:#cccccc; }
.archive_header { font:italic 22px/1em 'Libre Baskerville', arial, sans-serif;color:#3d3d3d; }
.archive_header {border-bottom:1px solid #e6e6e6;}
.archive_header .catrss { display:none; }



/* Footer */

  .footer {
    width: 100%;
    background-color: #f2efea;
    padding: 20px 15px 50px;
  }
    @media (min-width: 400px) {
      .footer {
        padding: 40px 25px 80px;
      }
    }
    @media (min-width: 768px) {
      .footer {
        padding: 40px 15px 80px;
      }
    }
  .footer h4 {
    font-family: "Libre Baskerville";
    font-size: 18px;
    font-weight: 400;
    color: #3d3d3d;
    font-style: italic;
  }
    @media (min-width: 768px) {
      .footer h4 {
        font-size: 21px;
      }
    }
  #menu-footer-menu {
    margin: 20px 0 30px;
  }
    @media (min-width: 768px) {
      #menu-footer-menu {
        margin: 40px 0 20px;
      }
    }
  #menu-footer-menu li {
    display: block;
    margin: 0 0 10px;;
  }
    @media (min-width: 500px) {
      #menu-footer-menu li {
        display: inline-block;
      }
    }
    #menu-footer-menu li a {
      font-size: 14px;
      font-weight: 800;
      font-family: 'Moderat';
      text-transform: uppercase;
      padding: 5px 8px;
      color: #3d3d3d;
    }