/* Theme Name: Advance IT Company Theme URI: https://www.themeshopy.com/themes/free-it-company-wordpress-theme/ Author: Themeshopy Author URI: https://www.themeshopy.com/ Description: Advanced IT company theme crafted by the experts at Themeshopy, is highly applicable for the corporates as well as the IT companies apart from the digital marketing agencies as well as certain startups in the IT industry. Known for its SEO optimization and well as its mobile responsiveness, it is also a good bet for the small scale businesses and works well with the various web design companies as well as certain technical businesses. One of the specialities associated with this theme is that it is not only multipurpose but other than that you do not require an experience of coding. No doubt Advanced IT company theme is clean imbibed with professionalism but it is also accompanied by the highly advanced features responsible for increasing your customer base globally. CTA [call to action button] is one important advantage and with this, you visitors have the subscription option. Based on the Bootstrap technology, it comes with the stunning animations and possesses a secure and clean code. All these features are responsible for its credibility with the international clients. Above all, you are flabbergasted with its eye catching design and it is also accompanied with a WordPress customizer. It is active, possesses optimised codes and provides faster page load time. Demo: https://www.themeshopy.com/advance-it-company-pro/ Version: 0.3.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: advance-it-company Tags:left-sidebar, right-sidebar, one-column, two-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, theme-options, post-formats, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio Advance IT Company WordPress Theme has been created by Themeshopy, 2019. Advance IT Company WordPress Theme is released under the terms of GNU GPL In this theme some code is taken from Twenty Sixteen. */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; color: #8992a2; font-family: 'Open Sans', sans-serif; } 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; color: #92c01f; text-transform: capitalize; font-family: 'Quicksand', sans-serif; } p{ margin:0 0 15px; padding:0; font-size: 13px; color: #8992a2; letter-spacing: 0px; } a{ text-decoration:none; color:#92c01f; } 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; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .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; } .toggle{ display:none; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } 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="search"] { padding: 10px; border: none; color: #92c01f; } input[type="submit"] { border: none; text-align:center; font-size:18px; padding:7px 30px; background: #92c01f; font-weight:bold; color:#fff; } /* ---------Buttons--------- */ .read-moresec a { border: 2px solid ; color: #92c01f; padding: 14px; } .read-moresec { margin-top: 20px; } .read-moresec a:hover{ background: #92c01f; color: #fff; } /* ---------Logo Middle Header--------- */ .logo { bottom: 0px; padding: 5px 0px; } .logo h1{ text-transform: uppercase; font-size:30px; padding-top: 20px; padding-bottom: 0; font-weight:bold; } .logo a{ color: #179cd7; } .logo p{ font-size:12px; margin:0; color: #179cd7; } /* ---------HEADER--------- */ #header { background-image: linear-gradient(90deg, #272b46 32% , #fff 32%); border-bottom: 1px solid #272b46; } .page-template-custom-front-page #header{ border: none; } .menu-color { background: #ebf9ff; padding: 10px 0; } .menu-color p { color: #717171; } .social-icons{ padding: 10px 0; } .social-icons i { font-size: 13px; padding: 10px; background: #fff; margin: 2px 5px; color: #272b46; } .social-icons i:hover{ color: #fff; background: #92c01f; } i.fab.fa-facebook-f{ padding: 10px 12px; } i.fab.fa-linkedin-in { padding: 10px 11px; } .mail i, .phone i, .address i{ margin-right: 5px; color: #92c01f; font-size: 25px; margin-top: 12px; } .mail p,.phone p,.address p { margin: 0; font-size: 11px; } .mail p.p_color ,.phone p.p_color ,.address p.p_color{ color: #272b46; font-size: 12px; font-weight: 600; } /* --------- Main Menu--------- */ #header .nav{ display: block; } .page-template-custom-front-page .header-nav #header .nav{ margin-top: 0px; } #header .nav ul { margin:0; padding:0; 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:#272b46; display:block; } /*-----------------Search pop up----------------*/ .search-image { background: url(images/searchicon.png); background-repeat: no-repeat; padding: 10px 20px; } .serach_inner label { width: 75%; } .serach_outer { position: fixed; width: 100%; height: 100%; background: rgb(235, 249, 255,0.8); overflow: hidden; transition: 0.5s; z-index: 999; top: 0; left: 0; display: none; } .serach_inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .closepop { position: absolute; top: 20%; transform: translateY(-50%); width: 100%; right: 0; text-align: right; margin-right: 28px; } .serach_outer i { font-size: 24px; padding: 4px 0 0 0; color: #272b46; cursor: pointer; } .serach_inner form.search-form { display: table; padding: 0; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach_inner form.search-form { display: table; border: 2px solid #92c01f; padding: 10px; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach-page input.search-field { border: 1px solid #ccc; padding: 9px; } .serach_inner input.search-field { padding: 10px; font-size: 20px; font-style: italic; font-weight: normal; color: #3a4d5e; } .serach_inner input.search-submit { padding: 8px 35px; margin: 5px 0; font-size: 20px; } button.search-submit { border: 0; background: transparent; } input.search-field { border: none; padding: 4px 0; background: transparent; width: 95%; } .search-box i { color: #fff; font-size: 12px; background: #179cd7; padding: 10px; margin:10px 0; } .search-box { padding-right: 0; text-align: right; } /* --------- Slider --------- */ #slider{ max-width:100%; margin:auto; padding: 0; background:#272b46; } #slider img { width: 100%; opacity: 0.5; } #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon { width: auto; height: auto; background:transparent; } #slider .carousel-control-prev,#slider .carousel-control-next{ opacity: unset; width: auto; } #slider .carousel-control-next-icon i, #slider .carousel-control-prev-icon i{ background: #fff; padding: 10px 12px; color: #92c01f; } #slider .carousel-caption { transform: translateY(-50%); top: 50%; left: 15%; right: 40%; } #slider .inner_carousel h2 { margin: 0; font-size: 40px; letter-spacing: 0px; color: #fff; text-align: left; text-transform: uppercase; } #slider .inner_carousel p { font-size: 14px; color: #fff; } #slider .inner_carousel { text-align: left; } #slider .inner_carousel .readbtn a { color: #fff; padding: 12px; background: #179cd7; font-size: 12px; padding-right: 0; font-weight: bold; letter-spacing: 0; } #slider .inner_carousel .readbtn a:hover { color: #000; background: #92c01f; } #slider .inner_carousel .readbtn a:hover i{ background: #179cd7; color: #fff; } #slider .inner_carousel .readbtn a i{ padding: 14px; background: #92c01f; margin-left: 10px; color: #000; } #slider .inner_carousel .readbtn { margin: 23px 0; } /*----------------- Courses ----------------*/ #work_cat{ padding:2% 0; } #work_cat h3{ color: #179cd7; font-weight: 600; padding: 0; text-transform: uppercase; } #work_cat h5{ background: #92c01f; color: #000; font-size: 12px; padding: 5px; display:inline-block; text-transform: uppercase; } .post-sec p{ font-size: 14px; color: #272b46; } #maincontent span.post-title{ color: #272b46; } .cat-posts { padding: 10px; background: #ebf9ff; margin: 6px 0; text-align: center; } .cat-posts:hover{ background: #92c01f; } .cat-posts:hover h4, .cat-posts:hover p{ color: #272b46; } #work_cat .cat_body { margin-bottom: 25px; } .cat-posts p{ letter-spacing: 0; line-height: 1.7; font-size: 13px; color: #272b46; } .cat-posts h4{ color: #272b46; font-weight: 600; letter-spacing: 0px; font-size: 16px; text-transform: uppercase; } #content { margin-top: 3%; } /*----------------- content page ----------------*/ .page-box { text-align: center; padding: 10px; margin:10px 0; border: 1px solid #eee; box-shadow: 2px 2px 5px #bbb; } .page-box h4{ text-transform: capitalize; color: #272b46; padding: 0; letter-spacing: 0; font-size: 22px; } .page-box .new-text, .page-box-single .new-text{ padding:10px; } .page-box .new-text{ text-align: center; } .page-box p, .page-box-single p{ margin:10px 0 !important; color: #272b46; } .new-text p a { color: #000; } .our-services .services-box{ margin:40px 0 20px 0; } .read-more-btn { margin: 20px 0; } .read-more-btn a { color: #000; padding: 12px; background: #179cd7; font-size: 12px; padding-right: 0; font-weight: bold; letter-spacing: 0; } .read-more-btn a:hover{ color: #272b46; background: #92c01f; } .read-more-btn a:hover i{ background: #179cd7; color: #fff; } .read-more-btn a i{ padding: 14px; background: #92c01f; margin-left: 10px; color: #272b46; } .page-box .metabox, .page-box-single .metabox{ padding: 15px 0 5px; clear:both; } .metabox span, .metabox span a { color:#272b46; margin-right: 24px; font-size: 14px; margin-right: 10px; } .metabox i { margin-right: 5px; color: #92c01f; } /* --------- content-single Page ------- */ .page-box-single { padding: 10px; border: 1px dashed; } .page-box-single h3{ text-transform: capitalize; font-weight: 600 !important; color: #272b46 !important; margin: 0 0 10px 0 !important; padding: 0; } span.meta-nav { background: #92c01f; color: #272b46; padding: 8px; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; color: #272b46; } section h3{ font-weight:bold; } section h4{ color:#92c01f; font-weight:bold; font-size:20px; } section h5{ color:#3890cb; font-weight:bold; font-size:24px; margin:0 0 10px 0; padding:0; } a.r_button { background: #3790ca; padding: 0.5em 2em; color: #fff; } section .innerlightbox{ background-size:100% 100%; padding:2.5em 0; } #footer label{ width: 100%; } #footer .widget { padding: 5% 0; } .tagcloud a { color: #fff; } #footer input[type="search"] { width: 95%; border: none; padding: 7px 6px; border: solid 1px #92c01f; color: #3a4d5e; } #footer input[type="submit"] { font-size: 10px; padding: 12px 8px; font-weight: bold; color: #fff; margin: 3px 0 0 0; font-size: 15px; width: 100% } #footer td#prev a { color: #fff; } #footer li a:hover{ color: #92c01f; } table#wp-calendar { width: 100%; } #footer caption, #sideabr caption { font-weight: bold; color: #fff; font-size: 20px; } #footer table,#footer th,#footer td, #sidebar table,#sidebar th,#sidebar td { border: 1px solid #d1d1d1; text-align: center; } #sidebar td, #sidebar td#prev a, #sidebar th { color:#202020 !important; padding: 5px; } #footer td { padding: 7px; color: #fff; } #footer th, #sidebar th { text-align: center; padding: 10px; color: #fff; } #footer select, #sidebar select { padding: 8px 5px; color: #4d4d4d; } #footer li a { color: #fff; font-size: 12px; } #footer ul li { list-style: none; padding: 5px 0; } #footer ul { margin: 0; } #footer{ background:#272b46; color:#fff; clear:both; font-size:14px; } #footer h3{ border-bottom: 1px solid; letter-spacing: 0px; text-align: left; font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 0 0 10px 0; color: #92c01f; margin-bottom: 13px; } #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"] { padding: 6px 0; float: right; background: #92c01f; border-radius: 0px; color: #fff; margin-top: -38px; } .copyright p { font-size: 15px; color: #272b46; margin-bottom: 0; } .copyright p a{ color: #272b46; } .copyright { background: #92c01f; padding: 15px; text-align:center; } #footer .tagcloud a { border: outset 2px #999; color: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 2px 6px; display: inline-block; } #footer .tagcloud a:hover{ background-color: #92c01f; } /* Comments BOX */ #comments { display: block; margin-top: 66px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 0; } div#comments h2, div#comments a, div#comments p{ color: #272b46; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ width:100%; padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#92c01f !important; padding:10px 50px; text-transform:normal; font-weight:bold; color: #fff; margin-top:20px; margin-left:0; border: none; } #comments a.comment-reply-link{ color:#92c01f; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:rgb(21, 28, 39); color: #fff; } #comments a time{ color:#92c01f; font-weight:bold; font-size:12px; } .content-ts #comments ol li{ width:100%; background:none;list-style:none; margin: 0 0 20px; background:#eee; display:inline-block; } .content-ts #comments ul{ margin:0 0 0 40px; } #comments .reply{ float:right; } #comments .comment-author{ width:100%; } #comments .comment-metadata{ width:90%; float:left; padding:1% 0 0 0; } #comments .comment-content{ width:90%; float:left; margin-left:7%; } #comments p { width:90%; float:left; } /*------------- Woocommerce --------------*/ .woocommerce .woocommerce-breadcrumb{ margin:1em 0; } .woocommerce ul.products li.product .button{ margin:1em 0; } .woocommerce .products li { width: 29% !important; text-align: center; margin: 0px 20px 20px 0 !important; border: 1px solid #e7e7e7; } .woocommerce #sidebar { margin-top: 2em; } a.showcoupon, .woocommerce-message::before{ color: #272b46; } .woocommerce-message { border-top-color: #92c01f; } .woocommerce span.onsale { background: #92c01f; color: #272b46; padding: 0; margin: 0 !important; } h2.woocommerce-loop-product__title{ color: #232322; font-weight: 500; font-size: 15px !important; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #272b46; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ color:#272b46; border: 2px solid #8992a2; background: transparent; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ color: #fff; background: #92c01f; border-color: #92c01f; } .woocommerce .quantity .qty { width: 5em; padding: 5px; border-radius: 0; border: solid 1px #92c01f; color: #92c01f; } .col-1,.col-2 { max-width: 100%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; } nav.woocommerce-MyAccount-navigation ul li { background: #92c01f !important; padding: 12px!important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: #272b46; font-weight: bold; } .posted_in { display: block; color: #000; } .posted_in a { color: #272b46; } .woocommerce .woocommerce-ordering select{ padding: 10px; } span.woocommerce-input-wrapper, .woocommerce label { width: 100%; } .woocommerce-product-gallery__image{ padding: 2px; } .woocommerce .star-rating{ width: 40%; margin: 10px auto !important; } .woocommerce form .form-row .required{ color: #272b46; } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th{ color: #272b46; } .woocommerce td.product-name a, .woocommerce form .form-row label, .content-ts h3 { color: #272b46; } .woocommerce a.woocommerce-privacy-policy-link,.woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce table.shop_table td, .woocommerce table.shop_table th{ color: #272b46; } .woocommerce .woocommerce-breadcrumb a,.woocommerce div.product form.cart .button, .woocommerce .woocommerce-breadcrumb{ color: #272b46; } .woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce div.product span.price{ color: #272b46; } .middle-align h1, .woocommerce .woocommerce-result-count, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ color: #272b46; } .woocommerce div#tab-description h2 { color: #272b46; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color: #272b46; } .woocommerce div#tab-description p, .woocommerce-MyAccount-content a{ color: #272b46; } .woocommerce-cart .cart-collaterals .shipping-calculator-button{ color: #272b46; } /*------------- Sidebar -------------*/ #sidebar { margin-top: 1em; } #sidebar caption{ color: #92c01f; } #sidebar form{ display: table; width: 100%; } #sidebar h3 { margin:5px 0; font-weight: bold; font-size: 22px; text-transform:uppercase; background: #92c01f; color: #272b46; text-align: center; padding: 10px; } #sidebar input[type="search"] { border: solid 1px #bbb; padding: 9px 10px; font-size: 15px; color: #bbb; width: 100%; margin-bottom: 15px; } #sidebar label{ width:100%; } #sidebar input[type="submit"]{ padding: 7px 0; width: 100%; font-size: 18px; margin: 0; color: #272b46; border: 1px solid #272b46; background: transparent; } #sidebar aside { padding: 2%; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 2px 2px 5px #bbb; } #sidebar ul { list-style:none; margin:0; padding:10px; font-size: 12px; } #sidebar ul li{ font-size: 15px; margin: 5px 10px; text-transform: capitalize; color: #272b46; } #sidebar ul li a{ border-radius: 2px; display: inline-block; padding: 5px 0; color: #272b46; } #sidebar ul li a:before{ background: #272b46; content: ""; display: inline-block; height: 2px; margin-right: 12px; vertical-align: middle; width: 8px; } #sidebar ul li a:hover:before{ background: #92c01f !important; } #sidebar ul li a:hover, #sidebar ul li:active, #sidebar ul li:focus { text-decoration: none; color: #92c01f !important; text-decoration: none !important; } label{ margin-bottom: 0px; } #sidebar .tagcloud a{ border: outset 2px #999; color: #272b46; font-size: 15px !important; padding: 5px 18px; margin: 0 2px 6px; display: inline-block; } #sidebar .tagcloud a:hover{ background:#92c01f; color: #fff; } img.rss-widget-icon { width: auto !important; } #sidebar .woocommerce ul.product_list_widget li img { width: 40%; } /* Page */ h1.entry-title, h1.page-title { text-align: left; margin-bottom: 10px; color:#272b46; } .content-ts p{ text-align:justify; line-height: 1.5; font-size: 15px; margin:0 0 20px 0; color: #272b46; } .content-ts hr{ border:none; margin:35px 0; clear:both; } .content-ts h2{ font-size:32px; font-weight:normal; padding:0; margin:0 0 25px; color: #272b46; } .content-ts h3{ font-size:36px; padding:0; margin:0 0 25px; } .content-ts h4{ font-size:20px; padding:0; margin:0 0 25px; } .content-ts ul{ list-style:none; margin:0 0 0 10px; padding:10px 0 0; font-size:16px; } .content-ts ul li{ padding:0; margin:0 0 10px 0; line-height:25px; } .content-ts ol{ list-style: none; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } .content-ts ol li{ padding:0 0 0 0; margin:0 0 20px 0; } /* Pagination */ .nav-previous { float: left; width: 50%; font-size: 15px; } .nav-next { float: right; font-size: 15px; width: 50%; } .pagination { clear:both; position:relative; font-size:14px; line-height:13px; float:right; 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:#272b46; -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:#fff; border: 1px solid #272b46; background: #272b46; } .pagination .current{ padding:10px 15px; border:1px solid #272b46; color:#272b46; font-weight:bold; } .entry-video iframe, .entry-audio audio { width: 100%; } iframe { width: 100%; } /* Media */ @media screen and (max-width: 768px) and (min-width: 720px){ #sidebar th, #sidebar td{ padding: 0px; } .woocommerce .products li { width: 45% !important; } #slider .inner_carousel h2 { font-size: 30px; } #slider .inner_carousel p { display: none; } } @media screen and (max-width:720px) { #header, #header .logo h1, #slider .inner_carousel,.social-icons,.logo,.search-box{ text-align: center; } .cat-posts{ margin:15px 0; } .search-box { padding-right: 15px; } .menu-color{ margin: 0px; } #header { background: #272b46; } #slider .inner_carousel p, #slider .inner_carousel h2 { display: none; } #slider .carousel-caption{ right: 15%; } #comments input[type="submit"].submit{ width: 100% !important; } section .innerlightbox { padding: 0; } .toggleMenu{ display:block !important; } .toggle a{ width:100%; color:#fff; background:url('images/mobile_nav_right.png') no-repeat right center #272b46; padding:10px 121px; font-size:16px; border-top: 1px solid; border-bottom: 1px solid; } .nav{ display:none; } #header .nav{ float:none; margin:0; position:absolute; z-index:999; overflow-x:hidden; width: 100%; left: 0; top:100px; } #header .nav ul{ width:100%; float:none !important; margin-top:0; background-color:#272b46; } #header .nav ul li{ border-top:1px #292929 solid; display:block; float:none; text-align:left; } .nav ul li a{ padding: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; } #footer input[type="submit"] { padding: 6px 0; float: right; border-radius: 0px; color: #fff; margin-top: 4px; margin-bottom: 10px; } .phone, .mail{ text-align: center; margin-bottom: 15px; } .phone, .mail{ padding:0; } } @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:#92c01f; width:200px; position:absolute; top:35px; left:0; text-align:left; z-index:99; } #header .nav ul.sub-menu li a, #header .nav ul.children li a{ text-align: left !important; border:none; padding-left: 15px; } #header .nav ul li:hover > ul li{ display:block; } #header .nav ul li:hover > ul li a{ color:#ffffff; border-bottom: solid 1px #fff; } #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:0px; } #header .nav ul.sub-menu{ margin-top:10px; } #header .nav ul li a{ padding: 18px 15px; padding-left: 0; display: block; font-weight: bold; font-size: 12px; text-transform: uppercase; } #header .nav ul li a:hover /*#header .nav ul li.current-menu-item a*/{ color: #179cd7; } #footer input[type="submit"]{ width: 100%; float: none; margin-top: 5px; } #footer input[type="search"]{ width: 100%; } #footer th, #footer td{ padding: 0px; } } @media screen and (min-width: 1000px) and (max-width: 1024px){ #footer input[type="submit"]{ margin-top: 5px; } #footer th, #footer td{ padding: 4px; } #sidebar th, #sidebar td{ padding: 0px; } #sidebar ul li{ font-size: 14px; } #slider .inner_carousel h2 { font-size: 33px; padding: 0px 2px; } .logo h1{ font-size: 30px; } #slider .carousel-caption { top: 45%; } } @media screen and (max-width: 425px){ #footer input[type="search"]{ width: 100%; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100% !important; float: none !important; } #slider .inner_carousel .readbtn{ margin-top:0px; } .serach_inner input.search-submit { padding: 8px 77px !important; } } @media screen and (min-width: 768px) and (max-width: 999px){ #header{ background: #fff; } .menu-color{ margin: 0; } #slider .inner_carousel p{ display: none; } .post-sec { margin: 10px 0; } .logo h1{ font-size: 30px; padding-top: 0; } .logo{ background: #272b46; } .logo,.search-box{ text-align: center; } .search-box{ padding-right: 15px; } #header .nav ul li a{ padding: 21px 12px; } }