.classes-details-left{float:left;width:550px;margin-right:23px}.classes-details-right{float:left;width:320px}.classclass h1{color:#6d6879;font-family:open sans,Arial,Tahoma}.img.folded-edges.small-class-image{border:none!important}#class-listing h2{font-size:21px;margin:-7px 0 10px;font-family:open sans,Arial,Tahoma}#classroom h2{font-family:open sans,Arial,Tahoma}#class-listing h3 a,#store-class-listing h3 a,.lesson-mkt-list h3{color:#565656}#class-listing h3 a:hover,#class-listing h3 a.hover{color:#6aae48}#class-listing .sort{margin:-8px 0 15px}#class-listing hr{margin-bottom:35px}#class-listing .classes-listed hr{visibility:hidden;margin-bottom:35px;margin-top:25px}} #class-listing .class .left { margin: 0 19px 0 0; } #class-listing .class { margin: 0 0 20px 0; } #scrapbooking-resources .introduction p { color: #585858; line-height: 20px; } #featured-class hr { margin: 0 0 30px 0; } .lesson-completed { display: inline-block; margin: 9px 0 0 18px; color: #258903; font-size: 13px; font-weight: bold; } .comingsoontxt { font-size: 13px; font-weight: bold; } .comingovr { position: absolute; bottom: 35px; left: 55px; z-index: 2; color: #FFFFFF; opacity: 0.85; } .class-description { font-family: 'Open Sans',arial,tahoma; font-size: 16px !important; } .class-description .mp-message { font-family: 'Open Sans',arial,tahoma; font-size: 14px !important; } .lesson-mkt-list .class { clear: both; margin-bottom: 26px; } .lessonsbox .class { clear: both; margin-bottom: 46px; } .class { font-family: 'Open Sans',arial,tahoma; } .class .left { margin: 0 20px 0 0; position: relative; } .class h3 { font-size: 20px; color: #6b6b6b; text-transform: none; font-weight: bold; margin: 0 0 6px 0; } .class .class-pricing { font-size: 14px; font-weight: bold; color: #676767; margin: 8px 0 12px 0; } .class .class-pricing .todays-price { color: #d65b42; } .class .class-description p,.lessonsblurb p { font-size: 16px; line-height: 24px; color: #7C7C7C; margin-bottom: 12px; } .class .input-wrap { border: solid 1px #A8A8A8; background: #fff; max-width: 655px; } .class .input-wrap input[type=text] { float: left; font-size: 15px; letter-spacing: 0; color: #8b8590; padding: 7px; width: 220px; outline: none; } .class .input-wrap input[type=submit] { float: right; margin: 4px; width: 124px; } .top-description { margin-bottom: 16px; line-height: 170%; font-size: 16px; } .youregistered { margin-bottom: 15px !important; color: #258903 !important; padding: 2px 0 5px 0; font-family: 'Open Sans',arial,tahoma; font-weight: bold; font-size: 15px; } .class-add { margin-top: 25px; } .product-details .btn.green.classsignup { padding: 13px 0px 13px 0px !important; width: 400px !important; text-align: center !important; font-size: 15px; } .product-details .btn.teal.enter-classroom { padding: 13px 0px 13px 0px !important; width: 400px !important; text-align: center !important; font-size: 14px; } .classslider li img { max-width: 500px; max-height: 400px; } .class-item .class-image { width: 288px; } .class-item .class-image .fancyimage { margin-bottom: 12px; } .class-instruct-small { min-width: 352px; max-width: 396px; height: 70px; } .class-instruct-small>div { padding: 3px; } .instructorsmallhead { font-family: 'Open Sans',arial,tahoma; font-weight: bold; font-size: 14px; background-color: #E7E7E2; padding: 8px 0px; margin-bottom: 8px; } .instructor-small-list { clear: both; margin-top: 15px; } #lessons { display: block; font-family: 'Open Sans',arial,tahoma; } .lessonsbox { margin: 44px 15px 0 15px; padding: 0 0 0 3px; font-family: 'Open Sans',arial,tahoma; } .lessonsbox h3 { font-size: 20px; color: #6b6b6b; text-transform: none; font-weight: bold; margin: 0 0 6px 0; } .lessonsbox h3 a,.lesson-mkt-list h3 a { color: #6b6b6b; } .lessonsbox h3 a:hover,.lessonsbox h3 a.hover,.lesson-mkt-list h3 a:hover,.lesson-mkt-list h3 a:hover { color: #2E96A9; } .lessontext,.lessontext p,.classtext,.classtext p,.announcementtext { color: #696969; font-size: 18px; line-height: 1.7; font-family: 'Open Sans',arial,tahoma; } .announcementtext { margin-top: -20px; } .lessontext img { margin: 3px; } .lessontext ol,.announcementtext ol{ list-style-type: decimal; list-style-position: inside; } .lessontext ul,.announcementtext ul { list-style-type: disc; list-style-position: inside; margin-left: 30px; } .lessontext ul li,.announcementtext ul li { margin-top: 5px; margin-bottom: 5px; } .lessontext ol,.announcementtext ol { margin-left: 30px !important; list-style-position: inside; } .lessontext ol li,.announcementtext ol li { margin-top: 5px; margin-bottom: 5px; } .lessontext h2 { text-transform: none !important; font-size: 24px; margin-top: 15px !important; margin-bottom: 9px !important; font-weight: bold; color: #da5a39; font-family: 'Open Sans',arial,tahoma; } .lessontext h3 { text-transform: none !important; font-size: 19px; margin-top: 12px !important; margin-bottom: 12px !important; font-weight: bold; color: #8d4374 !important; font-family: 'Open Sans',arial,tahoma; } .lessontext h4 { text-transform: none !important; font-size: 19px; margin-top: 12px !important; margin-bottom: 12px !important; font-weight: bold; color: #3D3D3D !important; font-family: 'Open Sans',arial,tahoma; } .lessontext .indent { margin: 30px 130px 10px 115px; } .lessontext blockquote{ padding: 22px 22px 14px 22px; background-color: #F5F5F1; border: 1px solid #DBDBDB; line-height: 175% !important; } .lessontext blockquote ul { margin-top: 16px; } .lessontext blockquote ul li { margin-bottom: 9px; margin-top: 4px } .lessontext blockquote.large,.lessontext h5 { padding: 22px; border: 1px solid #DBDBDB; text-transform: none !important; font-size: 24px !important; color: #8d4374 !important; background-color: #EFEFEB; line-height: 175% !important; font-style: italic !important; display: block; } .lessontext blockquote blockquote { padding: 22px; border: 1px solid #DBDBDB; text-transform: none !important; font-size: 24px !important; color: #8d4374 !important; background-color: #EFEFEB; line-height: 175% !important; font-style: italic !important; } .lessontext blockquote.large p { text-transform: none !important; font-size: 24px !important; color: #8d4374 !important; line-height: 175% !important; } .lessontext .video-container ol,.lessontext .video-container ul {list-style:none;} .video-container { max-width: 960px; margin-left: auto; margin-right: auto; } .lessontext .video-container .video-posts-container ul{ margin-left: 0 !important; } #classroom .layout-nav,#classroom .inset-nav,.class-nav { background-color: #F5F5F1 !important; } .instructor-brand-box { display: block; } .instructortext { font-weight: normal !important; color: #838383 !important; margin-bottom: 5px; } .instructorbio{ font-weight: normal !important; color: #838383 !important; margin: 5px 0; overflow:hidden; line-height: 150%; } .instructorbio p { margin-top: 0px; margin-bottom: 0px; } .instructorleft { float: left; margin: 0 10px 0 0; display: block; } .instructorname { font-weight: bold; } .instructorname a { color: #5C556E; } .instructorbox { display: block; margin-top: 25px; } .instructorbox img { margin-right: 8px; } .oneinstructor { font-size: 15px; margin-bottom: 15px; display: block !important; min-height: 78px; } .lessonlisting { font-size: 15px; font-weight: bold; color: #6D6879; display: block; padding: 10px 8px 12px 0 !important; display: inline-block; width: 32%; text-align: center; margin-bottom: 14px; } .lessonlisting a{ color: #6D6879; } .classbutton { margin-right: 8px; } .lessonlistingtitle { margin-top: 8px; width: 250px; margin-left: auto; margin-right: auto; } .lessonlisting a.hover,.lessonlisting a:hover { color: #75B360 !important; } .lessonsummary { font-size: 13px !important; color: #5C556E !important; font-weight: normal !important; } .class-lesson-complete-ctrl { padding: 0; font-weight: bold; font-size: 16px; display: inline-block; margin-right: 15px; position: relative; top: 2px; } .class-lesson-complete-ctrl a { color: #258903 !important; } .class-lesson-complete-ctrl a .fa { color: #258903 !important; position: relative; } #class-listing .class-item .class-description { width: auto !important; margin-left: 0px; } .classcrumbs ul li { display: inline-block; padding: 3px; } #lessons hr.product-details { margin: 28px 0 28px; clear: both; border: solid #D0D0D0; border-width: 1px 0 0; background: #dcdcdc; color: #dcdcdc; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -o-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; } .video-posts-box { max-height: 300px; overflow-y: scroll; background-color: #F5F5F1 !important; border: 1px solid #C5C5C5; } .video-posts-single { min-height: 105px; overflow-y: none; background-color: #F5F5F1; border-left: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; } .vidcommentbox { background-color: #E5E5E1; padding: 14px; border-left: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; } .vidcommentboxT { background-color: #E5E5E1; padding: 12px 10px 10px 10px; border-left: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; border-top: 1px solid #C5C5C5; } .vidcommentboxT .label { font-size: 14px; } .video-post { min-height: 60px; border-top: 1px #C5C5C5 solid; padding: 10px; margin-top: 0 !important; margin-bottom: 0 !important; } .video-posts-container { border-bottom: 1px solid #C5C5C5; } .video-posts-container .video-posts-box .sel { background-color: #FFF9EA !important; } .video-post-input { width: 98%; min-height: 50px; } .btn.video-posts-btn { background: #fff; border: solid 1px #c6c4c8; font-size: 11px; font-weight: bold; text-align: center; padding: 3px 7px; color: #676176; text-shadow: 0 1px 0 #fff; position: relative; -webkit-box-shadow: inset 0 1px white; -moz-box-shadow: inset 0 1px white; -o-box-shadow: inset 0 1px white; box-shadow: inset 0 1px white; background-image: linear-gradient(bottom,#e0e0e0 0%,#f9f9f9 100%); background-image: -o-linear-gradient(bottom,#e0e0e0 0%,#f9f9f9 100%); background-image: -moz-linear-gradient(bottom,#e0e0e0 0%,#f9f9f9 100%); background-image: -webkit-linear-gradient(bottom,#e0e0e0 0%,#f9f9f9 100%); background-image: -ms-linear-gradient(bottom,#e0e0e0 0%,#f9f9f9 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e0e0e0),color-stop(1,#f9f9f9)); margin: 0 0 5px 5px; } .video-posts-btn.sel { background: #73A65A; color: white !important; -webkit-box-shadow: inset 0 1px 1px 0 #5C9341; -moz-box-shadow: inset 0 1px 1px 0 #5C9341; -o-box-shadow: inset 0 1px 1px 0 #5C9341; text-shadow: none !important; } .video-play-time { font-size: 14px; } .class-nav.inset-nav.five-up li a,.class-nav.inset-nav.six-up li a { font-size: 14px !important; } #add-all-to-cart { padding:20px; text-align: center; } #add-all-to-cart a.btn.green{ padding: 14px 12px; width: 350px; margin-left: auto; margin-right: auto; } .projects-for-class .thisproject { width: 300px; display: inline-block; margin-bottom: 24px; } .list-classification{ display: inline-block; padding: 5px 8px; font-weight: bold; border-radius: 3px; margin-left: 10px; color: #626262; font-size: 12px; float: right; } .btn.class-list-btn { padding: 7px 0 !important; text-transform: uppercase !important; width: 220px !important; font-size: 12px !important; } .product-details .list-classification { font-size: 14px; } .instructor-box-top { font-size: 12px; line-height: 180%; color: #5C556E; margin: 14px 0; padding: 12px 0 0 0; }