/* Theme Name: EducationPress Theme URI: http://www.demos.themecycle.com/educationpress Author: ThemeCycle.com Author URI: https://themecycle.com Description: Premium Wordpress LMS theme base on CoursePress Pro Plugin Version: 3.1.2 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: educationpress Domain Path: /languages/ Tags: custom-background, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, custom-menu, theme-options, left-sidebar, right-sidebar, featured-images, full-width-template, threaded-comments, post-formats, rtl-language-support, custom-colors Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 01) Header 02) Homepage 1) Home Page First 2) Home Page Two 3) Home Page Third 03) ABout Us 04) Teachers 05) 404 Page 06) Blog Page 07) Event Page 08) Contact Us Page 09) Gallery Page 10) Pricing Plan Page 11) Course Listings Page 12) Course Details Page 13) Author Page 14) Shortcodes 15) Login - Register Page 16) Comments 17) Popup 18) Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1) Header --------------------------------------------------------------*/ nav.meta-login { float:right; max-height:48px; overflow:hidden; } nav.meta-login ul { margin:0; padding:0; list-style:none; } nav.meta-login ul li { float:left; color:#99a6bb; border-left:1px solid #e9ecef; } nav.meta-login ul li:first-child { border:none; } nav.meta-login ul li a { color:#99a6bb; text-decoration:none; } nav.meta-login ul li a:hover { color:#ff5722; } nav.meta-login ul li i { display:inline; float:left; margin:-2px 5px; font-size:18px; } nav.meta-login ul li.social:first-child { padding:13px 1px; } nav.meta-login ul li.social { border:none; padding:13px 1px; } nav.meta-login ul li:last-child { margin-left:5px; } .site-branding { padding-top:20px; padding-bottom:20px; } .site-branding img { width:auto; } .site-branding h2 { margin:0; } /* Sticky Header ////////////*/ .header-sticky { box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); height: auto; transition: all 0.9s ease 0s; position: fixed; width:100%; z-index:99999; background:#fff; } /*-------------------------------------------------------------- 1) Home Page First --------------------------------------------------------------*/ /* /////////////// Home 1 -> Search Form /////*/ .search-form h2 { font-size:30px; margin-bottom:35px; } .search-form fieldset { border:none; } .search-form .input-group { width:100%; } .search-form .input-group-btn { position:absolute; right:-1px; } .search-form .input-group-btn .btn { -moz-box-shadow: 0px 0px 3px #e0dfdf; -webkit-box-shadow: 0 0 3px #e0dfdf; box-shadow: 0px 0px 3px #e0dfdf; } .search-form .form-inline .input-group > .form-control { width:100%; height:51px; padding-left:10px; color:#99a6bb; font:14px Montserrat, sans-serif; border:1px solid #c7ced9; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-box-shadow: 0px 0px 3px #e0dfdf; -webkit-box-shadow: 0px 0px 3px #e0dfdf; box-shadow: 0px 0px 3px #e0dfdf;} /* search autocomplete loader */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default;} .ui-autocomplete-loading { background: url("images/indicator.gif") no-repeat right center; min-height: 16px; min-width: 16px; background-position: right 20px center; } ul.ui-autocomplete, .ui-menu { z-index: 9999; background:#fff; list-style:none; padding:10px; border:1px solid #e4e8ee; border-top:none; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /* search no result */ .search-no-results .page-content p { text-align:center; } .search-no-results .page-content .search-form { text-align:center; } .search-no-results .page-content .search-form .search-field { width:auto; position:relative; top:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* /////////////// Home 1 -> Courses Count/////*/ .courses-count { color:#657184; } .courses-count .col-md-3 { margin-bottom:20px; } .courses-count h3 { font-size:14px; font-weight:normal; color:#657184; } .courses-count span { font-size:36px; width:55px; display:inline; float:left; padding-right:15px; margin-right:15px; border-right:1px solid #e4e8ee; } .sepretor { width:20%; margin:8px auto 0 auto; padding:30px 0; background:url(images/hr.png) repeat-x center; } .sepretor span { display:inline; padding:19px 18px; background:#0583e4; font:bold 12px Montserrat, sans-serif; color:#fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* /////////////// Home 1 -> Search by Category /////*/ .search-category { padding-bottom:90px; width: 96%; margin: 0 auto; } .search-category h2 { padding-bottom:30px; font-size:24px; margin-top:10px; } .search-category .container{ width:100%; } .cat h3 { font-size:24px; font-weight:bold; padding-bottom:20px; color:#fff; } .cat h3 a { color:#fff; } .cat h3 a:hover { color:#fff; opacity: 0.8; filter: alpha(opacity=80);} .cat_first { min-height:522px; background:#e91e63 url(images/i_sports.png) no-repeat; } .cat_second { min-height:235px; background:#673ab7 url(images/i_food.png) no-repeat; } .cat_third { min-height:230px; background:#03a9f4 url(images/i_web_devlopment.png) no-repeat; } .cat_forth { min-height:263px; width:47.5%; float:left; background:#4caf50 url(images/i_music.png) no-repeat; } .cat_fifth { min-height:263px; width:47.5%; float:right; background:#009688 url(images/i_fronted.png) no-repeat;} .cat_sixth { min-height:235px; clear:both; background:#ff5722 url(images/i_multi_language.png) no-repeat; } .cat { padding:20px 40px 40px 40px; margin-bottom:30px; background-position:right bottom; background-size: 20%; color:#fff; transition: background-size .3s ease-in; -moz-transition: background-size .3s ease-in; -web-kit-transition: background-size .3s ease-in} .cat:hover { background-size: 22% ; cursor:pointer;} .cat_forth, .cat_fifth { background-size: 40%; } .cat_forth:hover, .cat_fifth:hover { background-size: 45% ; } /* /////////////// Home 1 -> Popular Online Courses /////*/ .popular-courses { background:#e4e8ee; padding:70px 0; } .popular-courses .btn-group .btn, .popular-courses .btn-group { float:none; } .popular-courses .course_rel { bottom:-8px; } .course { background:#fff; min-height:570px; max-height:635px; position:relative; -moz-box-shadow: 0 0 5px #bfc3c9; -webkit-box-shadow: 0 0 5px #bfc3c9; box-shadow: 0 0 5px #bfc3c9; } .course h3 { font-size:16px; font-weight:bold; padding-right:66px; line-height:22px; } .price { position:absolute; right:-8px; top:20px; padding:9px 10px 9px 25px; font:bold 16px Montserrat, sans-serif; color:#fff; background:#4caf50 url(images/price_tag_l.png) no-repeat left bottom; } .price span { position:absolute; right:0px; top:-8px; width:8px; height:8px; background:url(images/price_tag_r.png) no-repeat right top; } .price s { font-size:13px; display:block; } .course_list .col-xs-12 { margin-bottom:35px; } .course .meta a { font-weight:bold; } .course a { color:#262c38; } .course a:hover { color:#ff5722; } .course_space { padding:10px 30px 0px 30px; position:relative; } .course_space p{ line-height:normal; } .course_space p.meta { margin-bottom:1em; } .course_space p.desc { text-align:justify; } .course_rel { width:82%; display:table; position:absolute; left:30px; bottom:15px; } #page .course_rating .glsr-star{ width:15px; height:15px; background-size:14px; } .course_rating, .average-rating span, .widget_courses li span.rating { font:15px "Glyphicons Halflings"; color:#ffaf00; clear:both; display:block; } .course_rating i, .average-rating span i, .widget_courses li span.rating i { font-style:normal; margin:0; padding:0; } .course_rating, .enroll { padding:0; margin:0; width:auto; } .enroll { text-align:right; color:#b0b7c5; float:right; } .popular-courses .btn-orange { font-size:15px ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .popular-courses .btn-orange i { ont-size:16px; } /* /////////////// Home 1 -> Why Choose Us /////*/ .why-choose-us { background:url(images/use_img/whyus_img.jpg) center 0 no-repeat; background-size: cover; background-attachment: fixed; margin-bottom:80px;} .layer { background-color:rgba(49,53,63,0.95); min-height:740px; position:relative; } .why-choose-us .row { position:relative; } .why-choose-us .row .icon { position:relative; } .why-choose-us .col-sm-4 { padding-top:50px; } .why-choose-us h2 { color:#fff; padding:88px 0 30px 0; margin-bottom:55px; } .why-choose-us h3 { font-size:18px; color:#fff; padding:30px 0 15px 0; } .why-choose-us p { color:#99a6bb; line-height:27px; } .why-choose-us span { font-size:48px; color:#fff; } .why-choose-us .btn-group .btn, .why-choose-us .btn-group { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; text-align:center; float:none; } .why-choose-us .btn-group .btn { padding:13px 40px; margin:50px 10px 40px 10px; } /* /////////////// Home 1 -> Latest News & Updates /////*/ .latest-news-updates { padding:0 0 100px 0; color:#fff; } .latest-news-updates a { color:#fff; } .latest-news-updates a:hover { color:#fff; opacity:0.5; } .latest-news-updates .article { padding:0; position:relative; } .latest-news-updates .art-style1 img, .latest-news-updates .art-style2 img { height:470px; } .latest-news-updates .art-style3 img, .latest-news-updates .art-style4 img, .latest-news-updates .art-style5 img { height:270px; } .latest-news-updates h3 { margin:0; padding:0 10px 0 0; position:absolute; left:40px; top:30px; z-index:3; width:80%; } .latest-news-updates h3 a { color:#fff; } .latest-news-updates .article .meta { position:absolute; left:45px; bottom:20px; z-index:3; } .latest-news-updates .articel-list div.col-xs-12 { margin-bottom:30px; } .latest-news-updates .articel-list div.col-xs-12 .art-style1 { background:#333; min-height:470px; } .latest-news-updates .articel-list div.col-xs-12 .art-style2 { background:#333; min-height:470px; } .latest-news-updates .articel-list div.col-xs-12 .art-style3 { background:#333; min-height:270px; } .latest-news-updates .articel-list div.col-xs-12 .art-style4 { background:#333; min-height:270px; } .latest-news-updates .articel-list div.col-xs-12 .art-style5 { background:#333; min-height:270px; } .latest-news-updates .articel-list .byline small { display:none; } .sticky-tag { position:absolute; right:-8px; top:20px; padding:9px 15px; font:bold 16px Montserrat, sans-serif; color:#fff; background:#4caf50; z-index:9; } .sticky-tag i { font:15px "Glyphicons Halflings"; color:#fff; } .sticky-tag small { width:16px; height:40px; background:url(images/sticky_l.png) no-repeat left top; position:absolute; right:44px; top:0px; } .sticky-tag span { position:absolute; right:0px; top:-8px; width:8px; height:8px; background:url(images/price_tag_r.png) no-repeat right top; } .single-post .sticky-tag { right:7px; } /* /////////////// Home 1 -> testimonials /////*/ .testimonials_outer { padding:75px 0 155px 0; background:url(images/use_img/testimonials_bg.jpg) center 0 no-repeat; background-size: cover;} .testimonials_outer h2 { padding-bottom:25px; margin-bottom:60px; font-size:30px; color:#fff; font-weight:bold; background:url(images/border_bottom_white.png) no-repeat center bottom; } .home-two-testimonials h2 { background:url(images/border_bottom_orange.png) no-repeat center bottom; } .home-two-testimonials blockquote p { color:#fff; } .home-third-testimonials blockquote p { color:#657184; } .testimonial { margin:0; padding:0; background:#fff; min-height:292px; border:none; padding:35px; font-size:17px; font-style:italic; } .testimonial footer { padding-bottom:20px; } .testimonial footer span { padding-top:15px; font:bold 16px Montserrat, sans-serif; color:#262c38; display:block; } .testimonial footer cite { font-size:14px; font-style:normal; } .testimonial footer::before { content:" "; } .testimonial img { float:left; margin-right:15px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .testimonials_outer .carousel-indicators { bottom:60px;} .testimonials_outer .carousel-indicators li { width:12px; height:12px; margin:1px 8px; background:#6cbefd; border:none; } .testimonials_outer .carousel-indicators .active { background:#fff; border:none; } /* /////////////// Home 1 -> multi-widget-options /////*/ .upcoming-event, .instructor-week, .free-course-week { margin-bottom:100px; } .upcoming-event h2, .instructor-week h2, .free-course-week h2 { font-size:21px; } .upcoming-event a, .instructor-week a, .free-course-week a { color:#263238; } .upcoming-event a:hover, .instructor-week a:hover, .free-course-week a:hover { color:#ff5722; } .upcoming-event a, .free-course-week a { margin-bottom:16px; } .upcoming-event h4, .instructor-week h4, .free-course-week h4 { line-height:27px; } .free-course-week .post-thumb { position:relative; display:block; } a.more { font:15px Montserrat, sans-serif; color:#ff5722; } a.more i { margin:0 5px; font-size:16px; position:relative; bottom:-2px; } a:hover.more { color:#263238; } .multi-widget-options .free-course-week .course-thumbnail, .multi-widget-options .upcoming-event .event-thumbnail { height:218px; overflow:hidden; display:block; } .multi-widget-options .upcoming-event img { width:100%; } .instructor-week .remove_space { padding:0 10px 0px 0; } .instructor-week p.author-name { margin-bottom:1em; } .instructor-week p.author-name span { display:block; } .instructor-week p.email { font-weight:bold; } .instructor-week .phone { padding-bottom:10px; border-bottom:1px solid #e4e8ee; } .instructor-week .phone i { margin-right:5px; } /* /////////////// Home 1 -> signup-newsletter /////*/ .signup-newsletter { background:#e4e8ee; padding:0; min-height:120px; } .i-email-subscribe { background:#ff5722; padding:18px 20px; margin:20px 0; position:absolute; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .i-email-subscribe i { font-size:42px; color:#fff; } .signup-newsletter h3 { padding-top:5px; font-size:21px; color:#262c38; } .signup-newsletter p, .signup-newsletter h3 { margin-left:100px; } .signup-newsletter .mc4wp-form { padding:40px 0 0 0; } .mc4wp-form-fields { position:relative; margin-top:5px; } .mc4wp-form .form-control { padding:10px; height:42px; width:100%; border:1px solid #c7ced9; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 1px 1px 1px #c7ced9; -webkit-box-shadow: 1px 1px 1px #c7ced9; box-shadow: 1px 1px 1px #c7ced9;} .mc4wp-form .btn-orange { position:absolute; right:-1px; top:0; padding:11px 30px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .mc4wp-form .btn-orange:hover { border:none; } .mc4wp-success { padding:10px 0; color:#79985b; } /*-------------------------------------------------------------- 2) Home Page Two --------------------------------------------------------------*/ /* /////////////// Home 2 -> Header /////*/ .header_meta_two { background:#094db9; color:#89aee9; } .header_meta_two .meta-login ul li { color:#89aee9; border-left:1px solid #1b5fca; } .header_meta_two .meta-login ul li a { color:#89aee9; } .header_meta_two .meta-login ul li a:hover { color:#fff; } .home-two-search { background:#262c38; padding-top:35px; padding-bottom:40px; } .home-two-search .input-group-btn .btn { -moz-box-shadow: 0 0 0px; -webkit-box-shadow: 0 0 0px; box-shadow: 0 0 0px; } .home-two-search .container { position:relative;} .home-two-search .courses-count { padding-top:0; } .home-two-search .courses-count h3 { color:#8793a7; } .home-two-search .courses-count span { border-right:1px solid #353c4a; } .home-two-search .form-inline .input-group > .form-control { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;} .home-two-search .head { padding:10px 20px; width:210px; position:absolute; top:-77px; left:0; background:#0583e4; font:18px Montserrat, sans-serif; color:#fff; z-index:3;} /* Home -> 2 - Multi widget //////////////////////*/ .upcoming-event-two h2, .free-course-week-two h2, .instructor-week-two h2 { font-size:18px; padding-bottom:0; margin-bottom:35px; background:none; text-transform:uppercase; } .upcoming-event-two p.meta strong, .free-course-week-two p.meta strong { color:#0583e4; font-weight:normal; } .free-course-week-two p.meta a { color:#0583e4; } .free-course-week-two p.meta a:hover { color:#ff5722; } /* Home -> 2 - Home Popular Courses //////////////////////*/ .home-two-pop-courses { background:none; } .home-two-pop-courses .meta a { color:#0583e4; font-weight:normal; } .home-two-pop-courses .meta a:hover { color:#262c38; } .home-two-pop-courses .course { background:#f7f8fb; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow:0 0 0; } .home-two-pop-courses .price { color:#4caf50; background:none; } .home-two-pop-courses .price span { background:none;} /* Home -> 2 - Home Testimonials //////////////////////*/ .home-two-testimonials { background:url(images/use_img/testimonials_bg2.jpg) center 0 no-repeat; background-size:cover; color:#a6bfe7; } .home-two-testimonials .testimonial { background:none; } .home-two-testimonials .testimonial p.meta { padding-bottom:40px; font-style:normal; } .home-two-testimonials .testimonial p strong { color:#fff; display:block; font-size:16px; } .home-two-testimonials .testimonial p cite { font-style:normal; color:#7d9ed3; font-size:14px; } .home-two-testimonials .testimonial img { float:none; margin-right:0; } .home-two-testimonials .quote { height:76px; display:inline-block; background-size: 100%; } .home-two-testimonials .quote_l { background:url(images/quote_l.png) center right no-repeat; } .home-two-testimonials .quote_r { background:url(images/quote_r.png) center left no-repeat; } .home-two-testimonials .carousel-indicators li { border:none; background:#588cde; } .home-two-testimonials .carousel-indicators li.active { background:#ff5722; } .home-two-newsletter { background:#ff5722; color:#fff; } .home-two-newsletter .i-email-subscribe { background:#e94917; } .home-two-newsletter h3 { color:#fff; } .home-two-newsletter .btn-orange { background:#262c38; } .home-two-newsletter .btn-orange:hover { background:#e94917; } /*-------------------------------------------------------------- 3) Home Page Third --------------------------------------------------------------*/ /* Home -> 3 - Header //////////////////////*/ .home-third-header { height:1070px; position:relative; background:url(images/use_img/home3_banner_bg.jpg) no-repeat center bottom; background-size:cover; } .home-third-header .brand { margin-top:25%; max-width:fit-content; } /* * Off Canvas * -------------------------------------------------- */ .home-third-header .left-navbar-toggle { color:#fff; padding:0; } /* For MMenu.js * -------------------------------------------------- */ .home-third-header .navbar-header { position:absolute; right:4%; top:4%; } .home-third-header .navbar { width: 100%; } .home-third-header .left-navbar-toggle { color: #fff; position: relative; float: right; padding: 13px 15px 0 15px; } .home-third-header .left-navbar-toggle:active { color: #FFA500; } .mm-title { font:Bold 14px Montserrat, sans-serif; color:#fff; } /* Home -> 3 - Browse by category //////////////////////*/ .browse-by-category { width:100%; position:relative; } .browse-by-category .head { padding:10px 20px; width:210px; position:absolute; top:-20px; left:0; right:0; margin:0 auto; background:#ff5722; font:15px Montserrat, sans-serif; color:#fff; z-index:3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .browse-by-category .row { margin:0; } .browse-by-category .by_cat { padding-top:30px; min-height:175px; border-right:1px solid #dee3ec; background-repeat:no-repeat; background-size:48px 48px; } .browse-by-category .by_cat h3 { padding:0 60px 0 20px; font-size:14px; } .browse-by-category .by_cat p { padding:0 60px 0 20px; font-size:14px; line-height:normal; } .i_sport { background:url(images/i_cat_sports.png) 90% 58%; } .i_food { background:url(images/i_cat_food.png) 90% 58%; } .i_development { background:url(images/i_cat_development.png) 90% 58%; } .i_language { background:url(images/i_cat_language.png) 90% 58%; } .i_music { background:url(images/i_cat_music.png) 90% 58%; } .i_frontend { background:url(images/i_cat_frontend.png) 90% 58%; } .home-third-search { width:80%; } .home-third-search .form-inline .input-group > .form-control { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;} .home-third-search .input-group-btn .btn { -moz-box-shadow: 0 0 0px; -webkit-box-shadow: 0 0 0px; box-shadow: 0 0 0px; } .home-third-header h2 { font:36px Open Sans, sans-serif; font-weight:normal; color:#fff; } .home-third-header .courses-count h3 { padding:0 10px; color:#fff; } .home-third-header .courses-count i { display:inline; float:left; font-size:36px; margin-right:5px; padding-right:5px; } .home-third-pop-courses { margin-bottom:100px; background:url(images/home_third_pop_cou_bg.jpg) no-repeat center top; background-size:cover; } .home-third-pop-courses h2 { color:#fff; } .home-third-pop-courses .course { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow:0 0 0; } .home-third-why { padding-bottom:75px; } .home-third-why .box { background:#f2f6f9; padding:40px 20px 27px 20px; line-height:27px; } .home-third-why .box h3 { font-size:18px; margin:25px 0; } .home-third-why .box span { font-size:48px; } .upcoming-event-three h2, .free-course-week h2-three, .instructor-week-three h2 { font-size:18px; padding-bottom:0; margin-bottom:35px; background:none; } .page-home-page-3 .upcoming-event, .page-home-page-3 .instructor-week, .page-home-page-3 .free-course-week { margin-bottom:0; } /* Home -> 3 - Home Latest News & Updates //////////////////////*/ .latest-news-updates-outer { margin-top:120px; padding:90px 0; background:url(images/latest_news_bg.png) no-repeat center top; background-size:cover; } .latest-news-updates-outer .carousel-inner { padding-bottom:20px; } .latest-news-updates-slider .news { background:#fff; -moz-box-shadow: 0 0 5px #bfc3c9; -webkit-box-shadow: 0 0 5px #bfc3c9; box-shadow: 0 0 5px #bfc3c9; } .latest-news-updates-slider .news h3 { font-size:18px; font-weight:bold; } .latest-news-updates-slider .news .img-thumb { position:relative; overflow:inherit; } .latest-news-updates-space { padding: 10px 30px 10px 30px; position: relative; min-height:300px; } .latest-news-updates-slider article a { color:#262c38; } .latest-news-updates-slider article figure { width:100%; height:270px; overflow:hidden; } .latest-news-updates-slider article .img-thumb { width:100%; } .latest-news-updates-slider article a:hover { color:#ff5722; } .latest-news-updates-outer article p.meta a { color:#039be5; } .latest-news-updates-outer .carousel-indicators li { background:#b3bdce; } .latest-news-updates-outer .carousel-indicators li.active { background:#ff5722; } #latest-news-updates-slider .carousel-indicators { bottom:20px;} /* Home -> 3 - Home Testimonials //////////////////////*/ .home-third-testimonials { background:none; color:#657184; padding-bottom:100px; } .home-third-testimonials .testimonial p strong { color:#262c38; } .home-third-testimonials .testimonial p cite { color:#657184; } .home-third-testimonials .quote_l { background:url(images/quote2_l.png) center right no-repeat; } .home-third-testimonials .quote_r { background:url(images/quote2_r.png) center left no-repeat; } .home-third-testimonials .carousel-indicators { bottom:25px !important; } .home-third-testimonials .carousel-indicators li { background:#b3bdce; margin:1px 5px; } .home-third-testimonials .carousel-indicators li.active { background:#ff5722; } /*-------------------------------------------------------------- 3) About Us --------------------------------------------------------------*/ .breadcrumb-section { min-height:190px; background:url(images/use_img/banner_img2.jpg) no-repeat center; background-size:cover; } .breadcrumb-section h1 { padding:50px 25px; font-size:36px; font-weight:bold; color:#fff; } .taxonomy-des h1 { padding-bottom:0; } .taxonomy-des { padding-bottom:50px; } .taxonomy-des p { padding:0 25px; } .instructors-name { clear:both; display:block; font-size:14px; color:#657184; } h1 .instructors-name a { color:#657184; } h1 .instructors-name a:hover { color:#263238; } .page-spacer { padding:100px 0; } .course-learn-spacer, .course_notifications_archive-template-default .page-spacer, .course_discussion_archive-template-default .page-spacer { padding:20px 0 100px 0; } .online-course img { margin-bottom:20px; } .abutinfo { margin-bottom:145px; } .meet-teachers { padding-bottom:145px; } .teacher p.post { color:#03a9f4; font-size:12px; font-style:italic; } .social-icons { list-style:none; margin:0; padding:0; } .social-icons li, .courses-info .social-icons li { float:left; margin:0; padding:0; } .courses-info .social-icons li { line-height:22px; } .courses-info .social-icons { padding-bottom:50px; margin-left:-20px; } .social-icons li i { color:#fff; font-size:14px; } .social-icons li a { background:#bfc6d0; width:23px; height:23px; display:block; text-align:center; vertical-align:middle; margin:0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-icons li a:hover { background:#263238; } .howitworks { padding:90px 0; background:#e4e8ee; margin-bottom:145px; } .work-steps .steps { padding:20px 30px; position:relative; background:#e91e63; color:#fff; margin:40px 0 50px 0; } .work-steps .steps span { color:#000; font-size:60px; position:absolute; right:5%; bottom:10%; opacity: 0.3; } .work-steps .steps h3, .work-steps .steps p { padding-left:30px; padding-right:30px; } .work-steps .col-sm-4:nth-child(2) .steps { background:#03a9f4; } .work-steps .col-sm-4:nth-child(3) .steps { background:#673ab7; } .work-steps .steps h3 { color:#fff; } .action { clear:both; } .action span { padding:10px 30px; font:bold 30px Montserrat, sans-serif; color:#262c38; top:10px; position:relative; } /*-------------------------------------------------------------- 4) Teachers --------------------------------------------------------------*/ .teachers { margin-bottom:70px; } .teachers h4 { padding:0; margin:0; } .teachers-in .remove_space { padding:0px; } .teachers-in .teacher { min-height: 325px; } .teachers-in p.author-name { margin-bottom:1em; } .teachers-in p.email { word-wrap: break-word; line-height:20px; } .teachers-in a { color:#262c38; } .teachers-in a:hover { color:#ff5722; } .teachers-in .phone { padding-top:8px; border-top:1px solid #e4e8ee; } .teachers-in .phone i { margin-right:5px; } .teachers-in a.more { color:#ff5722; font-weight:bold; } .teachers-in a:hover.more { color:#263238; } .teachers-in .teacher-img { margin:0px 10px 10px 0px; display:inline-block; } .teachers-in p { clear:both; } #navigation-pagination.navigation { clear:both; } .unit-section-1-objects #navigation-pagination.navigation { clear:right; } /*-------------------------------------------------------------- 5) 404 Page --------------------------------------------------------------*/ .error404 h4 { color:#657184; line-height:30px; margin-bottom:40px; } .font-large { font:bold 300px Montserrat, sans-serif; color:#262c38; position:relative; } .font-large strong { padding: 8px 21px; font-size:14px; text-transform:uppercase; position:absolute; top: 47%; left: 30.3%; background:#0583e4; color:#fff; } /*-------------------------------------------------------------- 6) Blog Page --------------------------------------------------------------*/ .posted-on small, .byline small, .cat-links small, .tags-links small, .tags-links small, .comments-link small, .edit-link small { padding:0 8px; font-size:16px; position:relative; top:-3px; } #post-slider { margin-bottom:0; } #post-slider .item { min-height:330px; } .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:40px; } .video iframe, .video object, .video embed { position: absolute; top:0; left:0; width: 100%; height: 100%;} .post .embed-responsive { height:420px; border-bottom:1px solid #e5e5e5; padding-bottom:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; } .sticky .embed-audio { height:120px; } .sticky .embed-audio, .sticky .embed-responsive { overflow:inherit; } .post .embed-responsive .embed-responsive-item, .post .embed-responsive iframe, .post .embed-responsive embed, .post .embed-responsive object, .embed-responsive video { height:inherit; } .post .post-thumb { position:relative; display:block; } .post .post-thumb img { width:100%; height:auto; } .sticky { background:#fcfbe9; } .sticky .entry-header { padding-top:5px; } .sticky .entry-header, .sticky .entry-content, .sticky .entry-footer { margin-left:20px; margin-right:20px; } #main .sticky a.read-more { margin-left:20px; margin-bottom:20px; } article blockquote.post-quote { margin:0; padding:30px; font:21px Open Sans, sans-serif; font-style:italic; font-weight:normal;border:none; background:#262c38; color:#fff; position:relative; } article blockquote.post-quote i { font-size:50px; color:#ff5722; } article blockquote.post-quote .sticky-tag i { font-size:15px; color:#fff; } article blockquote.post-quote footer { font:bold 16px Montserrat, sans-serif; color:#fff; } .entry-footer { padding-top:15px; padding-bottom:25px; } .entry-footer, .entry-footer a, .entry-meta, .entry-meta a { color:#262c38; } .entry-footer a:hover, .entry-meta a:hover { color:#ff5722; } #main .type-post a.read-more { padding:15px 15px 15px 20px; border:1px solid #e4e8ee; color:#99a6bb ; } #main a:hover.read-more { border:1px solid #ff8365; color:#ff5722; } /* .blog-list{ position:relative; } .blog-list article{ padding-right:43%; width:100%; } .blog-list .post .post-thumb{ position:unset; } .blog-list figure{ position:absolute; width:40%; right:0; } */ /* Post Navigation /////////////*/ .post-navigation { padding:40px 0; } /* Related Post /////////////*/ .related-posts { padding-bottom:70px; } .related-posts .col-sm-6, .related-posts .col-sm-4 { padding:30px 15px 0 0; } .related-posts .col-sm-6:nth-child(3) { padding-right:0; float:right; } .related-posts .meta a { color:#262c38; } .related-posts .meta a:hover { color:#ff5722; } /* Post Author /////////////*/ .about-author { background:#f4f6fa; padding:30px 10px; clear:both; margin-bottom:60px; } .about-author h3 { margin-top:0; font:21px Open Sans, sans-serif; } .about-author h3 span { font-size:12px; color:#ff5722; } .about-author p { clear:both; } /*-------------------------------------------------------------- 7) Event Page --------------------------------------------------------------*/ .events { min-height:400px; margin-bottom:50px; } .events .entry-meta { color:#99a6bb; } .events .entry-meta p { padding-left:0; } .events .meta strong, .events .entry-meta strong { color:#262c38; } .events small { padding:0 5px; font-size:16px; position:relative; top:-3px; } .events .entry-meta .social-icons { float:right; margin-bottom:10px; } .social-icons li.i_fb a { background:#3b579d; } .social-icons li.i_twit a { background:#2caae1; } .social-icons li.i_linkin a { background:#007bb6; } .social-icons li.i_gplus a { background:#dd4d40; } .social-icons li.i_fb a:hover, .social-icons li.i_twit a:hover, .social-icons li.i_linkin a:hover, .social-icons li.i_gplus a:hover { opacity: 0.6; filter: alpha(opacity=60); } .event-countdown { background:#f0f3f6; padding:20px; } .event-countdown .col { width:24%; float:left; padding-right:10px; } .event-countdown .col strong { display:block; font:22px Montserrat, sans-serif; color:#0583e4; } .event-countdown .col span { font-weight:bold; } #map-canvas { width: 100%; height: 370px;} .event-countdown .btn { float:right; } /*----------------------------------------------------------------------------------- 8) Contact Us Page /*-----------------------------------------------------------------------------------*/ .page-template-tpl-contact h3, .map-location { margin-bottom:30px; } .contact-info .address i, .contact-info .phone i, .contact-info .email i { font-size:18px; color:#ff5722; margin:0 10px; position:relative; top:3px; } .contact-info .col-sm-6 { padding-left:0; } .contact-info .address i { float:left; min-height:100px; } .wpcf7 textarea { height:170px; } .wpcf7 p span { margin-right:10px; } .wpcf7-date, .wpcf7-select { padding:8px 10px; } .have-question { background:#edf1f7; padding:20px; margin-top:25px; } .map-location { padding-top:30px; } /*----------------------------------------------------------------------------------- 9) Gallery Page /*-----------------------------------------------------------------------------------*/ #main .gallery { margin:0; padding:0; list-style:none;} #main .gallery li { margin-bottom:30px; } .page-template-tpl-gallery #main { overflow:hidden; min-height:700px; } .gallery-category { padding:20px 0; } .gallery-category .btn-gallery { color:#99a6bb; border:1px solid #e4e8ee; background:#fff; padding:15px 20px; margin-right:5px; margin-bottom:10px; text-transform:uppercase; font-size:14px; } .gallery-category .btn-gallery:hover { color:#ff5722; background:#fff; border:1px solid #ff5722; } .gallery-category .btn-current { color:#ff5722; background:#fff; border:1px solid #ff5722; } /*----------------------------------------------------------------------------------- 10) Pricing Plan Page /*-----------------------------------------------------------------------------------*/ .plan { background:#f1f5f6; text-align:center; padding-bottom:50px; margin-bottom:150px; } .plan-info { color:#fff; padding-bottom:15px; margin-bottom:30px; } .plan-info h3 { padding-top:10px; padding-bottom:10px; font-size:18px; color:#fff; } .plan-info .plan-price { font:30px Montserrat, sans-serif; } .plan-info .plan-price span { font-size:100px; } .plan-info .plan-price small { font-size:60px; } .plan ul { list-style:none; text-align:left; padding-left:15%; padding-right:15%; } .plan ul li span { margin-right:10px; } .plan-btn { padding-left:35px; padding-right:35px; } .plan-btn:hover { border:1px solid #657184; } .first-plan .plan-info { background:#e84f83; } .first-plan .plan-info h3 { background:#e91e63; } .second-plan .plan-info { background:#03a9f4; } .second-plan .plan-info h3 { background:#53bae8; } .third-plan .plan-info { background:#4caf50; } .third-plan .plan-info h3 { background:#51ca56; } #main .first-plan .plan-btn { color:#e91e63; border:1px solid #e91e63; } #main .first-plan .plan-btn:hover { color:#fff; background:#e91e63; } #main .second-plan .plan-btn { color:#53bae8; border:1px solid #53bae8; } #main .second-plan .plan-btn:hover { color:#fff; background:#53bae8; } #main .third-plan .plan-btn { color:#4caf50; border:1px solid #4caf50; } #main .third-plan .plan-btn:hover { color:#fff; background:#4caf50; } .faq-section h4::first-letter { margin-right:10px; } .faq-section .col-sm-6 p { padding-left:30px; } /*----------------------------------------------------------------------------------- 11) Course Listings Page /*-----------------------------------------------------------------------------------*/ .clist { border:1px solid #e4e8ee; border-top:none; margin-bottom:30px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .course-thumbnail figure { max-width:370px; height:270px; overflow:hidden; } .course-media-img { width: 100%; } #products .video_player figure, .img-thumb .video_player figure { width:370px; } #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { width:100%; height:270px; margin-bottom:0; } .course a.img-thumb { position:relative; } .course a.img-thumb span { position:absolute; left:0; top:0; z-index:999; padding:5px 8px; background:#fe5722; font:12px Montserrat, sans-serif; text-transform:uppercase; color:#fff; } .courses.grid-group-item .course_space2 p { margin-bottom:5px; } .course-dash { min-height:545px; } .grid-group-item .course-thumbnail figure{ width:auto; height:auto; } .grid-group-item .course-media-img{ width:100%; } .three-column.grid-group-item .price{ top:0px; } /* Course list view Style //////////////////////*/ .list-group-item { float: none; width: 96%; padding:0; margin-left:2%; border:none; background:none;} .list-group-item .clist { min-height:inherit; border:1px solid #e4e8ee; display:table; width:100%; } .list-group-item .img-thumb {float:left; width:40%; height:auto;} .list-group-item .course-thumbnail figure { height:auto; overflow:inherit; } .list-group-item .video_player figure { height:auto; } .list-group-item .video_player figure embed, .list-group-item .video_player figure iframe, .list-group-item .video_player figure object { height:270px !important; margin-bottom:-10px !important; } .list-group-item .course_space { float:right; width:60%; padding:10px 2% 0px 2%; } .list-group-item .course_space2 { width:66%;} .list-group-item p.meta { line-height:normal; margin-bottom:8px; line-height:22px; } .list-group-item .course_rel { position:relative; float:right; left:0; width:56%; margin-right:2%; clear:right; } .list-group-item .course h3 { padding-right:70px; } .list-group-item:before, .list-group-item:after { display: table; content: " ";} .list-group-item img { float: left;} .list-group-item:after { clear: both;} .dash-title { padding-left:15px; margin-top:40px; margin-bottom:20px; } .dash-note { padding-left:18px; } .sorting label { fontt:normal 15px Montserrat,sans-serif; padding:5px 10px 0 0; } .sorting select { padding:13px; width:195px; background:#eff2f7; border:1px solid #eff2f7; line-height:40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .well { background:none; border:none; box-shadow:none; } .well .btn-group { float:right; } .well .btn-group a, .well .btn-group a.btn-default { padding:12px 15px; background:#eff2f7; border:1px solid #eff2f7; color:#99a6bb !important; } .well .btn-group a:hover.btn-default, .well .btn-group a:focus.btn-default, .well .btn-group a:active.btn-default, .well .btn-group a.active { background:#0583e4; border:1px solid #0583e4; color:#fff !important; } /* Courses Listing Layout Option CSS //////////*/ .with-sidebar.three-column.grid-group-item .course h3{ max-height:70px; overflow:hidden; } /*.with-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure { width:260px !important; height:190px; }*/ .with-sidebar.three-column.grid-group-item .video_player figure embed, .with-sidebar.three-column.grid-group-item .video_player figure object, .with-sidebar.three-column.grid-group-item .video_player figure iframe { height: 190px !important; } .with-sidebar.three-column.grid-group-item p.desc { display:none; } .with-sidebar.three-column.grid-group-item .price { padding:9px 10px 9px 23px; } .with-sidebar.three-column.grid-group-item .course { height:auto; min-height:405px; max-height:500px; padding-bottom:40px; } .with-sidebar.three-column.list-group-item .course { min-height:inherit !important; max-height:inherit; } .with-sidebar.three-column.list-group-item p.desc { display:block; } /*.with-sidebar.three-column.list-group-item .course_space { width: 65%;}*/ /*.with-sidebar.three-column.list-group-item .course_rel { width:58.5% }*/ #secondary li img, #secondary li iframe { width:75px; } /*----------------------------------------------------------------------------------- 12) Course Details Page /*-----------------------------------------------------------------------------------*/ .video_player embed, .video_player iframe, .video_player object, .video_player video { width:100%; max-width:100%; margin-bottom:0; overflow:hidden; display:block; } .breadcrumb-detail-page { min-height:60px; background:#f7f8fb; } .breadcrumb-in { background:none; } .breadcrumb-detail-page p { padding:20px 0 20px 20px; font:11px Montserrat, sans-serif; color:#657184; text-transform:uppercase; } .breadcrumb-in p { padding-left:0; } .breadcrumb-detail-page p i { padding:0 10px; } .breadcrumb-detail-page p a { color:#99a4b3; } .breadcrumb-detail-page p a:hover { color:#657184; } .divider { display:none; } .co-detail-page { background:#f7f8fb; padding-top:0; } .site-main .courses-info{ margin-bottom:10px; } .co-detail-page .courses-info { background:#fff; /*padding:10px 40px 30px 40px;*/ padding:10px 40px 5px; } .co-detail-page .excerpt { padding-bottom:10px; margin-bottom:10px; background:url(images/border_bottom.png) no-repeat left bottom; } .co-detail-page .meta { margin-bottom:0px; } .co-detail-page .meta a { color:#0583e4; } .co-detail-page .meta a:hover { color:#fe5722; } .co-detail-page h1 { font-size:24px; } .courses-info h3 { font-size:16px; padding-bottom:10px; background:url(images/border_bottom.png) no-repeat left bottom; } .courses-info h4 { font-size:15px; font-weight:normal; } .courses-info ul { padding-left:0; } .courses-info ul li { list-style:none; padding-left:15px; background:url(images/bullet_orange.png) no-repeat 3px 12px; } .single-course .nav-tabs > li.active > a, .single-course .nav-tabs > li.active > a:focus, .single-course .nav-tabs > li.active > a:hover { border:none; background:#fff; outline:none; } .single-course .tab-content { border:none; } .single-course #main .nav-tabs li { font:14px Montserrat,sans-serif; } .single-course .nav-tabs { border-bottom:none; } .single-course .nav-tabs > li > a { background:#bfc6d0; border:none; } #main .co-join-info li { list-style:none; background:none; padding-left:0; } #main .units-archive-list li { width:100%; clear:both; } /* Courses Review /////////////////*/ .rr_review_form table.form_table, .rr_review_form table.form_table td { border:none; } .courses-review { padding-bottom:30px; border-bottom:1px solid #e4e8ee; } .courses-review p { margin:0 0 5px 0;} .courses-review p.total-rating { font:36px Montserrat; color:#fe5722; } .stars-rating { display:table; width:100%; clear:both; } .stars-rating span { float:left; line-height:normal; } .stars-rating .progress { width:100px; height:8px; float:left; margin:7px 10px; background:#e4e8ee; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .stars-rating .progress.active .progress-bar, .stars-rating .progress-bar.active { background:#fe5722; } .stars-rating .progress-bar { float:left; } #main .review-list { margin:0 0 50px 0; padding:0; list-style:none; } #main .review-list li { margin:0; padding:30px 0; border-top:1px solid #e4e8ee; background:none; display:flex; flex-direction:column; } #main .glsr-review-avatar{ margin:0; position:absolute; } #main .review-list li .author, #main .glsr-review-avatar img { float:left; max-width:70px; max-height:70px; margin-bottom:24px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; } #main .review-list li .review-right { margin-left:80px; min-height:70px; font:13px Montserrat, sans-serif; color:#262c38; display:flex; justify-content: space-between; align-items:center; } #main .review-list li a { color:#0583e4; } #main .review-list li a:hover { color:#fe5722; } #main .review-list li .review-right .author-name { font-size:14px; color:#0583e4; } #main .review-list li .review-right .time { display:flex; } #main .review-list li .review-right .rating { margin-left:10px; color:#ffaf00; font-size:18px; } #main .review-list li .review-right .glsr-review-rating{ margin:0; } #main .review-list li .review-right .glsr-stars{ min-width:70px; } #main .review-list li .review-des { clear:both; } #main .review-list li p { margin:0 0 5px 0; padding:0; font-size:14px; line-height:22px; color:#657184; } #main .review-list .glsr-review-title h3, #main .glsr-shortcode-title{ background:none; color:#262c38; font-weight:normal; font-size:14px; padding:0; margin:0; } #main .glsr-review-assigned_to{ display:none; } #main .glsr-star{ width:18px; height:18px; background-size:18px; } #main .glsr-review .glsr-star{ width:14px; height:14px; background-size:12px; } #main .glsr-summary, #main .glsr-summary-percentage{ font-size:14px; } #main .glsr-summary{ max-width:inherit; } #main .glsr-summary > div{ display:flex; flex-direction:column; } #main .glsr-bar-background:before{ box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; opacity:inherit; background-color:#e4e8ee; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } #main .glsr-bar-background:before, #main .glsr-bar-background-percent{ height:8px; } #main .glsr-bar-background{ width:150px; } #main .glsr-bar-background-percent{ background-color:#fe5722; } #main .glsr-summary-rating{ color:#fe5722; } #main form.glsr-form .glsr-form-message{ text-align:center; margin-bottom:10px; } #main form.glsr-form .glsr-field{ display:flex; flex-direction:column; position:relative;} #main form.glsr-form label{ font-weight:normal; font-size:14px; width:150px; position:absolute; } #main form.glsr-form input.glsr-field-control, #main form.glsr-form textarea.glsr-field-control, #main form.glsr-form select.glsr-field-control, #main form.glsr-form .gl-star-rating-stars, #main form.glsr-form .glsr-field-error, #main form.glsr-form [type=submit]{ margin-left:160px; } #main form.glsr-form input.glsr-field-control, #main form.glsr-form textarea.glsr-field-control{ border:1px solid #e4e8ee; font-size:16px; border-radius:0; width:60%; } ::placeholder{ color:#e4e8ee; } #main form.glsr-form [type=submit]:focus, #main form.glsr-form [type=submit]:hover{ color:#f4f4f4; } /* Add Review Form ///////////////////////////*/ .allreviews {display:none;} .rr_stars_container { color:#ffaf00; } .rr_review_form .form_table .rr_form_row .rr_form_heading { text-align:left !important; } .rr_form_heading { width:200px; } .rr_review_form .form_table .rr_form_row .rr_required::after { position:inherit !important; left:5px; } .rr_review_form .form_table .rr_form_row .rr_form_input textarea { width:95% !important; height:200px; } .rr_review_form .form_table .rr_form_row .rr_form_input .form-err { font-size: 12px !important; padding-bottom: 10px; display: block; clear: both; } /* Courses Completed Circle /////////////////*/ .progress { height: 70px; margin-bottom: 20px; overflow: hidden; float:right; position:relative; background-color: #e4e8ee; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; width:70px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .topcircle { width:60px; height:60px; position:absolute; left:5px; top:5px; font: bold 15px Montserrat,sans-serif; text-align:center; vertical-align:middle; color:#fe5722; line-height:55px; background:#fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .unit-archive-single .progress-bar { float:right; background:#fe5722; } /* Courses Detail Page Sidebar CSS ///////*/ .co-join-info .btn { padding:15px 60px; } .co-join-info .apply-button-enrollment-finished,.co-join-info .apply-button-prerequisite { padding:15px 50px; } .co-join-info .co-price { font:14px Montserrat, sans-serif; color:#99a4b3; } .co-join-info .co-price span { font-size:22px; color:#4caf50; } .co-join-info .course_rat { margin:20px 0; } .co-join-info ul { padding-left:0; margin-bottom:40px; list-style:none; } .co-join-info li { padding:20px 0; font:14px Montserrat, sans-serif; color:#ff5722; border-bottom:1px solid #e8ebf1; width:100%; } .co-join-info li span { color:#262c38; width:100px; display:block; float:left; } .co-join-info li:last-child { border-bottom:none; } .co-join-info .btns form { float:left; width:82%; } .co-join-info .btns form input[type="password"] { padding:10px; width:97%; clear:left; } .passcode-box { margin-top:0; text-align:left; float:left; width:40%; } .passcode-box label { font-size:11px; width:100%; } .apply-button-passcode { float:left; margin-top: 20px; padding: 18px 13px !important;} /* Curriculum ///////////////////*/ .unit-structure-modules { width:100%; display:block; padding:7px 10px; border:1px solid #e4e8ee; } .module-title { width:100%; padding:7px 10px; display:flex; font-size:14px; font-weight:700; border-top:1px solid #e4e8ee; } .module-title:hover { background:#f7f8fb; } .module-title i { display:block; float:left; margin:7px 5px 7px 0px; } .unit-page-estimate { padding:8px 10px 0; font-size:13px; float:right; font-weight:normal; color:#657184; } .unit-page-estimate::before { content:"\f017"; font-family:FontAwesome; margin-right:5px; font-weight:normal; } .unit-page-header { } .unit-page-header h3 { margin:0 0 10px; padding:20px 15px; font-size:18px; border:1px solid #e4e8ee; background:#f7f8fc; } .unit-page-header p { border:1px solid #e4e8ee; padding:20px 15px; } .module-header.module h4.module-title { margin:0; } .save-progress-and-exit { font-size:15px !important; font-weight:bold; } .cp .module-header { margin:0; padding:0; } .module-header.video { height:inherit; } .cp-form .module-header .module-title { font-size:16px; border:none; padding:0 0 10px; color: #657184; } .cp-form .module-header .module-title:hover { background:none; } .cp .cp-module-content { margin:0 0 20px; padding:20px 20px; border:1px solid #e4e8ee; max-width:inherit; border-radius:0; } /*.cp .cp-module-content { margin:0; padding:0px; border:none; max-width:inherit; border-radius:0; } .cp .module-elements input[type="checkbox"], .cp .module-elements li input, .cp .module-elements li label input[type="radio"] { margin-top: 0; } */ .course.status-publish { box-shadow: 0 0 0px #bfc3c9; } .course.status-publish h3 { padding:0px 20% 24px 20%; text-align:center; font-size:22px; line-height:30px; } .course.status-publish p { text-align:center; } .cp-status.status-fail, .cp-status.status-pass, .cp-status.status-pending { color:#fff; border:0px double rgba(0, 0, 0, 0) !important; border-radius:4px !important; } .cp-status.status-fail { background-color:#ff2222 !important; } .cp-status.status-pass { background-color:#4caf50 !important; } .cp-status.status-pending { background-color:#0583e4 !important;} .unit-title-wrapper {padding:22px 0 10px; } .unit-title { font-size: 15px; font-weight:700; color: #262c38; line-height:22px;} #main .tree li { width:100%; display:table; clear:both; } .unit-structure-modules.tree { clear:both; display:table; } .cp .quiz_timer_info { padding:20px 0; } .cp .quiz_timer { right:113px; } .quiz_timer_info p.cp-try-again { padding:20px 0 !important; } .course-structure-block .unit .fold { margin-right:0; margin-top:21px; } .page-modules li.module { width:100%; display:inline-block; margin-bottom:0; margin-top: -1px; padding:7px 10px 7px 10px; } .unit-page-title { font-size: 14px; font-weight:700; display:inline-block;} /* Curriculum ///////////////////*/ .course-structure-block ul.tree, .course-structure-block ul.tree ul { margin: 0 0 0px; padding: 0;} .course_structure_page_li .tree-page-left { padding-left:0; } .course_structure_unit_label { border:none; } .course_structure_unit_label { font-size:15px; color:#262c38; margin-top:30px; margin-bottom:5px; } .course_structure_page_li label { font-size:14px; color:#262c38; border:1px solid #e4e8ee; margin-top:-1px; margin-bottom:0; } .course_structure_page_li label:hover { background:#f7f8fb; } #main .tree { margin:0; padding:0; list-style:none; } #main .tree li { display:inline; width:100%; margin:0; padding:0; background:none; } #main .tree li label { margin-bottom:0; } .unit-page-module-wrapper.video { height:inherit; margin-bottom:0; overflow: hidden; padding-bottom:0; } .unit-page-title-wrapper { display:table; width:100%; border-bottom:1px solid #e4e8ee; } .unit-page-title { width:75%; float:left; display:block; color: #262c38 } .unit-page-title-one { float:left; display:block; width:77%; padding:9px 10px; font-size: 15px; font-weight:700; line-height:22px; color: #262c38; } .unit-page-title, .unit-page-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .unit-page-link, .unit-module-preview-link a { font-weight:bold; font-size:10px; margin:0; padding: 2px 10px; display:inline-block; text-transform:uppercase; color:#fff; background:#99a6bb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .unit-page-link:hover { background:#8893a5; } .unit-page-link a, .unit-page-link a:hover, .unit-module-preview-link a, .unit-module-preview-link a:hover { color:#fff; } .tree-page-left { float:left; } .unit-page-title-wrapper .unit-page-link { margin-top:8px; } .tree li .sub-mode li label { margin-bottom:0; } .tree li label { padding:7px 0 7px 10px; background:none; } .tree-page-left i { margin-right:5px; font-size:16px; font-weight:normal; color:#838fa1; } .tree .course_structure_unit_label .preview_option, .tree .tree-page-right .preview_option { font-weight:bold; font-size:10px; text-transform:uppercase; color:#fff; background:#99a6bb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .tree-page-right span::before { content:"\f017"; font-family:FontAwesome; margin-right:5px; font-weight:normal; } .tree-page-right { font-size:13px; font-weight:normal; color:#657184; } /* Courses Instructor /////////////*/ .courses-info .courses-instructor li { list-style:none; background:none; padding:0; } .courses-info .courses-instructor li a { width:auto; height:auto; background:none; padding:0; margin-right:8px; } .courses-info .courses-instructor li a i { font-size:18px; color:#99a4b3; } .courses-info .courses-instructor li a:hover i { color:#fe5722;} .courses-instructor h3 { margin-bottom:40px; } .courses-instructor h3.inst-name { margin:12px 0 0 0; padding:0; font-weight:normal; font-size:14px; background:none; } .courses-instructor p.meta { font-size:13px; color:#262c38; } .courses-instructor h3.inst-name a { color:#0583e4; } .courses-instructor h3.inst-name a:hover { color:#fe5722; } .courses-instructor .col-sm-2 { margin-left:-15px; } .courses-instructor .col-sm-2 img { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; } .courses-instructor .col-sm-9 { padding-bottom:15px; } .about-instr { clear:both; width:100%; } .instructor-single { margin-bottom:30px; border-bottom:1px solid #e4e8ee; margin-left:inherit; margin-right:inherit; } .courses-instructor .instructor-single:last-child { border-bottom:none; } /* nav-submenu /////////////////////////*/ .submenu-main-container { padding:0px 0 40px 0; } .cp-submenu .submenu { border:none; } #main .nav-submenu { margin:0; padding:0; } #main .nav-submenu li { margin:0 20px 0 0; padding:0; font:14px Montserrat,sans-serif; color:#99a6bb; } #main .nav-submenu li a { padding:10px 25px 10px 0; color:#99a6bb; } #main .nav-submenu li a:hover { color:#0583e4; background-position:left -31px !important; } .nav-submenu li.submenu-item::after { content: ""; } #main .nav-submenu li a::before { font-family:FontAwesome; font-size:18px; margin-right:10px; } #main .nav-submenu li.submenu-units a::before { content:"\f080"; } #main .nav-submenu li.submenu-notifications a::before { content:"\f0a2" } #main .nav-submenu li.submenu-discussions a::before { content:"\f27a" } #main .nav-submenu li.submenu-workbook a::before { content:"\f02d" } #main .nav-submenu li.submenu-info a::before { content:"\f05a" } #main .nav-submenu li.submenu-certificate a::before { content:"\f123" } #main .nav-submenu li.submenu-grades a::before { content:"\f05d" } #main .nav-submenu .submenu-active a, #main .nav-submenu .submenu-active a:hover { text-decoration:none; background-position:left -31px !important; } /* Unit /////////////////////////*/ .unit-archive-course-complete { background:none; color:#41bb8a; display:inherit; width:100%; padding:20px 0; font:18px Montserrat, sans-serif; } .course-title { margin-bottom:80px; } .units-archive-list { list-style:none; margin:0; padding:0; } #main .units-archive-list li { margin:0 0 10px 0; display:table; width:100%; border:1px solid #e4e8ee; } .course-unit-page-title { padding:30px 20px !important; margin:0 !important; background:#f7f8fc; border:1px solid #e4e8ee; } .front-single-module, .front-single-module-save { padding:30px 20px; margin-bottom:20px; border:1px solid #e4e8ee; margin-top:-1px; } .unit-archive-single-title { padding:20px 0 0 0; font:18px Montserrat,sans-serif; color:#263238; } .unit-archive-single-module-status { padding-bottom:20px; font-size:14px; color:#657184; font-weight:normal; } .unit-in-list { padding:20px 25px 10px 40px; } .unit-in-list .unit-archive-single-title { font:18px Montserrat,sans-serif; color:#263238; } .unit-in-list a.unit-archive-single-title { color:#263238; padding:20px 0; display:block; float:left; } .unit-in-list a:hover.unit-archive-single-title { color:#ff5722; } .unit-section { border:1px solid #e4e8ee; padding:20px; } .unit-in-list .unit-archive-single-module-status { clear:left; } .module_title { margin:0; padding:0 0 20px 0; font-size:16px; color:#657184; font-weight:normal; } .save_progress { margin-top:0; position:relative; top:-10px; } .pagination { padding-left:15px; clear:both; display:table; width:98%; } #navigation-pagination.navigation { float:right; } #navigation-pagination.navigation li { display:inline; list-style:none; } .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots, #navigation-pagination.navigation li a { margin:0 5px; background:#fff; border:1px solid #e4e8ee; padding:15px 20px; font:14px Montserrat,sans-serif; color:#99a6bb; } #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, .pagination .current, .pagination span.dots, .pagination a:hover.page-numbers { margin:0 5px; background:#ff5722; color:#fff; padding:15px 20px; border:1px solid #ff5722; font:14px Montserrat,sans-serif; } #modules_form #navigation-pagination.navigation, .pagination { margin-top: 13px; text-align:right; } .grade-percentage {float: left; margin-right: 30px;font:20px Montserrat,sans-serif; color:#263238; line-height:30px; display:inline; width: 120px; height: 70px; float: left; margin-top: 5px; text-align: center; } .grade-active{ color:#fe5722; line-height:66px; } .grade-inactive { color:#ddd; line-height:66px; } .unit-archive-single a.unit-archive-single-title{ float: left; width: 80%; font-size: 18px; padding:44px 35px; } .unit-archive-single .unit-archive-single-module-status{ float: left; width:80%; margin:0px; } .unit-archive-single-module-status.read-only-module{ color: #ccc; } .total_grade { font: 30px Montserrat,sans-serif; padding-top: 30px; color:#fe5722; text-align: right; } .units-archive-list .course-progress-disc-container { float:none; background:red; position:inherit; margin:0; } .units-archive-list .course-progress-disc-container .tooltip { position:relative; } .unit-archive-single canvas { float:right; margin:20px; } /* Workbook ////////////////////////////*/ .course-completion-progress small { color:#4caf50; } .workbook-course-progress { position:relative; } .workbook_units { margin-bottom:30px; } .workbook_units .unit_title { border-bottom:1px solid #e4e8ee; display:none; } .workbook-table .row-unit th { background:#f7f8fc; } .workbook-table .row-unit th:nth-child(2) { color:#4caf50; text-align:center; } .workbook-table .row-module td.td-right { text-align:center; } .column-title { font-size:14px; font-weight:bold; color:#262c38; } .workbook-course-progress { display:none; } .unit_title { padding:10px 15px; font-size:18px; background:#f7f8fc; border:1px solid #e4e8ee; border-bottom:none; } .unit_title h3 { font-size:18px; } .unit_title span { color:#4caf50; } .assessment-archive-table th { padding:10px; font:10px Montserrat,sans-serif; text-transform:uppercase; font-weight:normal; color:#99a6bb; background:#f7f8fc; border-bottom:1px solid #e4e8ee;} .assessment-archive-table th:first-child, .assessment-archive-table tr td:first-child { border-left:1px solid #e4e8ee; } .assessment-archive-table th:last-child, .assessment-archive-table tr td:last-child { border-right:1px solid #e4e8ee; } #response, #grade, #comment { text-align:left; } .assessment-archive-table tr td { padding:15px 10px; font:14px Montserrat,sans-serif; font-weight:normal; color:#262c38; background:#fff; border-bottom:1px solid #e4e8ee;} .assessment-archive-table tr td:nth-child(2) { font:13px Open Sans,sans-serif; color:#657184; } .assessment-archive-table tr td:nth-child(3), .assessment-archive-table tr td:nth-child(4), .assessment-archive-table tr td:nth-child(5) { font:13px Open Sans,sans-serif; color:#ff5722; text-align:center; } /* Discussion ///////////////////////////*/ .discussion-archive-single h3, .notification-archive-single h3 { border:none; } .discussion-archive-single .meta, .notification-archive-single .notification_author { font-style:normal; margin-bottom:10px; padding-top:8px; } .discussion-archive-single-meta .discussion-comment, .notification-archive-single-meta .notification-date { width:65px; height:65px; padding:10px; background:#ff5722; color:#fff; text-align:center; margin:0 auto; line-height:22px; } .discussion-archive-list { margin:0; padding:0; margin-top: 38px; list-style:none; } .discussion-archive-list li { clear: both; border:1px solid #e4e8ee; padding:20px; display:table; width:100%; } .discussion-archive-single-meta{ float: left; width: 90px;} .discussion-meta{ width: 100%; color: #657184; font-size:13px;} .discussion-answer-circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 55px; height: 55px; background-color: #ff5722; color: #fff; text-align: center; text-transform: uppercase; margin-left: auto; margin-right: auto; margin-top: 8px;} .comment-edit-link { margin-left:10px; } .depth-2 .discussion-answer-circle, .depth-3 .discussion-answer-circle, .depth-4 .discussion-answer-circle, .depth-5 .discussion-answer-circle, .depth-6 .discussion-answer-circle, .depth-7 .discussion-answer-circle, .depth-8 .discussion-answer-circle, .depth-9 .discussion-answer-circle, .depth-10 .discussion-answer-circle{ display: none;} .discussion-answer-circle .comments-count{ font-size: 24px; display: block; width: 100%; line-height: 24px; padding-top: 25%; } .discussion-comments-circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 55px; height: 55px; background-color: #b7c1cf; color: #fff; text-align: center; text-transform: uppercase; margin-left: auto; margin-right: auto; margin-top: 8px;} .discussion-comments-circle .comments-count{font-size: 24px;display: block;width: 100%;line-height: 24px;padding-top: 25%;} .discussion-archive-single{float: left; width: 850px; } .discussion-archive-single .entry-content{ margin-bottom: 0px; } .discussion-archive-single .entry-content p { margin-bottom: 0.5em; } h1.discussion-title{ font-size: 18px; margin-bottom: 5px; } .discussion-responses { text-align:center; clear:both; padding:10px 0; width: 100%;} .discussion-responses .comment { border-top: 1px solid #d9dcde; padding-top: 30px; } .discussion-responses .comment-content{ padding-bottom: 30px; } .discussion-responses .comment-content p, .discussion-responses .comment-content a{ display: inline; float: left; text-align:left; } .discussion-responses .comment-body { position: relative; } .discussion-responses .reply { position: absolute; bottom: 20px; right:20px; } .discussion-responses .reply a { padding: 20px; display: block; } /* Discussioni Archive Fixes /////////////////////*/ .discussion-archive-single-meta { clear:both; } .discussion-archive-list .discussion-archive-single { width: 80%; } .discussion-archive-list .discussion-archive-single-meta {width: 10%; text-align:left; } .discussion-comments .comment-list > li { list-style: none; } .discussion-answer-circle { margin-left:0; } a.button_submit { font:15px Montserrat,sans-serif; float:right; color:#fff !important; background:#0583e4; padding:10px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a:hover.button_submit { color:#fff; background:#ff5722; } /* Ask a Question ///////////////////////////////////////////////////////////// */ .units_dropdown { padding:10px; width:150px; background:#eff2f7; border:1px solid #eff2f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .new_question{ margin-top: 30px; background-color: #fff; border: 1px solid #e4e8ee; padding: 21px 0px 0px 86px; position: relative;} .new_question input, .new_question textarea{ border: 0px; color: #666666; padding: 0px; width: 95%; outline: none;} .new_question input[type="text"]{ font-size: 22px; padding-bottom: 30px; border-bottom: 1px solid #d9dcde; margin-bottom: 16px;} .new_question input[type="text"]:focus { border:none; border-bottom: 1px solid #eee; } .new_question textarea{ font-size: 18px; min-height: 140px; resize: none;} .new_question .rounded{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 45px; height: 45px; background-color: #b7c1cf; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; position: absolute; top: 21px; left: 18px; text-align: center; } .new_question .rounded span{ margin-top: 5px; display: block; } .new_question a.button_cancel, .enrolment-container-div .bbm-modal .cancel-link { background-color: #c9d4d9; padding: 10px 25px; color: #fff; font:15px Montserrat,sans-serif; float: right; line-height: 24px; margin-left: 3px; margin-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:0 0 0 transparent inset, 0 0px 0 black; } .enrolment-container-div .bbm-modal .cancel-link { padding:13px 25px; border:none; float:none; } a:hover.button_cancel, .enrolment-container-div .bbm-modal .cancel-link:hover { color:#fff; background:#ff5722; box-shadow:0 0 0 transparent inset, 0 0px 0 black; } .new_question input[type="submit"].button_submit, .discussion-controls input[type="submit"].button_submit, .discussion-controls .button_submit { background-color: #0583e4; padding:10px 25px; color: #fff; float: right; margin-left: 2px; box-shadow: none; width: auto; font:15px Montserrat,sans-serif; text-shadow: none; line-height: 24px; margin-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .button_submit:hover { color:#fff; background:#ff5722 !important; } /* Notification //////////////////////*/ .notification-archive-list { margin:0; padding:0; list-style:none; } .notification-date { background:#b7c1cf; } .notification-archive-single-meta { width: 8%; } h1.notification-title { margin-bottom:0; border-bottom:none; } .notification_author { font-size:13px; } /* Courses Sidebar ///////////////////*/ .btns .btn::after { content:"\e87a"; font-family:"Linearicons-Free"; margin-left:10px; position:relative; top:2px; } .btns .btn { float:left; } .cp .button:hover, .apply-button:hover, .discussion-new .button:hover, .course_list_box_item .coursepress-course-link:hover { box-shadow: 0 0 0 transparent inset, 0 0 0 black !important;} a.fav { background:#99a6bb; padding:9px 20px; color:#fff; float:right; font-size:18px; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a:hover.fav { background:#fe5722; } a:hover.fav i { color:#fff; } a.fav span { position:absolute; right:-11px; top:-8px; padding:1px 9px; background:#fe5722; line-height:inherit; font-size:13px; font-weight:bold; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border:2px solid #fff; } a:hover.fav span { display:block; color:#fff; } a.fav-load { padding:9px 17px; } #secondary .widget ul { padding:15px 0 0 0; list-style:none; } #secondary li { padding:5%; padding-top:20px; padding-bottom:20px; font:14px Montserrat, sans-serif; border-bottom:1px solid #e8ebf1; width:100%; } .widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe { float:left; width:100px; } .widget_courses iframe { height:90px; } #secondary .widget ul li:last-child { padding-bottom:20px; } .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { float:right; width:68%;} .widget_courses li h5, .widget_events li h5, .recent_posts_widget li h5 { margin:0; padding:0 0 5px 0; font-size:14px; } #secondary li p { margin:0; padding:0; } #secondary li p.meta { margin-bottom:5px; font:14px Open Sans,sans-serif; } .widget_courses li span.simi-price { font:16px Montserrat,sans-serif; color:#4caf50; float:left; padding-right:10px; } .footer-widget .widget_courses li span.simi-price { font-size:14px; } /*----------------------------------------------------------------------------------- 13) Author Page /*-----------------------------------------------------------------------------------*/ .co-author { background:#f4f6fa; padding:30px 10px; clear:both; margin-bottom:60px; } .co-author h3 { margin:0; color:#0583e4; font-size:16px; } .co-author p.meta { margin-bottom:10px; font-size:12px; color:#262c38; } .co-author img { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; } .co-author .social-icons li i { font-size:18px; } .co-author .social-icons li a { color:#99a4b3; background:none; width:auto; height:auto; display:block; text-align:center; vertical-align:middle; margin:0 8px 0 0; } .co-author .social-icons li a:hover { color:#fe5722; background:none; } .co-author .social-icons li a i { color:#99a4b3; } .co-author .social-icons li a:hover i { color:#fe5722; } .page-template-student-dashboard .course, .coursepress_student_dashboard-template-default .course { background:#fff; min-height:inherit; max-height:inherit; position:inherit; -moz-box-shadow: 0 0 0px; -webkit-box-shadow: 0 0 0px; box-shadow: 0 0 0px; } .page-template-student-dashboard .course-list, .coursepress_student_dashboard-template-default .course-list { padding:0; border:none; } .page-template-student-dashboard .course-title, .coursepress_student_dashboard-template-default .course-title { margin-bottom:0; } .page-template-student-dashboard .course-title span:hover, .coursepress_student_dashboard-template-default .course-title span:hover { color:#ff5722; } .page-template-student-dashboard .course-cost p, .coursepress_student_dashboard-template-default .course-cost p { display:none;} .mp_product_price { width:89%; /*float:right;*/ } .course-cost { width:28%; } .coursepress_student_dashboard-template-default .course-information p:nth-child(1), .coursepress_student_dashboard-template-default .course-information p:nth-child(2) { display:none; } .coursepress_student_dashboard-template-default .course-information .course-summary p { display:block; } .coursepress_student_dashboard-template-default .course-thumbnail figure { height:250px; } .mp_product_price, .mp_product_price-sale ~ .mp_product_price-normal { font-size:14px; padding-top:3px; } .course_list_box_item.has-thumbnail .course-thumbnail img { background-color: #fff !important; border:1px solid rgba(0, 0, 0, 0.04) !important; padding:0px !important;} .course-thumbnail figure { max-height: 270px; max-width: 370px; /* margin-bottom:10px !important;*/ overflow:inherit; } .course_list_box_item .coursepress-course-link:hover, .course_list_box_item .coursepress-course-link { color:#fff !important; } .course_list_box_item.has-thumbnail .course-thumbnail { position: relative; padding-right: 2px; top: 0; bottom: 0; display: table-cell; } .course_list_box_item .course-information { padding: 0 0 0 25px; border: 0; vertical-align: top; width: 100%; } .course_list_box_item.has-thumbnail .course-information { display: table-cell; } /*----------------------------------------------------------------------------------- 14) Shortcodes /*-----------------------------------------------------------------------------------*/ .page-header { border-bottom:none; } .page-header h1 { text-align:center; padding-bottom:20px; background:url(images/border_bottom.png) no-repeat center bottom; } /* Shortcode - Accordion //////////////////////*/ .panel-heading, .panel-group .panel { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} /* Shortcode - Tabs CSS //////////////////////*/ #main .nav-tabs { margin:0; padding:0; } #main .nav-tabs li { margin-bottom:-1px; font-weight:bold; font-size:18px; } .nav-tabs > li > a { margin-right:7px; padding: 10px 20px; color:#262c38; background:#efefef; border:1px solid #c7ced9; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .nav-tabs > li > a:hover { background:#fff; } #main a.btn { color:#fff; } .tab-content { border:1px solid #ddd; border-top:none; padding:0; margin:0; } .tab-content .tab-pane h2 { margin-top:0; padding-top:20px; } .tab-content .tab-pane { padding:20px; } /*----------------------------------------------------------------------------------- 15) Login - Register Page /*-----------------------------------------------------------------------------------*/ .form-info-red{ color:#F00; } .student-settings { width:60%; border:1px solid #e5e5e5; padding:0 15px; margin-bottom:25px; margin-left:-15px; } .student-settings label { width:45%; float:left; margin-right:2% } .student-settings input { width:100%; clear:both; } .student-settings input[type="submit"], .student-settings input[type="checkbox"] { width:auto; } .student-settings .btn { margin:10px 16px 0 0; } .student-settings label.full { width:95%; } .student-settings .submit-link.full-right { width:98%; } .student-settings label.full input.btn { width:auto; float:right; } .login-form, .register-form, .signup-form, .student-settings { background:#edf1f7; } .signup-form, .coursepress_student_login .student-settings.login-form, .student-settings.login-form { display:inline-block; width:75%; margin:0 auto; float:none; border:1px solid #e5e5e5; padding:15px; } .coursepress_student_login .student-settings.login-form { width:45%; } .coursepress_student_login .student-settings.login-form label { width:100%; } .signup-form input[type="text"], .signup-form input[type="email"], .signup-form input[type="url"], .signup-form input[type="password"], .signup-form input[type="search"] { width:100%; } .signup-form p, .login-form p { margin:0; line-height:20px; } .signup-form p.password-strength-meter-container { float:none; } .signup-form p:nth-child(3) { margin:0; background:#ccc; } .signup-form p br, .signup-form p label br, .login-form p br, .login-form p label br { display:none; } .signup-form p label, .login-form p label { width:45%;/* margin:1% 2%;*/ float:left; display:block;} .login-form p label { width:100%; } .signup-form p label span, .login-form p label span { width:100%; display:block; } .signup-form .submit-link .btn-default { float:right; } .signup-form p label.weak-password-confirm { width:100%; float:none; display:table; } .signup-form p label.weak-password-confirm br { display:none !important; } .signup-form p label.weak-password-confirm input[type=checkbox] { float:left; margin-top:7px; margin-right:5px; } .enrolment-container-div .bbm-modal label { display: block; margin: 10px 0;} .login-form input[type="text"], .login-form input[type="password"] { width:95%; } .login-form .student-settings label { width:100%; } .login-form .student-settings .half-left { float:left; width:auto; } .login-form .student-settings .half-right { float:right; width:auto; } .login-form .student-settings .full, .register-form .full { padding-left:10px; font-weight:normal; } .register-form .student-settings.signup-form label { width: 46%; margin: 1% 2%; float: left; display: block; } .register-form .btn { margin-right:16px; } .register-form .student-settings.signup-form label.existing-link { width:100%; clear:left; } .register-form .student-settings.signup-form label.submit-link { float:right; } .register-form .student-settings.signup-form label.submit-link .btn { margin-right:0; } .enrollment-modal-container { border-radius: 15px; padding: 20px; border:none; } .enrollment-modal-container .student-settings.login-form { width:100%; border:none; padding-bottom:0; } .bbm-modal__topbar h3 { margin:10px; } .bbm-modal__section{ margin:10px 0px; } .enrollment-modal-container .bbm-modal__bottombar { padding:0; } .enrollment-modal-container .signup-form { width:100%; border:none; padding:0px 10px; } .enrolment-container-div .bbm-modal label { width:100%; } /*----------------------------------------------------------------------------------- 16) Comments /*-----------------------------------------------------------------------------------*/ .rr_review_form .form_table .rr_form_row .rr_form_input input[type="text"] { width:90%; } #commentform p label { width:13%; font:14px Montserrat, sans-serif; float:left; font-weight:normal; } #commentform p label .required { display:none; } #commentform textarea { width:auto; } #commentform p.form-submit #submit { margin-left:13%; } #comments .author-photo { margin-top:20px; overflow: hidden; float: left;} #comments-title { font-size: 18px; padding: 13px 0; margin: 0; border-bottom: 1px solid; } #comments-title:before { font-family: 'FontAwesome'; content: "\f086"; margin-right: 7px; font-size: 24px; } .commentlist { overflow: hidden; padding: 0 0 25px; margin: 0 0 50px; border-bottom: 1px solid; } #main #comments .commentlist ul, #main #comments .commentlist ol { list-style: none; margin: 0 0 50px -15px; padding: 0 !important;} .comment-list { margin-left:-15px; } #main .comment-list li { margin-bottom:0; margin-top:-1px; } #main .comment-list li ul li:last-child { border-bottom:none; margin:0; } #main .comment-list li.even { background:#fff; } #main .comment-list li.odd { background:#fbfbfd; } #comments { padding-bottom: 40px; } #comments .comment { display: block; border:1px solid #e4e8ee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #main .comment-list li ul.children li { border-right:none; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px;} #comments .comment-body { overflow: hidden; padding-left: 25px;} #comments .comment-wrapper { display: table; padding:20px 0 0 20px; width:88%; } #comments .depth-2 article, #comments .depth-3 article, #comments .depth-4 article, #comments .depth-5 article { padding-left: 20px; padding-right: 20px; } #main .comment-list li.pingback { padding-top:10px; padding-bottom: 20px; border-bottom:1px solid #eee; } #comments .pingback { list-style: none; border-bottom: 1px solid; padding: 10px 10px 10px 0; } #comments .pingback p { margin: 0; } #comments .comment-meta { margin-bottom: 10px; } #comments .comment-author, #comments .comment-metadata { display: inline; color:#262c38; font-size:12px; } #comments .comment-metadata { padding-bottom:15px; display:table; width:100%; } #comments .comment-metadata small { padding:0 8px; font-size:16px; position:relative; top:-3px; } #comments .fn { display: inline; font-size: 15px; font-weight: normal; } #comments time { font-size: 13px; margin-left: 4px; } .bypostauthor .comment-wrapper { border-top-width: 3px; border-bottom-width: 3px; } #commentform .gglcptch { margin: 0 0 10px 13%;} #comments .reply .btn-default { margin-bottom:20px; color:#99a6bb !important; border:1px solid #e4e8ee; background:#fff; text-transform:uppercase; font-size:12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #comments .reply .btn-default:hover { color:#ff5722 !important; background:#fff; border:1px solid #ff5722; } #comments .reply .btn-default:focus { color:#99a6bb !important; } #comments .btn-default { padding:10px 25px; font-size:15px; background:#ff5722; border:1px solid #ff5722; color:#fff; } #comments .btn-default:hover { background:#0583e4; border:1px solid #0583e4; } #respond { padding-top:30px; } .comment-notes { display:none; } #comments .comment-list li #respond { padding:20px; } #commentform { padding-top:30px; } #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { padding:8px 10px; border:1px solid #e4e8ee; width:60%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #commentform input[type="text"]:focus, #commentform input[type="email"]:focus, #commentform input[type="url"]:focus, #commentform textarea:focus { border:1px solid #d5d8dd; } #commentform textarea { width:70%; text-align:left; } /*-------------------------------------------------------------- 17) Popup --------------------------------------------------------------*/ .cp_popup_window { background:#fff; padding-top:5px; } .cp_popup_window button.apply-button { padding:10px 15px; } .cp_popup_title { font-family:Montserrat,sans-serif; } .cp_popup_close_button { width:13px; height:13px; background:url(images/close.png) no-repeat left top; } #popup_login_form { margin:0; } #popup_login_form .cp_popup_window label { margin-bottom:0; } #popup_login_form .cp_popup_buttons.login_buttons { margin-top:0; } .cp_popup_col_2 .apply-button.signup, .cp_popup_col_2 .apply-button.login { margin-right:8px; } .cp_popup_required { color: #d0021b; font-size:13px; } .cp_popup_window button.apply-button.enroll-success { margin-bottom:20px; } .enrolment-container-div .bbm-modal { max-height: 465px; } body .enrolment-container-div.cp-mask, body .cp-mask { position: fixed; padding: 0; width: 100%; height: 100%; border-top: 0;} body .enrolment-container-div .bbm-wrapper { position: fixed; border-radius: 0; margin: 0 auto; left: 0; right: 0; top:10%;} body .enrolment-container-div .bbm-wrapper .bbm-modal { max-height:500px; } /* Scorll To Top Css */ #return-to-top { position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; outline:none; } #return-to-top i { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: #fff; top: 5px;} /* Wordpress Social Login Compatible Css */ .wp-social-login-provider-list { padding:5px 0 10px; } .wp-social-login-provider-list p { display:inline-block; } .enrolment-container-div .bbm-wrapper a.wp-social-login-provider { text-decoration:none; } .wp-social-login-widget { clear: both; } .footer-widget .widget_courses li span.simi-price span { font-size:14px; float:none; display:inline; padding-right:10px; } .footer-widget ul li img{ width:35%; height:auto; max-width:100px; max-height:100px; } .footer-widget ul li .simi-co{ width:62%; } .col-sm-6 ul li .simi-co{ width:76%; } .footer-widget ul li .simi-co h5{ font-size:13px; } .work-steps{ width:94%; margin:0 auto; } .work-steps .action .btn-large { margin-top:20px; clear:both; } .search-blog, .search-course{ max-width:600px; margin:auto; margin:0px auto 50px auto; } /*-------------------------------------------------------------- 18) Responsive --------------------------------------------------------------*/ /*//////////////////////////////////////// Navigation ////////////////////////////////////////*/ @media (min-width: 1170px) { /* shows the dropdown on hover */ .navbar ul.nav li:hover > ul.dropdown-menu { display: block; } /* before and after */ .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after { display: none; } } @media (max-width: 1024px) { #main.three-column .course h3 { line-height:18px; font-size:14px; } #main.three-column .course_space p.meta { font-size:12px; } .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width:57%; } .course_rating, .average-rating span, .widget_courses li span.rating { display:block; clear:both; } /*.course-media-img { width:305px; }*/ .course-thumbnail figure { /*width:305px;*/ height:230px; } .price { padding:9px 10px 9px 20px; } #products .video_player figure, .img-thumb .video_player figure { width:295px; } .img-thumb .video_player figure embed, .img-thumb .video_player figure iframe, .img-thumb .video_player figure object, #products .video_player figure embed, #products .video_player figure iframe, #products .video_player figure object{ height:228px; } .course_space{ padding:10px 8% 0px 8%; } .course_rel { left:8%; width:84%; } } @media (max-width: 998px) { .single-course #main .nav-tabs li { font-size:13px; } .nav-tabs > li > a { margin-right: 2px; padding:8px; } .browse-by-category .by_cat{ width:33.33%; margin-top:20px; margin-bottom:5px; padding-top:10px; min-height:150px; } .col-sm-6 ul li .simi-co{ width:70%; } .co-join-info li span{ float:inherit; } #main .review-list li .review-right .time{ flex-direction:column; align-items:flex-end; } } @media (max-width: 980px) { .site-header .col-sm-3 { width:inherit; } .site-header .col-sm-9 { width:100%; } .site-header .navbar-nav > li > a { padding:15px 10px; } #main .nav-submenu li a { padding:10px 15px 10px 0; } nav.meta-login { padding-left:0; float:none; width:100%; clear:both; border-bottom:none; } nav.meta-login ul li { border:none; } .header_meta p { padding-bottom:10px; width:100%; } .navbar { float:left;} .navbar ul { margin-top:0; } .course { min-height:680px; } .grid-group-item .course { min-height:500px; } .course-thumbnail figure { height:185px; } .co-join-info .apply-button-enrollment-finished, .co-join-info .apply-button-prerequisite { padding:15px 20px; } .with-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure, .without-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure { height: 165px; } .with-sidebar.three-column.grid-group-item .course_rel{ position:relative; } .with-sidebar.three-column.grid-group-item p.desc { display:block; } .with-sidebar.three-column.grid-group-item .course { min-height:inherit; max-height:inherit; } .latest-news-updates .art-style1 img, .latest-news-updates .art-style2 img, .latest-news-updates .art-style3 img, .latest-news-updates .art-style4 img, .latest-news-updates .art-style5 img { width:100%; height:100%; } .latest-news-updates .articel-list div.col-sm-3 h3, .latest-news-updates div.col-sm-3 .meta { left:20px; } .latest-news-updates .articel-list div.col-sm-6 .article, .latest-news-updates .articel-list div.col-sm-3 .article { min-height:300px; } .student-settings, .signup-form, .coursepress_student_login .student-settings.login-form, .student-settings.login-form { width:95%; } #main.col-sm-9, #secondary.col-sm-3 { float:none; clear:both; width:100%; } #secondary .apply-button { margin-bottom:25px; } #secondary a.fav { float:none; } .widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe, #secondary li img, #secondary li iframe{ width:55px; height:auto; max-height:55px;} #secondary .simi-co { width:65%; padding-top:0; } #secondary.col-sm-3 img, #secondary.col-sm-3 iframe{ width:100px; } #secondary.col-sm-3 li .simi-co{ width:80%; float:right; clear:none; padding-top:0px; } } @media (max-width: 800px) { .search-form .row{ margin-left:2%; margin-right:2%; } .why-choose-us .row .res_dis { display:block; } .why-choose-us .row .res_hide, .why-choose-us .row .div_hr1, .why-choose-us .row .div_hr2 { display:none; } .co-join-info .btns form { width:90%; margin-bottom:10px; } .co-join-info .btn { padding:15px 29px; } a.fav { text-align: center; } .course-media-img { width:100%; } .courses-review .three-column { width:60%; } .flex-direction-nav { display:none; } .edit-form { width:auto; } .contact-info .col-sm-6{ width:100%; } } @media (max-width: 768px) { .home-third-header{ height:820px; } .browse-by-category .head{ top:0; position:relative; } .panel-grid { width:100%; overflow:hidden; } .panel-grid .container { width:97%; } .font-large { font-size:200px; } .font-large strong { font-size:11px; left:30.3%; padding:8px 6px; } .course {min-height: 585px;} .course-media-img { width:235px; } .course-thumbnail figure { width:235px; height:175px; } /*#products .video_player figure, .img-thumb .video_player figure { width:218px; }*/ #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { height:173px; } .co-join-info .btns form { width:80%; } .co-join-info .btn { padding:15px; } .co-join-info li span{ float:left; } #main .review-list li .review-right .time{ flex-direction:row; align-items:end; } } @media (max-width: 767px) { .page-spacer { padding:50px 0; } .search-form .input-group-btn{ right:175px; } .navbar { float:inherit; width:100%; } .navbar ul { margin-top:0; } .navbar-nav, .navbar li.pull-right { margin:0px -15px; } .navbar li.pull-right { width:100%; margin:0; border:none; } .navbar li.pull-right a.woo-menu-cart span { right:41%; } nav.meta-login { float:none; } .site-header .header_meta .col-xs-12 { width:100%; } .navbar-toggle { margin-top:28px; } .navbar-collapse a { border-bottom:1px solid #e4e8ee; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color:#e4e8ee; } .dropdown-menu { padding:0; } .navbar-nav > li > .dropdown-menu{ padding:0px; } .navbar-nav > li > a{ margin-right:0px; } .navbar-nav .open .dropdown-menu>li>a{ text-align:right; } .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ background:#FFF;} .navbar-header{ position:relative; } .navbar-toggle{ position:absolute; bottom:24px; right:10px; } .menu-full{ border:none; } .navbar{ min-height:auto; } .site-header .navbar-nav > li > a{ text-align:right; } .site-main { padding:0 20px; } .course-thumbnail figure, .course-media-img { width:100%; height:auto; max-height:260px; } .single .course-media-img { max-height:inherit; } .courses-count .col-md-3 { margin-bottom:10px; display:table; width:100%; } nav.meta-login ul li.social:first-child { padding: 13px 1px 13px 11px;} .widget_courses img, .widget_events img, .recent_posts_widget img, #secondary li img, #secondary.col-sm-3 img, .widget_courses li iframe, #secondary li iframe, #secondary.col-sm-3 li iframe { width:26%; max-width:150px; max-height:100px; } .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co, #secondary.col-sm-3 li .simi-co, .footer-widget ul li .simi-co{ width:70%; float:right; padding-top:0px; clear:none; } .is-countdown{ padding:0px; width:80%; } .teachers, .teachers-in .col-sm-6, .contact-info .col-sm-6, .grid-group-item, .footer-widget{ width:50%;} .page-template-tpl-our-techers .site-main .clearfix{ display:none; } .teacher{ width:33.3333%; margin-bottom:10px; } .box{ margin:10px auto; width:96%; } .signup-newsletter .mc4wp-form{ padding:10px; margin-bottom:10px; } .three-column.grid-group-item{ width:33.33%; } .footer-widget ul li img{ width:28%; } .footer-widget:nth-child(3){ clear:both;} } @media (max-width: 737px) { .course-thumbnail figure { margin:0 auto; } .signup-newsletter .mc4wp-form { padding:0 0 10px; } .i-email-subscribe { margin-bottom:10px; } .well .btn-group { display:none; } #products .video_player figure, .img-thumb .video_player figure { width:100%; } .img-thumb .video_player figure embed, .img-thumb .video_player figure iframe, .img-thumb .video_player figure object, #products .video_player figure embed, #products .video_player figure iframe, #products .video_player figure object { height:260px; width:100%; } .course { min-height:600px; } .three-column.grid-group-item{ width:50%; } .list-group-item{ width:100%; } .with-sidebar.three-column.grid-group-item p.desc { display:block; } .with-sidebar.three-column.grid-group-item .course { min-height:inherit; max-height:inherit; } .action span { padding-left:0; padding-right:0; } .howitworks p.text-center { word-wrap: break-word; } .student-settings, .signup-form, .coursepress_student_login .student-settings.login-form, .student-settings.login-form { width: 100%; } .student-settings p label, .signup-form p label, .login-form p label { width:96%; } .footer-widget { padding-top:30px; padding-bottom:0; } .is-countdown{ width:77%; } } @media (max-width: 667px) { .header-sticky { position:relative; height:auto; } .course-media-img { height:auto; } #products .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object { height:360px; } .course-thumbnail figure { margin:0 auto; } .course { min-height:inherit; } .unit-archive-single a.unit-archive-single-title { width:70% } #secondary a.fav { margin-left: 10px; position: relative; top: 5px; } .widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe{ width:39%; } #secondary .simi-co { width:70%; } } @media (max-width: 640px) { .navbar { margin-bottom:0; } .navbar-nav > li > .dropdown-menu { padding:0; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#777; background:#fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:#fff; background:#ff5722; } .home-two-nav .navbar-nav .open .dropdown-menu > li > a:hover { color:#fff; background:#094db9; } #post-slider .item { min-height:inherit; } .courses-count .col-sm-7 { min-height:35px; margin-bottom:5px; } .course-media-img { width:100%; } .course { min-height:inherit; max-height:inherit; } .course-thumbnail figure { width:auto; height:auto; } .course_rel { width:85%; position:relative; bottom:0; padding-bottom:20px; } .course_rel .col-xs-12 { margin-bottom:0; width:auto; } .rr_review_form .form_table .rr_form_row .rr_form_input input[type="text"] { width:100% !important; } .rr_form_heading { width:50px; } .single-course #secondary { padding-top:25px; } .co-detail-page .courses-info { padding:10px 30px 30px; } .courses-instructor { padding:20px; } #main .nav-submenu li { display: block; float: left; margin: 0 20px 10px 0; width: 45%; } .signup-newsletter .mc4wp-form { padding:0 0 40px 0; } .site-footer .footer-widget { padding-top:10px; padding-bottom:0; } .footer-widget h6 { margin-bottom:18px; } .site-footer .widget { margin-bottom:0; } .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co, .widget_events li .simi-co, #secondary.col-sm-3 li .simi-co{ width:70%; } .site-footer p.copy, .site-footer p.develop { text-align:center; float:none; } .site-description { display:none; } .font-large { font-size:100px; } .font-large strong { font-size:11px; left:19%; top:82%; padding:8px 6px; } .course figure { text-align:center; } .course .img-thumb img { display:inline; } .list-group-item figure { height:inherit; } .testimonials_outer .item .col-sm-6 { margin-bottom:20px; } .breadcrumb-section .entry-header { padding:0 20px; } .breadcrumb-in p { padding:20px 0 20px 20px; } #main .nav-submenu { margin:0 20px;} #main .units-archive-list li { margin:0 20px 10px 20px; width:94%; } .unit-archive-single a.unit-archive-single-title { font-size:18px; } .front-single-module, .front-single-module-save, .course-title, .unit-archive-single-title { margin-left:20px !important; margin-right:20px !important; } .page-template-student-dashboard-php .course-title{ margin:0 !important; } #modules_form input.apply-button-enrolled.submit-elements-data-button[type="submit"], .save_progress { margin-left:20px; } #modules_form #navigation-pagination.navigation { margin-right:20px; } .is-countdown{ width:74%; } .three-column.grid-group-item{ width:50%; } } @media (max-width: 568px) { .page-spacer { padding:20px 0; } .course h3{ font-size:15px; } .browse-by-category .by_cat{ width:50%; padding-top:5px; } #secondary .widget ul{ padding:0; } #secondary .widget ul li{ padding:15px; margin:0; } .latest-news-updates .articel-list div.col-xs-12 .art-style1, .latest-news-updates .articel-list div.col-xs-12 .art-style2, .latest-news-updates .articel-list div.col-xs-12 .art-style3, .latest-news-updates .articel-list div.col-xs-12 .art-style4, .latest-news-updates .articel-list div.col-xs-12 .art-style5, .latest-news-updates .articel-list div.col-xs-12 .art-style6 { min-height:inherit; } .latest-news-updates .articel-list div.col-xs-12 .art-style3 .meta { bottom:-5px; } .pagination{ padding-left:10px; } .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots, #navigation-pagination.navigation li a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, .pagination .current, .pagination span.dots, .pagination a:hover.page-numbers{ padding:10px 15px;} .widget_courses li .simi-co, #secondary.col-sm-3 li .simi-co{ width:70%; } .is-countdown{ width:68%; } .co-join-info li span{ float:inherit; } .course_list_box_item .course-meta-information .course-cost{ width:100%; } #main .review-list li .review-right .time{ flex-direction:column; align-items:flex-end; } } @media (max-width: 480px) { .page-spacer { padding:10px 0; } .home-two-testimonials .quote { width:40px; height:40px; background-size:40px; } .home-two-testimonials .col-xs-4 { width:80%; margin:0 auto; } .home-two-testimonials .quote_l { float:left; width:40px; } .home-two-testimonials .quote_r { float:right; width:40px; margin-top:-70px; } .home-third-search{ width:90%; } .site-branding img { width:100%; } .cat_forth, .cat_fifth { width:100%; float:none; background-size: 20%; } .course-thumbnail figure { height:inherit; overflow:inherit; } .unit-archive-single a.unit-archive-single-title { width:100%; } #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { height:300px; width:100%; } #commentform textarea, #commentform p label { clear:both; float:none; width:100%; } #commentform p.form-submit #submit { margin-left:0; } .student-settings label{ width:100%; } .signup-form .submit-link .btn-default{ float:left; width:100%; padding:15px 10px; } .edit-form, .register-form .student-settings.signup-form { width:auto; border:none; } .register-form .student-settings.signup-form { padding-left:0; } .edit-form .student-settings label, .register-form .student-settings.signup-form label { width:100%; float:none; margin-right:0; } .edit-form .student-settings label.full { width:100%; } .edit-form .student-settings label.full input.btn { width:auto; float:right; margin-right:0; } .student-settings p .btn{ float:none; width:100%; padding:15px 10px; } #main .review-list li .review-right .time { margin-top:-5px; } #main form.glsr-form label{ position:relative; width:inherit; } #main form.glsr-form input.glsr-field-control, #main form.glsr-form textarea.glsr-field-control, #main form.glsr-form select.glsr-field-control, #main form.glsr-form .gl-star-rating-stars, #main form.glsr-form .glsr-field-error, #main form.glsr-form [type=submit]{ margin-left:0; } #main form.glsr-form input.glsr-field-control, #main form.glsr-form textarea.glsr-field-control{ width:100%; } .grid-group-item .course{ min-height:300px; } .with-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure { width:auto; height:auto; } .with-sidebar.three-column.grid-group-item .course{ padding-bottom:10px; } .grid-group-item, .three-column.grid-group-item{ width:98%; } .course_rel, .list-group-item .img-thumb, .list-group-item .course_space, .list-group-item .course_rel{ width:100%; float:none; } .course_rel, .list-group-item .course_space, .list-group-item .course_rel{ padding:5px 8%; } .course_rel, .list-group-item .course_rel{ margin:0px 0px 15px 0px; left:0; } .widget_courses img, .widget_events img, .recent_posts_widget img, #secondary li img, #secondary.col-sm-3 img, .widget_courses li iframe, #secondary li iframe, #secondary.col-sm-3 li iframe, .footer-widget ul li img, .footer-widget .widget_courses img { width:30%; max-width:100px; } .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co, #secondary.col-sm-3 li .simi-co{ width:68%; } .is-countdown, .teachers, .footer-widget{ width:100%;} .event-countdown .btn{ margin-top:15px; float:none; clear:both; } #secondary .simi-co { width:65%; } } @media (max-width: 414px) { .panel-grid .container .row { margin-left:0; margin-right:0; } #main .nav-submenu li { margin:0; } #main .nav-submenu li a { display:block; padding:5px; margin:0; float:left; width:50%; } #main a.btn, .plan-btn, .event-countdown .btn{ padding:20px 30px; } #main .type-post a.read-more{ padding:10px 10px 10px 15px; } article blockquote.post-quote i{ font-size:36px; } #commentform .gglcptch { margin: 0 0 10px 0;} .contact-info .col-sm-6{ width:100%; } .teacher{ width:50%; } .meet-teachers .teacher:nth-child(1){ background-color:red; overflow:hidden; display:block; } .plan-info .plan-price span { font-size:80px; } .plan-info .plan-price small { font-size:50px; } .work-steps .steps h3, .work-steps .steps p, .plan ul{ padding-left:10%; padding-right:10%; } .grid-group-item, .three-column.grid-group-item{ width:100%;} .with-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure { width:auto !important; height:auto; } #secondary .widget ul{ padding:20px; } #secondary .widget ul li{ padding:10px; } .widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe{ width:35%; } #secondary .simi-co, .widget_courses li .simi-co, .widget_events li .simi-co{ width:63%; } } @media (max-width: 375px) { nav.meta-login ul li { padding:12px 8px; } nav.meta-login ul li:first-child { padding:11px; } #main .nav-submenu li { display: block; float: none; margin: 0 20px 10px 0; width: 100%; } .co-detail-page .courses-info{ padding:10px 20px 20px; } .co-join-info .btn { padding: 15px;} a.fav { padding:9px 16px; } .unit-archive-single a.unit-archive-single-title { width:56%; padding:10px 15px; font-size:14px; } .front-single-module, .front-single-module-save, .course-title, .unit-archive-single-title { margin-left:0 !important; } #secondary .widget ul{ padding:15px; } #secondary .widget ul li:last-child{ padding-bottom:10px; } .mc4wp-form .btn-orange{ padding:10px; } } @media (max-width: 367px) { #main a.btn, .plan-btn, .event-countdown .btn{ padding:15px 20px; } #main .nav-submenu li a { display:block; padding:5px; margin:0; float:none; width:100%; } } @media (max-width: 360px) { .mp_cart_item_content{ width:96%; margin:0 2%; padding:10px 3%; display:block; text-align:left; border-bottom:1px solid #ddd; } nav.meta-login { max-height:37px; } nav.meta-login ul li.social { padding:13px 0; } nav.meta-login { padding:0; } nav.meta-login ul li { font-size: 12px; padding: 10px 8px; } .sorting form { margin-bottom:10px; } .search-form .input-group-btn{ right:40px; } .search-form .btn-medium{ width:46px; padding:12px; font-size:0px;} .search-form .btn i{font-size:27px;} .site-header .col-xs-12 { width:71%; } #main .review-list li .author { margin-bottom:0; } #main .review-list li .review-right { padding-top: 10px; width: 100%; } #main .review-list li .review-right .time { clear: both; display: block; float: none; padding: 0 0 10px; width: 100%; } #main .co-join-info li{ padding:10px 0px; margin:0; } .co-join-info li span{ width:100%; } #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { height:260px; } .work-steps .steps h3, .work-steps .steps p, .plan ul{ padding-left:5%; padding-right:5%; } .plan-info .plan-price span { font-size:60px; } .plan-info .plan-price small { font-size:40px; } a.fav{ margin-top:20px; clear:both; float:left; } #secondary .widget ul{ padding:10px; } .widget_courses img, .widget_events img, .recent_posts_widget img, #secondary.col-sm-3 img, .widget_courses li iframe, #secondary.col-sm-3 li iframe, .footer-widget ul li img, .footer-widget .widget_courses img { width:40%; } #secondary .simi-co, .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co, #secondary.col-sm-3 li .simi-co, .footer-widget ul li .simi-co{ width:58%; } .courses-count .col-sm-7{ padding-left:0px; padding-right:0px; } .is-countdown .col{ width:50%; padding-right:0px;} .is-countdown .col strong{ float:left; margin-right:10px; } } @media (max-width: 320px) { .i-email-subscribe{ padding:12px; text-align:center; } .signup-newsletter h3{ min-height:70px; margin-left:80px; } .signup-newsletter p{ margin-left:0px; } .mc4wp-form .btn-orange{ position:relative; margin-top:5px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{ width:100%; } .breadcrumb-section h1{ padding:30px 15px; font-size:30px; } h2{ font-size:26px; } .browse-by-category .by_cat{ width:100%; padding-top:0px; } .course_rel { width:80%; } .home-two-testimonials .quote { width:20px; height:20px; background-size:20px; } .home-two-testimonials .col-xs-4 { width:80%; margin:0 auto; } .home-two-testimonials .quote_l { float:left; width:20px; } .home-two-testimonials .quote_r { float:right; width:20px; margin-top:-70px; } .work-steps .steps{ padding:10px 15px; } .work-steps .steps h3, .work-steps .steps p, .plan ul{ padding-left:5px; padding-right:5px; } .plan-info .plan-price span { font-size:40px; } .plan-info .plan-price small { font-size:30px; } article blockquote.post-quote i{ font-size:24px; } article blockquote.post-quote{ font-size:18px; } .co-detail-page .courses-info{ padding:10px 10px 10px; } #main a.btn, .plan-btn, .event-countdown .btn{ padding:10px 15px; } #main .enroll{ clear:both; float:left !important; } .img-thumb .video_player figure embed, .img-thumb .video_player figure iframe, .img-thumb .video_player figure object, #products .video_player figure embed, #products .video_player figure iframe, #products .video_player figure object{ height:160px; } #secondary .widget ul{ padding:5px; } .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots, #navigation-pagination.navigation li a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, .pagination .current, .pagination span.dots, .pagination a:hover.page-numbers{ padding:0px 6px; margin:0 3px; } .is-countdown .col{ width:100%;} .teachers-in .col-sm-6{ width:100%; } .teacher{ width:100%; } .teacher img{ max-width:200px; } .widget_courses img, .widget_events img, .recent_posts_widget img, #secondary li img, #secondary.col-sm-3 img, .widget_courses li iframe, #secondary li iframe, #secondary.col-sm-3 li iframe, .footer-widget ul li img, .footer-widget .widget_courses img { width:55px; max-height:55px; padding-bottom:5px; } #secondary .simi-co, .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co, #secondary.col-sm-3 li .simi-co, .footer-widget ul li .simi-co{ width:100%; float:none; padding-top:10px; clear:both; } } @media (max-width: 260px) { body{ word-wrap:break-word; } .home-third-header{ height:740px; } .sorting select{ width:100%; } #secondary li .simi-co{width:63%; padding-top:10px;} .footer-widget ul li img{ width:100%; max-width:55px; max-height:55px; } .site-footer .widget_courses li .simi-co, .site-footer .widget_events li .simi-co, .site-footer .recent_posts_widget li .simi-co{ width:68%; } } @media (max-width: 220px) { .home-third-search{ width:100%; } .i-email-subscribe{ position:relative; float:left; } .signup-newsletter h3{ margin-left:0px; min-height:inherit; } .course h3{ padding-right:0; } .course .price del, .course .price ins{ display:inline-block; padding:0 5px; } .price, .with-sidebar.three-column.grid-group-item .price{ top:0px; padding:5px 7px 5px 20px; } #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { height:100px; } #secondary .widget ul li{ padding:7px; } .is-countdown .col strong{ float:none; margin-right:0px; } } /*//////////////////////////////////////// Slider ////////////////////////////////////////*/ @media (max-width: 1024px) { .home-two-slider .carousel-caption { top:0%; } #home-slider h2 { font-size:40px; } } @media (max-width: 980px) { #home-slider .carousel-inner h2 { font-size:25px; } #home-slider .carousel-caption { top:0%; width:auto; } #home-slider .btn-default { padding:5px 10px; } #home-slider .carousel-inner p { padding:5px 0; } .navbar-nav > li > a { padding:15px 18px; } } @media (max-width: 480px) { #home-slider .carousel-inner h2 { font-size:18px; } #home-slider .carousel-inner p { font-size:13px; } } /*//////////////////////////////////////// Responsive Table CSS ////////////////////////////////////////*/ @media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: 1px solid #ccc; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ #no-more-tables td { color:#262c38; } #no-more-tables td:nth-child(1):before { content: "Title"; } #no-more-tables td:nth-child(2):before { content: "Submitted"; } #no-more-tables td:nth-child(3):before { content: "Answer";} #no-more-tables td:nth-child(4):before { content: "Grade"; } #no-more-tables td:nth-child(5):before { content: "Comment"; } #no-more-tables .cp-dashboard-table td:nth-child(1):before { content: "Course"; } #no-more-tables .cp-dashboard-table td:nth-child(2):before { content: "Date Enrolled"; } #no-more-tables .cp-dashboard-table td:nth-child(3):before { content: "Average";} #no-more-tables .cp-dashboard-table td:nth-child(4):before { content: "Status"; } #no-more-tables .cp-dashboard-table td:nth-child(5):before { content: "Certificate"; } #no-more-tables .cp-dashboard-table td:nth-child(6):before { content: ""; } } /* Recaptcha */ .recaptcha_container { display: inline-block; }