/* Theme Name: App7 Theme URI: http://themelayer.net/wp/theme/app7 Author: Themelayer Author URI: http://themelayer.net Description: App7 - App landing WordPress Theme Version: 1.0 License: GPL v2 or later License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html Tags: Right-sidebar, custom-menu, featured-images, post-formats Text Domain: App7 */ ul, ol { margin-left: 18px !important; padding-left: 0; } ul li, ol li { font-size: 15px; line-height: 28px; list-style: disc; } ol li { list-style: decimal !important; } ul li ul, ul li ol, ol li ul, ol li ol { margin-left: 1.5em !important; } dt { font-size: 14px; line-height: 20px; font-weight: 700; color: #171717; } dd { font-size: 14px; font-weight: 400; line-height: 16px; color: #505050; margin-bottom: 20px; } strong { color: #171717; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 7px 12px !important; } dl dd { margin: 0 0 1.75em !important; } .bypostauthor { color: inherit; } /********* widget styles *********/ .widget { margin-bottom: 60px; } .widget ul { margin-bottom: 0 !important; } .widget ul li:last-child { padding-bottom: 0 !important; } .widget ul li { transition: all 0.3s ease 0s; font-size: 14px !important; font-weight: 400; color: #535454; list-style: disc !important; padding-bottom: 4px; } .widget ul li a:hover { text-decoration: none; outline: none; color: #535454; } .widget select { width: 100%; padding: 8px; word-break: break-all; } .widget ul li, .widget ol li { word-break: break-all; } .widget ul li a, .widget ol li a { color: #535454; font-size: 14px; } .widget-title { font-size: 22px; margin-bottom: 30px; position: relative; font-weight: 600; text-transform: uppercase; margin-top: 0; } .widget-title:after { position: absolute; content: ""; background: #d1d1d1; height: 1px; width: 70px; left: 0; bottom: -6px; } .calendar_wrap table tr th { text-align: center; } .calendar_wrap table tr td { text-align: center; font-size: 16px; } .widget .screen-reader-text { display: none; } .widget_search .search-form .search-field { width: 75% !important; } .widget_search input { height: 41px; border: 1px solid #ff8e27; padding: 0 13px; font-style: 15px; } .widget_search input:focus { outline: 0; } .widget_search .search-form .search-submit { background: -moz-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -webkit-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -ms-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); color: #fff; border: 0; padding: 0 20px; font-size: 16px; border-radius: 0; line-height: 41px; } .calendar_wrap caption { font-size: 16px; } .textwidget img { height: auto !important; max-width: 100% !important; margin-bottom: 30px; } .wp-caption .wp-caption-text { font-size: 13px !important; } .widget .tagcloud a { border: 1px #e1e1e1 solid; padding: 4px 14px; border-radius: 3px; display: inline-block; margin: 0 8px 12px 0; font-size: 12px !important; transition: 0.3s; } .widget .tagcloud a:hover { color: #ff8e27; border: 1px #ff8e27 solid; } .widget_recent_comments ul li { margin-bottom: 7px; } .widget_text .wp-caption-text { display: none; } .widget_rss ul li { margin-bottom: 13px; } /*** comment style ***/ .Block-Comment img { max-width: 100%; height: auto; } .news-detail-post-material .share ul li { padding-left: 5px; } .news-detail-post-material .share ul { padding-top: 4px; margin-left: 0 !important; } .news-detail-post-material .share ul li a i { font-size: 16px; padding: 0 3px; } /** * 8.0 - Alignments */ .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } /** * 12.1 - Captions */ .wp-caption { margin-bottom: 1.75em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption .wp-caption-text { color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } /** * 12.2 - Galleries */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; margin-bottom: 0 !important; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px !important; font-size: 0.8125rem; font-style: italic; line-height: 26px !important; padding-top: 0.5384615385em; } .single-blog .gallery-caption { font-size: 14px !important; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /***** start css ******/ .navigation.pagination .nav-links .page-numbers { height: 40px; width: 40px; border: 1px solid #e6e6e6; border-radius: 50%; text-align: center; line-height: 38px; margin: 0 7.5px; float: left; transition: 0.3s; cursor: pointer; } .navigation.pagination .nav-links .page-numbers.current { box-shadow: 0px 0px 3px 3px rgba(171, 171, 171, 0.07) !important; background: #ff8e27; color: #fff; } .navigation.pagination .nav-links .page-numbers:hover { box-shadow: 0px 0px 3px 3px rgba(171, 171, 171, 0.07); background: #ff8e27; color: #fff; } .navigation.pagination .nav-links .next, .navigation.pagination .nav-links .prev { border: none !important; } .navigation.pagination .nav-links .next:hover, .navigation.pagination .nav-links .prev:hover { box-shadow: none !important; } .blog-post-share .post-share { margin: 0 !important; display: inline-block; } .blog-post-share .post-share li { list-style: none !important; padding-right: 0 !important; } .blog-post-share .post-share li a { padding-right: 18px; } .post-navigation { overflow: hidden; margin: 17px 0 48px 0; } .post-navigation .nav-links .nav-previous { float: left; } .post-navigation .nav-links .nav-next { float: right; } .post-navigation .nav-links .nav-next a, .post-navigation .nav-links .nav-previous a { border-bottom: 1px solid #e1e1e1; } .post-navigation .nav-links .nav-next a:hover, .post-navigation .nav-links .nav-previous a:hover { color: #ff9600; } .post-navigation .nav-links .nav-next a:hover, .post-navigation .nav-links .nav-previous a:hover { border-bottom: 1px solid #ff9600; } .comment-respond .comment-reply-title { font-size: 24px !important; font-weight: 600 !important; text-transform: uppercase !important; margin-top: 32px; } .comments-form .input { width: 100%; } .comment-form .media-list { margin-left: 0 !important; } .comment-form .media-list .media-left { width: 13%; border-radius: 50%; } .comment-form .media-list .media-left img { border-radius: 50%; } .comment-form .media-list .children { margin-left: 2.5em !important; } .comment-form .media-list .children .media-left { width: 13.5%; } .comment-form .media-list .children .children .media-left { width: 14.5%; } .comment-form .media-list .children .children .children .media-left { width: 16%; } .comment-form .media-list .children li { margin-top: 20px; } .comment-form .media-list .media-body .replay { text-transform: uppercase; } .comment-form .media-list .media-body .replay .comment-reply-link { color: #ff9600; } .comment-form .media-list .media-body .replay .comment-reply-link i { margin-left: 1px !important; margin-right: 6px; } .single-full-img { margin-bottom: 30px; } .main-blog-section .single-blog .aligncenter { margin: 0 !important; } .main-blog-section img { max-width: 100%; height: auto; } iframe { max-width: 100%; } .navigation.pagination { margin-bottom: 100px; } .main-search { text-align: center; } .main-search-2 { text-align: left; } .main-search .search-heading-1 { margin-bottom: 20px; } .main-search input { height: 40px; border: 1px solid #ff8e27; padding: 0 13px; } .main-search input:focus { outline: 0; } .main-search .search-submit { background: -moz-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -webkit-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -ms-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); color: #fff; height: 40px; border: 0; margin-top: -3px; padding: 0 20px; font-size: 16px; border-radius: 0; } .contact-us-content { margin: 100px 0; } .contact-us-content .error-text .error-404 { font-size: 118px; line-height: 118px; background: -moz-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -webkit-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -ms-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; } .contact-us-content .error-text p { margin-bottom: 50px; } .contact-us-content .error-text .two-buttons .app-button { background: -moz-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -webkit-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); background: -ms-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%); padding: 14px 25px; color: #fff; font-size: 16px; text-transform: capitalize; font-weight: 600; } .contact-us-content .error-text .two-buttons .app-button:hover { color: #606060; } .single-blog img { margin-bottom: 25px; } .row-eq-rs-height { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contact-section .contact-form br { display: none !important; } .navbar.navbar-default ul.nav.navbar-nav li.menu-item-has-children > ul.sub-menu li { list-style: none; } .navbar.navbar-default ul.nav.navbar-nav li.menu-item-has-children { position: relative; } .navbar.navbar-default ul.nav.navbar-nav li.menu-item-has-children > ul.sub-menu li ul.sub-menu { position: absolute; left: -160px; top: 0; } .navbar.navbar-default ul.nav.navbar-nav li.menu-item-has-children > ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu { left: 0px; top: 34px; } .navbar.navbar-default ul.nav.navbar-nav li.menu-item-has-children > ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu { left: 160px; top: 0; } .sticky.blog-post .post-details { background: #f7f7f7; } dl dt { line-height: 32px !important; } dl dd { line-height: 32px !important; } address { line-height: 30px; } .category-markup ul { list-style-type: disc !important; list-style-position: inside !important; } .category-markup ol li { list-style-type: decimal !important; list-style-position: inside !important; } .category-markup ul ul, ol ul { list-style-type: circle !important; list-style-position: inside !important; margin-left: 15px !important; } .category-markup ol ol, ul ol { list-style-type: lower-latin !important; list-style-position: inside !important; margin-left: 15px !important; } .category-markup.single-blog ul li span { font-size: 14px !important; } .single-blog .page-links { font-size: 16px; padding: 40px 0 30px 0; } .single-blog .page-links a .page-number { height: 30px; width: 30px; background: #a1a1a1 !important; display: inline-block; color: #fff; text-align: center; line-height: 30px; } .single-blog .page-links .page-number, .single-blog .page-links .page-number, .single-blog .page-links .page-number { display: inline-block; height: 30px; width: 30px; color: #fff; text-align: center; line-height: 30px; background: -moz-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%) !important; background: -webkit-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%) !important; background: -ms-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%) !important; } .blog-post-share-tag { overflow: hidden; width: 100%; } .blog-post-share-tag .blog-post-share { display: inline-block; width: 36%; float: left; } .blog-post-share-tag .tag-list { display: inline-block; float: right; width: 64%; padding: 27px 15px 0 5px; text-transform: capitalize; text-align: right; } .blog-post-share-tag .tag-list span { padding-right: 12px; } .blog-post-share-tag .tag-list .title { margin-right: 12px; } .blog-post-share-tag .tag-list a { line-height: 32px; } .blog-post-share-tag .tag-list a:hover, .blog-post-share-tag .tag-list a:active, .blog-post-share-tag .tag-list a:focus { color: #ff8e27; } .post-password-required .post-password-form input { border: 1px solid #ff8e27; } .post-password-required .post-password-form input[type="password"] { padding: 1px 8px !important; } .post-password-required .post-password-form input[type="submit"] { background: -moz-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%) !important; background: -webkit-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%) !important; background: -ms-linear-gradient( 9deg, rgb(255,142,39) 0%, rgb(215,45,96) 100%) !important; color: #fff; } #pricing .vc_column-inner { padding-top: 0 !important; } .team-section-two { text-align: center !important; } .post-details .wp-caption { margin-top: 26px; } .blog-post .post-details .wp-audio-shortcode { margin-bottom: 26px; } .blog-post .post-details .alignright { width: 100%; } .navigation.comment-navigation { margin: 40px 0 60px 0; } .navigation.comment-navigation .nav-links a { background: #d8305e; padding: 11px 18px; color: #fff; overflow: hidden; transition: 0.3s; } .navigation.comment-navigation .nav-links a:hover { opacity: 0.9; } .blog-page-details-content .comment-title { margin: 30px 0 43px 0; } .widget ul.children { margin-top: 3px; } .widget ul.children ul.children { margin-top: 4px; } #features .vc_column-inner { padding-top: 0px; } .footer-bg { background-size: cover; background-repeat: no-repeat; } .feature-pd-top { padding-top: 95px; } @media all and (min-width: 1600px) { .banner { padding: 270px 0 150px; } } @media all and (min-width: 1024px) { .features-section .features-item-right { margin-left: 10px; } } @media all and (max-width: 991px) { .navbar.navbar-default ul.nav.navbar-nav li.menu-item-has-children > ul.sub-menu { margin-left: 1.5em !important; } .app7-sidebar { margin-top: 100px; } .feature-area .mg-top-100 { margin-top: 0; } .intro-item-three .trending-news { padding-bottom: 0 !important; } #home { margin-bottom: 50px; } #screenshot { margin-top: 50px; } .client-slider .owl-controls { margin-left: -65px; } .fun-fact-pad { padding-bottom: 45px; } } @media all and (max-width: 767px) { .comment-form .media-list .media-left { width: 22%; } .comment-form .media-list .children .media-left { width: 22%; } .comment-form .media-list .children .children .media-left { width: 18%; } .comment-form .media-list .children .children .children .media-left { width: 22%; } .single-blog .post-info { padding-bottom: 12px; } .contact-us-content .error-text .error-404 { font-size: 90px; line-height: 90px; } .contact-us-content .error-text .two-buttons .app-button { padding: 13px 23px; font-size: 14px; } .trending-news { padding-top: 50px; } .blog-post-share-tag .tag-list { float: none; padding-top: 10px; } .main-blog-section .comment-box .media-list .media-left { width: 16%; } .blog-post-share-tag .blog-post-share { width: 100%; float: left; } .blog-post-share-tag .tag-list { width: 100%; float: left; text-align: left; padding-left: 0; } .comment-form .media-list li .media-body h2 { font-size: 22px; } .comment-form .media-list li .media-body pre { padding: 3px; } .blog-post-share-tag .tag-list .title { margin-right: 5px; } .comment-form .media-left, .comment-form .media-right, .comment-form .media-body { display: initial; } .comment-respond .send-comment .form-group .input.left { margin-bottom: 20px; } .footer-section .footer-bottom { padding-top: 55px; padding-bottom: 15px; } } @media all and (max-width: 480px) { .single-blog h2, .single-blog h3 { font-size: 22px !important; } .navigation.pagination .nav-links .page-numbers { margin: 0 4px; } .post-password-required .post-password-form input[type="password"] { width: 160px; } .video-section .overlay { padding: 113px 0 144px !important; } .client-section-2 .client-details { padding: 32px 10px 25px 55px; margin-right: 10px; } .section-title { margin-bottom: 50px; } } @media all and (max-width: 320px) { .comment-form .media-list .children { margin-left: 0 !important; margin-top: 10px; } .comment-form .media-list .media-left { width: 35% !important; margin-bottom: 15px !important; display: inherit !important; } .comment-form .media-list .children .media-left { width: 23%; } .comment-form .media-list .children .children .media-left { width: 23%; } .comment-form .media-list .children .children .children .media-left { width: 23%; } } /* btn hover effect */ .btn-subscribe, .btn.btn-deep-red { transition: 0.5s; background: linear-gradient(90deg, var(--c1, #D72E60), var(--c2, #ff8e27) 51%, var(--c1, #D72E60)) var(--x, 0)/ 200%; } /* <- Magic Stuff Start */ .btn-subscribe:hover, .btn.btn-deep-red:hover { --x: 100%; } .btn-subscribe, .btn.btn-deep-red { --c1: #D72E60; --c2: #ff8e27; }