/***Top Nav***/

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  border-radius: 3px;
  cursor:pointer;
}
.dropdown-content ul li{list-style-type:none;border-bottom: 1px solid #cac5c5;}
.dropdown:hover .dropdown-content {
  display: block; cursor:pointer;
}
.dropdown p {
    color: #fff;
}
.dropdown p span img {
    width: 19px;
    vertical-align: middle;
    margin-left: 5px;
}

div#top_nav_links ul {
    display: flex;
    justify-content: space-between;
}
img#courses_image {
    margin-top: 7px;
}
div#top_nav_links ul li {
   /* display: inline-block;
    margin: 0px 35px;*/
    width: calc(20% - 10px);
  list-style: none;
}
h1.login-user img {
    
    margin-bottom: 8px;
    width:36px;
}
h1.login-user {
    color: #fff;
    text-transform: capitalize;
    margin-top: 14px;
    text-align: center;
    border-bottom: 3px solid #fff;
    display: block;
    width: 100px;
    padding-bottom: 10px;
}
img#blog_image {
    text-align: center;
    display: block;
    height: auto;
    width: 100%;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: -500;
}

/****End****/
/***Home***/
.top_space {
    padding: 40px 0px;
}
.main_body_text_white.home-page{position: relative;}

.home_section .page_heading {
    padding: 58px 0px 0px;
}

	#neil_image{float: right;
	max-width: 33%;
	height: auto;
	}

.home_sec-content {
    padding:0px 32px;
}
.home_sec-2 {
    padding: 40px 0px;
}
.home_section .page_heading h1 {
   
    text-align: left;
    font-size: 60px;
    line-height: 1em;
    font-family: 'El Messiri', sans-serif !important;
}
.main_body_text_white.home-page {
    width: 100%;
    padding: 0px;
}
.main_body_text_white.home-page .container {
    width: 84%;
    margin: auto;
}




/***course video popup***/

span.popup-btn {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
    border-radius: 100% !important;
    padding: 20px;
}
button.btn.btn-info.btn-lg img {
    width: 23px;
}
.btn-group-lg>.btn, .btn-lg{padding:0px;}
.btn-info.focus, .btn-info:focus{background-color: #fff;
    border-color: #fff;}
 .btn-info {
    background-color: #fff !important;
    border-color: #fff !important;
}   
div#dynamic_content .item_image {
    text-align: center;
    margin: auto;;
}
div#dynamic_content .item_image img {
    text-align: center;
    border: 1px solid #fff0;
}
a#btnEmpty img {
    width: 25px;
}


/****End**/


 .displayflex {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    margin-bottom: 20px;
    justify-content: flex-start;
}

   div#registrationForm, div#loginForm {
    margin: 0px auto 0px;padding: 50px;
}
   .loginform_inner {
    background-color: #fff;
    padding: 50px 50px 50px;
    text-align: center;
    width: 60%;
    margin: 0px auto 60px;
    border-radius: 10px;
    text-align:center;
}
.form_section img {
    text-align: center;
   width: 140px;
}
div#registrationForm input, div#loginForm input {
    width: 96%;
    border-radius: 30px;
    padding: 18px 3px 18px 23px;
    border: 1px solid #eee;
    margin-bottom: 13px;
    background-color: #eee;
}

div#registrationForm input#login_btn, div#loginForm input#login_btn {
    cursor: pointer;
    background-color: #64386a;
    box-shadow: 4px 5px 9px #eee;
    transition: border 300ms ease 0ms,box-shadow 300ms ease 0ms;
    color: #fff;
    border-color: #64386a;
    width:100%;
}
p.text-right a {
    color: #64386a;
    text-decoration: none;
    font-weight: bold;
}
.login_form {
    width: 60%;
    margin: 0 auto;
    padding: 30px 0px 100px;
}
.hidden {
  display: none;
}
div#loginForm p {
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    padding-bottom: 30px;
}
div#loginForm h1, div#registrationForm h1 {
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    padding-bottom: 30px;
}
.form_section input#login_btn:hover{box-shadow: 0px 12px 15px 8px rgb(0 0 0 / 20%);}

.blogContentArea {
    width: 70%;
}
.right_sidebar {
    width: 25%;
    padding: 10px 20px 30px 20px;
    background-color: #fff;
    margin-top: 60px;
    border-radius: 10px;
    height: 100%;
}
.blogContentTab {
    padding: 60px 20px 100px 0px;
}
.blogContentArea .blogContentTab .itemBox {
    justify-content: flex-start;
}
.disflexArea {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.blogContentArea .blogContentTab .itemBox .item {
    margin: 0 10px 20px;
    width: calc(50% - 20px);
    background: #FAFCFF;
    box-shadow: 0px 30px 40px -20px rgb(0 0 0 / 30%);
    border-radius: 20px;
}
.blogContentArea .blogContentTab .itemBox .item .image img {
    width: 100%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    
}
.blogContentArea .blogContentTab .itemBox .item .suText {
    padding: 30px 15px;
    background: #fafcff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.blogContentArea .blogContentTab .itemBox .item .suText span.date {
    margin: 0 0 8px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.3);
    display: block;
    font-family: BlackRiver_Bold, B Nazanin, Tahoma !important;
}
.blogContentArea .blogContentTab .itemBox .item .suText h3 {
    margin: 0 0 20px;
    font-size: 18px;
    color: #231F20;
    font-family: BlackRiver_Bold, B Nazanin, Tahoma !important;
}  
.blogContentArea .blogContentTab .itemBox .item .suText h3 a {
    color: #231F20 !important;
    text-decoration:none !important;
}
.blogContentArea .blogContentTab .itemBox .item .suText p {
    margin: 0 0 20px;
    font-size: 16px;
    color: #000;
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    text-align:justify;
}
.blogContentArea .blogContentTab .itemBox .item .suText .sub {
    align-items: center;
}
.blogContentArea .blogContentTab .itemBox .item .suText .sub ul {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding-left: 0px;
}
.blogContentArea .blogContentTab .itemBox .item .suText .sub ul li {
    padding: 0 15px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1.3;
}
.blogContentArea .blogContentTab .itemBox .item .suText .sub ul li:first-child {
    padding-left: 0;
}
.blogContentArea .blogContentTab .itemBox .item .suText .sub ul li:last-child {
    padding-right: 0;
}
h1.blog_detail_head {
    text-align: center;
    width: 100%;
}
h1.blog_header {
    text-align: left !important;
    padding-top: 43px;
}
.blog_cate.itemBox img {
    height: 60px;
}

.blog_cate.itemBox.disflexArea .image {
    width: calc(30% - 10px);
}
.blog_cate.itemBox.disflexArea .image img{width:100%;}
.blog_cate.itemBox.disflexArea .suText {
    width: calc(70% - 10px);
}

.blog_cate.itemBox.disflexArea .suText h3 {
    margin: 0px;
    font-family: BlackRiver_Bold, B Nazanin, Tahoma !important;
    font-size:16px;
}
.blog_cate.itemBox.disflexArea .suText h3 a{
    text-decoration:none;
}
.inner_sidebar h2 {
    border-bottom: 2px solid #eee;
    padding-bottom: 20px;
    font-family: BlackRiver_Bold, B Nazanin, Tahoma !important;
}
.blog_cate {
    padding: 14px 0px;
    border-bottom: 1px solid #eee;
}
.blog_section {
    padding: 0px 40px 0px 20px
}

a.return_btn, a.readBtn, div#viewlessrecentPress a.btn, div#viewallrecentPress a.btn{
        padding: 9px 20px;
    font-size: 14px;
    color: #fff !important;
    border-radius: 5px;
    font-family: BlackRiver_Bold, B Nazanin, Tahoma !important;
    display: inline-block;
    background-color:#5a1e66;
    border-radius: 30px;
    margin: 20px 0 0;
    text-decoration: none;
    border:1px solid #5a1e66;
    cursor:pointer;
}

div#viewallrecentPress, div#viewlessrecentPress{text-align:center;width:100%;}

/**Single.php**/

.blog_detail.itemBox.disflexArea .item {
    width: 100%;
    padding: 30px;
}
.blog_detail.itemBox.disflexArea .item .image img {
    border-radius: 0px;
    margin-top: 20px;
}
.sidebar_btn {
    padding-top: 46px;
}
/**Searchbar**/

.search-container input[type="text"] {
  padding: 14px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
  background-color:#eee;
  width: calc(77% - 10px);
  border-radius: 30px 0px 0px 30px;
}
.search-container button {
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width: calc(20% - 10px);
      border-radius: 0px 30px 30px 0px;
}
.search-container button img {
    width: 20px;
}
.search-container .disflexArea{
        display: flex;
        flex-wrap: inherit;
}

.search-container input[type="text"]:focus-visible {
    outline: #eee;
}
a.viewallpost {
    background-color: #5a1e66;
    border-radius: 30px;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    font-family: BlackRiver_Bold, B Nazanin, Tahoma !important;
    font-size:14px;
}
.detail_sidebar.right_sidebar {
    padding-bottom: 100px;
}
.sidebar_categories .image img {
    border-radius: 6px;
}

/***Login and Ragister Form***/

    /***Top Nav***/

div#dynamic_content h1 {
    text-align: center;
   padding-bottom: 15px;
   margin-top: -45px;
}


div#top_nav_links .col-1 {
    margin: 0px 37px;
}
   div#registrationForm, div#loginForm {
    margin: 0px auto 0px;padding: 50px;
}
   .loginform_inner {
    background-color: #fff;
    padding: 50px 50px 50px;
    text-align: center;
    width: 60%;
    margin: 0px auto 60px;
    border-radius: 10px;
    text-align:center;
}
.form_section img {
    text-align: center;
   width: 140px;
}
div#registrationForm input, div#loginForm input {
    width: 96%;
    border-radius: 30px;
    padding: 18px 3px 18px 23px;
    border: 1px solid #eee;
    margin-bottom: 13px;
    background-color: #eee;
}

div#registrationForm input#login_btn, div#loginForm input#login_btn {
    cursor: pointer;
    background-color: #64386a;
    box-shadow: 4px 5px 9px #eee;
    transition: border 300ms ease 0ms,box-shadow 300ms ease 0ms;
    color: #fff;
    border-color: #64386a;
    width:100%;
}
p.text-right a {
    color: #64386a;
    text-decoration: none;
    font-weight: bold;
}
.login_form {
    width: 60%;
    margin: 0 auto;
    padding: 30px 0px 100px;
}
.hidden {
  display: none;
}
div#loginForm p {
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    padding-bottom: 30px;
}
div#loginForm h1, div#registrationForm h1 {
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    padding-bottom: 30px;
}
.form_section input#login_btn:hover{box-shadow: 0px 12px 15px 8px rgb(0 0 0 / 20%);}

/*********Logout Form**************/

.logout_form .header_text1 {
    text-align: center;
    padding-top: 20px;
}
.logout_form{text-align:center;}
.course_content .items {
    border-bottom: 1px solid #cec2c2;
    margin-bottom: 25px;
}

/***Products page*****/

*, body{
  padding: 0;
  margin: 0;
}
.item-shop {
    width: calc(33% - 10px);margin: 0px 10px 0px 0px;
}
.item-shop img {
    width: 100%;border-radius: 4px;
}
.shop_section .container{width:90%;margin:auto;}
.shop_section {
    padding: 40px 80px;
}
.shop_section ul li {
    display: inline-block;
    width: calc(33% - 10px);
    margin: 0 10px 40px 0px;
    padding-bottom: 14px;
}
.products_section.featured_collection {
    margin-top: 27px;
}
.product_content .product_des {
    padding: 10px 10px;
}
.shop_head ul {
    display: flex;
    flex-wrap: wrap;
}
.shop_section ul li .image_sec img {
    width: 100%;
}
.shop_head {
    padding: 20px 0px 30px;
    border-top: 1px solid #522
}
.shop_head a {
    color: #9c756f;
    text-decoration: none;
    float: right;
}
.product_content .image_sec {
    position: relative;
    overflow:hidden;
}
.product_content .addtocart {
    position: absolute;
    bottom: 0;
    padding: 19px 0px !important;
    background-color: #64386a;
    width: 100%;
	text-align: center;
	padding: 10px;
	opacity: 0;
    transition: transform .3s ease,opacity .3s ease;
}
.product_content .addtocart a {
    text-decoration: none;
    color: #fff;
	font-size: 18px;
}
.product_content h3 {
    text-align: center;
	padding:10px 0px 0px;
	font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.product_content a {
    color: #000;
    text-decoration: none;
	font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.product_content{text-align:center;display: flex;}

.product_content .image_sec:hover .addtocart{opacity: 1;
    transition: transform .3s ease,opacity .3s ease;cursor:pointer;}
.product_price a {
    color: #64386a;
    font-weight: bold;
}
.categoery_sec .col-4 {
    margin: 10px;
    width: calc(32% - 10px);
    text-align:center;
}
.shop_products_inner{
        background-color: #eeeeee;
         border:1px solid #502c7121;
        padding: 20px;  border-radius: 10px;
}
.shop_product_title {
    padding-top: 10px;
   text-align: center;
   font-size: 20px;
}
.categoery_sec .col-4:nth-child(3) {
    margin-right: 0px !important;
}
.categoery_sec .col-4 img {
    width: 100%;
}
.categoery_sec .col-4 a {
    text-align: center;
    text-decoration: none;
    color: #858585;
    font-size: 17px;
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.col-3.user_login_sec {
    padding-top: 24px;
}
.login-heading {
    text-align: center;
}
.login-heading h1 {
    padding-bottom: 10px;
}
.login-heading p {
    padding-bottom: 10px;
}
/*.youtube_video {
    width: 600px;
    height: 400px;
}*/
h1.blog_detail_heading {
    padding-bottom: 28px;
    text-align: center;
}

.header_text{text-align: center;
    text-transform: capitalize;padding: 31px 0px 41px;}
    
  .row.potion_games_btns a, .potion_sec a, .logout-btn a {
    background-color: #5a1e66;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
}
span.ingre-quantity {
    background-color: #5a1e66;
    color: #fff;
    padding: 15px 20px;
    border-radius: 100%;
}
img.tem_img {
    margin-left: -67px;
}
.potion_sec {
    padding: 30px 0px;
}
.logout-btn {
    padding: 50px 0px;
    text-align: center;
}
.member_sec {
    text-align: center;
    padding: 50px 0px;
}
.center {
    text-align: center;
    padding: 20px 0px;
}
.potion_games h2 {
    padding: 20px 0px;
}
.potion_games img {
    margin-top: -27px;
    text-align: center;
}
.potion_games {
    padding: 30px;
}
a {
    color: #5a1e66;
    text-decoration:none !important;
}
.emptybtn_sec{margin-top:70px;}

h1.potion_heading {
    margin-bottom: 108px;
}
.padding_top {
    padding-top: 20px;
}
.products_section .col-3 {
    margin: 0px 10px;
    width: 23%;
}
.product_content .image_sec img {
    width: 100%;
}
.products_section.featured_collection .container {
    width: 90%;
    margin: auto;
}

/***Form***/

textarea#message, form#contact_form input {
    width: 95%;
    padding: 14px;
    border-radius: 30px;
    margin-bottom: 15px;
    border: 1px solid #eee;
}
input#submit_btn {
    background-color: #5a1e66;
    margin: auto;
    display: block;
    color: #fff;
    width:100% !important;
}

/***Membership***/
.membership_detail img {
    width: 100%;
    border-radius: 10px;
}

.membership_detail .membership_content {
    padding: 0px 50px 0px 40px;
    font-size: 16px;
  
  text-align: justify;

}
.membership_detail {
    padding: 40px 0px;
}
.membership_detail .membership_content h2 {
    padding-bottom: 20px;
}

/***Category description******/

ul.course-info-list span {
    color: #000;
    font-size: 18px;
}

.left_bar {
    width: 25%;
    background-color: #fff;
    border-radius: 10px;
}
div#right_bar {
    width: 75%;
    margin-top: 0px;
}
.category_des_section {
    padding: 30px 100px;
}
.left_bar ul li {
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 14px;
}
.left_bar_inner h3 {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
}
.left_bar ul li a {
    text-decoration: none;
    font-size: 16px;
}
.left_bar_inner {
    padding: 30px;
}
div#right_bar .col-4 .product_content {
    padding: 10px;
}
div#right_bar .col-4 .product_content h3 {
    font-size: 15px;
}
div#right_bar .product_content .addtocart{
        padding: 6px 0px !important;
}

div#right_bar .product_content .addtocart a{font-size:16px;}
div#right_bar h2 {
    padding-bottom: 10px;
}
select#sortBy {
    padding: 10px;
    border: 1px solid #dedede;
    color: #858585;
}
div#right_bar label {
    margin-right: 10px;
}
.potion_img {
    text-align: left;
}
/***Cart***/

.btn-action{
    background: #5a1e66 !important;
    border: 1px solid #5a1e66 !important;
        border-radius: 30px;
}
.btn-action:hover {
    background: transparent !important;
    color: #5a1e66;
}
#shopping-cart .txt-heading {
    border-top: #5a1e66 2px solid !important;
    background: #5a1e66 !important;
    border-bottom: #5a1e66 2px solid !important;
        border-radius: 4px;
}
#shopping-cart .txt-heading .txt-heading-label{color:#fff;}
.cart-status {
    color: #fff !important;}
.cart-item-container.header{    border-radius: 4px;}
.cart-item-container{border-bottom: #5a1e66 1px solid !important;}
.frm-heading{background: #5a1e66 !important;border-radius: 4px;}
.txt-heading-label{ color: #fff;}
.input-field {
     width: calc(50% - 10px) !important;
}

.input-field input {
    width: calc(100% - 15px) !important;
    border-radius: 30px;
    border: 1px solid #fff;
}
a.btnRemoveAction img {
    width: 19px;
}
.empty_cart {
    background-color: #fff;
    width: 100%;
    border-top: 8px solid #000;
    margin-top: 35px;
    padding: 30px;
}
/****404 Page*****/

.page_heading h1 {
    text-align: center;
    padding: 20px 0px 35px;
}



/***Courses***/
.course_sidebar {
    background-color: #fff;
    border-radius:10px;
        width: 25%;
}
.course_content {
    padding: 20px;
}
.course_right {
    width: 75%;
}
.course_section {
    padding-top: 40px;
}

.course_sidebar h2 {
    border-bottom: 2px solid;
    padding-bottom: 12px;
    margin: 20px 0px;
    border-color: #64386a;
}
.item_image {
    width: 40%;
}
.item_image img {
    width: 100%;
    border-radius: 10px;
}
.item_content {
    width: 60%;
    padding: 0px 50px;
}
.item_content h2 {
    padding-bottom: 16px;
}
.item_content h2 {
    padding-bottom: 16px;
}
.value ul li img {
    width: 26px;
    vertical-align: middle;
}
.value ul li {
    display: inline-block;
    list-style-type: none;
}
.course-price {
    width: calc(33% - 0px);
}
.course-students {
    width: calc(33% - 0px);
}
.course_des {
    padding-top: 30px;
    width: 50%;
    margin: initial;
}
.course-level {
    width: calc(33% - 0px);
}
input[type=radio], input[type=checkbox] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: .05s border-color ease-in-out;
}
input[type=radio] {
    border-radius: 50%;
    line-height: 10px;
    font-size: 14px;
}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {
    content: "•";
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px;
    height: 6px;
    margin: 4px;
    line-height: 16px;
    background: #ffb606;
}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 6px;
     height: 6px;
    font-family: "font awesome 5 free";
    font-size: 12px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 4px;
    font-weight: 900;
    background-color: var(--thim-body-primary-color,#ffb606);
}
input[type=radio] {
    border-radius: 50%;
    line-height: 10px;
    font-size: 14px;
}
.course_filter {
    background-color: #64386a;
    padding: 20px;
    border-radius: 10px 10px 0px 0px;
}
.course_filter a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}
.course_filter img {
    width: 30px;
    vertical-align: middle;
    float: right;
}
div#dynamic_content img {
    width: 100%;
}

/*****TAB CSS******/

/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/
body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #333;
  font-weight: 300;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 6px 15px 16px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #64386a;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #64386a;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-top: 5px solid #64386a;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}
.lp-archive-courses .course-item {
    flex-direction: column;
    display: flex;
    transition: all .3s;
}
.course-curriculum .section-content .course-item-meta .item-meta {
    display: inline-block;
    margin-left: 14px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    padding: 0 8px;
}
.single-lp_course #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-preview {
    background: #ec5251;
}

.tabset {
  max-width: 65em;
}
.course-detail.displayflex .tabset {
   width: 65%;
    padding: 50px;
    background-color: #fff;
    border-radius: 10px;
}
.course-detail.displayflex .course-summary-sidebar {
    width: 30%;
}
.course-summary-sidebar .course-sidebar-preview {
    margin-bottom: 35px;
    background: #fff;
}
.course-sidebar-preview.lp .intro-video-sidebar.intro-video-content.is__sidebar .intro-video {
    padding: 110px 0;
}
.intro-video-sidebar .intro-video .popup-videos {
    background: #fff;
    width: 52px;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%);
}
.single-lp_course #learn-press-course .course-price {
    padding-top: 35px;
    margin-bottom: 0;
}
.single-lp_course #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons {
    margin-bottom: 0;
    padding: 30px;
    text-align: center;
}
.course-sidebar-preview>*:last-child {
    margin-bottom: 0;
}
.intro-video-sidebar .intro-video {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro-video-sidebar .intro-video a span img {
    width: 24px;
    vertical-align: middle;
        margin-top: -6px;
}

button.lp-button.button.button-enroll-course {
   cursor: pointer;
    background-color: #64386a;
    box-shadow: 4px 5px 9px #eee;
    transition: border 300ms ease 0ms,box-shadow 300ms ease 0ms;
    color: #fff;
    border-color: #64386a;
    width: 100%;
    padding: 10px;
    border-radius: 30px;
}
.edubin-course-info {
    padding: 0 30px 30px;
    margin-bottom: 30px;
    background: #fff;
}
.course-prices {
    text-align: center;
    padding: 20px;
}
.course-prices span {
    font-size: 30px;
    font-family: "Bookman",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.course-sidebar-preview .lp-course-buttons {
    margin-bottom: 0;
    padding: 30px;
    text-align: center;
}
.retake-course, .enroll-course, .purchase-course {
    display: inline-block;
}
.course-summary-sidebar .lp-course-buttons form, .course-summary-sidebar .lp-course-buttons button {
    width: 100%;
    text-decoration: none;
}
#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons>*:last-child {
    right: 0;
}
.course-info {
    padding: 0 30px 30px;
    margin-bottom: 30px;
    background: #fff;
}
.course-info ul li {
    font-size: 15px;
    overflow: hidden;
    line-height: 45px;
    border-top: 1px solid #d2d2d2;
}
.course-info ul li span.value {
    float: right;
}
.course-detail {
    padding: 30px 40px;
}
body.white-remove {
    background-color: #000;
}
.course-detail.displayflex {
    margin-bottom: 0px;

}
/***Accordian Css***/

.faq-drawer {
  margin-bottom: 30px;
}

.faq-drawer__content-wrapper {
  font-size: 1.25em;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__title {
  border-top: #000 1px solid;
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  font-weight: 700;
  padding: 30px 0 0 0;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
}

.faq-drawer__title::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover { 
  color: #4E4B52  ;
}

.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
  display: none;
}
.course_content_left {
    width: calc(60% - 10px);
}
.course_content_right {
    width: calc(40% - 10px);
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
}
.course_purchase_section {
    padding: 36px 35px 35px 20px;
}

/****Purchased course***/


.tabs {
  display: flex;
  list-style: none;
  padding: 0px 0px 0px 23px;
  margin: 0;
}
.tabs li {
    padding: 10px;
    background-color: #fff;
    border-right: 1px solid #5a1e66;
    cursor: pointer;
    transition: 0.2s;
    color: #5a1e66;
    font-size: 20px;
}
.tabs li.active, .tabs li:hover {
    background-color: #eee;
    border-bottom: 4px solid #5a1e66;
}
table.purchased_cart tbody tr td {
    padding: 10px;
}
.content {
    background-color: #fff;
    padding-left: 10px;
}
.content > div {
  padding: 20px;
}
.content > div:not(:first-child) {
  display: none;
}
.purchased_course {
    background-color: #5a1e66;
   margin-top: 36px;
       border-radius: 10px;
}
.purchased_course h1 {
    color: #fff;
    padding: 30px 30px;
}
.purchased_course_lists .displayflex .item {
    width: calc(33% - 10px);
    background-color: #eee;
    margin: 0 10px 20px;
    box-shadow: 5px 7px 7px #eee;
}	
.purchased_course_lists .displayflex .item .image img {
    width: 100%;
}
.purchased_course_lists .displayflex .item .content {
    background-color: #eee;
    padding: 20px 20px 30px;
}
a.btn {
    background-color: #5a1e66;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
}
.purchased_item_box {
    justify-content: flex-start !important;
}

h1.potion-page-head {
    padding-bottom: 50px;
}



/**Responsive**/

@media screen and (max-width:1300px){
    
div#top_nav_links ul li a img {
    width: 100px;
}   
  .categoery_sec .col-4{
    margin: 6px;
    width: calc(33% - 10px);
}  
.products_section .col-3{ width: 22%;}
div#top_nav_links .col-1 {
    margin: 0px 25px !important;
}
.product_content a, .categoery_sec .col-4 a{font-size: 17px;}    
}

@media screen and (max-width:1340px){
.row.potion_games_btns a, .potion_sec a, .logout-btn a{    padding: 10px 9px;
    font-size: 14px;}
    .main_body_text_white{    margin-top: -7px;}
}


@media screen and (max-width:1100px){
div#top_nav_links ul li a img {
    width: 88px;
}
img#neil_image{    margin-top: 135px;    margin-right: 0px;}
img#courses_image {
    margin-top: 11px;
}
.shop_section ul li {
    width: calc(33% - 10px);}
.product_content h3{font-size: 15px;}    
.shop_section {
    padding: 20px;
}    
    .blogContentArea {
    width: 100%;
}
.right_sidebar {
    width: 100%;    margin-right: 25px;
    margin-bottom: 33px;}
    .blogContentTab {
    padding: 60px 20px 10px 0px;
}
#blog_image, #member_image {
    text-align: center;
    display: block;
    height: auto;
    width: 100%;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: -500;
}
div#right_bar .col-4 {
    width: 50%;
}
.full_width {
    width: 100%;
    padding-top: 20px;
}
.half_col {
    width: 50%;
}
h1.center {
    font-size: 30px;
}
}


@media screen and (max-width:980px){
  div#top_nav_links ul li a img {
    width: 80px;
}
 .products_section .col-3 {
    margin: 0px 10px;
    width: 47%;
}
div#top_nav_links .col-1 {
    margin: 0px 19px !important;
}
.category_des_section {
    padding: 30px 20px;
}
.course_sidebar h2{font-size: 18px;}
.item_content h2{font-size: 20px;
    line-height: 1.0em;}
.item_content {
    width: 63%;
    padding: 0px 10px;
}
.item_image {
    width: 32%;
}
.tabset > label{    padding: 6px 11px 16px;}
.course-detail.displayflex .tabset {
    width: 100%;}
.course-detail.displayflex .course-summary-sidebar {
    width: 100%;
}
.course-detail.displayflex {
    display: inherit;
}
.loginform_inner{width: 100%;}
 div#loginForm{padding: 10px;}
 .loginform_inner{    padding: 20px 10px 20px;}
 div#loginForm input{    padding: 18px 3px 18px 21px;}
 .contact-form-section {
    width: 100%;
    padding: 0px 20px;
}
.home_section .page_heading h1{font-size: 30px;}
.row.home_sec-2 .col-6 {
    width: 100%;
}
.love-potion-section .col-3 {
    width: calc(50% - 5px);
}
.love-potion-section .col-6 {
    width: calc(50% - 5px);
}
.love-potion-section .col-6 .col-6 {
    width: calc(100% - 0px);
}
}    
    
@media screen and (max-width:850px){

div#top_nav_links ul li a img {
    width: 73px;
}
    .displayflex{flex-wrap:wrap;}
    .displayflex .items{width:100%;}
    /*.youtube_video {
    width: 100%;
    height: 300px;
}*/
.categoery_sec .col-4 {
    margin-right: 0;
    width: 100%;}
div#top_nav_links .col-1 {
    margin: 0px 16px !important;
}
.membership_detail .col-4, .membership_detail .col-8 {
    width: 100%;
}
.membership_detail {
    padding: 40px 20px;
}
.shop_section ul li {
    width: calc(100% - 0px);
}
.product_content{display: initial;}
.home_section .col-6 {
    width: 100%;
}
.purchased_course_lists .displayflex .item {
    width: calc(100% - 0px);}
.tabs li{font-size: 16px;}  
img#neil_image {
    margin-top: 0px;}
    
    img.potion-kit {
    width: 80%;
    height: auto;
}
h1.potion-page-head{font-size: 30px;}
.love-potion-section h1 {
    font-size: 25px;
}
}


@media screen and (max-width:767px){
    
/***Table css**/
table.purchased_cart {
    width: 600px !important;
}
.four {
    overflow: scroll;
}
table.purchased_cart tbody tr td{text-align: left;    line-height: 1.2em;}

/**/

 .item-shop {
    width: calc(100% - 0px);
    margin: 0px 0px 10px 0px;
}

img#neil_image{height:auto;}    
    
#courses_image {
    content: url(../images/courses_default.png);
    height: auto;
    width: 100%;
     max-width: 100%;
}    

.user_login_sec {
    width: 21%;
    text-align: center;
    margin-top: 34px;
}
.cart-item-container.header .cart-info.title {
    width: 50% !important;
}
h1.login-user{    width: 100px;margin-top: -24px !important; margin:auto;}
div#top_nav_links ul li a img {
    width: 100%;
    max-width: 100%;
    padding-top:0px;
}
  .item_image {
    width: 100%;
} 
.course_des{width: 100%;}
    .main_body_text_white {
    padding-top: 48px;
    padding-left: 7.1% !important;
}
    .blogContentArea .blogContentTab .itemBox .item{
        width: calc(100% - 0px);
    }
    .blog_section {
    padding: 0px 0px 0px 20px;
}

#top_nav_links{margin-bottom: 28px;margin-top: 0px !important;}
.header-social {
    text-align: center;
    margin-bottom: 5px;
}
.potion_img {
    text-align: center;
}
#neil_image{    max-width: 100%;}
 
.blogContentTab {
    padding: 77px 20px 20px 0px;
}
.blogContentArea .blogContentTab .itemBox .item {
    margin: 0;    margin-bottom: 30px;}
.blogContentArea .blogContentTab .itemBox .item .image img{height:auto;} 
.blog_detail.itemBox.disflexArea .item{padding:15px 15px 20px 15px;}

.right_sidebar{padding: 20px 0px;    margin-top: 0;}
.detail_sidebar.right_sidebar .container {
    padding: 0px;
}
.sidebar_categories .disflexArea {
    display: flex;
}
.right_sidebar{margin-bottom:0px;}
.blog_cate.itemBox {
    padding: 15px;
}
.detail_sidebar.right_sidebar.blog_detail {
    margin-top: 0;
}
iframe {
    width: 100%;
}
.potion_games .col-4 {
    width: 100%;
}
.potion_games .col-4 img {
    width: 90%;
    margin-top: 20px;
}
.potion_img {
    padding-top:0px;
}
.potion_games img{margin-top: 0px;}
.potion_games {
    padding:5px;
}
.potion_img br {
    display: none;
}
.potion_sec {
    padding: 30px 0px;
}
.emptybtn_sec{margin-top:0px;}
.row.member_sec .col-2 {
    width: 100%;
}
.row.member_sec img {
    margin-bottom: 30px;
}
h1.center {
    font-size: 22px;
}
#member_image {
    content: url(https://realwizardry.com/furniture/top_nav_buttons/member-mobile.png);
    height: 80px;
    width: 217px;
max-width: 217px;
}

.shop_section ul li{width: calc(100% - 0px);}
.shop_head a{    float: none;}
.products_section .col-3 {
    margin: 0px 0px;
    width: 100%;
}
.shop_section{    padding: 40px 10px;}
.categoery_sec .col-4{padding:0px;}
.col-6{white-space: initial !important;}
h1.potion_heading {
    margin-bottom: 0;
}
.left_bar{display:none;}
div#right_bar {
    width: 100%;
}

.half_col{width:100%;}
.course_sidebar{display: none;}
.item_content {
    width: 100%;}
    .course_right {
    width: 100%;
}
.course-detail.displayflex .tabset{padding: 20px;}
.tabset > label {
    padding: 6px 12px 16px;
}
ul.course-info-list span{float: left;line-height: 39px;}

h1.blog_header{font-size: 22px;}
.blog_cate.itemBox.disflexArea .suText{ text-align: left;}

.input-field{width: calc(100% - 0px) !important;}
.cart-info.title {
    width: 100% !important;}
.cart-info.action {
    width: 50% !important;}   
.home_sec-content {
    padding: 0px 0px;
} 
.header_text{font-size: 23px;}
img.tem_img {
    margin-left: 0px;
}
.love-potion-section .col-3 {
    width: calc(100% - 0px);
}
.love-potion-section .col-4, .love-potion-section .col-6 {
    width: calc(100% - 0px);
    padding: 10px;
}

}
@media screen and (max-width:700px){
    div#top_nav_links ul li {
    width: calc(15% - 22px);
}
 .course_content_left {
    width: calc(100% - 0px);
}
.course_content_right {
    width: calc(100% - 0px);}
.course-detail {
    padding: 30px 20px;
}    
}



@media screen and (max-width:599px){
  iframe#video {
    height: auto;
}  
   div#top_nav_links ul {
    display: inherit;}
    div#top_nav_links ul li {
    width: calc(100% - 0px);
}
div#top_nav_links ul li a img {
    width: 217px;
    max-width: 217px;}
#courses_image {
    content: url(http://www.realwizardry.com/furniture/mobile/courses_default.png);}    
#top_nav_links{    margin-top: 175px !important;}  
    
 .user_login_sec {
    width: 100%;}   
    
    
    .form_section{padding:20px;}

div#right_bar .col-4 {
    width: 100%;
} 
#blog_image{
     content: url(https://realwizardry.com/furniture/top_nav_buttons/blog-mobile.png);
    height: 80px;
    width: 217px;
max-width: 217px;
}
ul.course-info-list span{    font-size: 14px;}
.membership_detail .membership_content {
    padding: 10px 0px 0px 0px;}
.potion_sec {
    width: 100% !important;
} 
.tabs {
    display: inherit;    padding: 0px 0px 0px 0px;}
.course_content_right h2 {
    font-size: 22px;
}
.faq-drawer {
    font-size: 14px;
}
.main_body_text_white{    margin-top: -29px;    padding-top: 16px;}
.main_body_text_white.home-page{    padding-left: 0.1% !important;}
}

@media screen and (max-width:420px){
    #top_nav_links {
    margin-top: 143px !important;
}
}


/*You tube video responsive code by Arti*/
.youtube_video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

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

a.readBtn:hover {
    background-color: transparent;
    border: 1px solid #5a1e66;
    color: #5a1e66 !important;
}