/* === GENERAL === */ body { font-family: 'Raleway', Helvetica, sans-serif; font-size: 16px; background: url('../img/tile.jpg') top left repeat; background: none; } /* === GLOBAL === */ h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-weight: bold; color: #192a3d; } h1 { font-size: 3em; } h1, h2 { margin: 0 0 40px; } h3 { margin: 20px 0; } h4 { font-size: 18px; } li { padding: 5px 0; } p { margin: 0 0 15px; } p.lead { font-weight: normal; } a:link, a:visited { color: #ff6b00; } a:hover { color: #c9302c; text-decoration: none; } a.shop { color: #fff !important; background-color: #ff6b00 !important; border-radius: 6px; } a.shop:hover { color: #fff !important; background-color: #645C5C !important; } button, input, .btn, a.btn { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: white; } .btn { font-weight: bold; } button.btn:focus { outline: none !important; } .btn-danger { background-color: #ff6b00; border-color: #d95131; } .btn-success { background: #79b044; border: none; } .btn-success:hover { background: #6a9b3d; border-color: #6a9b3d; } img { max-width: 100%; } .img-responsive { display: inline; } .modal-content { background: url('../img/tile.jpg') top left repeat; } .yoga { background: none #fff; } .social { margin: 25px 0 0; padding: 0 10px; } .social a { padding: 0 5px; } .social .fa { color: #ff6b00; } .fa-quote-left { color: #ff6b00; } blockquote { padding: 0; border: none; font-style: italic; text-align: left; } blockquote cite { display: block; color: #777; margin: 15px 0 0 0; } blockquote:before { display: none; } /* === TABLES === */ caption { font-style: italic; font-size: 0.8em; text-align: right; } th { text-align: center; } th.rest { font-size: 12px; } tfoot { font-size: 12px; } /* === LAYOUT === */ .navbar-nav > li > a { color: #645c5c; font-size: 15px; font-weight: bold; padding: 10px 10px; } .navbar-nav > li.active > a { color: #ff6b00; } .navbar-nav > li > a:hover { color: #ff6b00; background-color: #fff; } .row + .row { margin-top: 20px; } section { padding: 20px 0; } section.main-content { padding: 40px 0; } .section-header { text-align: center; } section h2 { margin: 20px 0 40px; } section h3 { margin: 30px 0 10px; } #primary { padding-top: 40px; padding-bottom: 40px; } .top-adsense { vertical-align: middle; text-align: center; height: auto; padding: 10px 0; } .feature-image { display: table; width: 100%; display: none; } .feature-image { background: url('../img/bg-texture-orange.png') no-repeat; background-size: cover; } .feature-image img { /* display: table-cell; */ margin: 0 auto; } .feature-image h1 { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } #optin { background: #3e4249; padding: 20px 0; color: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-size: 1.2em; } #optin p { margin: 7px 0 0 0; } #who-benefits { background: #fff; } #products { background: #777; color: #000; text-align: center; } #featuresHeading, #featuresHeading h2 { color: #fff; } #project-features { text-align: center; } #featurette { background: url('../img/stuff-bg.jpg') 50% 100% repeat fixed; background-size: cover; text-align: center; color: #fff; } #kudos { text-align: center; } .testimonial { margin-bottom: 60px; } .testimonial img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #signup { text-align: center; background: url('../img/bg-texture-orange.png') no-repeat; background-size: cover; color: #fff; padding: 60px 0; } #signup h2 { font-weight: normal; color: #fff; } #signup .btn { font-size: 24px; } .logo { margin: 0 auto; } /* === SOCIAL === */ /*footer ul { display: inline-block; margin: -8px 3px 1px 3px; }*/ .fa-facebook, .fa-twitter, .fa-google-plus { width: 32px; height: 32px; line-height: 32px; font-size: 17px; border-width: 1px; border-style: solid; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; display:block; text-decoration:none; transition: opacity .20s ease-in-out; -o-transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; } footer li a:hover, footer a:hover { color: #fff; } .social_icons { text-align: center; padding: 0 0 20px; } /* === BLOG === */ .post, .widget, #comments, .adsense { position: relative; border: solid 1px #ddd; background: #fff; margin:0 0 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .post header, .post .post-excerpt, .post .post-body, #comments .comments-wrap { padding: 20px; } .post header h1, .post header h3 { margin: 0 0 0px; padding: 0 0 15px; border-bottom: solid 1px #ddd; } .post header h1 { font-size: 24px; } .post-image { height: auto; } .post-details { font-size: 12px; width: 90%; } .post-details i.fa { padding-left: 10px; } .post-details i.fa:first-child { padding: 0; } /* === ADSENSE === */ .adsense { padding: 20px; } .adsense h4 { margin: 0 0 10px; padding: 0 0 10px; border-bottom: solid 1px #ddd; } /* === WIDGETS === */ .widget { padding: 20px; } .widget h4 { margin: 0 0 10px; padding: 0 0 10px; border-bottom: solid 1px #ddd; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget ul li { margin: 0 0 5px; } .widget ul li:hover { position: relative; margin-left: 1px; } /* === CUSTOM ICON SPRITES === */ i.ci { display: inline-block; height: 40px; width: 40px; background: url('../img/icon-sprite.png') no-repeat; } .ci.ci-computer { background-position: 0 0; } .ci.ci-watch { background-position: -40px 0; } .ci.ci-calendar { background-position: -80px 0; } .ci.ci-community { background-position: -120px 0; } .ci.ci-instructor { background-position: -160px 0; } .ci.ci-device { background-position: -200px 0; } /* === FORMS === */ label { display: block; font-weight: bold; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 6px 12px; } input[type="submit"], button[type="submit"] { display: inline-block; margin-bottom: 0; font-size: 18px; font-weight: bold; line-height: 1.33; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: none !important; border-radius: 6px; } input[type="submit"]:hover, button[type="submit"]:hover { outline: none; border: none; background: #aaa; } /* === MEDIA QUERIES === */ @media screen and ( max-width: 568px ) { } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { .widget button { font-size: 14px; } } /* ======= Header ======= */ .header { padding: 30px 0; background: #fff; z-index: 888; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .header.navbar-fixed-top { border: none; } .header.navbar-fixed-top .main-nav .navbar-collapse { padding-left: 15px; padding-right: 15px; } .header h1.logo { margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-weight: bold; font-size: 25px; max-height: 50px; margin: 0 auto; } .header h1.logo a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .header h1.logo a:hover { color: #645c5c; } .header h1.logo .logo-title { vertical-align: middle; line-height: 2.0; } /* Testing */ .header div.logo { margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-weight: bold; font-size: 25px; max-height: 50px; margin: 0 auto; } .header div.logo a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .header div.logo a:hover { color: #645c5c; } .header div.logo .logo-title { vertical-align: middle; line-height: 2.0; } .header div.logo-title { font-size: 3em; } /* End Testing */ .header .main-nav .navbar-toggle { margin-right: 0; background: #ff6b00; color: #fff !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .header .main-nav .navbar-toggle:focus { outline: none; } .header .main-nav .navbar-toggle:hover { background: #ff6b00; } .header .main-nav .navbar-toggle .icon-bar { background-color: #fff; } .header .main-nav .nav .nav-item { font-weight: normal; text-transform: uppercase; font-size: 14px; margin-right: 10px; } .header .main-nav .nav .nav-item.active a { color: #51a746; background: none; font-weight: bold; } .header .main-nav .nav .nav-item a { color: #666666; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .header .main-nav .nav .nav-item a:hover { color: #6dbd63; background: none; } .header .main-nav .nav .nav-item a:focus { outline: none; background: none; } .header .main-nav .nav .nav-item a:active { outline: none; background: none; } .header .main-nav .nav .nav-item.active { color: #6dbd63; } .header .main-nav .nav .nav-item.last { margin-right: 0; } .header .main-nav .nav .open > a { background: none; } .header .main-nav .nav .dropdown-menu a { border-bottom: 1px dotted #f5f5f5; padding: 8px 20px; color: #444444; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .header .main-nav .nav .dropdown-menu a:hover { background: #eee; color: #ff6b00; } .header .main-nav .nav .dropdown-menu:before { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ff6b00; position: absolute; right: 30px; top: -10px; } .dropdown-menu>.active>a { background-color: #fff; color: #DDD; font-weight: bold; } /* Back-to-Top button */ .back-to-top { background: none; margin: 0; position: fixed; bottom: 0; right: 0; width: 70px; height: 70px; z-index: 100; display: none; text-decoration: none; color: #ffffff; background-color: transparent; display: none !important; } .back-to-top i { font-size: 50px; } /* Social sharing buttons */ #social_buttons { margin: 0 auto; width: 96px; } #social_buttons a { padding: 0 5px; } /* Adsense */ .adsense_top, .adsense_bottom, .adsense_middle { position: relative; margin: 10px auto 0; text-align: center; } .adsense_sidebar { position: relative; margin: 0 auto 40px; text-align: center; display: block; } .adsense_top { margin: 0 auto 10px; } /* Books page */ .book { margin-top: 30px; border-bottom: solid silver 2px; padding-bottom: 30px; } .book_image { float: left; padding: 0 10px 0 0; } h1.book_title { font-size: 1.3em; margin-bottom: 15px; } .book_author { margin: 5px 0; } .book_details { margin: 10px 0; padding: 12px; line-height: 1.5em; } .book_buttons { text-align: center; } .book_buttons img { margin: 5px; } /* MEDIA QUERIES */ /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { .wrapper { min-height: inherit; margin-bottom: 0; } .wrapper:after { content: none; } .header h1.logo { font-size: 16px; margin-top: 14px; } .footer { height: auto; padding-bottom: 0; } .navbar-fixed-top { position: static; } .header .main-nav .nav .dropdown-menu:before { display: none; } .header .main-nav .nav .dropdown-menu { border: none; } .navbar-collapse { margin-left: -15px; margin-right: -15px; } .header .main-nav .nav .open > a { background: #eee; } section { padding: 40px 0; } .img-responsive.logo{ width: 60%; } caption { font-size: 0.7em; } th.day { font-size: 0.9em; } th.rest { font-size: 0.7em; } td { font-size: 0.8em; } tfoot { font-size: 0.8em; } #products { /* display: none; */ uncomment to hide Amazon products on mobile devices } .btn-group .btn { font-size: 10px; } .back-to-top { bottom: 50px; display: none !important; } .feature-image { display: none; } .main-image { display: none; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .wrapper { min-height: inherit; margin-bottom: 0; } .wrapper:after { content: none; } .navbar-fixed-top { position: static; } .header h1.logo { float: none !important; text-align: center; } .main-nav { float: none !important; } .main-nav .navbar-collapse { float: none; text-align: center; } .main-nav .navbar-collapse .nav { margin: 0 auto; float: none; } .navbar-nav > li > a { padding: 10px 7px; font-size: 13px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .navbar-fixed-top { position: fixed; top: 0; } .header h1.logo { float: none !important; text-align: center; } .main-nav { float: none !important; } .main-nav .navbar-collapse { float: none; text-align: center; } .main-nav .navbar-collapse .nav { margin: 0 auto; float: none; } th.day { font-size: 0.9em; } th.rest { font-size: 0.9em; } td { font-size: 0.9em; } tfoot { font-size: 0.9em; } .navbar-nav > li > a { padding: 10px 7px; font-size: 16px; font-weight: bold; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .header h1.logo { float: left !important; text-align: left; } .navbar-nav > li > a { padding: 10px 10px; } th.day { font-size: 1em; } th.rest { font-size: 1em; } td { font-size: 1em; } tfoot { font-size: 1em; } .nav>li>a { padding: 10px 10px; } } /* Footer stuff */ .footer-distributed { background-color: #565656 !important; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; font: 'proxima-nova', 'Raleway', Helvetica, sans-serif; min-height: 100px; padding: 45px 50px 80px; } .footer-distributed .footer-left p { color: #8f9296; font-size: 14px; margin: 0; } /* Footer links */ .footer-distributed p.footer-links { font-size:16px; font-weight: bold; color: #ffffff; margin: 0 0 10px; padding: 0; } .footer-distributed p.footer-links a { display:inline-block; line-height: 1.8; text-decoration: none; color: inherit; padding: 0 5px; } .footer-distributed .footer-right { float: right; margin-top: 6px; max-width: 180px; } .footer-distributed .footer-right a { display: inline-block; width: 35px; height: 35px; background-color: #565656; border-radius: 2px; font-size: 20px; color: #ffffff; text-align: center; line-height: 35px; margin-left: 3px; } .footer-distributed .footer-left a:hover { color: #ff6b00; } a:hover i.fa-facebook { color: #ff6b00; } a:hover i.fa-google-plus { color: #ff6b00; } a:hover i.fa-twitter { color: #ff6b00; } .footer-copyright { padding: 20px 0 10px 0; font-size: 15px !important; } .footer-amazon { font-size: 16px !important; } /* If you don't want the footer to be responsive, remove these media queries */ @media (max-width: 600px) { .footer-distributed .footer-left, .footer-distributed .footer-right{ text-align: center; } .footer-distributed .footer-right{ float: none; margin: 0 auto 20px; } .footer-distributed .footer-left p.footer-links{ line-height: 1.8; } } /* Social sharing buttons */ #social_buttons { margin: 0 auto; width: 96px; } #social_buttons a { padding: 0 5px; } /* Amazon links */ .affi-box { max-width: 320px; border: 1px solid #ddd; border-radius: 8px; padding: 16px; font-family: sans-serif; font-size: 14px; background-color: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* min-height: 550px; */ } .product-title { font-size: 1.2em; margin-bottom: 12px; text-align: center; font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid lightgray; } .product-image { display: block; margin: 0 auto 16px; max-width: 100%; border-radius: 6px; } .pros-list { list-style: none; padding: 0; margin: 0 0 16px; list-style: disc !important; margin-left: 20px !important; margin-bottom: 20px !important; } .pros-list li { margin-bottom: 6px; padding-left: 1em; text-indent: -1em; font-size: 14px; padding: 0 0 0 1em !important; text-align: left; } .buy-button { display: block; text-align: center; background-color: #ff9900; color: #fff !important; font-weight: bold; padding: 12px; border-radius: 6px; text-decoration: none; transition: background-color 0.3s ease; } .buy-button:hover { background-color: #e68a00; } @media screen and (max-width: 480px) { .affi-box { max-width: 100%; padding: 12px; border-radius: 0; box-shadow: none; } .product-title { font-size: 1em; } .buy-button { font-size: 0.95em; padding: 10px; } }