/*
Theme Name: FoundationPress Wardrobe Magic
Author: Heather Lander
Author URI: http://thesoftwareworkshop.co.nz
Description: Child theme for the FoundationPress parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.1.0-wip
Template: FoundationPress-master
Text Domain: foundationpressstarter
*/


h1{ color: #000000; font-size: 40px; line-height: 46px; margin-bottom:40px;}
h2, h3, h4, h5, h6{ color: #888888; }
body, p, li, span{ color: #333333; }
h1, h2, h3{ font-family: niconneregular;}

.header_top::after{clear:both; display: block; content: " "; height: 0; visibility: hidden;}
.header_top{ background-color: #FFFeFF; text-align:center;}
.header_logo{ margin: 15px 20px 5px; max-width:100%; width: 400px; }

/* top-bar */
.top-bar-container{ margin: 10px 20px 0; text-align:right;color: #444445; font-size: 1.2rem; letter-spacing: 1.4px; padding: 0; }
.top-bar-container .top-bar{ height: auto; }
.top-bar-section ul{ width: 100%; text-align:center; }
.top-bar-section ul li{ background: none; }
.top-bar-section li.active:not(.has-form) a:not(.button){
  background: none; color: #444445;}
.top-bar-section li.active:not(.has-form) a:not(.button){ line-height: 33px }
.top-bar-section li:not(.has-form) a:not(.button) { background: none;color: #444445;  line-height: 2.1rem; }
.top-bar-section ul li > a{ font-size: 1.0rem; font-weight: 100; }
.top-bar-section li:not(.has-form) a:hover:not(.button){ background: none; color: #444445; line-height: 2.1rem;}
.top-bar-section li:not(.has-form) a:not(.button):after{ background-color: #FFFFFF; content:""; display: block; height: 1.2px; margin: 0 auto 0px; transition: all 0.25s ease 0s; width: 100%;}
.top-bar-section ul li > a{ padding: 0px 5px 2px 15px; }
.top-bar-section li:not(.has-form) a:hover:not(.button):after{ background-color: #444445; }
.top-bar-section .divider, .top-bar-section [role="separator"]{ width: auto; }
.tab-bar{ margin-bottom: 1.4rem;}
.top-bar{ overflow: auto; min-height: 45px; height: auto; }
.top-bar-container#extra-bar{ margin-top: -2.35rem; }
.top-bar{ background: none; }



ul.title-area h1 img{ width: 315px; }
ul.title-area h1{ float: left; }
ul.title-area h2{ float: right; text-transform: uppercase; font-size: 1.25rem; line-height: 40px; margin: 0px; }
.top-bar-header-container.contain-to-grid, .top-bar-header-container .top-bar{ background-color: #FFFFFF; }
.top-bar-section{ width: 100%; clear: both; height:45px; }
.top-bar .title-area{ float: none; }
.top-bar-container.contain-to-grid#extra-bar{ background-color: #553f2f; }
.top-bar-container.contain-to-grid#extra-bar .top-bar{ background-color: #553f2f; }



.top-bar-section ul li{ float: none; display: inline-block; }
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button){ background-color: #FFFFFF; color: #6387dc;; }
.top-bar-section ul li > a{ font-family: robotolight, Arial, Helvetica, sans-serif; text-transform: uppercase; }
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]{ height: 30px; margin-top: 10px; border-right: 2px solid #444445; }
.top-bar-section ul.sub-menu li a{ height: 41px; margin-top:0px; }
.top-bar-section li:last-child:not(.has-form) a:not(.button){ border-right: 0px; }
.top-bar-section .has-dropdown > a::after{ margin-top: -5px; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after{ margin-top: -5px; }
.top-bar-section ul.top-bar-menu li.divider:first-child{ display: none; }
.top-bar-section .divider{ display: none; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button){ background-color: #FFFFFF; color: #444445; }
.top-bar-section .dropdown{ border: solid 1px #444445; background-color: #FFFFFF; }

.top-bar-container .top-bar{ min-height: 40px; line-height: 40px; overflow:visible; }
/*.top-bar-header-container .top-bar{ height: 79px; line-height: 79px; }
.top-bar-header-container{ margin-bottom: 0px; }*/
.treatment-images{ padding-left: 0px; padding-right: 0px; }
.top-bar .name h1{ max-width: 40%; line-height: 79px; }
.top-bar article{ float:right; }
.top-bar article .button{ top: 0px; padding-top: 0px; }
.top-bar article input{ position: static; }



.top-bar article .prefix.button{ line-height: 1.8rem; margin-left: 5px; }
.top-bar-section .divider, .top-bar-section [role="separator"]{ border-top: 0px; border-right: 2px solid #444445; height: 15px; width: 1px;}
.top-bar-menu.right{ width: 100%; }
.logged-in .top-bar-section li:not(.has-form) a:not(.button){ padding-top: -2px; padding-bottom: 2px;} 

div#header-stripe{ width: 100%; height: 10px; background-image: url(images/stripe.png); background-position: center center; background-size: auto 150%;}
section.container{ /*background-image: url(images/bg.png);*/ padding-top: 20px; }
.header_content{ padding-top: 20px; }
nav.top-bar{ margin-bottom:20px; }
.top-bar-section .has-dropdown > a{ padding-right:15px !important; }
.top-bar-section li:not(.has-form) a:not(.button)::after{ background-color: rgba(255,255,255,0); display:none; }



hr.pattern{ background: url(images/stripe.png) repeat-x top left; border: 0; height: 29px;  margin-bottom:0px; margin-top:0px;}
.home-box .inner{ background-color: #FFFFFF; border: solid 4px #000000; padding: 20px;}
.home-box h2{ font-family: niconneregular; color: #222222; letter-spacing: -5; font-size: 38px;}
.page header h1.entry-title{ display:none; }
.home-box a.button{ display:block; margin-bottom:0px; margin-top: 5px; margin: 5px auto auto; max-width:200px; }
.button, button{ background-color: #a6b7df; text-transform:uppercase; }
.button:hover, button:hover{ background-color: #6387dc; }
span.caption{ font-size: 13px; line-height: 16px; display: block; padding-top: 5px; color: #888888; margin-bottom: 10px; text-align:center; }

.entry-content img.alignright{ float:none; display: block; text-align:center; clear: both; margin: 10px auto; }
.entry-content img.alignleft{ float: none; display: block; text-align:center; clear: both; margin: 10px auto; }

.home-heading{ text-align:center; margin-bottom: 30px; font-size: 32px; line-height: 32px; }
ul.home-bullets{ margin-top:20px; }
ul.home-bullets li{ margin-bottom: 10px; }
p.home-final-p{ margin-top: 40px; font-weight: bold; }
img.header-photo{ max-width: 250px; }

.header-sidebar{ /*background-image: url(images/stripe.png); background-size: 45px; */ padding-top: 10px; padding-bottom: 10px;}
.header-sidebar img{ width: 250px; max-width:100%; display: block;}
.header-sidebar div.home-box{ margin-top: 10px; margin-bottom: 10px; }
 p, li, div{ font-size: 0.95rem; }
 
.columns > img{ width:100%; }

footer.row{ margin-top:0px;max-width:1000px;}
.row.footer-menu-row{ max-width:1000px; }
footer article{ padding-top: 20px; }
footer article:first-child{ background-color: #a6b7df; }
footer article:last-child{ background-color: #95a8bd; }
footer h6{ color: #FFFFFF; font-size: 32px; font-family: niconneregular; margin-bottom:0px;}
footer p, footer span{ color: #000000; }
footer .emphasise{ font-size: 18px; font-weight: bold; white-space:nowrap;}
a{ color: #6387dc; text-decoration:underline; }
.entry-content{ padding-bottom: 20px;}
footer .button{ padding: 0.4rem 1rem; background-color: #95a8bd; border: solid 2px #FFFFFF; }
footer a{ color: #FFFFFF; }
.footer-container-2.contain-to-grid{ background-color: #415264; border-top: 5px double #FFFFFF; border-bottom: 5px double #FFFFFF; padding-top: 30px; padding-bottom: 30px;}
.footer-container-2 p, .footer-container-2 a, .footer-container-2 li{ color: #FFFFFF; }
.footer-container-2 h6{ color: #95a8bd; font-size: 36px; margin-top: 0px; font-family: niconneregular; }
.footer-container-2 ul{ list-style:none; list-style-position: outside; margin-left: 0px;}
.footer-container-3{ padding-top: 20px; padding-bottom: 20px; }
#copyright{ text-align:center; }
#copyright, #copyright p, #copyright a{ color: #FFFFFF; font-size: 13px;}
#facebook-img-link img{ width: 30px; margin-top:5px; }

.tab-bar .menu-icon span::after{ box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff; content:"";display:block;height:0;left:0.90625rem;margin-top: -0.5rem; position:absolute; top: 50%;width:1rem;}
.tab-bar{ background-color: #415264;margin-bottom:0px;}
.blog-title > img{ width: 250px; }

footer article{ border-top: double 5px #FFFFFF; }

ul.off-canvas-list li a{ text-decoration: none; }
.left-off-canvas-menu{ background-color: #415264; }
ul.off-canvas-list li a:hover{ background-color: #95a8bd; }


@media only screen and (min-width: 600px ){
.entry-content img.alignright{ clear:right; display:inline-block; margin: 5px 0px 5px 15px; float:right; }
.entry-content img.alignleft{ clear:left; display:inline-block; margin: 5px 15px 15px 0px; float:left; }
h1{ font-size: 56px;}
footer .emphasise{ font-size: 20px; }
.footer-container-2 h6{ margin-top: 20px; }
.home-heading{ font-size: 42px; line-height: 42px; }
footer h6{ font-size: 48px; }
}
@media only screen and (min-width: 850px ){
.home-heading{ font-size: 56px;line-height: 56px; }
}
@media only screen and (min-width: 1025px ){ /* large */
ul.home-bullets{ margin-top:58px; }
ul.home-bullets li{ margin-bottom: 20px; }
p.home-final-p{ margin-top: 40px; font-weight: bold; }

.footer-container.contain-to-grid{ background-color: transparent; background-image: url(images/footer-bg.png); background-position: center center; border-top: 5px double #FFFFFF;}
footer article:first-child{ background-color: transparent; }
footer article:last-child{ background-color: transparent; }
footer article.columns:first-child{ padding-right: 40px; }
footer article.columns:last-child{ padding-left: 40px; }
footer article{ border-top: 0px; }
}