/*! Theme Name: business A1 Theme URI: http://maruthu.offyoucode.co.uk/Business Author: Maruthamuthu Author URI: http://maruthu.offyoucode.co.uk/myportfolio Description: Very simple Buisness theme Version: 2.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: business A1 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* 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 !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .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-caption { display: block; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Theme Style --------------------------------------------------------------*/ body { font-size: 15px; line-height: 1.7em; padding-top: 20px; font-family: 'Roboto', sans-serif!important; font-family: 'Roboto Condensed', sans-serif!important; font-family: 'Roboto Slab', serif!important; } a { color: #0faf97; font-weight: bold; } a:hover { color: #0faf97; } .btn-primary { background: #0faf97!important; color: #fff; border-color: #fff; } .btn-primary:hover { background: #fff; color: #fff; border-color: #0faf97; } .container { max-width: 1000px; } .navbar { float: right; } .img { float: left; } .current_page_item { background-color:#0faf97; border-radius: 6px; } .current_page_item a{ color:#ffffff; } .jumbotron { text-align: center; color: #fff!important; margin-top: 20px; padding-top: 90px; padding-bottom: 50px; height: 350px; } .clr { clear: both; } .row .block { border: 1px solid #ccc; padding: 10px; text-align: center; margin-top: 20px; } .row .block p { text-align: justify; } .block h3 { color: #0faf97; } .fa-3 { font-size: 3em; color: #0faf97; } .row.content-region1 { background-color: #0faf97; text-align: center; color: #fff; margin-top: 30px; padding-top: 30px; padding-bottom: 50px; } .row.content-region2 img { width: 100%; height: auto; } .row.content-region2 { margin-top: 30px; } .content-region3 { background-color: #000000; color: #ffffff; margin-top: 30px; padding: 10px; } .content-region3 h3 { border-left: 5px #0faf97 solid; padding-left: 8px; } .content-region3 form input[type="text"], .content-region3 form textarea { background: #333; color: #fff; padding-left: 0!important; } .row.title-bar { background-color: #0faf97; color: #fff; padding: 5px; } .row .col-lg-8 { padding: 10px; } .col-lg-4 .panel-default { border: 1px solid #0faf97; margin-top: 30px; padding-left: 10px; padding-right: 10px; } article.post img { width: 100%; height: auto; padding-bottom: 20px; } article.page img { height: auto; } .mc4wp-form input{ width: 100%; } article.page{ padding-top: 10px; } article.post .meta { margin: 0; padding: 5px 0px 5px 0; border-top: 1px solid #ddd; overflow: auto; border-bottom: 1px solid #ddd; } .post .meta li { list-style: none; float: left; padding-right: 10px; } .post .meta li a { color: #0faf97; font-weight: bold; } article.post img { margin-bottom: 10px; } article.post { border-bottom: 1px solid #ddd; overflow: auto; padding-bottom: 50px; padding-top: 25px; } .panel-heading { background: #0faf97!important; color: #fff!important; margin-top: 10px; } .panel-body ul { list-style: none; padding: 0; } .panel-body li { position: relative; display: block; padding: 10px 15px; margin-bottom: -2px; background-color: #fff; border: 1px solid #ddd; } .comment-body { border: #ccc 1px solid; margin-bottom: 10px; padding: 20px 10px; } .comment-meta { background: #d2cdd4; color: #fff; padding: 10px; overflow: auto; } .comment-meta img { float: left; margin-right: 10px; } .comment-meta time { margin-left: 12px; } .comment-reply-link { background: #009acd; color: #fff; display: inline-block; padding: 10px 15px; } .comment-form input, .comment-from textarea { width: 100%; padding: 3px; border: #ccc 1px solid; margin-bottom: 20px; } .comment-form input { height: 50px; } .comment { list-style: none; } .form-submit .submit{ background: #0faf97!important; color: #fff; border-color: #fff; } .form-submit hover{ background: #fff; color: #0faf97; border-color: #0faf97; } /* .wpcf7{ margin-top: 25px; } .wpcf7-form { margin-right: 25px; margin-left: 50px; margin-top: 10px; } .wpcf7-textarea { width: 400px; height: 150px; } .wpcf7 input { width: 75%; } */ .wpcf7-submit { width: 20%!important; background-color: #0faf97; border:1px solid #5f6a76; text-align: center; /* border-radius: 10px; */ color: #fff; /* border-color: #fff;*/ } .alignleft{ float: left; margin-right: 20px; } .alignright{ float: right; margin-left: 20px; } .content-region3 .map{ height: 200px; width:100%; }