/* Theme Name: norris financial Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: norris-financial Domain Path: /languages/ Tags: 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. norris financial is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ----------------------------------------------------------------*/ body { background: #fff; /* Fallback for when there is no custom background color defined. */ font-family: 'Roboto', sans-serif; font-size:14px; } h1, h2, h3, h4, h5, h6{ font-family: 'Raleway', sans-serif; } h1, h2, h3, h4, h5, h6{ margin-top: 0px; margin-bottom: 20px; } h1 { font-size:36px; } h2 { font-size:30px; } h4 { font-size:22px; } p{line-height:22px; margin-bottom:20px;} a{color:#47a4b9; outline:none;} a, img{border:0;} input, textarea{outline:none;} .no-margin{margin:0;} .no-padding{padding:0;} .margin-bottom-25{margin-bottom:25px!important;} .heading-center, .subheading-center{text-align:center;} .modal-footer{border-top:0;} .modal-title{color:#47a4b9;} .modal-content {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} .page-template-default{background:#f8f4f1!important;} /* HEADER */ #header{background:#fff; position:fixed; width:100%; z-index:9; transition:all .3s ease-in-out;} .large img{ width:100%; height:auto; display:block; max-width:293px; transition:all .3s ease-in-out;} .large{padding:25px 0;} .small{padding:10px 0; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.31); -moz-box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.31); box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.31);} .small img{width:215px; transition:all .3s ease-in-out;} #header .logo h1 { font-weight:300; margin:0; } .large .call-us h4{ font-weight:300; text-align:right; margin:0; margin-top:20px; transition:all .3s ease-in-out; font-size: 22px; } .small .call-us h4{ font-weight:300; text-align:right; margin:0; margin-top:10px; transition:all .3s ease-in-out; font-size: 18px; } #header .call-us h4 span{color:#47a4b9;} /* JUMBOTRON */ #jumbotron {background:#ccc url(img/hero-bg-3.jpg) no-repeat bottom center; overflow:hidden; background-attachment:fixed; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; min-height: 450px; padding: 200px 0px 100px 0px; } #jumbotron .banner-text h2{ font-size:40px; font-weight:300; color: #615644; text-shadow: 1px 1px 1px rgba(255,255,255,.5);} #jumbotron .banner-text .lead{ margin-bottom: 60px; font-size: 18px; font-weight: 200; line-height: 1.4; color: #615644; text-shadow: 1px 1px 1px rgba(255,255,255,.5); width:80%;} #jumbotron .form { background: rgba(255,255,255,.7); border-radius: 6px; text-transform: uppercase; overflow:auto; } #jumbotron .form-heading{ background: #47a4b9; color: #fff; padding: 25px; text-align: center; } #jumbotron form { padding: 10px 25px 25px; color:#47a4b9; padding-top: 25px; } #jumbotron form input {padding:10px; background:#fff; border:1px solid #47a4b9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; width:100%; outline:none; color:#333;} #jumbotron form input[type="submit"] {background:#47a4b9; color:#fff; margin-top:15px; margin-bottom: 0px; padding:10px 10px; text-transform: uppercase; font-size: 16px;} .car-cutout{position:absolute; margin-top:200px; margin-left:-280px; } /* PAGE SUB HEADING */ #page-sub-heading{padding:35px 0; background:#615644;} #page-sub-heading h2{ text-align: center; color:#fff; margin: 0px; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:300;} #page-sub-heading h2 span{font-weight:500;} /*SERVICES */ #services{padding:80px 0 80px 0;} #services .service-holder{text-align: center; border-right: solid 0px #e8e4e3; overflow: hidden; padding: 30px; height:auto;} #services .service-holder:last-child{border-right: solid 0px #e8e4e3;} #services .service img{max-width:140px; margin-right:auto; margin-left:auto; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; border:4px solid #f8f4f1;} #services .service h4{font-size:16px;margin:25px 0 15px 0;font-family: 'Roboto', sans-serif;text-transform:uppercase;} #services .service p{padding:0 15px;} /*ABOUT US*/ #about{padding:80px 0 80px 0;} #about .subheading-center{font-size:16px; font-weight:300; line-height:25px;} .testimonial{margin-top:40px;} .testimonial-bubble{background: #f5f5f5; border-radius: 10px; border: 0; color: #666; font-family: Georgia, serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative;} .testimonial-arrow-down{ border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f5f5f5; height: 0; margin: 0 0 0 25px; width: 0; } .testimonial-author{margin-top:15px;} .testimonial-author img{float:left; margin-left:17px; margin-right:20px;} .testimonial-author p{padding-top:10px;} /*HIGHLIGHTS */ #highlights{ background:#f8f4f1; max-height:auto; overflow:hidden;} #highlights .container-fluid{position:relative;} #highlights .highlight-content{ padding:80px 25px 40px 25px;} #highlights .highlight-content h2{margin-bottom:15px;} #highlights .highlight-content p{margin-bottom:15px;} #highlights .highlight h4{font-size:16px; font-family: 'Roboto', sans-serif; font-weight:500;margin-bottom:5px;} #highlights .highlight{margin-bottom:35px; height:155px; position:relative;} #highlights .highlight a{font-size:20px; color:#615644; position:absolute; bottom:0px; right:15px;} #highlights .main-img{overflow:hidden;} /*CONTACT*/ #contact{padding:60px 0px; background:url(img/contact-section.jpg) no-repeat center center; background-size:cover;} #contact .contact-sub{margin-bottom:40px; font-size:18px; font-family: 'Raleway', sans-serif;} #contact .main-contact-form input[type="text"],#contact .main-contact-form input[type="tel"],#contact .main-contact-form textarea,#contact .main-contact-form input[type="email"]{width:100%; padding:7px; background:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; ouline:none; border:1px solid #f5f5f5;} #contact .main-contact-form input[type="submit"]{padding:7px 25px; background:#47a4b9; color:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; ouline:none; text-transform:uppercase; outline:none; border:0;} #contact .main-contact-form p{margin-bottom:20px;} #contact .contact-details{margin-top:40px;} /*FOOTER*/ #footer{padding:20px 0; background:#615644; color:#f8f4f1; font-size:12px; text-transform:uppercase;} #footer a{color:#fff;} #footer .terms{margin-top:25px;} #footer .terms ul{list-style:none; padding:0; margin:0; float:left;} #footer .terms li{float:left; margin:0 7px;} div.wpcf7-validation-errors { border: 2px solid #47a4b9; } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { #jumbotron .banner-text h2{ font-size:40px;} #services .service-holder{border-right: solid 1px #e8e4e3; height:431px;} #jumbotron .banner-text .lead{ margin-bottom: 20px; font-size: 18px;} .car-cutout{position:absolute; margin-top:-10px; margin-left:-172px;} #highlights{max-height:auto;} #highlights .highlight-content,#highlights .main-img{height:879px;} #highlights .main-img img{height:100%;margin-left:-583px;} .testimonial{margin-top:0px;} #highlights .highlight{height:130px; margin-bottom:15px} #contact .contact-details{margin-top:0px;} #footer .terms ul{ float:right;} #footer .terms{margin-top:0px;} #highlights .highlight-content{ padding:80px 25px 80px 25px;} } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { #jumbotron .banner-text h2{ font-size:60px;} #services .service-holder{height:auto;} #jumbotron .banner-text .lead{ margin-bottom: 20px; font-size: 21px;} #highlights .highlight-content,#highlights .main-img{height:auto;} #highlights .main-img img{height:auto;margin-left:0px;} #highlights .highlight{margin-bottom:35px; height:170px;} #highlights .main-img{overflow:visible;} #highlights{max-height:597px;} } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .car-cutout{position:absolute; margin-top:-10px; margin-left:-80px;} #highlights .highlight{margin-bottom:35px; height:155px;} }