@charset "utf-8";
/*
Theme Name: Salon
Theme URI: http://salon.freevision.me/
Author: freevision
Author URI: http://themeforest.net/user/freevision/portfolio
Description: The Salon is mainly designed for beauty salons, beauty treatment, spa, healthcare website or similiar local business in need of a landing page ready to be set in less than 10 minutes.
Version: 2.9
Text Domain: salon
Domain Path: /lang
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/

/**
* Built on the Whiteboard Framework
* http://whiteboardframework.com
*/ 

/*
[Table of contents]
1 -  Resets
2 -  Typography presets
3 -  Mono social icon font
4 -  Default layout
5 -  If is admin bar active
6 -  General styles
7 -  Layout styles
8 -  Centered content margins
9 -  Comment form
10 -  Comments
11 -  Author page
12 -  Blog page
13 -  Revo Full & Blank Mode
14 -  Next & previous post arrows - Related Posts
15 -  Big Blog
16 -  Pagination
17 -  Thumb image
18 -  Password Protected
19 -  Tooltipsy tooltip
20 -  Google maps background
21 -  To top button
22 -  Wordpress overrides and fixes
23 -  Search Form - Search Icon
24 -  Search Page
25 -  Video background
26 -  Youtube background
27 -  Single Blog
28 -  Widgets
29 -  Contact Form 7
30 -  Revolution Slider
31 -  CSS3 Waypoint Animations
32 -  Page Centered Content & Parallax Stuff
33 -  Logo Stuff
34 -  Primary Menu
35 -  Visual Composer Components *
36 -  Media Grid
37 -  Fancy Hover Image Box
38 -  Call to Action With Image
39 -  Simple Hover Image Box
40 -  Shuffle Image
41 -  Bottom Arrow
42 -  YouTube Embed
43 -  Background Self Hosted Video
44 -  Price List
45 -  Icon Wrapper
46 -  Title With Icon
47 -  Divider
48 -  Count To
49 -  Team Member
50 -  Fancy Post Accordion
51 -  Call To Action Box
52 -  Pricing Table
53 -  Custom Google Map
54 -  Image / Video Box
55 -  Typewriter
56 -  Blockquote Box
57 -  Pointy Slider
58 -  Instagram Feed
59 -  Booked Appointment
60 -  Flickity Carousel
61 -  Visual Composer Overrides
62 -  Mail Chimp Widget
63 -  Portfolio Post Type
64 -  Row Kenburns slideshow
65 -  Responsive Definitions
*/

/**
* Resets
*/

.newclass{
	margin-top: 120px;
	margin-bottom: 40px;
}

#content .u-columns {
        display: flex;
    }

#content .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
        padding: 10px;
    }
    #content .woocommerce form .form-row label, .woocommerce-page form .form-row label{
        width: 100%;
    }
   #content .u-column1  .password-input, #content .u-column2  .password-input{
        width: 100%;
    }

.newclass .woocommerce-MyAccount-navigation ul li{
        display: flex;
        justify-content: flex-start;
        list-style: none;
    }

 #content #post-2817.status-publish .woocommerce-MyAccount-content  .password-input{
        width: 100%;
    }
    


/* cart menu css 07-07-21 */

.crtbtn{
	background: transparent;
    border: none;
    color: #fff;
    padding-right: 20px;
    cursor: pointer;
}
.crtbtn:focus{
	outline: none;
}

.dropdown-toggle::after{
	display: none;
}

.ivr {
	vertical-align: middle;
}
.fa-shopping-cart {
	font-size: 18px !important;
	margin-right: 15px;
	margin-left: 10px;
}

.dropdown-menu{
	border-radius: 0 !important;
	padding: 0 !important;
}
.dropdown-item{
	padding: 5px 10px;
	text-align: center; 
}
.dropdown-item img{
	width: 100px;
	display: inline-block;
}

.nwdrpdwn{
	display: none;
}

/*Shop Online*/
.shopImage {width:100px;}

.modal-shop-online {max-width:600px !important;}
.modal-shop-online .modal-content {background-color:rgba(255,255,255,0.8);}

.brandImg {padding:16px;}

@media only screen and (max-width: 768px){
	header .row .pl0_custom:first-child{
		flex-basis: 0 0 40%;
		max-width: 40%;
	}
	header .row .pr0_custom{
		flex-basis: 0 0 60%;
		max-width: 60%;
	}
}

@media only screen and (max-width:767px) {
	/*.crtbtn {display:none;}*/
}

@media only screen and (max-width: 576px){
	/*.nwdrpdwn{
		display: block !important;
		justify-content: center;
	}*/
	.dropdown-menu{
		top: 50% !important;
		width: 100%;
		transform: translate3d(0) !important;
	}
	.desktopdrop {
		display: none;
	}

	.nwdrpdwn .crtbtn{
		display: flex !important;
    	justify-content: flex-end;
    	align-items: center;
    	width: 100% !important;
    	padding-right: 0 !important;
    	font-size: 18px;
	}
	.nwdrpdwn .crtbtn i{
		font-size: 20px !important;
		margin-left: 5px;
		margin-right: 0;
	}

	.nwdrpdwn .crtbtn  span{
		display: none !important;
	}
	.dropdown-item img{
		width: 80px;
	}

	.nav_links-container{
	   overflow-y: auto !important
   }
}

@media only screen and (max-width:575px) {
    .brandImg {flex-basis:0 0 50%; max-width:50%;}
}


/* Learnpress css 05-07-21 */


#nwcrsemeta .course-meta{
	width: 100% !important;
}

.course-meta button{
	border: none;
    padding: 8px 25px;
    cursor: pointer;
    background: #333;
    color: #fff;
    font-weight: 600;
	margin-left: 10px;
}

#nwcrsemeta .course-students{
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 2px;
	font-size: 18px;
    font-weight: 600;
}

.newclass .lp_course article{
	padding-top: 120px;
	padding-bottom: 60px;
}
.newclass article{
	padding-top: 60px;
}

.newclass .featured-thumbnail .usp_box{
	background: #63605c !important;
	color: #fff !important;
}
.newclass .featured-thumbnail .usp_box h4{
	color: #fff !important;
	margin-bottom: 15px;
}

.extranwprductcls{
	padding-top: 120px;
	padding-bottom: 60px;
}
.extranwprductcls .post-content .product{
	display: flex;
	justify-content: space-between;
}
.extranwprductcls .post-content .product > div{
	flex-basis: 0 0 48%;
	max-width: 48%;
}

/*8.7.2021*/
.extranwprductcls .post-content .product .woocommerce-product-gallery__wrapper img{
	width:100% !important;
    height:auto !important;
}
/*8.7.2021*/

.woocommerce-product-gallery__trigger{
	display: none;
}
.extranwprductcls .cart .single_add_to_cart_button {
	margin-bottom: 20px;
	border: none;
	padding: 8px 25px;
	background: #333;
	color: #fff;
	cursor: pointer;
}
.extranwprductcls .product_meta ul{
	list-style-position: inside;
}

.extranwprductcls .product_meta.category{
	display: none;
}
.extranwprductcls .summary.entry-summary .price{
	font-size: 22px;
	font-weight: 700;
}

.newclass .post-2815.type-page.status-publish.hentry article{
	padding-top: 120px;
	padding-bottom: 60px
}

.checkout.woocommerce-checkout .col2-set{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.woocommerce-input-wrapper{
	width: 100%;
}
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper input{
	width: 100%;
	display: block;
	padding: 8px 10px;
}

.checkout.woocommerce-checkout .col2-set .col-6:nth-child(1){
	order: 1;
}
.checkout.woocommerce-checkout .col2-set .col-6:nth-child(2){
	order: 3;
}
.checkout.woocommerce-checkout .col2-set .col-6:nth-child(3){
	order: 2;
}

.create-account .woocommerce-input-wrapper input{
	padding: 8px 10px;
	display: block;
	width: 100%;
}

.newclass .selection .select2-selection__rendered{
	line-height: 20px !important;
}

.newclass .post-2816.type-page.status-publish.hentry{
	padding: 60px 0;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
	font-size: 35px;
	font-weight: 600 !important;
	color: #0d7b0d !important;
	line-height: 40px;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	margin-bottom: 20px !important;
}

#coursesParent .course-detail, #offlineCourses .course-detail{
	padding-top: 15px;
}

#learn-press-course .course-tab-panel-overview ul{
	list-style-position: inside;
}

.course-item-content-header .lp-button.button{
	padding: 8px 20px;
	border: none;
	background-color: #fff;
	color: #333;
	cursor: pointer;
}

@media only screen and (max-width: 992px){
	.checkout.woocommerce-checkout .col2-set{
		flex-direction: column;
	}

	.checkout.woocommerce-checkout .col2-set .col-6{
		flex-basis: 0 0 100% !important;
		max-width: 100% !important;
	}

	.checkout.woocommerce-checkout .col2-set .col-6 #order_review_heading{
		margin-top: 20px !important;
	}
}

@media only screen and (max-width: 768px){
	.woocommerce ul.order_details li{
		margin-bottom: 25px;
	}
	.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
		font-size: 25px;
	}

}

@media only screen and (max-width: 400px){
	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li{
		text-align: left;
		border: none !important;
	}
}

@media only screen and (max-width: 510px){	
	.course-meta button{
		width: 170px;
		margin-bottom: 15px;
		display: block;
		margin-left: auto;
	}

	#nwcrsemeta .course-students{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 992px){
	.extranwprductcls .post-content .product{
		flex-direction: column;
	}
	.extranwprductcls .post-content .product > div{
		flex: 0 0 100%;
		max-width: 100%;
	}

	#course_usp .usp_box{
		background: #63605c !important;
		color: #fff !important;
	}
	#course_usp .usp_box h4{
		color: #fff !important;
		margin-bottom: 15px;
	}
}

#learn-press-profile-nav{
	background: #333 !important;
	padding-top:0 !important;
}

.newclass .post-3123.type-page.status-publish.hentry article{
	padding-top: 120px;
	padding-bottom: 60px;
}

#learn-press-profile-header{
	z-index:  1 !important
}

#learn-press-profile-nav .tabs > li a{
	color: #fff !important;
	background: #85827f;
	padding: 10px !important;
}

#learn-press-profile-header .lp-profile-avatar .avatar.photo{
	width: 60px !important;
	height: 60px !important	;
}

#learn-press-profile-header .lp-profile-avatar .profile-name{
	/*font-size: 30px !important;*/
	font-weight: bold !important;
	color: var(--black) !important;
}
#learn-press-profile-header{
	background: #85827f !important;
}

#learn-press-profile-basic-information #description{
	width: 100% !important;
	display: block;
}
#learn-press-profile-basic-information  .form-field:first-child .form-field-input{
	display: block !important;  
}

#learn-press-profile-basic-information  > button{
	background: #333 !important;
	border: none !important;
	color: #fff !important;
}
#learn-press-profile-basic-information  button:focus,
#learn-press-profile-basic-information  input:focus,
#learn-press-profile-basic-information select:focus,
#learn-press-profile-basic-information textarea:focus{
	outline: none !important;
}

#learn-press-profile-basic-information  .form-field .form-field-input select{
	width: 100% !important;
	display: block;
	height: 50px;
	padding-left: 5px;
}

#profile-content-settings #lp-avatar-actions button , #profile-content-settings  button#submit{
	max-width: 200px;
	width: 100%;
	background: #333;
	color: #fff;
	border: none;
}

#learn-press-profile-tab-course-wishlist.has-courses .learn-press-courses.profile-courses li a img{
	width: 100% !important;
}

#profile-content-wishlist #learn-press-profile-tab-course-wishlist ul li button{
	background: #333;
	color: #fff;
	border: none;
    
    /*8.7.2021*/
    font-size:14px;
    padding:8px 10px;
    /*8.7.2021*/
}


#profile-content-wishlist #learn-press-profile-tab-course-wishlist ul li h3{
	margin: 20px 0 !important;
}

#profile-content-orders .order-row .column-order-status span{
	font-size: 14px;
	display: inline-block;
	padding: 5px;
	color: #333;
	width: 140px;
	text-align: center;
}

#profile-content-orders .order-row .column-order-action a{
	background: #333 !important;
	color: #fff !important;
	padding: 8px 10px;
	border-radius: 5px;
	margin-right: 5px;
}

#profile-content-courses .learn-press-subtab-content .learn-press-courses.profile-courses-list .course-info{
	display: none;
}

#profile-content-courses .lp-list-table .column-status .lp-label.label-in-progress{
	display: inline-block;
	padding: 10px 5px;
	color: #333;
	font-size: 14px;
}
#profile-content-courses .lp-list-table .column-status .result-percent{
	font-size: 14px !important;
	margin-bottom: 5px;
	min-width: 30px !important
}

#profile-content-dashboard .learn-press-profile-dashboard p{
	font-size: 24px !important;
	padding-bottom: 60px;;
}

#learn-press-profile-nav #profile-mobile-menu{
	color: #fff !important;
	background: #85827f;
}

#learn-press-profile-nav .learn-press-tabs{
	z-index: 99;
}

#learn-press-profile-nav:before{
	background: #85827f !important;
}

.learn-press-tabs.tabs a{
	color: #fff !important
}

/*8.7.2021*/
#learn-press-profile-nav .tabs > li.active > a, 
#learn-press-profile-nav .tabs > li:hover:not(.active) > a, 
#learn-press-profile-nav .tabs > li ul li:hover a {color:var(--black) !important;}
.learn-press-profile-header-prnt {background-color:#f2f2f2;}
#learn-press-profile-header {width:70%;}

.lp-tab-sections {padding:8px !important;}
.lp-tab-sections .section-tab a, .lp-tab-sections .section-tab span {font-size:16px;}

.learn-press-subtab-content h3:first-child {margin-bottom:16px; border-bottom:1px solid #ddd; padding-bottom:8px;}

.learn-press-subtab-content h3.course-title, 
.course-title h3, 
.learn-press-form .form-fields .form-field label, 
.learn-press-form .form-fields .form-field input[type="text"], .learn-press-form .form-fields .form-field input[type="email"], .learn-press-form .form-fields .form-field input[type="number"], .learn-press-form .form-fields .form-field input[type="password"], .learn-press-form .form-fields .form-field textarea
{font-size:18px!important; line-height:1.4 !important;}

.lp-sub-menu li a, .lp-sub-menu li span {font-size:16px;}

.learn-press-courses .learn-press-course-wishlist.wishlist-button {width:auto;}

.learn-press-form .form-fields .form-field input[type="password"] {width:45% !important;}

.learn-press-form .form-fields .form-field .description {margin-left:8px;}

.write-a-review {background:#333; color:#fff; border:none; font-size:14px; padding:8px 10px;}

#post-4547 .container {width:800px;}
.single-lp_course {padding-top:100px;}
.lp_course.status-publish {margin-bottom:48px;}

.lp-button {background:#fff; color:#333; border:none; font-size:14px !important; padding:8px 10px !important; height:auto !important; font-family:'Nunito Sans', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important; line-height:1 !important;}

#course-item-content-header .course-title {font-family:'Nunito Sans', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;}

.content-item-wrap #comments #comment {width:100%;}

#commentform .form-submit .submit {background:#333; color:#fff; border:none; font-size:14px; padding:8px 10px;}
#commentform .none {display:block;}
#commentform #author, #commentform #email {width:50% !important; padding:8px;}
#commentform .comment-form-cookies-consent {display:flex; align-items:baseline; margin-top:24px;}
#commentform .comment-form-cookies-consent label {padding-left:8px;}

body.course-item-popup.wpadminbar #course-item-content-header {top:0 !important;}
body.course-item-popup.wpadminbar #learn-press-course-curriculum, body.course-item-popup #learn-press-content-item {top:60px !important;}

.woocommerce-cart table.cart td[class^="product-"] {font-family:'Nunito Sans', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;}
.woocommerce-cart table.cart img {width:100% !important;}
/*8.7.2021*/
 

@media only screen and (max-width: 992px){
	table.lp-list-table ~ div{
		display: block;
    	width: 100%;
    	overflow-x: auto;
	}
}

/*8.7.2021*/
@media only screen and (max-width:991px) {
    .learn-press-form .form-fields .form-field input[type="password"] {width:60% !important;}
}
/*8.7.2021*/

@media only screen and (max-width: 768px){
	.lp-list-table thead tr th{
		padding-right: 100px;
	}
}

/*8.7.2021*/
@media screen and (max-width:767px) {
    .learn-press-form .form-fields .form-field input[type="password"] {width:100% !important;}
    #commentform #author, #commentform #email {width:100% !important; padding:8px;}
}
/*8.7.2021*/

/*8.7.2021*/
@media only screen and (max-width:480px) {
    #learn-press-profile-nav {margin-top:-65px; margin-right:16px;}
    #learn-press-profile-nav:hover #profile-mobile-menu {background-color:#d0d0d0 !important;}
    #learn-press-profile-nav .tabs > li.active a, #learn-press-profile-nav .tabs > li:hover a {background-color:#D9D9D9 !important; color:var(--black) !important;} 
}

@media only screen and (min-width:480px) and (max-width:829px) {
    #course-item-content-header {display:flex;}
}
/*8.7.2021*/

#learn-press-user-profile ~ .learnpress ~ .post-content.page-content ~ article 
~ .page.type-page.status-publish.hentry ~ .container{
	max-width: 100% !important;
	padding: 0 !important;
}

/*26-07-21*/

@media screen and (max-width: 600px){
	#sgpb-popup-dialog-main-div{
		height: 450px !important;
		background: transparent !important;
	}
}
/*28-07-21*/

.woocommerce-account .newclass .post-2817.type-page .woocommerce-MyAccount-content p:nth-child(3){
  display: none;
}

.woocommerce-account .newclass .woocommerce-MyAccount-navigation ul li:nth-child(2),
.woocommerce-account .newclass .woocommerce-MyAccount-navigation ul li:nth-child(3),
.woocommerce-account .newclass .woocommerce-MyAccount-navigation ul li:nth-child(4),
.woocommerce-account .newclass .woocommerce-MyAccount-navigation ul li:nth-child(5){
  display: none;
}

.newclass .woocommerce-MyAccount-navigation ul li{
    padding: 12px 24px;
    color: #fff !important;
    background: #63605c;
    font-weight: bold;
    transition: all .4s ease;
}
.newclass .woocommerce-MyAccount-navigation ul li a{
  font-weight: 700;
}
.newclass .woocommerce-MyAccount-navigation ul li:hover{
    background: #ccc;
    color: #222 !important;
    padding-left: 35px;
}
.woocommerce-MyAccount-navigation ul{
  margin-bottom: 0;
}
.woocommerce-MyAccount-content{
  padding-left: 40px;
  margin-bottom: 40px;
}