html{ background-color: #ffffff; } #Wrapper,#Content, .mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login, #Top_bar .search_wrapper, #Top_bar .top_bar_right .mfn-live-search-box, .column_livesearch .mfn-live-search-wrapper, .column_livesearch .mfn-live-search-box{ background-color: #ffffff; } body:not(.template-slider) #Header{ min-height: 50px; } body.header-below:not(.template-slider) #Header{ padding-top: 50px; } #Subheader { padding: 230px 0 80px; } #Footer .widgets_wrapper { padding: 70px 0 80px; } /** * Font | Family ***** */ body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 { font-family: "DM Sans", Helvetica, Arial, sans-serif; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-family: "DM Sans", Helvetica, Arial, sans-serif; } #Subheader .title { font-family: "Roboto", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, .text-logo #logo { font-family: "Lato", Helvetica, Arial, sans-serif; } h5, h6 { font-family: "DM Sans", Helvetica, Arial, sans-serif; } blockquote { font-family: "DM Sans", Helvetica, Arial, sans-serif; } .chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number, .pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price { font-family: "DM Sans", Helvetica, Arial, sans-serif; } /** * Font | Size & Style ***** */ /* Body */ body { font-size: 15px; line-height: 26px; font-weight: 400; letter-spacing: 0px; } .big { font-size: 16px; line-height: 28px; font-weight: 400; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a{ font-size: 15px; font-weight: 400; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 22.5px; } #Subheader .title { font-size: 60px; line-height: 60px; font-weight: 300; letter-spacing: 0px; } /* Headings */ h1, .text-logo #logo { font-size: 48px; line-height: 50px; font-weight: 400; letter-spacing: 0px; } h2 { font-size: 65px; line-height: 65px; font-weight: 300; letter-spacing: 0px; } h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 { font-size: 30px; line-height: 40px; font-weight: 400; letter-spacing: 0px; } h4, .woocommerce .woocommerce-order-details__title, .woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 { font-size: 19px; line-height: 30px; font-weight: 300; letter-spacing: 0px; } h5 { font-size: 17px; line-height: 27px; font-weight: 700; letter-spacing: 0px; } h6 { font-size: 15px; line-height: 25px; font-weight: 300; letter-spacing: 2px; } /* Advanced */ #Intro .intro-title { font-size: 70px; line-height: 70px; font-weight: 400; letter-spacing: 0px; } /** * Font | Size Responsive ***** */ @media only screen and (min-width: 768px) and (max-width: 959px){ body { font-size: 13px; line-height: 22px; letter-spacing: 0px; } .big { font-size: 14px; line-height: 24px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 51px; line-height: 51px; letter-spacing: 0px; } h1, .text-logo #logo { font-size: 41px; line-height: 43px; letter-spacing: 0px; } h2 { font-size: 55px; line-height: 55px; letter-spacing: 0px; } h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 { font-size: 26px; line-height: 34px; letter-spacing: 0px; } h4, .woocommerce .woocommerce-order-details__title, .woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 { font-size: 16px; line-height: 26px; letter-spacing: 0px; } h5 { font-size: 14px; line-height: 23px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 21px; letter-spacing: 2px; } #Intro .intro-title { font-size: 60px; line-height: 60px; letter-spacing: 0px; } blockquote { font-size: 15px;} .chart_box .chart .num { font-size: 45px; line-height: 45px; } .counter .desc_wrapper .number-wrapper { font-size: 45px; line-height: 45px;} .counter .desc_wrapper .title { font-size: 14px; line-height: 18px;} .faq .question .title { font-size: 14px; } .fancy_heading .title { font-size: 38px; line-height: 38px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; } .pricing-box .plan-header h2 { font-size: 27px; line-height: 27px; } .pricing-box .plan-header .price > span { font-size: 40px; line-height: 40px; } .pricing-box .plan-header .price sup.currency { font-size: 18px; line-height: 18px; } .pricing-box .plan-header .price sup.period { font-size: 14px; line-height: 14px;} .quick_fact .number { font-size: 80px; line-height: 80px;} .trailer_box .desc h2 { font-size: 27px; line-height: 27px; } .widget > h3 { font-size: 17px; line-height: 20px; } } @media only screen and (min-width: 480px) and (max-width: 767px){ body { font-size: 13px; line-height: 20px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 21px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 45px; line-height: 45px; letter-spacing: 0px; } h1, .text-logo #logo { font-size: 36px; line-height: 38px; letter-spacing: 0px; } h2 { font-size: 49px; line-height: 49px; letter-spacing: 0px; } h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 { font-size: 23px; line-height: 30px; letter-spacing: 0px; } h4, .woocommerce .woocommerce-order-details__title, .woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 { font-size: 14px; line-height: 23px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 20px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 19px; letter-spacing: 2px; } #Intro .intro-title { font-size: 53px; line-height: 53px; letter-spacing: 0px; } blockquote { font-size: 14px;} .chart_box .chart .num { font-size: 40px; line-height: 40px; } .counter .desc_wrapper .number-wrapper { font-size: 40px; line-height: 40px;} .counter .desc_wrapper .title { font-size: 13px; line-height: 16px;} .faq .question .title { font-size: 13px; } .fancy_heading .title { font-size: 34px; line-height: 34px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; } .pricing-box .plan-header h2 { font-size: 24px; line-height: 24px; } .pricing-box .plan-header .price > span { font-size: 34px; line-height: 34px; } .pricing-box .plan-header .price sup.currency { font-size: 16px; line-height: 16px; } .pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;} .quick_fact .number { font-size: 70px; line-height: 70px;} .trailer_box .desc h2 { font-size: 24px; line-height: 24px; } .widget > h3 { font-size: 16px; line-height: 19px; } } @media only screen and (max-width: 479px){ body { font-size: 13px; line-height: 19px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 36px; line-height: 36px; letter-spacing: 0px; } h1, .text-logo #logo { font-size: 29px; line-height: 30px; letter-spacing: 0px; } h2 { font-size: 39px; line-height: 39px; letter-spacing: 0px; } h3, .woocommerce ul.products li.product h3, .woocommerce #customer_login h2 { font-size: 18px; line-height: 24px; letter-spacing: 0px; } h4, .woocommerce .woocommerce-order-details__title, .woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 19px; letter-spacing: 1px; } #Intro .intro-title { font-size: 42px; line-height: 42px; letter-spacing: 0px; } blockquote { font-size: 13px;} .chart_box .chart .num { font-size: 35px; line-height: 35px; } .counter .desc_wrapper .number-wrapper { font-size: 35px; line-height: 35px;} .counter .desc_wrapper .title { font-size: 13px; line-height: 26px;} .faq .question .title { font-size: 13px; } .fancy_heading .title { font-size: 30px; line-height: 30px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; } .pricing-box .plan-header h2 { font-size: 21px; line-height: 21px; } .pricing-box .plan-header .price > span { font-size: 32px; line-height: 32px; } .pricing-box .plan-header .price sup.currency { font-size: 14px; line-height: 14px; } .pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;} .quick_fact .number { font-size: 60px; line-height: 60px;} .trailer_box .desc h2 { font-size: 21px; line-height: 21px; } .widget > h3 { font-size: 15px; line-height: 18px; } } /** * Sidebar | Width ***** */ .with_aside .sidebar.columns { width: 23%; } .with_aside .sections_group { width: 77%; } .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar.sidebar-1{ margin-left: -82%; } .aside_both .sections_group { width: 64%; margin-left: 18%; } /** * Grid | Width ***** */ @media only screen and (min-width:1240px){ #Wrapper, .with_aside .content_wrapper { max-width: 1120px; } .section_wrapper, .container { max-width: 1100px; } .layout-boxed.header-boxed #Top_bar.is-sticky{ max-width: 1120px; } } @media only screen and (max-width: 767px){ .section_wrapper, .container, .four.columns .widget-area { max-width: 480px !important; } } /** * Other ***** */ /* button */ .button-default .button, .button-flat .button, .button-round .button { background-color: #efefef; color: #000000; } .button-stroke .button { border-color: #efefef; color: #000000; } .button-stroke .button:hover{ background-color: #efefef; color: #fff; } /* button | theme */ .button-default .button_theme, .button-default button, .button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"], .button-flat .button_theme, .button-flat button, .button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"], .button-round .button_theme, .button-round button, .button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"], .woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ color: #ffffff; } .button-stroke .button_theme:hover, .button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover, .button-stroke .woocommerce #respond input#submit:hover,.button-stroke .woocommerce a.button:not(.default):hover,.button-stroke .woocommerce button.button:hover,.button-stroke.woocommerce input.button:hover { color: #ffffff !important; } .button-stroke .button_theme:hover .button_icon i{ color: #ffffff !important; } /* button | woocommerce */ .button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button, .button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled, .button-default .woocommerce .button.alt .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt{ color: #ffffff!important; } /* button | action */ .action_button, .action_button:hover{ background-color: #f7f7f7; color: #747474; } .button-stroke a.action_button{ border-color: #f7f7f7; } .button-stroke a.action_button:hover{ background-color: #f7f7f7!important; } /* button | footer */ .footer_button{ color: #ffffff!important; background-color:transparent; box-shadow:none!important; } .footer_button:after{ display:none!important; } /* button | custom */ .button-custom .button,.button-custom .action_button,.button-custom .footer_button,.button-custom button, .button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"], .button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button,.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{ font-family: DM Sans; font-size: 16px; line-height: 16px; font-weight: 700; letter-spacing: 0px; padding: 15px 30px 15px 30px; border-width: 0px; border-radius: 0px; } .button-custom .button{ color: #ffffff; background-color: #000000; border-color: transparent; } .button-custom .button:hover{ color: #ffffff; background-color: #383838; border-color: transparent; } .button-custom .button_theme,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"], .button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button:not(.default),.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{ color: #ffffff; background-color: #000000; border-color: transparent; } .button-custom .button_theme:hover,.button-custom button:hover,.button-custom input[type="button"]:hover,.button-custom input[type="reset"]:hover,.button-custom input[type="submit"]:hover, .button-custom .woocommerce #respond input#submit:hover,.button-custom .woocommerce a.button:not(.default):hover,.button-custom .woocommerce button.button:hover,.button-custom .woocommerce input.button:hover{ color: #ffffff; background-color: #383838; border-color: transparent; } .button-custom .action_button{ color: #747474; background-color: #f5f5f5; border-color: transparent; } .button-custom .action_button:hover{ color: #747474; background-color: #e2e2e2; border-color: transparent; } /* button | custom woocommerce */ .button-custom .single_add_to_cart_button,.button-custom .woocommerce .button:disabled,.button-custom .woocommerce .button.alt{ line-height: 16px!important; padding: 15px 30px 15px 30px!important; color: #ffffff!important; background-color: #000000!important; } .button-custom .single_add_to_cart_button:hover,.button-custom .woocommerce .button:disabled:hover,.button-custom .woocommerce .button.alt:hover{ color: #ffffff!important; background-color: #383838!important; } /* Logo Height */ #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { height: 60px; line-height: 60px; padding: 15px 0; } .logo-overflow #Top_bar:not(.is-sticky) .logo { height: 90px; } #Top_bar .menu > li > a { padding: 15px 0; } .menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 20px 0; } .header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) { line-height: 90px; } .header-fixed #Top_bar .menu > li > a { padding: 30px 0; } @media only screen and (max-width: 767px){ .mobile-header-mini #Top_bar #logo{ height:50px!important; line-height:50px!important; margin:5px 0; } } /* Before After Item */ .twentytwenty-before-label::before{content:"Before"} .twentytwenty-after-label::before{content:"After"} /* Image frame */ .image_frame,.wp-caption{ border-width:0px} /* Alerts */ .alert{ border-radius:0px } /* Search + Live search */ #Top_bar .top_bar_right .top-bar-right-input input{ width:200px} .mfn-live-search-box .mfn-live-search-list{ max-height:300px} /* Form | Border width */ input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"], input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty{ border-width:0; box-shadow:unset; resize:none; } .select2-container--default .select2-selection--single,.select2-dropdown, .select2-container--default.select2-container--open .select2-selection--single{ border-width:0; } input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"], input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty{ border-radius:0 0 20px 0 } .select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default.select2-container--open .select2-selection--single{ border-radius:0 0 20px 0 } /* Side Slide */ #Side_slide{ right:-250px; width:250px; } #Side_slide.left{ left:-250px; } /* Other */ /* Blog teaser | Android phones 1pt line fix - do NOT move it somewhere else */ .blog-teaser li .desc-wrapper .desc{background-position-y:-1px;} /* Responsive */ @media only screen and ( max-width: 767px ){ }
HOME
SERVICES
ABOUT US
MEET THE TEAM
CONTACT US
BLOG
BOOK NOW
✕
Healthyhair
Home
Blog
Healthyhair
Filter by
Categories
Tags
Authors
Show all
All
All
accrasalon
ghanasalon
hair
Healthyhair
All
233developers
Beauty Technicians
March 14, 2022
Published by
Beauty Technicians
on
March 14, 2022
Categories
Uncategorized
Cleanse & Condition
Ever heard of the statement “a clean scalp equals healthy hair” ? Well if you never have, we are telling you today! It is important to
[…]
