/*
* Theme Name: The Dance Dojo Theme
* Template: enfold
*/
@import url('../enfold/style.css');

.grecaptcha-badge {display:none;} /*Hiding Recaptcha badge that gets auto added to site when using it*/

/****/
.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.cf {
    /*display: inline-block;*/
    display:block;
}
/******/
html {
background: #ffffff;
}

/*removing image overlays from enfold theme*/
.image-overlay.overlay-type-video,
.image-overlay.overlay-type-image{
display:none !important;
}

/*Finished removing image overlays from enfold theme*/

/*body .content a,
#top div.textwidget p a {color:#eb6126;}
body a:hover,
#top div.textwidget p a:hover {
text-decoration:none;
color:#0CBEBE;
}*/

body a.link2{color:#000} 
body a.link2:hover{color:#5bb8cf;}

strong,b{ font-weight: 600; color:inherit;}

body .wp-caption {border-width:0px;}
body .wp-caption-text {font-size:11px !important;}

#header_main {
border:none;
}

#header_main_alternate {
background: #000;
text-align:center;
}
/*cody's change*/
#header_main .container {height:62px !important;}
/*end cody's change*/
.header_color .main_menu ul{
background: transparent;
}
.header_color .main_menu ul:first-child > li.current-menu-item > a,
.header_color .main_menu ul:first-child > li > a,
.header_color .main_menu ul:first-child > li.current_page_item > a {
color: #8A8A8A;
text-transform: uppercase;
}

.header_color .main_menu .menu>li:last-child>a {
border-right: 0!important;
padding-right:13px!important;
}

.main_menu .avia-menu .free-trial-nav-button {margin-left: 0px;}
#top #wrap_all .header_color .free-trial-nav-button.av-menu-button-colored>a .avia-menu-text{
	background-color: #ff9100;
    color: #ffffff;
    border-color: #ff9100;
}

.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
border-left-width: 0!important;
}
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 100px; line-height: 100px; }
div .logo {
position:relative;
}
.logo img{
padding:8px 0;
}
#header-logo {
display:inline-block;
float:left;
line-height:1;
max-width: 20%;
}
@media only screen and (max-width: 989px) {
	#header-logo {
		max-width:100%;
	
	}
}
#header-logo img {
padding: 10px 0;
}


/***************************************************
*********LEARNDASH CSS CHANGES START HERE**********
****************************************************/

#top-menu a.ld-logout.ld-login-text.ld-login-button.ld-button {display:none;}  /*Hiding Log Out Button when user is logged in*/

.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before {content:none;}  /*Removing icons from login form*/
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before {content:none;}	/*Removing icons from login form*/
.ld-icon-login:before {content:none;} /*Removing Icon from Login Button*/
#top-menu .learndash-wrapper .ld-button.ld-login-button.ld-login {padding: 0px 18px;}
.learndash-wrapper .ld-button.ld-login-button.ld-login .ld-icon {margin-right:0px;}

img.image-disabled {filter: grayscale(100%);}  /*My Courses Page - Greyscale Images when user has no access*/

/* Fix for horizontal overflow on mobile */
html {min-width:0; !important}

body.ld-in-focus-mode, body.ld-in-focus-mode .learndash-wrapper { /* Ensures Focus Mode doesn't overflow horizontally*/
  max-width: 100vw !important;
  }

body.ld-in-focus-mode.admin-bar,
body.admin-bar .learndash-wrapper .ld-focus-header {top: 0px; padding-top:0px;} /*Ensures there is no space above Focus Mode Header Nav*/
 
/********
LearnDash Focus Mode General Styling Starts Here
 *********/

.ld-content-action.back-to-modules,
 .ld-focus-sidebar,
 .ld-progress-heading,
 .ld-content-actions,
 .learndash-wrapper .ld-button,
 .learndash_post_sfwd-lessons p,
 .learndash_post_sfwd-lessons .ld-breadcrumbs-segments span a,
 .learndash_post_sfwd-lessons li,
 .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav.lesson-list-icon span {                             
	font-family:'open sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status {margin-bottom:25px;} /*Adding space under breadcrumbs on desktop*/

.learndash-wrapper h2 {
	font-size: 26px;
    padding: 20px 0 5px 0;
    font-weight:300;
}

.learndash-wrapper .ld-button .ld-text {font-weight:600;}  /*Font weight for LearnDash Buttons*/


/*"NEW LESSON LABEL" STYLING BEGINS*/
.ld-item-list-item .ld-item-list-item-preview .new-lesson:after {
	content: "New";
    margin-left: 15px;
    margin-right: 15px;
    padding: 2px 10px;
    background-color: #00a2e8;
    color: white;
    border-radius: 5px;
    opacity: .9;
    position: absolute;
    right: 6%;
    top: 30%;  
}

a.ld-item-name .ld-lesson-title-container {display: flex;} /* "New Lesson" label spacing */

.ld-lesson-item-preview .ld-lesson-item-preview-heading .new-lesson:after {  /*New Label on Focus Mode Lesson List*/
	content: "New";
    margin-left: 8px;
    margin-right: 3px;
    padding: 2px 10px;
    background-color: #00a2e8;
    color: white;
    border-radius: 5px;
    opacity: .8;
    font-weight: 400;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading { /*Vertically aligning New label & Check icon*/
	display: -webkit-box;
	display: -ms-flexbox;
		display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}

.learndash-wrapper .ld-course-navigation .ld-status-icon { /* Positioning Checkmark Icon in Focus Mode Lesson list */
	width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    	flex: 0 0 20px;
}

.learndash-wrapper .ld-lesson-item-preview-heading .ld-status-icon .ld-icon:before { /* Positioning Checkmark Icon in Focus Mode Lesson list */
	top:55%;
}

/*"NEW LESSON LABEL" ENDS HERE*/


/***************
LearnDash Focus Mode Header Nav Starts Here
 ***************/

.learndash-wrapper .ld-focus .ld-focus-header {position:relative;}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions {display:none;} /*Hide Prev, Next, and Mark Complete buttons */

.ld-focus-main .ld-focus-header .ld-content-action.header-nav.lesson-page.back-to-modules {display:none;} /*Hiding back to Library button in header, because it is displaying in sidebar for desktop */

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress { /*Adjusting Focus Mode Progress Bar for Desktop*/
	padding-left: 1em;
	padding-right: 1em;
	-webkit-box-align: center;                               
    -ms-flex-align: center;
    	align-items: center;
}  

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-stats { /*Aligning Progress Bar*/
	display: -webkit-box;
	display: -ms-flexbox;
		display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    	justify-content: center;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .progress-label { /*Text next to progress bar*/
	font-weight: 600;
    margin-right: 5px;
    color: #728188;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage { /*Progress bar "% complete" text*/
	text-transform: none;
	font-weight: 600;
    color: #728188;
}

.learndash-wrapper .ld-content-action.header-nav.lesson-page.share-button img {margin-left: 1em;}  /*Add space on left side of gift icon on share-button*/

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete input[type=submit] {
	color:#444444; 		/* LD Mark Complete button in header*/
	font-weight:600;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete::after {color:#444444;} /* Mark Complete button check mark */

/*Upgrade Button Styling For Free Modules (sidebar and header)*/
.learndash-wrapper .upgrade.ld-content-action.header-nav.lesson-page.back-to-modules,
.learndash-wrapper .upgrade.ld-content-action.sidebar-nav.lesson-page.back-to-modules {background: #00a2e8;}

.learndash-wrapper .upgrade.ld-content-action.header-nav.lesson-page.back-to-modules:hover,
.learndash-wrapper .upgrade.ld-content-action.sidebar-nav.lesson-page.back-to-modules:hover {background:#018ac4;}

.learndash-wrapper .upgrade.ld-content-action.header-nav.lesson-page.back-to-modules .ld-text:hover,
.learndash-wrapper .upgrade.ld-content-action.sidebar-nav.lesson-page.back-to-modules .ld-text:hover {transition: font-size .2s; font-size:13px;}

.learndash-wrapper .upgrade.ld-button .ld-text {color:#ffffff;}
/*Upgrade Button Styling for Free Modules Ends here*/

/****************
LearnDash Lesson Focus Mode Sidebar Starts Here
 ***************/
.learndash-wrapper .ld-focus .ld-focus-sidebar {padding-top:0px; z-index: 100;} /*Pushing LD FocusMode sidebar to top of screen overtop of header nav*/

.ld-content-action.sidebar-nav.lesson-page.back-to-modules {  /*Spacing for Back to Library Button*/
	height: 51px;
	padding: .6em 0 1em 0;
	border-bottom: 1px solid #e2e7ed;
}

.ld-content-action.sidebar-nav.lesson-page.back-to-modules:hover {
	background: rgba(0,0,0,.03);
}

.ld-content-action.sidebar-nav.lesson-page.back-to-modules a.ld-button.ld-button-transparent {
	padding: .625em 1.5em;
}

.ld-content-action.sidebar-nav.lesson-page.back-to-modules a.ld-button.ld-button-transparent,
.ld-content-action.sidebar-nav.lesson-page.back-to-modules .ld-icon.ld-icon-arrow-left:before {
	color:#444444;
	background: #0000 !important;
}

.ld-content-action.sidebar-nav.lesson-page.back-to-modules .ld-button.ld-button-transparent:hover,
.ld-content-action.sidebar-nav.lesson-page.back-to-modules .ld-button.ld-button-transparent .ld-icon.ld-icon-arrow-left:hover {
	color: var(--ldx-color-link-hover);
    opacity: 1;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
		border-bottom: 1px solid #e1e1e1;
		box-shadow: 0 8px 6px -6px #ccc;		  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
		-webkit-box-shadow: 0 8px 6px -6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  		-moz-box-shadow:    0 8px 6px -6px #ccc;  /* Firefox 3.5 - 3.6 */
  
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 a { /*Sidebar Module Heading*/
	font-size: 125%;
    margin-right: 7px;
    font-weight: 400;
}


.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 a:hover {color: #00a2e8;}


.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
	font-weight:600;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item .ld-lesson-title:hover {color: #00a2e8;}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
	color: #00a2e8;
    font-weight: 400;
}

/********************
LearnDash Lesson List Tweaks
 ********************/
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete,
.learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-incomplete,
.learndash-wrapper .ld-status-incomplete.ld-status-icon {border:none;}


/********************
LearnDash Lesson Focus Mode Content Starts Here
 ********************/

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content { /*Spacing around the main content area*/
	padding: 3em;
    margin: 0 auto;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1{   
	color:#222222;
	font-weight:100;
	font-size:35px;
    line-height: 110%;
    margin-bottom:.75em;
}

.learndash_post_sfwd-lessons p,  /* Setting general text styles for LearnDash Lessons*/
.learndash_post_sfwd-lessons li {
	font-size: 18px;
	line-height:150%;
	font-weight:400;
	color:#666666;
}

.learndash_post_sfwd-lessons li a,
.learndash_post_sfwd-lessons p a {  /* Link styles for LearnDash Lessons*/
	color:#00a2e8;
}

.learndash_post_sfwd-lessons li a:hover,
.learndash_post_sfwd-lessons p a:hover {
	color:dodgerblue;
}

/********
LearnDash Focus Mode Footer Content Actions Starts Here
 *********/
.learndash-wrapper .ld-content-actions>a,
.learndash-wrapper .ld-content-actions a.ld-course-step-back {display:none;} /*Removing "Back to Module" button at bottom of page */

.learndash-wrapper .ld-content-actions form.sfwd-mark-complete .learndash_mark_complete_button {font-weight:600; background:#81d742; padding: 0.625em 2.5em; min-width: 247px;} /* NEW FIX*/

.learndash-wrapper .sfwd-mark-complete .learndash_mark_complete_button:hover,
.learndash-wrapper .sfwd-mark-complete .learndash_mark_complete_button:active {opacity: .9; background: #81d742;} /* LD upgrade fix */

/********
LearnDash Course/Module Page Starts Here
 *********/

.ld-content-action.course-page.back-to-modules {margin-bottom:25px;}

.ld-content-action.course-page.back-to-modules a.ld-button.ld-button-transparent {
	color: #444444;
	font-weight: 600;
}

.ld-content-action.course-page.back-to-modules a.ld-button.ld-button-transparent:hover {
	color: var(--ldx-color-link-hover);
}

#main .learndash-course-complete-message{
    padding: 1em 1em;
    border-width: 3px;
    border-style: solid;
    border-color: #8BAF5B;
    background-color: #E0F1B5;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #444;
    text-align: center;
}

#main .learndash-course-complete-message p a {
	color: #444;
	text-decoration: underline;
}

#main .learndash-course-complete-message a:hover,
#main .learndash-course-visitor-message a:hover {opacity: 0.7;} 

#main .learndash-course-visitor-message {
    padding: 1em 1em;
    border-width: 3px;
    border-style: solid;
    background-color: #ffe673;
    border-color: #ffd100;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #444;
    text-align: center;
}

#main .learndash-course-visitor-message p a {
	color: #444;
	text-decoration: underline;
}

.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name {   /*This is necessary to set arrow positioning below*/
	position:relative;
}

.learndash-wrapper .ld-item-list .ld-item-list-item div.ld-icon.ld-icon-arrow-right.lesson-row-arrow-right { /*Arrow at end of Lesson Row on Module page*/
    position: absolute;
    right: 3%;
    top: 40%;
    color: #d1d1d1;
 }

.learndash-wrapper .ld-item-list .ld-item-list-item div.ld-icon.ld-icon-arrow-right.lesson-row-arrow-right:hover {
	color: dodgerblue;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title { /*So lesson names don't overlap the ">" character*/
	padding-right:15px;
	font-size:115%;
}


/*********************
"My Salsa/My Bachata" Page Starts Here
 *********************/

.js_active .av-elegant-toggle .toggler {         /***  Setting font styles for Enfold "Elegant Accordion headings"*/
	font-size:1.5em;
	padding: 25px 57px 20px 35px;
	border-color:#d1d1d1;
}  

.av-elegant-toggle .toggle_icon {
	opacity:1;
	color:#d1d1d1;
}

.av-elegant-toggle .toggle_content {font-size:140%;} /***  Setting font styles for Enfold "Elegant Accordion items"*/

.main_color .toggle_content {background-color: #f0f3f6;}

.course-list-item {                               
	display: -webkit-box;                               
	display: -ms-flexbox;
		display: flex;                               
    -webkit-box-orient: horizontal;                               
    -webkit-box-direction: normal;                               
    -ms-flex-direction: row;
    	flex-direction: row;
    -webkit-box-pack: justify;                               
	-ms-flex-pack: justify;
		justify-content: space-between;                               
    -webkit-box-align: center;
    -ms-flex-align: center;
    	align-items: center;
    color:#444444;
    padding: 0 10px 0px 25px;
	border-bottom: solid 1px;
} 


.course-title {
	margin-right: 20px;
	font-size:100%;
	width: 45%;
}

a div.course-title:hover {
	color:dodgerblue;
}

.progress-bar {
	font-size:14px;
	width:50%;
	margin-right:7%;
}


/****************************************************************************
---------------LEARNDASH MEDIA QUERIES START HERE----------------------
 ***************************************************************************/

/**********************************************************************************************************
Setting Styles for Between Tablet And Mobile - When buttons get squished at bottom of focus mode For LearnDash.
 ***********************************************************************************************************/
 @media only screen and (min-width: 768px) and (max-width: 950px) {

.learndash-wrapper .ld-content-actions { /*Making the Prev/Next/Complete Buttons at the bottom of a LD Lesson fit a mobile screen better */
	-webkit-box-orient: vertical;                               
	-webkit-box-direction: normal;                               
	-ms-flex-direction: column;
		flex-direction: column;
	-webkit-box-align: center;			/* LD upgrade fix */
	-ms-flex-align: center;
        align-items: center;
    
} 
.learndash-wrapper .ld-content-actions .ld-content-action {		/* LD upgrade fix */
	min-width: 245px;
	-webkit-box-flex: 0;
    -ms-flex: 0 1 60px;
    	flex: 0 1 60px
}

}

/**************************************************************
Setting Styles for Size Less than Tablet (For LearnDash CSS)
 ***************************************************************/

@media only screen and (max-width: 767px) {


.ld-item-list-item .ld-item-list-item-preview .new-lesson:after {  /* New Label */
	position:inherit;
	display:flex;
	margin-left: 10px;
	margin-right: 20px;
}

.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name {  /* This sets the "New Lesson" label positioning */
	display: flex;
	align-items: center;
	justify-content:space-between;
}


.ld-content-action.sidebar-nav.lesson-page.back-to-modules {display:none;} /*Hiding "Back to Library" Button in sidebar, because it will be displayed in header*/

.ld-focus-header .share-button {display:none;} /* Hiding Salsa Share Button*/

.ld-focus-main .ld-focus-header .ld-content-action.header-nav.lesson-page.back-to-modules {
	display:initial;			/*Displaying "Back to Library" Button in Header*/		
} 

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
		width:100%;
}

.ld-trigger-mobile-nav img {max-width:initial;} 	/* New List Icon, replacing the hamburger icon in Focus Mode header*/


#avia-menu #menu-item-56649, /* If using salsa-group-yes as a menu item class in Appearance >> Menus, this will remove the menu item from double appearing ontop of the mobile menu */
#avia-menu #menu-item-56650, 
#avia-menu #menu-item-70992,	
#avia-menu #menu-item-70991 {display:none !important;}

				/*Mobile Layout for LearnDash Header*/
.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav {
	-webkit-box-ordinal-group:3;                               
    -ms-flex-order:2;
    	order:2;
	height:51px;
	width:inherit;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action.back-to-modules {
	-webkit-box-ordinal-group:2;                               
    -ms-flex-order:1;
    	order:1;
	border-right:none;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {   /*This might be hidden using the LearnDash Pro Design Plugin in Appearance >> Customize*/
	-webkit-box-ordinal-group:4;                               
    -ms-flex-order:3; 
    	order:3;
} 
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress {
	-webkit-box-ordinal-group:5;                               
    -ms-flex-order:4;
    	order:4;
	-webkit-box-flex: 1;                               
    -ms-flex: 1 1 500px;
    	flex: 1 1 500px;
   	border-top: 1px solid #e2e7ed;
   	z-index:99;
 }

  .learndash-wrapper .ld-focus .ld-focus-header .share-button {
 	-webkit-box-flex: 1;                               
    -ms-flex: 1 1;
    	flex: 1 1;
 }

.learndash-wrapper .ld-content-actions { /*Making the Prev/Next/Complete Buttons at the bottom of a LD Lesson fit a mobile screen better */
	-webkit-box-orient: vertical;                               
	-webkit-box-direction: normal;                               
	-ms-flex-direction: column;
		flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;
} 

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action { /*Fix: Prev/Next/Complete Buttons were vertically squished on mobile screen */
    padding: 1em !important;
}

.learndash-wrapper input.learndash_mark_complete_button {/*Fix: "Complete & Go To Next Lesson" wasn't centered on Button */
    text-align: center !important;
}


.learndash-wrapper .ld-content-actions .ld-content-action {min-width: 245px;}

.learndash-wrapper .ld-content-actions>a {order:3;}  /*Changing button order in LD Focus Mode Footer*/

.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav {  /*Lesson List Icon Link in Header (stuck to bottom of screen)*/	
	display: -webkit-box;                               
	display: -ms-flexbox;
		display:flex;
	-webkit-box-orient: horizontal;                               
    -webkit-box-direction: normal;                               
    -ms-flex-direction: row;
    	flex-direction: row;                               
	-webkit-box-pack: center;                               
    -ms-flex-pack: center;
    	justify-content: center;
	-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
	-webkit-box-align: center;                               
    -ms-flex-align: center;
    	align-items:center;
	padding: .45em 1.5em;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav a {display:contents;}

.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav.lesson-list-icon span { /*Lesson List Icon Text in Header*/
	display: block;
    background-color: transparent;
    width: inherit;
    height: inherit;
    font-size: 95%;
    font-weight:600;
    margin-left: 15px;
    color:#444444;
}

.learndash-wrapper .ld-breadcrumbs {display:none;}

.course-title {font-size:80%; width: 70%;}

/*Fixed Bottom Menu for Mobile in LD Focus Mode*/

.learndash-wrapper .ld-focus .ld-focus-header {z-index:unset;}

.learndash-wrapper .ld-button .ld-text {
/*	flex:0;  NEW FIX*/
		-webkit-box-flex:0;                               
    	-ms-flex:0;
}


.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav.lesson-list-icon {
	position: fixed;
    bottom:0;
    right:0;
    height: 51px;
    background-color:#fff;
    width: 50%;
    border-top: 1px solid #e1e1e1;
    z-index: 101;
    display: -webkit-box;
	display: -ms-flexbox;
        display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action{
	position: fixed;
    bottom:0;
    left:0;
    background-color:#fff;
    height: 51px;
    width: 50%;
    border-right: 1px solid #e1e1e1 !important; 
    border-top: 1px solid #e1e1e1;
    z-index: 101;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar {
	position:fixed;
	top:0px !important;
	left:0;
	width:70%;
	height:97%;  /*if people have problems scrolling the mobile lesson list, adjust this height property*/
	z-index: 100;
} 

.ld-content-action.course-page.back-to-modules {  /*Module Page: Fixing Back Button to bottom of page*/
	position: fixed;
    bottom:0;
    left:0;
    background-color:#fff;
    height: 51px;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    z-index: 101;
    margin-bottom:0px;
    display: flex;
		display: -webkit-box;                               
		display: -ms-flexbox;                               
    flex: 0 1;
    	-webkit-box-flex: 0;
    	-ms-flex: 0 1;
}

.ld-content-action.course-page.back-to-modules a.ld-button { /*Module Page: Fixing Back Button to bottom of page*/
    width: 100%;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
		justify-content: center;
    display: -webkit-box;
	display: -ms-flexbox;
		display: flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
    
}
.ld-content-action.course-page.back-to-modules .ld-button .ld-text {padding: 0 1em;} /*Module Page: Fixing Back Button to bottom of page*/



/*End of Fixed Menu Experiment*/

}


/****************************************************************************
Setting Styles for Mobile Portrait Size to Mobile Landscape Size (For LearnDash CSS)
 ***************************************************************************/
@media only screen and (max-width: 479px) {

#top-menu .learndash-wrapper .ld-button.ld-login-button.ld-login {margin-top: 17px;} /*Login Button*/

.js_active .av-elegant-toggle .toggler {font-size:1.2em;} 

.av-elegant-toggle .toggle_content {padding-right:8px;}

.progress-bar {width: 40%;} 

.course-list-item {padding: 0px;} /* For "My Salsa/Bachata pages"*/

.learndash-wrapper .ld-button,
.learndash-wrapper .learndash_mark_complete_button {padding: 0.8em 1.5em;} /*LD Upgrade Fix*/

.ld-content-actions {font-size:12px;}

.ld-content-action.back-to-modules span.ld-icon.ld-icon-arrow-left:before {content: "\e914";}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
	font-weight:600;
	font-size:12px;
	margin-right:0px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{width:100%;}

.learndash-wrapper .ld-focus .ld-focus-header .upgrade.ld-content-action.header-nav.lesson-page.back-to-modules .ld-text {font-size: 11px;} /*Decrease text size for Free Tier upgrade button*/

}


/*******************************************************
---------------LEARNDASH MEDIA QUERIES END HERE----------------------
********************************************************/

/*******************************************************
*********END OF LEARNDASH CSS CHANGES*******************
********************************************************/



/***************TWEAKS TO THEME ELEMENTS****************/

.av-catalogue-title{
font-size:18px;
text-transform: none;
}

.av-catalogue-image{border-radius:5px;}

.avia-icon-list .iconlist_title {text-transform: none;}

.medium-icon-list .avia-icon-list .iconlist_icon {height: 45px; width: 45px; line-height: 45px; font-size: 22px;} /* To use this, set an icon list to the "Default (big) setting" then add "medium-icon-list" as a custom css style within the icon list element*/
.medium-icon-list .avia-icon-list li  {padding: 0 0 15px 0;}
.medium-icon-list .avia-icon-list h4.av_iconlist_title.iconlist_title {font-size: 18px; font-weight: 400; margin-top: 0px;}  
.medium-icon-list .avia-icon-list .iconlist-timeline {left: 24px;}


/***************MENU****************/
.main_menu{
clear:none;
position: relative;
line-height:30px;
height:100%;
display: inline-block;
float: right;
height:22px;
margin:13px 0 20px 10px;
}

/* .main_menu ul:first-child > li > a{padding:0 8px!important;} Commented out when added New burger menu Apr 2020 */

#avia-menu>li>a {
height: 21px;
line-height: 21px;
margin: 7px 0;
}
#avia-menu {
display: inline-block;
width: auto;
}
#header-right{
display:inline-block;
float:right;
line-height:normal;
margin-top: 13px;
}
/*#top-menu { 		/* Used for the old nav menu for "join now" "sign out" wording switch
display:block;
}
#top-menu a{
color:white;
padding:0 10px;
margin: 7px 0;
line-height: 21px;
display: inline-block;
}

#social-media {		
margin-top:10px;
}
#social-media .social_bookmarks{
position:relative;
}
#social-media .social_bookmarks li{
float:right;
margin-left:5px;
}
#top-menu .login {
color:#eb6126;
}
#top-menu .join-now {
color:#eb6126;
}

#header_main .social_bookmarks{
margin-top: 0;
}
*/

.rounded-container{
width:40px;
height:40px;
line-height: 40px;
}

@media only screen and (max-width: 768px) {
	h1 {
	text-align:center;
	}
}
@media only screen and (max-width: 480px) {
	#header-right {
	display: block;
	float: none;
	text-align:center;
	width: 188px;
	margin: 0 auto;
	}
	#top-menu {display:inline-block;}
	#top-menu a {padding: 5px 10px;}
}

/************** BLOG  *****************/

.template-blog .blog-meta {
margin-right: 10px;
display:none;
}

/*blog post full width, no sidebar*/
#top .fullsize .template-blog .blog-meta {
    display:none;
}

.template-blog .post .entry-content-wrapper{
width: 100%;
}

.entry-content-wrapper .post-title {
font-size: 3em;
font-weight: 800;
}

/*blog post full width, no sidebar*/
#top .fullsize .template-blog .post-title {
font-size: 3em;
font-weight: 800; 
text-align: center;
padding: 15px 0;
max-width: 800px;
margin: 0 auto;
}


.template-page .entry-content-wrapper h1{  /*H1 on WP pages*/
font-size:3.8em;
margin-bottom:.8em;
font-weight:800;
text-transform:none;
}

.template-page .entry-content-wrapper h2{  /*H2 on WP pages*/
font-size: 40px;
margin-bottom:.8em;
text-transform:none;
}

.woocommerce-loop-product__title {    /*so H2s on shop page aren't overwritten by H2 on WP pages*/
    font-size: 1em !important;
}

.template-page .entry-content-wrapper h3{  /*H3 on WP pages*/
font-size: 20px;
text-transform:none;
}

/*h3 a {
    color:#00a2e8 !important
}*/

.template-blog h1{font-weight:400;}  /*Blog headings*/

.post-entry h1,	 /*Blog headings*/
.post-entry h2,
.post-entry p,
.post-entry li{
font-weight:300;
}

.template-blog h3,
.template-blog h4,
.post-entry h3,
.post-entry h4,{
font-weight:400;
}

.post-entry p,		/*Blog Post Styles*/
.post-entry li{
font-size: 20px;
line-height:165%;
font-weight:400;
}

/*.post-entry p,		/*OLD Blog Post Styles*/
/*.post-entry li{
font-size: 18px;
line-height:150%;
font-weight:400;
}*/
                    
                    /*Blog Archive headings*/
/*#top h1 a{     		
font-size:30px;
padding:20px 0;
}
#top h2 a,
.cta-heading{
font-size:26px;
padding:20px 0;
}
#top h2 a:hover{color:#eb6126}

.post-entry h1{padding:5px 0;}

.post-entry h2{
font-size: 26px;
padding: 20px 0 5px 0;
}*/

/* margin adjustment for paragraphs that come after headings*/
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{margin-top: 2em;} 

/* margin adjustment for paragraphs that come after unordered lists
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6{
margin-top: 2em;
margin-bottom: 1em;
} */

/* margin adjustment for paragraphs that come after ordered lists
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6{
margin-top: 2em;
margin-bottom: 1em;
} */

.single .post { /*Not sure if this is in use*/
float:none;
}

.single .post_delimiter { /*Helps fix giant space under blog post*/
margin: 0;
padding: 0;
}

span.post-meta-infos {margin-bottom:10px;}

.template-blog .post_delimiter {
margin: 0 0 20px 0;
padding: 30px 0 0 0;
clear: both;
border-bottom: 1px dashed #dedede;
}
#top section#categories-3.widget.clearfix.widget_categories ul li.cat-item cat-item-1 a{display:none;}

/************** Judge.Me Review Styling Starts  *****************/

b.jdgm-rev__title {font-size: 130%; color:#222222; margin-top: 12px;}

span.jdgm-rev__author-wrapper {font-weight: 600;}
 span.jdgm-rev__location {opacity: 1;}
 span.jdgm-rev__timestamp {opacity: 0.75;}

a.jdgm-branding-footer {display:none;} /* Hiding branding on "All Reviews" widget */


/************** Judge.Me Review Styling Ends  *****************/

/************** MAIN WEBPAGE CONTENT  *****************/

.center {margin:0 auto;}

table.cf7-db-table tbody td{font-size:15px !important;}
input.wpcf7-form-control.wpcf7-submit {background-color:#ff9100;}

/* Tabbed Content <--- Not sure if we're still using this */ 
.main_color .sidebar_tab, .main_color .tabcontainer .tab {
color: #fff;
background-color: #FF9100;
}
.main_color .template-archives .tabcontainer a, .main_color .tabcontainer .tab:hover {
opacity: 0.9;
background-color: #0cbebe;
}

.js_active .active_tab {
font-weight:600;
}

#top .main_color .tabcontainer .tab:hover {
color: #ffffff;
}

div .main_color .tabcontainer .active_tab {
background-color: #0cbebe;
color: #ffffff;
}
/* End Tabbed Content*/

.hidden {display:none;}

#hidden {display:none;}

.avia-section {
min-height:1px;
}


/*Headings & Subheadings for Main Website Pages*/
.post-entry .heading p,
.post-entry .home p {margin:0 auto;}

span.subheading{font-size:1.2em;text-align:center;margin-top:-26px;line-height:140%}
.home p span.subheading{font-size:1.2em;color:#fff;text-align:center;margin-top:-26px;}
.home p span.subheading2{font-size:23px; line-height:150%;margin:15px 0 25px 0;}

.heading p span.subheading{font-size:1.2em;text-align:center;}
.heading p span.subheading2{font-size:23px;text-align:center;line-height:150%;}
p span.subheading2{font-size:20px;text-align:center;line-height:150%;color: #222222;}

.post-entry .home h2 {  /*Homepage headings (if they were to be needed)*/
font-size:43px;
margin-bottom:5px;
}
 
.post-entry .home h3{
margin-bottom:25px;
font-size:24px;
font-weight:300;
}

h3.big{
font-size:30px;
color:black;
margin: 30px 0 15px 0;
}

h4{
font-size:20px;
font-weight:600;
color:black;
line-height:27px;
}

.faq {
font-size: 20px;
font-weight: 600;
margin-bottom: 30px;
color:black;
}

.row:before{    /*Not sure if this is in use*/
display: table;
line-height: 0;
content: "";
clear: left;
}
.row:after{		/*Not sure if this is in use*/
display: table;
line-height: 0;
content: "";
clear: left;
}


/********************HOMEPAGE STYLING STARTS HERE********************/

#home-hero h1 {margin-top:50px}


/********************PRODUCT PAGE STYLING STARTS HERE********************/

#bachata-hero h1 {margin-top:150px;}

#salsa-hero h1 {margin-top:50px;}

#ultimate-guide-hero h1 {margin-top:165px;}

.jdgm-prev-badge {text-align:center; font-size:20px; margin-top:20px;}

.skinny-icon-list .avia-icon-list li {padding:0px;}		/*Grid Rows on Product page*/
.skinny-icon-list .avia-icon-list p {margin: 0.2em 0;}  


body #curriculum .column-top-margin {margin-top: 0px;}

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all #curriculum .flex_column {margin-bottom:0px;}
}

h3.curriculum-section-heading{ /*Curriculum list styling for Product Pages*/
font-size: 25px;
font-weight: 400;
}

#curriculum .curriculum-entry{
/*padding: 50px 0 0px 0;*/
padding: 35px 0;
border-top-style: solid;
border-top-width: 1px;
border-color:#e1e1e1;
}

#curriculum.salsa-curriculum .curriculum-entry {padding: 35px 0 !important;}  /*Temporary fix until bachata product page updated*/


#curriculum .curriculum-heading{
font-size:1.5em;
margin-bottom:15px;
line-height:118%;
color:#222;
}

#curriculum .curriculum-text{
font-size: 115%;
line-height:150%;
}

#curriculum .curriculum-number{
font-size: 25px;
/*white-space: nowrap;*/
line-height: 1em;
/*position: relative;*/
letter-spacing: -2px;
font-weight: 400;
margin-bottom: 4px;
color:#222;
}

#curriculum .curriculum-number-text{
font-size: 115%;
line-height: 150%;
font-weight: 400;
color:#666666;
}

/*******PRICING TOGGLE********** THIS SECTION IS FOR HAVING A MONTHLY/LIFETIME TOGGLE ON PRODUCT PAGES */ 

#choose-your-plan .template-page.content {padding-bottom:0px !important;}

/*
#price-toggle-section {color:#222;}                             

.price-toggle-container {width:455px; margin:50px auto 0 auto;}

.price-toggle {
display: inline-block;
font-size: 16px;
background:transparent;
color: #222;
text-align: center;
padding: 12px 65px;
border: 1px solid black;
cursor: pointer;
width:225px;
}

.price-toggle.price-toggle-selected {
background-color: #1e90ff;
color: #fff;
transform: scale(1.07);
border:none;
border-bottom: 3px solid black;
}
*/

/*******PRICING TABLE***********/

#pricing,
#pricing a{
/*color:#fff;*/
color: #222222;                    /*new price grid*/
}
#pricing .pricing-container{		/*new price grid*/
width:1000px;				
margin: 50px auto 0 auto;
}

#pricing .single-pricing-container{
margin: 50px auto;
/*text-align: center;*/
width:313px;
}

#pricing .single-pricing-container .pricing-block.price1 .price-features {
text-align: left;
}

#pricing .double-pricing-container{
width: 630px;
margin: 50px auto 0;    
}

#pricing .pricing-block{
width: 300px;					/*new price grid*/
display: inline-block;
margin-left:23px;
}

#pricing .pricing-block:first-child {margin-left: 0px;}

#pricing .pricing-block .price-top {padding-top:20px;}  /*new price grid*/
#pricing .pricing-block .price-middle {height: auto; padding: 10px 20px 10px 20px;}  /*new price grid*/
#pricing .pricing-block .price-footer {padding-bottom: 20px;} /*new price grid*/

.price-footer-button-container {width: 90%; margin: 0 auto;} /*new price grid*/
.price-footer-button-container:hover {transform: scale(1.01);} /*new price grid*/

#pricing .pricing-block.price1,
#pricing .pricing-block.price2 {float:left;}   /*new price grid*/

/* #pricing .pricing-block.price1 {border:3px solid black;}    new price grid*/

#pricing .pricing-block.price1,                 /*new price grid*/
#pricing .pricing-block.price2,
#pricing .pricing-block.price3 {box-shadow: 7px 9px 15px rgba(48,48,48,0.15) !important;}

#pricing .pricing-block.price1 .price-top,
#pricing .pricing-block.price1 .price-middle,
#pricing .pricing-block.price1 .price-footer{
/*background-color: #0093c0;*/
background-color: #fff;

}

#pricing .pricing-block.price2 .price-top,
#pricing .pricing-block.price2 .price-middle,
#pricing .pricing-block.price2 .price-footer{
/*background-color: #ff6219;*/
background-color: #fff;
}

#pricing .pricing-block.price3 .price-top,
#pricing .pricing-block.price3 .price-middle,
#pricing .pricing-block.price3 .price-footer{
/*background-color: #40bac8;*/
background-color: #fff;
}

#pricing .pricing-block .price-footer a{
display: block;
font-size: 16px;
background-color: #1e90ff; /*new price grid*/
color: #fff;        
text-align: center;
line-height: 56px;
}

#pricing .pricing-block.price1 a:hover{
/*background-color:#0085ae;*/       /*new price grid*/
background-color:#0986FF;
/*font-weight:600;*/                /*new price grid*/
}

#pricing .pricing-block.price2 a:hover{ /*new price grid*/
/*
background-color:#ff5000;
font-weight:600;
*/
background-color:#0986FF;
}

#pricing .pricing-block.price3 a:hover{ /*new price grid*/
/*
background-color:#21a8b5;
font-weight:600;
*/
background-color:#0986FF;
}


#pricing .pricing-block .price-title{
padding: 15px 15px 7px 15px;
font-weight: bold;
font-size: 21px;
text-align: center;
line-height:107%;
}

#pricing .pricing-block .price-amount,          /*For price displays not using Price by Country*/
#pricing .pricing-block .wcpbc-price-amount,	/*Price by Country Normal Price display*/
#pricing .pricing-block .wcpbc-price-amount ins {  /*Price by Country Sale Price display*/

/*border-top: 1px solid #fff;*/
font-weight: bold;
font-size: 48px;
line-height: 64px;
letter-spacing: -1px;
text-align: center;
padding-top: 15px;          /*new price grid*/
/*margin-bottom:25px;*/     /*new price grid*/
margin-bottom:0px;
}

#pricing .woocommerce-Price-currencySymbol, /*Price by Country currency symbol*/
#pricing .pricing-block .price-amount .dollar-sign, /*For price displays not using Price by Country*/
#pricing .pricing-block .wcpbc-price-amount .dollar-sign{  /*Price by Country Sale Prices*/
font-size: 24px;
line-height: 48px;
vertical-align: top;
margin-right: 4px;
}

#pricing .woocommerce-Price-currencyCode, /*Price by Country currency code*/
#pricing .pricing-block .price-amount .currency, /*For price displays not using Price by Country*/
#pricing .pricing-block .wcpbc-price-amount .currency{   /*Price by Country Sale Prices*/
font-size:13px;
line-height: 48px;
vertical-align: baseline;
margin-left: 3px;
text-transform:uppercase;
}

/*Subscription pricing information inserted by Price by Country plugin*/
#pricing .subscription-details {font-size: 13px; line-height: 48px; margin-left: -8px;}

/* WC Price By Country: This is the "Previous Price" displayed when a Sale Price is currently activated*/
#top #wrap_all .main_color .wcpbc-price del {color:#222; font-size:14px; display:block;}        /*new price grid*/
#pricing .pricing-block .wcpbc-price-amount .wcpbc-price del:before {content:"Previously ";}
#top #wrap_all .main_color .wcpbc-price del span.woocommerce-Price-currencySymbol {font-size:14px; margin-right:0px;}

/* WC Price By Country: This is the "Sale Price" that will display when a Sale Price is currently activated*/
#top #wrap_all .main_color .wcpbc-price ins {color:#222;}  /*new price grid*/
#top #wrap_all ins:before {content:"";}

/*
#pricing .pricing-block .price-subscription{ NOT BEING USED ANYMORE
border-top: 1px solid #fff;
font-size: 16px;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}
*/

#pricing .pricing-block .price-note{ 
/*border-top: 1px solid #fff;*/   /*new price grid*/
font-size: 14px;
text-align: center;
padding-bottom: 10px;
/*padding-top: 10px;*/  /*new price grid*/
}

/*
#pricing .pricing-block .price-terms{   NOT BEING USED ANYMORE
border-top: 1px solid #fff;
padding: 15px 5px;
font-size: 16px;
margin-top: 10px;
text-align: center;
}
*/

#pricing .pricing-block .price-features {margin: 45px 0 45px 0;}   /*new price grid*/
#pricing .pricing-block .price-features .price-features-heading {   /*new price grid*/
font-size: 15px;
font-weight: 600;
margin-bottom: 14px;
display: block;
}

#pricing .pricing-block .price-features p,
#pricing .pricing-block .price-features li {font-size:14px;}  /*new price grid*/




/* AVIA MESSAGE BOX */
#top .avia_message_box_content{text-transform:none;}

/* Icon Boxes & Testimonials*/

.iconbox .iconbox_content .iconbox_content_title {overflow:inherit;}
.avia_transform .avia-icon-list .iconlist_icon {opacity:1.0;}
.avia_transform .avia-testimonial .avia-testimonial-image {opacity:1.0;}

.av-iconlist-small .iconlist_title_small {
    line-height: 1.95em;
    }

/* End Icon Boxes */


/****************SIDEBAR & Old Members Area Sidebar**************/
h3.widgettitle{
color: black;
font-weight: 600;
text-align:left;
font-size: 15px;
line-height: 1.4em;
} 

.sidebar__menu{
margin-top:50px;
display:inline-block;
margin-left: 30px;
}
.sidebar__menu .side-block ,
.sidebar__menu .widget { 
/*border: 1px solid;
border-top: 3px solid #c20e26!important;
*/
margin-bottom: 20px;
padding: 12px 5px;
}
div.textwidget .title,
.sidebar__menu .title{
color:black;
font-weight: 400;
margin: 12px 0;
font-size: 20px;
}
.sidebar__menu ul.lesson-levels{
margin:12px 0;
}

.sidebar__menu .cat-opener{
cursor:pointer;
}
.sidebar__menu ul.lesson-levels ul.children{
margin: 4px 0 5px 20px;
}

.sidebar__menu ul.lesson-levels a:hover,
.sidebar__menu .cat-opener span:hover,
.sidebar__menu .current-cat > a{
color:#c20e26;
}
.lesson-levels > li > a {
font-weight:600;
color: #000;
}


.sidebar__menu.mobile{
display:none;
}
.main_menu .mobile { display:none; }

.cta-sidebar{
margin:10px 0;
border: 0 none;
border-radius: 2px;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 45px;
line-height: 40px;
text-align: center;
text-decoration: none;
white-space:normal;
}
.cta-sidebar .primary {
background-color: #ff9100;
color:#fff !important;
padding: 0 42px;
width:100%;
}
.cta-sidebar .secondary{
background-color: #0cbebe;
color: #FFF;
padding: 0 16px;
width:100%;
}
.sidebar-social{padding:8px 0px;min-height:30px;}

.sidebar-social a{

width: 34px;
height: 34px;
margin: 0 0px;
display: inline-block;
}
.sidebar-social a.fb{background-position: 0 0;}
.sidebar-social a.tw{background-position: -55px 0;}
.sidebar-social a.tw:hover {background-position: -55px -35px;}
.sidebar-social a.inst{background-position: -109px 0;}
.sidebar-social a.inst:hover{background-position: -109px -35px;}


@media only screen and (max-width: 989px) {
.cta-sidebar .primary,
.cta-sidebar .secondary{
padding: 0 5px;
font-size: 12px;
}

}
@media only screen and (max-width: 767px) {
	.sidebar__menu {
		display:none;
		margin-top:20px;
		margin-bottom:30px;
		margin-left:0px;
		border:none !important;
	}
	.sidebar__menu.mobile{
		display:block;
	}
	.main_menu .mobile { display: block;}
	#top #drop-nav {margin-left: auto; margin-right: auto;}

	.main_menu {
	width:100%;
	margin-left: 0;
	}
	.responsive #top .mobileMenu	{
	width: 220px!important;
	width: 220px!important;
	margin: 0 auto;
	}
	.lessons-dropdown {
		margin: 0 auto!important;
	}
}


/**************WOO COMMERCE **************/

/******CART BUTTON******/
.html_visible_cart .cart_dropdown{
top:85px;
}

/*********WOO COMMERCE CHECKOUT PAGE***********/


/*Checkout page ADDITIONAL FIELDS: ORDER NOTES*/
#customer-details div.woocommerce-additional-fields {display:none!important;}

span.warning {font-size:15px;}

#top .form-row .input-checkbox.terms-checkbox{
float:left;
margin-top:8px;
}
/*Checkout page terms & conditions*/
#top #payment .terms {
padding: 1em 0em 0;
text-align: left;
}
/*terms & Conditions text*/
#top .form-row .input-checkbox.terms-checkbox {
font-size:15px;
}
#top .form-row .input-checkbox{
margin: 0 0 0 7px;
}

#top #payment label {display: inline!important;}

/*order received page*/
.woocommerce header.title{
margin-top:10px;
}

/*single product page*/

.template-shop .single-product-main-image .images a {
border:none;
}

form.cart .button.alt{
margin-top: 10px;
background-color:#eb6126;
padding: 14px 90px;
}
form.cart .button{
margin-top: 10px;
background-color:#eb6126;
padding: 7px 90px;
}

#top .price{
font-size:16px;
}
#top .price span.amount {
font-size:19px;
}

p.buy-support {
font-size:12px;
margin-top: -15px;
}

img.payment-options{
margin: 4px 0 10px 0;
}

/*Checkout Page Expiration Date Fix*/

#top #payment label {
display:block;
}
/*Checkout Page - Remove 'Additional Information Order Notes'*/
#customer_details .woocommerce-shipping-fields {
display:none;
}


/**************END WOO COMMERCE **************/


/****************MEDIA OBJECTS FOR OLD MEMBERS AREA************/
.media { display: block; }
.media__title { padding-left: 245px; display:block; }
.media__img { float: left; margin-right: 20px; max-width: 225px; }
.media__body { padding-left:245px; display:block; }
.level { margin-bottom: 25px; }
#top .post-entry .level h2 a,
.level h2{ font-size:20px; font-weight:400; margin-bottom: 10px; margin-top: 0;padding-top:0px}

#top .post-entry .level h2 a:hover,
.level a h2:hover{color:#eb6126;}

.level .media__img { position: relative; }
.level .new-ribbon { 
	background: url(images/new-ribbon.png) no-repeat; 
	display: block;
	width: 98px;
	height: 98px;
	position: absolute;
	top: -3.5px;
	left: -3.2px;
}

@media only screen and (max-width: 768px) {
	article.level { display:block; margin-bottom:35px;}
	.media { text-align:center; }
	.media__title{ padding-left:0; }
	.media__img { float:none; margin: 0 auto; }
	.media__body { padding-left:0; }
}



/*
RESPONSIVE CONTAINER FOR VIDEO EMBEDS
Tutorial found here: http://amobil.se/2011/11/responsive-embeds/
============================================ */

/*  */

.embed-container {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#promo-video .embed-container {
    position: relative;
    padding-bottom: 38%; 
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}



/************FOOTER************************/
#footer { padding: 0; }

.footer-wrapper {
	background-color:#000000;
	color: #fff;
	text-align: center;
	
}
.footer{
	width:100%;
	padding: 24px 100px 12px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
		display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
		flex-direction:row;
	-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	-webkit-box-pack:justify;
    -ms-flex-pack:justify;
        justify-content:space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
}
.footer-block{
	/*width: 31%;*/
	margin: 10px 1%;
	vertical-align: top;
	/*-webkit-box-flex:1;
	-ms-flex:1;
		flex:1;*/
}

.footer .title{
font-size: 20px;
text-transform: uppercase;
}
.footer-social{margin:15px 0;}

.footer-social a{

width: 34px;
height: 34px;
margin: 0 8px;
display: inline-block;
}
.footer-social a.fb{
background-position: 0 0;
}
.footer-social a.tw{
background-position: -55px 0;
}
.footer-social a.inst{
background-position: -109px 0;
}
.footer-social p.email{
font-size: 14px;
margin:15px 0;
text-transform: uppercase;
text-align: center;
}


/*************MEDIA QUERIES******************/


@media only screen and (min-width: 1140px)  {
	
	.embed-container {padding-bottom: 52%;}
	
	
	#promo-video .embed-container {padding-bottom: 38%;}
   
	
	#header { position: fixed; }
	#main { padding-top: 61px; }
	
}

/* Smaller than 1140 (devices and browsers) */
@media only screen and (max-width: 1140px) {	
	
.responsive #top .cart_dropdown {
  top: 85px;
  margin:0px 0px;
position:fixed;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1139px)  {
	.embed-container {
		padding-bottom: 51.25%;
	}

	#home-bottom .row{
	width:63%;
	}
	.columns2 {
	width:100%;
	float: none;
	margin-top: 20px;
	margin-left: 30px;
	}
	form.cart .button{
	padding: 7px 40px;
	white-space: nowrap;
	}
}

	/* Smaller than standard 989 (devices and browsers) */
@media only screen and (max-width: 989px) {
	
	#bachata-hero h1 {margin-top:0px;}

	#ultimate-guide-hero h1 {margin-top:0px;}
	
	.home h1,
	.home h2
	#salsa-pricing h2,
	#salsa-pricing h1,
	#salsa-top h1 {
	font-size:40px;
	font-weight:300;
	margin:20px 0 40px 0;
	}
	
	.columns2 {
	width:100%;
	float: none;
	margin-top: 25px;
	margin-bottom:10px;
	margin-left: 30px;
	}
	.videos3{
	width:100%;
	float: none;
	}
	.videos3 .video-preview-title{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 35px;
	margin-top: 0;
	}
	.videos3 {margin-top:6%;}
	.video-library .row {margin-bottom:0;}

	
	.columns3 {
	width:100%;
	float: none;
	}
	.left-margin{margin-left:0%;}
	
	form.cart .button{
	padding: 7px 30px;
	white-space: nowrap;
	}
	.columns13,
	.columns23 {
	width:100%;
	float: none;
	margin-top: 25px;
	margin-bottom:10px;
	margin-left: 20px;
	}
	
}

/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {

	.embed-container {
		padding-bottom: 49.5%;
	}
	#home-bottom .row{
	width:100%;
	}
	#home-bottom {
	min-height: 560px;
	background-position: 40% 15% !important;
	}
	.home p.subheading{margin-top:-8%;}
	
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

/****************Hamburger Menu Changes start here********/
	

	#header_main .container .inner-container {
		display: flex;
		align-items: center;
	}

	.responsive #top #wrap_all .av-logo-container {line-height: 62px;} 

	.responsive #header_main .container {height:62px !important;} /*Figure this one out*/

	.av-main-nav-wrap {float:right; }

	.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {font-weight:600; font-size:110%;}

	#top #av-burger-menu-ul {position: absolute; top: 0px;}

	.responsive #top .logo {display:inline-block; height:62px !important; padding: 5px; -webkit-box-flex: 1;-ms-flex: 1 1 207px;flex: 1 1 207px;}

	.main_menu {margin-bottom: 16px;}


	/***************Hamburger Menu Changes end here********/
		
	.content {padding-top: 0px;}

	.avia-section-huge .content {padding:40px 0;}

	.hide-mobile {display:none;}	

	.responsive #top #wrap_all .main_menu {
	position:inherit !important;
	/* height:50px;   Burger  Menu change - comment out*/
	}

	.responsive #top .cart_dropdown {
	top:30px;
	position:fixed;
	}
	
	#home-hero h1 {margin-top:0px}

	#salsa-hero h1 {margin-top:20px;}

	.template-page .entry-content-wrapper h1{
	font-size:2.7em;
	margin-top:0px;
	}
	
	.template-page .entry-content-wrapper h2 {
	font-size:2.7em;
	}
	
	.heading p span.subheading{
	font-size:1.1em;
	}
	
	.heading p span.subheading2,
	p span.subheading2 {
	font-size:1.05em;
	}
	
	h3.curriculum-section-heading {margin-bottom: 0;}
    
	#home-top {min-height:300px;}
	
	#top .header_color select{color:#919191 !important;}

	.home h1,
	.post-entry .home h2 {
	font-size:30px;
	margin:20px 0 10px 0;
	}
		#home-bottom .row{
	width:100%;
	margin-top: 60px;
	}
	#home-bottom {
	min-height: 560px;
	background-position: 40% 15% !important;
	}

	#pricing .pricing-container,
    #pricing .single-pricing-container,
    #pricing .double-pricing-container {
	width:90%;
	margin:0 auto;
	}

	#pricing .pricing-block{
	width: 100%;
	margin:auto;
	}
	#pricing .pricing-block .price-footer p{
	margin: 10px 0 30px 0;
	}

	img.hd-video-mobile{
	display:block;
	}
	img.hd-video-desktop{
	display:none;
	}
    /*.footer {
    padding: 3% 25% 3% 25%;    
    }
	.footer-block{
	min-width: 157px;
	}*/

	.cta-center .primary {
	width:100%;
	padding: 0 20px;
	float:none;
	margin: 15px auto 0 auto;
	}

	.cta-center .secondary {
	width:100%;
	padding: 0 15px;
	float:none;
	margin: 30px auto 0 auto;
	}
	#instructors-desktop{display:none;}
	#instructors-mobile{display:block;}
	
	.break-container{vertical-align: bottom;}
	.break-heading{font-size:23px;}
	
	.videos3{
	width:100%;
	float: none;
	}
	.home p span.subheading2{font-size:17px;}
	
.home p.subheading{margin-top:-11%;}

h3.collection{
font-size:23px;
}

}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	.embed-container {
		padding-bottom: 49.25%;
	}
	.content h1 {
	text-align:center;
	}
	
	/*Woo Commerce Checkout fix for text fields*/
	.form-row-first, .form-row-last{
	width:100%;
	}
	.left-margin{margin-left:0%;}

    .footer{
        padding: 24px 5px 12px 5px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.footer {
padding: 3% 25% 3% 25%;    
}
.footer-block{
min-width: 157px;
}


	#bachata-hero h1 {
background-position:bottom right !important;
}
	
	
	h3.extra-lesson-heading{margin-bottom: 25px;}

.template-page .entry-content-wrapper h2{font-size:33px}
	
	.home .subheading{
	font-size:18px; color:#fff;
	}
	
.home p span.subheading,
.home p span.subheading2,
.heading p span.subheading,
.heading p span.subheading2,
p span.subheading2{
font-size:20px;
}

#top span.subheading {font-size:20px;}

.home p span.subheading2{font-size:20px;}
	
	.embed-container {
		padding-bottom: 45.25%;
	}
	.content h1 {
	text-align:center;
	}
	
	h2.post-title {
	text-align:center;
	}
	.home .big-h3{
	font-size:22px;
	}
	.post-entry .home h2{
	font-size:27px;
	}
	
	.columns13,
	.columns23,
	.columns3,
	.columns2 {
	width:100%;
	float:none;
	margin-left: 10px;
	}
	.videos3{
	width:100%;
	float:none;
	margin-left:0px;
	}
	.left-margin{margin-left:0%;}
	
	.navigation .next,
	.navigation .previous{
	float:none;
	display:block;
	width:53%;
	}
	.navigation .next{
	margin: 30px auto 15px auto;
	}
	.navigation .previous{
	margin: -25px auto 0px auto;
	}
	
	.navigation .previous a{
	padding: 9px 7px;
	}
	.navigation .next a{
	padding: 9px 21px;
	}
	
	
	.pop {   
font-size: 27px;
line-height: 1.2em;
}

	
	#scroll-top-link{display:none}
	
/* MONTHLY/LIFETIME PRICING TOGGLE ON PRODUCT PAGES DISCONTINUED EARLY 2021
.price-toggle-container {width:100%;}
.price-toggle {padding: 12px 13%; width:95%;}
*/

	
	/**********WOO COMMERCE************/
	
	.template-page.content .entry-content-wrapper .woo-custom-heading h1{
	text-transform:none;
	}
	
	/*checkout page fix for text fields*/
	#top label {
	font-size:11px;
	}
	/*Woo Commerce Checkout label fix*/
	.form-row-first, .form-row-last{
	width:100%;
	}
	#payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
	width: 100%;
	}
	/*Woo Commerce Checkout Terms Checkbox Fix for mobile*/
	#top .form-row .input-checkbox.terms-checkbox{
float:left;
}
/*#top .form-row .input-checkbox{
  float: right;
  margin-top: -17px;
  margin-right: 50px;
  }*/
	/*END Woo Commerce Checkout Terms Checkbox Fix for mobile*/
	form.cart .button{
	padding: 7px 16px;
	white-space: nowrap;
	}	
	/*Remove Olark*/
	#habla_panel_div {display:none}
}

#avia-menu li.appear-on-login
{
	display:none;
}
.logged-in #avia-menu li.appear-on-login
{
	display:block;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  *zoom: 1;
}

.html_stretched #wrap_all {  /*Had to add this into the Quick CSS of the theme settings as it wasn't working here*/
background-color: #ffffff !important;
}

#disqus_thread {
padding-right: 50px;
}

#top .av-iconlist-small li {padding:5px !important;}

ul.lesson-levels, ul.lesson-levels li, ul.lesson-levels ul.children, ul.lesson-levels ul.children li {
	list-style:none !important;
	list-style-type: none;
}

/* Fix: last lesson in focus sidebar was hidden. Now it's visible. */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper {
    height: 90% !important; 
}