/* All CSS written by Jeffrey B. Madden 2023. */

.cabinet .title.sub {
   display:flex;
   flex-direction:row;
   text-align:left;
}

.cabinet .title.sub .left_box {
   width:469px;
   padding-right:10px;
   box-sizing:border-box;
   flex-direction:column;
}

.cabinet .title.sub .header {
   margin-left:-20px;
   align-self:flex-start;
}

.lessons .lesson_meter {
   align-self:flex-start;
   width:277px;
   height:150px;
   margin:0px 0px 20px 0px;
   background-repeat:no-repeat;
   box-shadow:0px 10px 20px 5px Black;
}

.lessons .lesson_meter.beginner { background-image:url('images/meter_begin_03.png'); }
.lessons .lesson_meter.intermediate { background-image:url('images/meter_inter_01.png'); }
.lessons .lesson_meter.advanced { background-image:url('images/meter_adv_01.png'); }

.lesson_frame {
   display:inline-block;
   float:left;
   width:340px;
   height:362px;
   margin:0px 50px 20px 0px;
   background-repeat:no-repeat;
   text-align:center;
}

.lesson_frame.beginner { background-image:url('images/frame_begin_01.png'); }
.lesson_frame.intermediate { background-image:url('images/frame_inter_01.png'); }
.lesson_frame.advanced { background-image:url('images/frame_adv_01.png'); }

.lesson_frame iframe {
   position:relative;
   top:66px;
   width:282px;
   height:261px;
   margin:0px;
   border:0px;
   padding:0px;
}

.lessons .lesson_nav {
   display:block;
   position:relative;
   width:716px;
   height:42px;
   margin:30px auto 30px auto;
   border:0px;
   padding:0px;
   clear:both;
}

.lessons .lesson_nav:last-child { margin-top:30px; }

.lessons .lesson_nav a, .lessons .lesson_nav .arrow {
   display:block;
   position:absolute;
   margin:0px;
   border:0px;
   padding:0px;
   background-repeat:no-repeat;
   background-size:contain;
   transition:transform 1s ease-in-out;
   -webkit-transition:-webkit-transform 1s ease-in-out;
   -moz-transition:-moz-transform 1s ease-in-out;
}

.lessons .lesson_nav a:hover {
   transform:scale(1.2,1.2);
   -webkit-transform:scale(1.2,1.2);
   -moz-transform:scale(1.2,1.2);
}

.lessons .lesson_nav .arrow {
   top:0px;
   width:40px;
   height:37px;
   background-image:url('images/arrows_02.png');
}

.lessons .lesson_nav .beginner {
   left:0px;
   top:0px;
   width:175px;
   height:42px;
   background-image:url('images/title_lessons_begin_03.png');
}

.lessons .lesson_nav .arrow:nth-child(2) { left:185px; }

.lessons .lesson_nav .intermediate {
   left:235px;
   top:0px;
   width:236px;
   height:37px;
   background-image:url('images/title_lessons_inter_01.png');
}

.lessons .lesson_nav .arrow:nth-child(4) { left:481px; }

.lessons .lesson_nav .advanced {
   left:531px;
   top:0px;
   width:185px;
   height:37px;
   background-image:url('images/title_lessons_adv_01.png');
}