/* Theme Name: buildupforeverstrong Description: An easy to use, beautiful theme, with a large number of customizable options. Constructisle is a stunning, responsive, multi purpose WordPress theme excellent for corporate and business individuals. Author: Themeisle Author URI: https://themeisle.com Template: constructzine-lite Version: 1.0.5 License: GNU General Public License version 2 License URI: license.txt Tags: two-columns, one-column, right-sidebar,full-width-template, custom-menu, featured-images, sticky-post, translation-ready, threaded-comments, custom-header, rtl-language-support, custom-background */ @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic); @import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700); /* ================================ HEADER ================================ */ .header-top { color: #FFF; font-family: "Yanone Kaffeesatz",sans-serif; margin-bottom: 50px !important; } nav .navigation-menu { width: 749px; height: 60px; background: #FEC107 none repeat scroll 0% 0% !important; padding-left: 0px; float: left; } nav .navigation-menu ul li a { box-sizing: border-box; height: 60px; line-height: 60px; display: block; text-decoration: none; color: #FFF !important; font-weight: 600; padding: 0px 20px; text-transform: uppercase; font-size: 16px; } nav .navigation-menu ul li ul { width: 300px; background: #FEC107 none repeat scroll 0% 0%; position: absolute; display: none; z-index: 999; border-top: 3px solid #474747 !important; margin-top: -3px; } nav .navigation-menu ul li a:hover { border-bottom: 3px solid #474747 !important; } nav .navigation-menu ul li ul li a { height: 50px; line-height: 40px; padding-bottom: 0px; font-size: 15px; } nav .navigation-menu ul li ul li a:hover { background: #474747 none repeat scroll 0% 0% !important; border-bottom: medium none; } nav .navigation-socials::before { float: left; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 60px 60px 0px 0px; border-color: #FEC107 transparent transparent !important; line-height: 0px; } h1 { font-size: 36px; margin: 0px; } nav .navigation-socials { width: 215px; height: 60px; background: #FFF none repeat scroll 0% 0% !important; padding-left: 0px; float: left; } .call-for-action { line-height: 60px; font-size: 26px; font-weight: 400; float: right; margin-left: 0px; margin-top: 0px; } .call-for-action span a:hover { transition: all 0.3s ease 0s; color: #FEC107; } /* SOCIAL*/ nav .navigation-socials li .facebook-icon { width: 32px; height: 60px; background: transparent url("images/facebook-icon.png") no-repeat scroll center center; margin-left: 0px; float: left; } nav .navigation-socials li .twitter-icon { width: 32px; height: 60px; background: url("images/twitter-icon.png") center no-repeat; margin-left: 10px; float: left; } nav .navigation-socials li .youtube-icon { width: 32px; height: 60px; background: url("images/youtube-icon.png") center no-repeat; margin-left: 10px; float: left; } /* ================================ GENERAL ================================ */ #main-content { background: #F0F0F0 none repeat scroll 0% 0% !important; position: relative; } .block-title { line-height: 22px; margin-bottom: 0px; font-size: 24px; color: #5D5D5D !important; } .first-title h2{ color: #5D5D5D !important; } .feedback h2{ padding-top: 20px; } .box3 { text-align: center; font-weight: 300; color: #9E9E9E; border-bottom: 3px solid #C5C5C5 !important; border-radius: 3px; box-shadow: 0px 0px 1px 0px #7A7A7A inset; background-color: white !important; } .sidebar { width: 30%; background: #FFF none repeat scroll 0% 0%; margin-top: 50px; padding-top: 0px; position: relative; float: right; border-radius: 3px; box-shadow: 0px 0px 1px 0px #7A7A7A inset; border-bottom: 3px solid #C5C5C5 !important; padding-left: 5px; } .feedback blockquote { font-size: 18px; line-height: 30px; margin: 0px; padding: 0px; font-weight: 300; font-style: italic; margin: 0 20px; } .front{ background-color: white; border: 1px solid #DADADA; border-bottom: 3px solid #C5C5C5 !important; } .front img { box-sizing: border-box; width: 90%; height: auto; margin: 0 auto; padding: 0px; display: block; } article { float: left; width: 630px; margin-top: 50px; } article.front p { padding: 15px 30px; background: #fff none repeat scroll 0% 0%; } article.front h2 { padding: 15px 35px; background: #fff none repeat scroll 0% 0%; } .feedback p{ color: #9E9E9E; } /* BLOG */ .blog-left .blog-left-title { width: 100%; color: #474747; font-weight: 700; font-size: 36px; margin-top: -25px; } .blog-left article .post-title { transition: all 0.3s ease 0s; width: 100%; padding-bottom: 15px; color: #fec107 !important; border-bottom: 1px solid #EBEBEB; display: block; word-wrap: break-word; font-weight: 700; font-size: 24px; } .blog-left article .post-entry { line-height: 15px; color: #ADADAD; word-wrap: break-word; } .blog-left article .post-meta a{ color: #1494DA !important; } .sidebar .widget ul li a:hover { color: #1494DA !important; text-decoration: none; } .blog-left article .post-footer ul li a { color: #ABABAB !important; } .single-margin-top { margin-top: 20px !important; } .blog-left article .post-footer ul li a:hover { color: #fec107 !important; text-decoration: underline; } .blog-left .post-navigation a { transition: all 0.3s ease 0s; color: #909090 !important; font-weight: 500; } .blog-left article .post-title:hover { border-bottom: 1px solid #C6C6C6; } .blog-left article .post-tags a { color: #FFF; text-decoration: none; background-color: #1494DA; padding: 5px 10px; border-radius: 3px; margin-right: 2px; margin-left: 2px; } .blog-left article .single-navigation .single-navigation-right a { color: #FFF; text-decoration: none; background-color: #D1D1D1; padding: 10px; margin-right: 0px; border-radius: 3px; font-size: 18px; font-weight: 500; } .blog-left article .single-navigation .single-navigation-left a { color: #FFF; text-decoration: none; background-color: #D1D1D1; padding: 10px; margin-right: 0px; border-radius: 3px; font-size: 18px; font-weight: 500; } .blog-left { width: 66%; float: left; margin-left: -10px; padding: 31px 0px 0px; } .ti-cl-full-width { width:100%; } #respond #input-submit { transition: all 0.3s ease 0s; width: 206px; height: 60px; background: #FEC107 none repeat scroll 0% 0%; margin: 6px 0px 0px; padding: 0px; display: block; border: medium none; float: left; color: #FFF; font-weight: 700; font-family: "Source Sans Pro",sans-serif; font-size: 18px; border-radius: 3px; } .blog-left article { width: 94%; margin-top: 20px; background-color: white; float: left; padding: 20px 3% !important; border: none; } .title-border h3 { height: 30px; line-height: 30px; background: #5D5D5D none repeat scroll 0% 0%; padding-right: 15px; display: inline; color: #FFF; font-weight: 600; font-size: 16px; border-radius: 3px; padding: 7px; } .blog-left article .similar-articles .similar-articles-box .similar-article span a { color: #959595; text-decoration: none; } .sticky { box-sizing: border-box; background: #FFF none repeat scroll 0% 0%; width: 100% !important; } .blog-left article .post-entry p, .services-entry p { margin: 10px 0px; font-size: 16px; line-height: 25px; font-weight: 300; } #respond .input-text { box-sizing: border-box; width: 194px; height: 60px; margin: 0px 0px 0px 8px; padding: 0px 28px; display: block; border: 1px solid #E8E8E8; color: #CACACA; float: left; outline: 0px none; font-family: "Source Sans Pro",sans-serif; font-size: 18px; } /* SIDEBAR */ .sidebar .widget:first-child { margin-top: 10px; margin-left: 10px; } .sidebar .widget select { width: 70%; margin-left: 5px; } .sidebar .widget .widget-title { width: 100%; line-height: 24px; margin-bottom: 30px; color: #FEC107 !important; font-weight: 700; font-size: 24px; margin-left: 5px; } .sidebar .widget table { width: 96%; } .sidebar .widget ul li { width: 76%; margin-top: 10px; padding-left: 15px; color: #8E8E8E; word-break: break-all; background: transparent url("images/list-style-image.png") no-repeat 3px 5px; list-style-type: none; text-align: left; margin-left: 15px; } .sidebar .widget .searchform #s { box-sizing: border-box; display: block; width: 210px; height: 60px; margin: 0px; padding: 0px 27px; border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: #E8E8E8 -moz-use-text-color #E8E8E8 #E8E8E8; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; outline: 0px none; color: #CBCBCB; float: left; font-style: italic; } sidebar .widget .searchform #searchsubmit { width: 40px; height: 60px; background: transparent url("images/searchform-input-submit.png") no-repeat scroll center center; margin: 0px; padding: 0px; display: block; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: #E8E8E8 #E8E8E8 #E8E8E8 -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; cursor: pointer; text-indent: -9999px; float: left; } .sidebar .widget img { width: auto; max-width: 95%; height: auto; margin-left: 5px; margin-top: 5px; } /* ================================ FOOTER ================================ */ .about-us h3, .directions h3, .contact-us h3{ color: #FEC107; } .constructzine-lite-copyright a{ color: #FEC107; margin-left: 5px; } footer { color: #FFF; background:url("images/stardust.png") !important; clear: left; border-bottom: 20px solid #424242; }