/* Theme Name: BB Mobile Application Theme URI: http://burhanuddinbohra.com/free/wp-bb-mobile-application-theme/ Author: burhanuddinbohra Author URI: http://www.burhanuddinbohra.com/ Description: BB Mobile Application is a free WordPress theme for APP websites. It is a highly suitable theme for APP post display. It has purpose oriented design, responsive layout and special features to manage Slider,service and footer from customize admin section. Demo: http://www.burhanuddinbohra.com/bb-mobile-application-theme/ Version: 1.1.6 License: GNU General Public License License URI: license.txt Text Domain: bb-mobile-application Tags: left-sidebar,right-sidebar,custom-background,custom-logo,editor-style,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,blog,news,portfolio BB Mobile Application WordPress Theme has been created by burhanuddinbohra, 2016. BB Mobile Application WordPress Theme is released under the terms of GNU GPL */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#f1f1f1; font:12px/22px arial; color:#5b5b5b; font-family:Open sans; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:10px 0; } p{ margin:0 0 15px; padding:0; font-size:18px; line-height:normal; font-weight:normal; } a{ text-decoration:none; color:#00A885; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } ul{ margin:0 0 0 15px; padding:0; } :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } select{ width:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ clear:both; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } .center{ text-align:center; margin-bottom:40px; } .middle-align{ margin:0 auto; padding:20px 0 20px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } .sticky{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: left; margin-right:20px; margin-top:4px; margin-bottom:10px; padding:0; border:1px solid #bbb; padding:5px; } .alignright, img.alignright { display: inline; float: right; border:1px solid #bbb; padding:5px; margin-bottom:10px; margin-left:25px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; } .comment-list .comment-content ul { list-style:none; margin-left:15px; } .comment-list .comment-content ul li{ margin:5px; } #respond{ clear:both; } .toggleMenu{ display:none; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } a.small-button{ background:#3890cb; padding:5px 30px; border-radius:3px; color:#fff; display:table; margin:0 auto; } a.small-button:hover{ color:#fff; background:#0c5f96; } input[type="text"], input[type="email"], input[type="phno"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } input[type="submit"] { border:2px solid #29459f; text-align:center; text-transform:uppercase; font-size:18px; padding:7px 30px; background:#4c66ba; font-weight:bold; color:#fff; border-radius:3px; display:table; } input[type="submit"]:hover{ background:#3890cb; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #4d6dc1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* ---------Buttons--------- */ a.button-all{ border:2px solid #000; color:#000; padding:8px 50px; margin:20px 0 0 0; font-weight:bold; } a.button{ border: 2px solid #3890cb ; background:#3890cb; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight:bold; } /* ---------HEADER--------- */ .header-no-slider{ height: 100px; } #header.fixed{ position:fixed !important; top:0 !important; margin:0; padding:15px 0; z-index:99999999; background-color:#ffffff; opacity:inherit; } #header .logo{ margin:0; padding: 24px 0; text-align:center; } #header .logo h1{ font-weight:700; text-transform:uppercase; padding:0; margin-bottom:8px; font-size:30px; font-weight:bold; margin-top: 0; text-align:center; } #header .logo a{ color:#14c2a0; font-family:'Roboto'; } #header .logo p{ font-size:12px; font-family:arimo; color: #14c2a0; } .home #header{ position:absolute; background:transparent; } #header{ z-index:999; width:100%; height:auto; background-color:none; } #header .header-top{ background:#000; color:#aaaaaa} #header .header-top a{ color:#aaaaaa} #header .top-contact{ padding:12px 0; font-size:15px; } #header .top-contact .call{ background:url('images/phone1.png') no-repeat; padding:1px 0 1px 30px; margin-right:15px; } #header .top-contact .email{ background:url('images/email1.png') no-repeat; padding:0 0 0 30px; } #header .social-media{ padding:12px 0; text-align:center; } .social-media .dashicons{ margin: 0 6px; padding: 0; } #header .social-media a:hover{ color:#3890cb; } .buttonbox a{ background:#3890cb; color:#fff; padding:8px 15px; display:block; margin:27px 0 0 0; border-radius:5px; text-align:center; } .buttonbox a:hover{ background:#000; color:#fff; } #header .nav{ margin:5px 0 0 0; padding:0; text-align:left; float:right; } #header .nav ul { float:right; margin:0; padding:0; font-family:'Roboto'; font-weight:400; font-size:14px; text-transform: uppercase; font-weight:bold; } #header .nav ul li{ display:inline-block; margin:0; position:relative; } #header .nav ul li a{ color:#ffffff; padding:10px; display:block; } #header .nav ul li a:hover{ color:#14c2a0; } #header .nav ul li a:active{ color:#3890cb; } @media screen and (max-width:720px) { .toggle{ display:block; } .toggle a{ width:100%; color:#fff; background:url('images/responsive_menu.png') no-repeat right center #3890cb; padding:10px 10px; font-size:16px; } .toggle a:hover{ color:#fff; } .toggle a.active{ color:#fff; } .nav{ display:none; } #header .nav{ float:none; margin:0; position:absolute; z-index:1; overflow-x:hidden; width: 100%; left: 0; } #header .nav ul{ width:100%; float:none !important; margin-top:0; background-color:#222222; } #header .nav ul li{ border-top:1px #303030 solid; display:block; float:none; text-align:left; } .nav ul li a{ padding:5px 10px; display:block; color:#ffffff !important; } .nav ul li a:hover{ color:#ff8a00; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-left:20px !important; } .nav ul li ul li ul li a{ padding-left:30px !important; } } @media screen and (min-width:720px){ #header .nav ul li ul{ display:none; z-index:2; font-weight:normal; margin-top:12px; } #header .nav ul li:hover > ul{ display:block; background:#11b292; width:200px; position:absolute; top:25px; left:0; text-align:left; padding:10px 0; z-index:99; } #header .nav ul li:hover > ul li{ display:block; } #header .nav ul li:hover > ul li a{ padding:7px 0px 7px 10px; color:#ffffff; } #header .nav ul li:hover ul li ul{ display:none; } #header .nav ul li:hover ul li:hover > ul{ display:block; position:absolute; left:200px; top:-20px; } #header .nav ul.sub-menu{ margin-top:10px; } #header .nav ul.sub-menu li a:hover{ background:#3890cb; color:#14c2a0; } #header .nav ul { margin:27px 0 0 0; } #header .nav ul li a{ color:#25333c; padding:7px 10px; display:block; } } @media screen and (min-width: 1000px) { #header #header-inner .nav ul li ul li{ display:block; position:relative; float:none; } #header #header-inner .nav ul li ul li a{ color:#000; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid; } } /* Homepage */ #our-services small{ color:#6d6d6d; margin:0 0 20px 0; } #our-services .small-button{ margin-top:30px; } #our-services .page-box{ color:#25333c; border-radius:5px; padding:30px 0; margin: 0 0 2% 0; border:1px solid #14c2a0; } #our-services .page-box h4 a{ color:#25333c; margin:0 0 29px 0; padding:0; } #our-services .page-box p{ font-size:15px; margin:0; line-height: 25px; } #our-services .box-image{ margin:0; } #our-services img{ max-width:100%;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; border:1px solid #fff; width:100%; } #our-services .services-box{ margin:40px 0 20px 0; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; } section h3{ font-weight:bold; text-align:center; margin:30px 0 0 0; text-transform:uppercase; } section h4{ color:#000; font-weight:bold; font-size:20px; } section h5{ color:#3890cb; font-weight:bold; font-size:24px; margin:0 0 10px 0; padding:0; } .new-line, .box-content p{ margin-bottom: 2em; } .box-content h3{ color:#000; font-weight: bold; } .text-center{ text-align: center!important; } a.r_button { background: #3790ca; padding: 0.5em 2em; color: #fff; } section{ font-family:Open sans; } section .innerlightbox{ background-size:100% 100%; padding:4.5em 0; color:#000; } section .innerdarkbox{ background-size:100% 100%; padding:4.5em 0; color:#fff; } /* Newsletter Section */ #newsletter-box input[type="text"]{ margin:0; } #newsletter-box input[type="submit"] { margin:0; background:#4c66ba; border:2px solid #fff; border-radius:3px; color:#fff; } #newsletter-box input[type="submit"]:hover{ background:#3791cc; } /* Contact Section */ #contact-box{ background:#f4f5f9; } .contact-innerbox{ background:#fff; padding:30px; box-shadow:5px 5px #eee; margin:0 0 20px 0; } #contact-box .contact-form-box label{ width:100%; } #contact-box .contact-form-box p{ font-size:14px; font-weight:bold; color:#000; } #contact-box .address-box p{ margin:0 0 50px; color:#999999; } #contact-box .social-icons{ margin-top:15px; } #contact-box .social-icons a{ color:#000; padding:5px 10px; } #contact-box .social-icons a:hover{ background:#3890cb; color:#fff; } #contact-box .mapbox{ box-shadow:5px 5px #eee; } #contact-box .contact-form-box input[type="text"], #contact-box .contact-form-box input[type="email"], #contact-box .contact-form-box input[type="phno"], #contact-box .contact-form-box textarea { border:none; border-bottom:1px solid #999999; padding:4px 0 5px 0; width:100%; color:#000; margin:0 0 15px; font-size:14px; } #contact-box .contact-form-box textarea{ height:50px; } #contact-box .contact-form-box input[type="submit"]{ margin-top:20px; } /* Footer Section */ #footer{ background:#25333c; text-align:center; color:#fff; padding:40px 0 30px; text-align:left; font-family:Helvetica; } #footer h3{ text-align:left; text-transform:uppercase; font-size:24px; margin:0 0 24px 0; border-bottom:1px solid #26c9ff; padding:0 0 17px 0; } #footer p{ font-size:14px; } #footer .news-form{ margin-top:24px; } #footer input[type="text"]{width:60%; padding:8px 5%; float:left; margin-right:2%; border-radius:5px; } #footer input[type="submit"]{width:30%; padding:8px 5%; float:left; border:none; background:#4c93d0; border-radius:5px; margin:0; } #footer .copyright{ text-align:center; } /* --------- Blog Page ------- */ #full-width-blog .postbox{ height:355px; } #blog-right-sidebar .postbox img, #blog-left-sidebar .postbox img{ height:250px; } #blog-left-sidebar .postbox img:hover{ border:1px solid #d3da36; } .postbox { margin-bottom:39px; border-bottom:2px dotted #7e7e7e; padding:0 0 26px; } .postbox h2{ margin:0 0 5px; font-weight:bold; } .postbox a.blogbutton { background:none; color:#fff; font-size:12px; font-weight:bold; color:#fff; padding:6px 25px; border:1px solid #000; color:#000; font-size:18px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .blogbutton-small{ background:none; color:#fff; font-size:12px; font-weight:bold; color:#fff; padding:6px 25px; border:1px solid #000; color:#000; font-size:14px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .metabox{ color:#000; padding:15px 0; clear:both; } .metabox .entry-date{ background:url('images/date.png') no-repeat; padding: 0 0 0 20px; margin:0 13px 0 0; } .metabox .entry-author{ background:url('images/author.png') no-repeat; padding: 0 0 0 20px; margin:0 20px 0 0; } .metabox .entry-comments{ background:url('images/comments.png') no-repeat; padding: 0 0 0 20px; } #content-vw h6{ margin:0 0 15px; font-size:18px; padding:0; font-weight:bold; line-height:normal; } /* --------- Inner Pages --------- */ .page-trainer-box { background:url('images/trainer-background.gif') repeat-x left bottom; padding:0 10px; color:#fff; margin-bottom:25px; } .page-trainer-box .trainer-name{ background:#18304c; color:#fff; display:table; padding:13px 20px; text-transform:uppercase; font-size:14px; font-weight:bold; margin:45px 0 0 0; } .page-trainer-box .trainer-designation{ background:#fff; display:table; padding:10px 25px; color:#161b21; font-weight:bold; font-size:13px; box-shadow:2px 2px 2px #bbb; } .page-trainer-box p{ font-size:15px; line-height:normal; color:#000; } .page-trainer-box .image-box img{ width:100%; } /* --------- CONTACT Page --------- */ section#contact-box{ padding:0; margin:0; } .contact-info{ color:#6e6e6e; font-weight:bold; font-size:16px; line-height:26px; border-right:2px dotted #595959; } .contact-location{ background:url('images/location.png') no-repeat 0 2px; padding:0 0 0 30px; margin:0 0 40px 0; } .contact-call{ background:url('images/phone.png') no-repeat 0 2px; padding:0 0 0 30px; margin:0 0 40px 0; } .contact-email{ background:url('images/email.png') no-repeat 0 5px; padding:0 0 0 30px; margin:0 0 40px 0; } .contact-info .head{ color:#000; } .contact_form textarea { height: 75px; } .contact_form{ background: #000; padding: 54px; } .contact_form p{ color:#fff; margin:0 0 15px; } .contact_form input[type="text"] , .contact_form input[type="email"], .contact_form textarea { width: 100%; background: #262626; border: 1px solid #262626; color: #fcfcfc; padding: 8px 10px; margin:5px 0 0 0; } .contact_form input[type="submit"] { background:none; color:#fff; padding:10px 50px; text-transform:uppercase; color:#fcfcfc; display:table; margin:0 auto; text-align:center; border: 2px solid #fff; } .contact_form input[type="submit"]:hover{ background:#ffd34e; color:#000; } /* --------- POST --------- */ section#blog{ padding-top:0; margin-top:0; } .blog-post h5{ text-transform:uppercase; color: #000; } .feature-image-box{ width:100%; } .feature-image-box img{ height:230px; } .hovereffect a{ border:1px solid #fff; background:#000; color:#fff; padding:5px 20px; } .hovereffect a:hover{ background:#ffd34e; color:#000; } .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-right:5px; } .bradcrumbs a:hover{ background:#ffd34e; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /* Comments BOX */ #comments{ margin-top:40px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 0; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#18304c !important ; padding:10px 20px; text-transform:uppercase; font-weight:bold; margin-top:20px; width:46%; margin-left:15px; } #comments a.comment-reply-link{ color:#000; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:#3890cb; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } #content-vw #comments ol li{ background:none; list-style:none; margin: 0 0 20px; padding: 20px; background:#eee; display:inline-block; } #content-vw #comments ul{ margin:0 0 0 40px; } #comments .reply{ float:right; } #comments .comment-author{ width:100%; clear:both; } #comments .comment-metadata{ width:90%; float:left; } #comments .comment-content{ width:90%; float:left; margin-left:7%; } #comments p { width:90%; float:left; } /* --------- SLIDER--------- */ #slider{ max-width:100%; margin:auto; padding:0; position:relative; } .nivo-caption { top:20%!important; } #slider .slide-cap{ position:relative; margin:auto; width:90%; margin-right:auto; margin-left:auto; top:25%; } #slider .slide-cap h4{ text-transform:uppercase; font-size:25px; width:30%; margin:0 auto; background:url('images/welcome.png') center no-repeat; background-position: center; padding:5px 0; font-weight:bold; } #slider .slide-cap h2{ padding:0 25px 5% 0; font:700 80px 'Roboto'; text-transform:uppercase; left:50%; } #slider .slide-cap p{ color:#ffffff; font-weight:700; margin:0 0 0 0; line-height:20px; border-radius:0 0 5px 5px; font:25px/20px arial; text-transform:uppercase; font-weight:bold; } #slider .slide-cap a.read-more{ border-radius:3px; padding:9px 50px; border:2px solid #dadada; color:#ffffff; background:#3890cb; font-size:18px; height:auto; display:table; margin:0 auto; } a.blog-more{ display:inline-block; font:400 16px 'Roboto Condensed', sans-serif; padding:10px 30px; margin-top:21px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:15px; } /* Sidebar */ #sidebar{ font-family:Helvetica; } #sidebar form{ display: table; width: 100%; } #sidebar h3{ margin:0 0 25px; padding:11px 15px; text-transform:none; font-weight:bold; font-size:20px; font-family:Roboto; background:#18cfab; color:#fff; text-align:left; } #sidebar input[type="search"] { background:#eeeeee; padding:9px 10px; border:none; font-size:15px; color:#000; width:100%; } #sidebar label{ width:70%; float:left; } #sidebar input[type="submit"]{ background:#000; border:none; color:#fff; padding:10px 0; width:30%; font-size:14px; float:left; margin:0; } #sidebar aside{ margin-bottom:30px; border:1px solid #c7c7c7; } #sidebar ul {list-style:none; margin:0; padding:0; font-size:16px; margin: 0 20px; } #sidebar ul li{ background:url('images/bullets-sidebar.png') no-repeat 0 7px; margin:0 0 15px; padding:0 0 0 23px; } #sidebar ul li a{ color:#000; } #sidebar ul li a:hover{ color:#18cfab; } #sidebar .tagcloud a{ background:#eeeeee; color:#000; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:#ffd34e; } /* Page */ .title-box{ background-repeat:no-repeat; background-size:100% 100%; color:#fff; text-transform:uppercase; padding:75px 0; font-weight:bold; text-align:center; margin-bottom:25px; font-family:Roboto; background-color: #11b292; } .single .title-box{ background-size:100% auto; } #content-vw { font-family:Helvetica; } #content-vw p{ text-align:justify; line-height: 25px; font-size: 16px; margin:0 0 20px 0; } #content-vw hr{ border:none; border-bottom:2px dotted #7e7e7e; margin:35px 0; clear:both; } #content-vw h2{ font-size:44px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; font-family:Roboto; } #content-vw h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; font-family:Roboto; } #content-vw h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; font-family:Roboto; } #content-vw ul{list-style:none; margin:0 0 0 10px; padding:10px 0 0; font-size:16px; } #content-vw ul li{ background:url('images/bullet-fork.png') no-repeat 0 5px; padding:0 0 0 35px; margin:0 0 20px 0; line-height:25px; } #content-vw ul li ul li{ background:url('images/bullet-fork2.png') no-repeat 0 5px; } #content-vw ol{list-style: none; margin:0 0 0 15px; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } #content-vw ol li{ padding:0 0 0 0; margin:0 0 20px 0; } #content-vw ol li:before { counter-increment: myCounter; content:counter(myCounter); color: #fff; background: #0c1f34; display: inline-block; text-align: center; margin: 5px 10px; line-height: 40px; width: 40px; height: 40px; font-weight:bold; } /* Pagination */ .pagination { clear:both; position:relative; font-size:14px; /* Pagination text size */ line-height:13px; float:right; /* Pagination float direction */ font-weight:bold; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#fff; /* Pagination text color */ background: #18cfab ; /* Pagination non-active background color */ -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover{ color:#18304c; background: #11b292; /* Pagination background on hover */ } .pagination .current{ padding:10px 15px; background: #11b292; /* Current page background */ color:#18304c; font-weight:normal; } @media screen and (max-width:991px) { #slider .slide-cap h2{ font-size:150% } .day-time{ border-bottom: 1px solid #fff; margin-bottom: 15px; padding-bottom: 20px; } }