/* Theme Name: Business Builder Theme URI: Author: Extend Studio Author URI: http://extendstudio.com Description: Business Builder is a beautiful WordPress Theme that can be used to create a business website in minutes. It is responsive so it works on mobile devices out of the box. It also provides a separate font page template with a large header image. Version: 0.9.0 License: GNU General Public License version 3 License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later) Tags: one-column, right-sidebar, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, blog, featured-images, threaded-comments Text Domain: business_builder This theme, like WordPress, is licensed under the GPL. */ body { font-family: 'Lato', sans-serif; margin: 0; font-size: 14px; font-weight: 300; line-height: 170%; color: #777777; text-align: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; } h1 { font-size: 46px; font-weight: 900; line-height: 100%; margin: 40px 0px 40px 0px; color: #333333; letter-spacing: -1px; } h2 { font-size: 30px; font-weight: 700; line-height: 110%; margin: 30px 0px 30px 0px; color: #666666; letter-spacing: -1px; } h3 { font-size: 23px; font-weight: 700; line-height: 120%; margin: 25px 0px 25px 0px; color: #333333; } h4 { font-size: 17px; font-weight: 900; line-height: 120%; margin: 25px 0px 25px 0px; color: #333333; letter-spacing: 3px; text-transform: uppercase; } h5 { font-size: 17px; font-weight: 700; line-height: 130%; margin: 25px 0px 25px 0px; color: #333333; } h6 { font-size: 14px; font-weight: 700; line-height: 130%; margin: 10px 0px 10px 0px; color: #333333; } a { text-decoration: none; cursor: pointer; color: #616161; line-height: 200%; font-weight: 400; font-size: 13px; font-family: Lato, sans-serif; transition: all 0.4s linear 0s; } a:hover { color: #EC676A; transition: all 0.2s ease-out 0s; } a:visited { color: #BDBDBD; } ul { font-weight: 400; line-height: 170%; margin: 10px 0px 10px 0px; color: #777777; padding: 0px 0px 0px 40px; } ol { font-weight: 400; line-height: 170%; margin: 10px 0px 10px 0px; color: #444444; padding: 0px 0px 0px 40px; } span { font-family: inherit; } blockquote { padding: 10px 20px 10px 20px; margin: 10px 0px 20px 0px; border-left: 5px solid #eee; font-style: italic; } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0; } body img { max-width: 100%; height: auto; } /* =WordPress Core -------------------------------------------------------------- */ .sticky {} .gallery-caption {} .bypostauthor {} .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .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; 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. */ } h1.page-title { color: white; } .taxonomy-description p { color: white; } .blog-post { min-height: 100px; margin-bottom: 50px; } .post-list a.next-page-link { padding: 13px 25px; display: inline-block; text-decoration: none; background-color: #F0F0F0; font-size: 13px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .post-list a.page-numbers { text-decoration: none; padding: 16px 15px; border-style: solid; border-width: 0px; border-color: #EC6769; color: #575757; background-color: transparent; font: normal normal 300 15px/100% Lato, sans-serif; transition: all 0.4s linear 0s; display: inline-block; } .post-list span.current { padding: 16px 15px; margin-left: 2px; border-style: none; border-width: 0px; border-color: #EBEBEB; font: normal normal 300 15px/100% Lato, sans-serif; color: #FFFFFF; background-color: #EC676A; } .post-list a.next-page-link:hover { background-color: #9BCB43; color: #FFFFFF; } span a.post-category:hover { color: #9BCB43; } p { margin: 0px 0px 20px 0px; font-size: 19px; font-weight: 300; line-height: 170%; } li { line-height: 150%; color: #333333; font-weight: 300; } .prev-posts a { font-size: 15px; text-decoration: none; font-weight: 400; color: #EC676A; } .next-posts a { text-decoration: none; font-size: 15px; font-weight: 400; color: #EC676A; } .content { margin-top: auto; } a.button { display: inline-block; font-size: 15px; font-weight: 400; line-height: 157%; margin: 10px 0; color: #FFFFFF; text-decoration: none; padding: 15px 30px; background-color: #9BCB43; border: 0 solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; cursor: pointer; text-align: center; transition: all 0.4s linear 0s; } a.button:hover { background-color: #8FBF35; color: #FFFFFF; font-size: 15px; font-weight: 400; } a.button:active { background-color: #8FBF35; font-size: 15px; font-weight: 400; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .13) inset; color: #FFFFFF; -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .13) inset; -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .13) inset; } hr { display: block; border: none; height: 1px; background-color: #9BCB43; font-size: 0px; vertical-align: top; margin: 0px auto 0px auto; padding: 0px; font-size: 0px; width: 100%; } [data-cp-shrink="shrinked"] { display: none; } .cp-shrink-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 0px; z-index: 100; } ul#wp-admin-bar-top-secondary { float: right; position: absolute; right: 0px; top: 0px; } .custom-section { padding: 60px 0px; background-color: #f3f3f1; } .custom-section-row { margin: 0px -15px 0px -15px; } .custom-section-column { min-height: 200px; padding: 0px 15px 0px 15px; float: left; } .gridContainer { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { body { text-align: left; } .post-list a.next-page-link { padding-left: 25px; padding-right: 25px; } .post-list a.page-numbers { border-width: 1px; border-style: none; } .post-list span.current { border-width: 0px; } .gridContainer { width: 90%; } } @media only screen and (min-width: 1024px) { .post-list a.page-numbers { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: inline-block; } .post-list span.current { border-width: 0; border-style: none; } .gridContainer { width: 80%; max-width: 1232px; } } @media only screen and (min-width: 1024px) { .cp1cols { width: 8.33333%!important; } .cp2cols { width: 16.66666%!important; } .cp3cols { width: 25%!important; } .cp4cols { width: 33.33333%!important; } .cp5cols { width: 41.66666%!important; } .cp6cols { width: 50%!important; } .cp7cols { width: 58.33333%!important; } .cp8cols { width: 64.66666%!important; } .cp9cols { width: 75%!important; } .cp10cols { width: 83.33333%!important; } .cp11cols { width: 91.66666%!important; } .cp12cols { width: 100%!important; } div .cp1cols:nth-of-type(12n+1) { clear: left; } div .cp2cols:nth-of-type(6n+1) { clear: left; } div .cp3cols:nth-of-type(4n+1) { clear: left; } div .cp4cols:nth-of-type(3n+1) { clear: left; } div .cp6cols:nth-of-type(2n+1) { clear: left; } } @media only screen and (min-width: 768px) { div.custom-section .cp1cols { width: 8.33333%!important; } div.custom-section .cp2cols { width: 16.66666%!important; } div.custom-section .cp3cols { width: 25%!important; } div.custom-section .cp4cols { width: 33.33333%!important; } div.custom-section .cp5cols { width: 41.66666%!important; } div.custom-section .cp6cols { width: 50%!important; } div.custom-section .cp7cols { width: 58.33333%!important; } div.custom-section .cp8cols { width: 64.66666%!important; } div.custom-section .cp9cols { width: 75%!important; } div.custom-section .cp10cols { width: 83.33333%!important; } div.custom-section .cp11cols { width: 91.66666%!important; } div.custom-section .cp12cols { width: 100%!important; } div.custom-section .cp1cols:nth-of-type(12n+1) { clear: left; } div.custom-section .cp2cols:nth-of-type(6n+1) { clear: left; } div.custom-section .cp3cols:nth-of-type(4n+1) { clear: left; } div.custom-section .cp4cols:nth-of-type(3n+1) { clear: left; } div.custom-section .cp6cols:nth-of-type(2n+1) { clear: left; } } div#fancybox-overlay { display: none; }