<data:blog.pageTitle/> <data:blog.pageName/> | <data:blog.title/> ul { display: block } /*===================================== = Top Bar =====================================*/ #top-bar .social-icons { margin: 8px 0px; } #top-bar { float: left; width: 100%; background: #202020; padding: 10px 0px } .social-icons li { display: inline-block; list-style: none; margin-right: 15px; } .social-icons li a { color: #ABABAB; } .social-icons li a:hover { color: #fff; } .buttons li { display: inline-block; } .buttons li a { color: #fff; text-decoration: none; background: #2071EE; font-size: 12px; padding: 8px 24px; float: left; font-weight: bold; border-radius: 18px; } a.border-button { border: 2px solid #fff; background: none!important; padding: 6px 24px!important; } /*===================================== = Featured Posts =====================================*/ #featured-posts { float: left; width: 100%; background: #202020; padding: 95px 0px; margin-bottom: 89px; } #featured-posts h3 { font-size: 48px; letter-spacing: -2px; text-transform: capitalize; margin-bottom: 5px; color: #fff; font-weight: bold; text-align: center; margin: 0px 0px 45px 0px; } #featured-posts #label_with_thumbs { margin: 0; padding: 0; } #featured-posts #label_with_thumbs li { display: block; float: left; width: 50%; position: relative; } #featured-posts #label_with_thumbs li img { width: 100%; } #featured-posts #label_with_thumbs li:first-child { padding-right: 20px; } #featured-posts #label_with_thumbs li:last-child { padding-left: 20px; } #featured-posts #label_with_thumbs .container { height: 400px; overflow: hidden; } #featured-posts #label_with_thumbs .details { background: #fff; position: absolute; width: 580px; top; : 0; z-index: 1; top: 0; padding: 0; } #featured-posts .post-info { float: left; } #featured-posts .details { float: right; } #featured-posts .details h2 { float: right; width: 421px; font-size: 20px; margin: 28px 24px 24px 24px; height: 41px; overflow: hidden; } #featured-posts .details h2 a { text-decoration: none; color: #111; } #featured-posts .post-info { background: #2071EE; padding: 21px; } #featured-posts .post-info a { color: #fff; text-align: center; font-size: 24px; } #featured-posts .post-info span { width: 100%; float: left; } #featured-posts span.month { text-transform: uppercase; font-size: 14px; border-top: 1px solid #fff; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; } /*===================================== = Footer =====================================*/ .footer { background-color: #32302f; color: #CCC; border-top-color: rgba(0, 0, 0, .2); width: 100%; float: left; padding: 60px 0px 0px 0px; margin: 80px 0px 0px 0px; } .footer-widget h2 { text-transform: uppercase; letter-spacing: 1.5px; font-size: 18px; color: #fff; } .footer-widget { float: left; width: 250px; margin-left: 30px; color: #CCC; } .footer-widget:first-child { margin: 0px; } .footer-widget p { line-height: 22px; } .footer-widget a:hover { text-decoration: underline; } .footer-widget a { color: #2071EE; text-decoration: none; } .footer-widget li { display: block; margin-bottom: 10px; } .footer-widget.last { width: 358px; } .copyrights { background-color: #2a2928; color: rgba(255, 255, 255, .25); text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); float: left; width: 100%; padding: 25px 0px; margin-top: 60px; } .copyrights p { margin: 20px 0px; } .copyrights a { color: rgba(255, 255, 255, .25); } .copyrights ul { margin: 20px 0px; } .left { float: left; } .right { float: right; } .right li { float: left; display: block; margin-right: 15px; } .footer-widget.last p { font-size: 16px; } .footer .social-links { float: left; width: 100%; margin-top: 28px; } .footer .social-links li { float: left; margin-left: 22px; color: #fff; } .footer .social-links li a { color: #fff; font-size: 20px; padding: 12px 17px; border: 1px solid #fff; } .footer .social-links li:first-child { margin: 0px; } .email-form { float: left; width: 100%; margin-top: 20px; } .emailtext { background-color: rgba(0, 0, 0, .2)!important; color: rgba(255, 255, 255, .25)!important; padding: 15px 20px!important; width: 244px!important; float: left; border-radius: 0!important; border: 0px; } .sub-button { background: #2071EE; color: #fff; text-transform: uppercase; letter-spacing: 1px; width: 112px; border: 0px; padding: 15px 20px!important; } .popular-posts ul { margin: 0px; padding: 0px; } /*===================================== = Popular Course =====================================*/ #popular-course { float: left; width: 100%; margin-top: 50px; } #popular-course .section { width: 50%; float: left; } #popular-course #label_with_thumbs { margin: 0; padding: 0; } #popular-course li { display: block; border: 1px solid #ddd; margin-bottom: 20px; } #popular-course .section:last-child { padding-left: 10px; } #popular-course .section:first-child { padding-right: 10px; } #popular-course img { width: 100%; transition: all .2s ease-in-out; } #popular-course img:hover { transform: scale(1.1); } #popular-course .container { overflow: hidden; } #popular-course h2 { font-size: 15px; text-align: center; margin: 5px 0px; } #popular-course h2 a { color: #111; text-decoration: none; } #popular-course .details { text-align: CENTER; border-bottom: 1px solid #ddd; padding: 30px 20px 40px 20px; } #popular-course .label_title {} #popular-course .post-info a { color: #A5A5A5; text-decoration: none; } .popular1 li:first-child { width: 100%; } .popular1 li { width: 49%; float: left; margin-right: 10px; } li.recent-box:last-child { margin: 0; } .popular2 li:last-child { width: 100%; } .popular2 li:first-child { margin: 0; width: 49%; margin-right: 10px; } .popular2 li { width: 49%; float: left; } #popular-course .title-text { display: none; } /*===================================== = Static Page =====================================*/ .static_page .post-title a { margin: 0; color: #484848; font-size: 43px; font-weight: 200; letter-spacing: -1px; margin-bottom: 0; float: left; text-align: center; width: 100%; line-height: 50px; font-family: source sans pro, sans-serif; text-transform: capitalize; text-decoration: none; } .static_page .post-title { margin: 0; } /*===================================== = Our Team =====================================*/ #title-info { float: left; width: 100%; background: #F5F5F5; text-align: center; padding: 48px 0px; margin-bottom: 34px; } #title-info h1 { margin: 0; color: #484848; font-size: 43px; font-weight: 200; letter-spacing: -1px; margin-bottom: 0; float: left; text-align: center; width: 100%; line-height: 50px; font-family: source sans pro, sans-serif; text-transform: capitalize; } .item #rsidebar-wrapper, .static_page #rsidebar-wrapper { display: block; } .item #main-wrapper, .static_page #main-wrapper { width: 825px; float: left; } .item .post-outer, .static_page .post-outer { width: 100%; padding: 0; } .item .description { color: #999999; font-family: source sans pro, sans-serif; font-size: 16px; } .item .post-body { margin: 0px; padding: 0; } .item .wrapfullpost, .static_page .wrapfullpost { border: 0; } .item .post-outer, .static_page .post-outer { float: left; font-size: 18px; line-height: 32px; font-family: source sans pro, san-serif; } .item .postmeta-primary { font-size: 15px; } .item .postmeta-primary span { margin-right: 20px; } .post img { max-width: 100%; height: auto; } /*===================================== = 404 Page =====================================*/ .error_page .main .Blog { display: none; } .notfound { text-align: center; margin: 0px 0px 89px 0px; line-height: 32px; margin-top: 80px; } .notfound h2 { font-size: 76px; } .notfound p { font-size: 25px; font-weight: 300; } .error_page #rsidebar-wrapper { display: none; } .error_page #main-wrapper { width: 100%; } div#error-page { float: left; width: 100%; } /*===================================== = Our Team =====================================*/ #our-team { width: 100%; float: left; background: #F5F5F5; padding: 80px 0px; margin: 75px 0px 40px 0px; } #our-team li { width: 16.6%; float: left; padding-right: 15px; display: block; } #our-team li img { width: 100%; height: auto; border: 1px solid #ddd; margin-bottom: 14px; -webkit-transition: all .6s ease; } #our-team li img:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; } #our-team .name, #our-team .rank { width: 100%; text-align: center; float: left; } #our-team .name { text-transform: uppercase; margin-top: 10px; } #our-team .rank { color: #9E9E9E; font-size: 13px; } #our-team .image-wrap { height: 193px; overflow: hidden; float: left; } /*===================================== = Author =====================================*/ .aboutauthor img { display: block; width: 139px; height: auto; border-radius: 50%; border: 0px; background: none; float: left; padding: 0px; margin-right: 20px; } .aboutauthor .authorname { color: #434242; font-family: 'raleway', sans-serif; font-size: 23px; margin: 4px 0px 0px 0px; font-weight: bold; } .aboutauthor { float: left; border-top: 1px solid #d2d2d2; padding: 37px 0px; } .aboutauthor .authorrank { color: #A2A2A2; margin: 0px; } .aboutauthor p { margin: 6px 0; font-size: 15px; line-height: 29px; } .postmeta-primary { padding: 10px 0px; border-bottom: 1px solid #d2d2d2; } /*===================================== = Related Posts =====================================*/ #related-posts { float: left; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 39px 0px; width: 100%; } #related-posts h2 { color: #4B4B4B; text-transform: uppercase; font-weight: 500; font-size: 28px; margin-bottom: 30px; padding: 0; } /*===================================== = Share Buttons =====================================*/ .share-button-link-text { display: block; text-indent: 0; } .post-share-buttons { display: block; width: 100%; float: left; margin: 35px 0; font-family: 'Montserrat', sans-serif; } .post-share-buttons .fb:hover { background: #375593; color: #fff } .post-share-buttons .email:hover { background: #13B3FF; color: #fff } .post-share-buttons .tw:hover { background: #0eb6f6; color: #fff } .post-share-buttons .pin:hover { background: #cb2027; color: #fff } .post-share-buttons .gp:hover { background: #dd4b39; color: #fff } .post-share-buttons span { text-decoration: none; height: 50px; width: 53px; text-align: center; line-height: 33px; font-size: 17px; color: #434242; display: inline-block; border-radius: 100%; margin: 5px 6px; padding-top: 9px; border: 1px solid #CCC; } /*===================================== = Status Msg =====================================*/ #main-wrapper .status-msg-wrap { display: none; } .status-msg-body { text-align: center; font-size: 16px; font-family: 'open sans', sans-serif; } .status-msg-wrap { text-align: left; } .status-msg-border { border: none; } .status-msg-body a { display: none; } .status-msg-body { background: none; position: static; margin: 0; color: #484848; font-size: 43px; font-weight: 200; letter-spacing: -1px; margin-bottom: 0; float: left; text-align: center; width: 100%; line-height: 76px; font-family: source sans pro, sans-serif; text-transform: capitalize; } .status-msg-body b { background: #2071EE; color: #fff; padding: 5px; text-transform: uppercase; } .status-msg-bg { display: none; } .status-msg-body b {} .PopularPosts .widget-content ul li { padding: .7em 0; display: block; } /*===================================== = Responsive Menu =====================================*/ nav#nav-mobile { position: relatitve; display: none; } #nav-trigger { float: right; margin: 0; } nav#nav-mobile { margin: 0px; } nav#nav-mobile { display: none; } #nav-trigger span .fa { font-size: 18px; color: #555555; } nav#nav-mobile { float: right; width: 100%; z-index: 300; position: relative; } #nav-mobile li { width: 100%; float: right; } #nav-mobile li { display: block; width: 100%; } #nav-mobile li a { background-color: #3F3E3E; padding: 13px 20px 13px 20px; width: 100%; float: right; color: #fff; } #nav-mobile li li a { background: #515151; } #nav-trigger { display: none; } #nav-mobile .menu-secondary { margin: 0; } .fixed-nav #nav-mobile { margin-top: 58px; } .widget { margin: 0; } /*===================================== = Responsive =====================================*/ @media screen and (max-width: 1110px) { .margin-1200, .slide-wrap { max-width: 800px; } #featured-posts #label_with_thumbs .details { height: 99px; overflow: hidden; } #featured-posts .details h2 { width: 223px; overflow: hidden; height: 61px; margin: 19px; } #featured-posts #label_with_thumbs .details { width: 380px; } #featured-posts { height: 538px; } .post-outer { width: 50%; } .readmore { width: 323px; } #our-team .image-wrap { height: 108px; } .popular1 li { width: 48.7%; } .popular2 li:first-child { width: 48%; } .footer-widget { float: left; width: 117px; } .copyrights { text-align: center; } .copyrights .left, .copyrights .right { width: 100%; } .copyrights .right { text-align: center; display: inline-block; float: none; width: 566px; margin: auto; } .item #main-wrapper, .static_page #main-wrapper { width: 431px; float: left; } } /*===================================== = Slider =====================================*/ @-moz-document url-prefix() { #slider-container { margin-top: 0px!important; } } #slider-container { height: 600px; overflow: hidden; position: relative; float: left; width: 100%; } #slider-container ul { padding: 0; } *, :after, :before { box-sizing: border-box; } #slider-container * { transition: all 0 ease; -webkit-transition: all 0 ease; -moz-transition: all 0 ease; -o-transition: all 0 ease } .slider-load span { position: absolute; font-size: 20px; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; background-color: #fff; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 5px; color: #555 } .slider-load { width: 100%; height: 600px; position: absolute; z-index: 8; background-color: #F0F0F0; left: 0; top: 0 } #slider { position: relative; overflow: auto; transition: all 0 ease; -webkit-transition: all 0 ease; -moz-transition: all 0 ease; -o-transition: all 0 ease } #slider li { list-style: none } #slider ul li { position: relative; float: left } .slider-img { width: 100%; height: 600px; overflow: hidden } .dots { position: absolute; bottom: 20px; text-align: center; width: 100% } .dots li { font-size: 0; display: inline-block; width: 8px; border-radius: 50px; height: 8px; padding: 2px; border: 0; cursor: pointer; background-color: #FA411E; margin-right: 5px } .dots li.active { background: #fff } .slideraro a { cursor: pointer; border: 2px solid #FFF; border-radius: 50%; overflow: hidden; display: block; color: #FFF; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px } .slideraro a:hover { color: #555; background-color: #FFF } .slideraro a.unslider-arrow.next:before { content: "\f054"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slideraro a.unslider-arrow.prev:before { content: "\f053"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #slider .widget h2 { width: 400px; font-size: 30px; line-height: 54px; color: #fff; font-weight: 400; } .slide-wrap { width: 1200px; margin: auto; float: none; position: static; } .slide-wrap-ab { position: absolute; z-index: 5; top: 65px; z-index: 10; } .unslider-arrow.next { position: absolute; z-index: 6; top: 50%; margin-top: -25px; right: 20px } .unslider-arrow.prev { position: absolute; z-index: 6; top: 50%; margin-top: -25px; left: 20px } .slider-img { background-color: #111 } .slider-img img { opacity: 0.8 } #slider .widget-item-control { display: none } #slider .slide-wrap p { color: #fff; font-weight: 300; width: 500px; line-height: 26px; font-size: 14px; } #slider .widget-content .caption { width: 1200px; margin: auto; float: none; } #blog-pager a { background: #2071EE; color: #fff; padding: 10px; text-transform: uppercase; text-decoration: none; } #blog-pager { margin: 1em 0; text-align: center; overflow: visible; margin-top: 69px; width: 100%; float: left; } #blog-pager a:hover { background: #111; } @media screen and (max-width: 810px) { .margin-1200, .slide-wrap { max-width: 300px; } .item #main-wrapper, .static_page #main-wrapper { width: 300px; float: left; } #rsidebar-wrapper { width: 300px; overflow: hidden; } #slider .widget h2 { width: 250px!important; } #slider .slide-wrap p { width: 250px!important; } .wrapfullpost { width: 100%; } .post-outer { width: 100%; } #header { width: 100%; text-align: center; } .entrybody { height: auto; } #featured-posts #label_with_thumbs .details { height: 63px; } #featured-posts #label_with_thumbs li { width: 100%; padding: 0!important; } #featured-posts { height: 719px; } #featured-posts #label_with_thumbs .container { height: auto; margin-bottom: 35px; } #featured-posts #label_with_thumbs .details { width: 300px; } #featured-posts .post-info { padding: 3px; } #featured-posts .details h2 { width: 220px; margin: 3px; height: 52px; font-size: 17px; margin: 6px 3px; } #our-team li { width: 50%; margin-bottom: 23px; } #featured-posts { height: auto; } .authorname { float: left; text-align: center; margin-bottom: 15px; } .comment-actions { position: static; float: none; } .social-share { float: none; margin: auto; width: 205px; } .comment-posted { float: left; margin-top: 18px; margin-left: 53px; } #primary_nav_wrap { display: none; } #nav-mobile { display: block!important; } #top-bar .social-icons { width: 100%; float: none; text-align: center; } .buttons.right { width: 216px; margin: auto; float: none; margin-top: 17px; } #nav-mobile ul { display: none; margin: 0; padding: 0; } #nav-trigger { display: block; } #header { width: 268px; } #header-wrapper { max-height: 102px; } #nav-trigger { display: block; margin-top: 12px; } #nav-mobile ul ul { display: none!important; } .popular1 li { width: 48%; } #popular-course .section { width: 100%; } #popular-course .section:last-child { padding: 0; } .popular2 li:first-child { width: 47%; } .footer-widget { width: 100%; } .footer-widget.last { width: 300px; } .emailtext { width: 177px!important; } .footer .social-links li a { padding: 6px 11px; } .copyrights .right { width: 100%; text-align: center; padding: 0; } .copyrights .right li { width: 100%; margin: 0; } .footer-widget { width: 100%; margin-left: 0; margin-bottom: 27px!important; } .aboutauthor img { width: 100%; } .aboutauthor .authorname { width: 100%; } p.authorrank { width: 100%; text-align: center; } .aboutauthor p { text-align: center; } #related-posts a { width: 100%; padding: 0; } #related-posts img { width: 100%!important; height: auto!important; } #related-posts div { width: 100%!important; } .post-share-buttons span { margin: 5px 1px; } } ]]>