@import url(https://fonts.googleapis.com/css?family=Raleway:500,700,600); /* Theme Name: Cafe Faucher Theme URI: http://cafefaucher.com/theme/ Author: the Cafe Faucher team Author URI: http://cafefaucher.com/ Template: License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Description: Cafe Faucher is a clean popular right sidebar layout with the a horizontal clearing page headings. It uses the lastest version of Bootstrap for it responsive row and column sturcture. Version: 1.1 Tags: Blue, gray, white, light, one-column, two-columns, right-sidebar Text Domain: cafefaucher */ body { margin: 0; font-size: 15px; font-family: 'Raleway', sans-serif; } /*************************** * Default - Links */ a { text-decoration: none; font-weight: bold; } a:hover { text-decoration: inherit; } /*************************** * Default - Text Items */ p { margin: 12px 0; line-height: 26px; } article.post-type-post+p { margin: 0px 0 20px; line-height: 1.75em; } p.no-top { margin: 0px 0 12px; line-height: 1.75em; } p.no-bottom { margin: 12px 0 0px; line-height: 1.75em; } p.no-top.no-bottom { margin: 0px 0 0px; line-height: 1.75em; } p.no-margin { margin: 0; } div.no-left { padding-left: 0; } .gap { margin-top: 15px; } strong { color: rgba(11, 75, 114, 0.67); } blockquote { color: #648498; } i.fa.fa-chevron-right { font-size: 12px; } /*************************** * List Style IP */ ul { line-height: 28px; text-align: left; } ul ul ul { list-style: none; } /*************************** * Default - Headings */ h1, h2, h3, h4, h5, h6 { color: #0B4B72; } h1.site-title { margin: 0; } h1 { font-size: 32px; margin: 0px 0 8px; } h1 span.sub { font-size: 16px; color: #3483b4; font-weight: normal; text-transform: uppercase; } h2 { font-size: 24px; margin-top: 0px; padding: 8px 0 0; color: rgba(11, 75, 114, 0.87); font-weight: bold; } h2.entry-title-blog { margin-top: 0; } .archive h2.entry-title-blog { margin: 0; } h3 { font-size: 26px; margin: 0; } .feature-box a + p { margin-top: 6px; } h3.no-top { margin: 0px 0 0px; } h2 + p, h3 + p { margin-top: 4px; } h4 { } h5 { } /*************************** * Images */ img { max-width: 100%; height: auto; } img.alignleft { float: left; margin: 7px 24px 14px 0px; width: 357px; height: auto; } img.alignright { float: right; margin: 7px 0 14px 24px; width: 357px; height: auto; } .feature-post img.alignleft { float: left; margin: 7px 18px 14px 0px; width: 243px; height: auto; } img.aligncenter { width: 100%; height: auto; } /*************************** * Captions */ .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; width: 100% !important; } .wp-caption-text { margin: 0; } .sticky { } .gallery-caption { padding: 5px 3px 10px; text-align: center; } .bypostauthor { padding: 5px 3px 10px; text-align: left; } /*************************** * 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. */ } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } /*************************** * Buttons */ input#searchsubmit { background: rgb(11, 75, 114); color: white; border: 0; padding: 6px 14px; } .searchform input#s { width: 244px; height: 33px; } /* Boostrap Socials */ a.btn.btn-block.btn-social.btn-behance { background: #1769ff; color: white; } a.btn.btn-block.btn-social.btn-behance:hover { background: #377CF9; color: white; } button { border: none; background: none; } .textwidget .btn { min-width: 148px; } .btn:hover { background: #C2C2CC; color: #126DA5; } a.btn.collapse-btn.text-center { width: 100%; font-size: 19px; background: #EEE; } /* Forms */ input#submit { background: #0B4B72; color: rgba(255, 255, 255, 0.79); font-weight: bold; border: 0; padding: 5px 15px; } input#submit:hover { background: #126ba2; } /*************************** * Header */ header { background: rgb(194, 214, 226); width: 100%; padding: 6px 0 0px; } .header-inner { } /*************************** * Header Logo */ .logo { padding-left: 0; } .logo img { width: 234px; height: auto; } .logo img:hover { opacity: .8; } /*************************** * Call To Action */ .c2a { font-size: 11px; margin-top:1px; font-style: italic; } .c2a span { padding: 0px 0px 0 0px; color: #6D6D6D; } /*************************** * Socal Media Links */ .social { } .social a { } .social a:hover { } /*************************** * Navigation */ nav { } .navbar-default { border-radius: 0px; border: 0; background: transparent; text-align: center; margin-bottom: 0px; margin-top: 1px; } .navbar-default .navbar-nav > li > a { font-size: 16px; color: #fff; font-weight: bold; border-bottom: 8px solid #3199D8; } .navbar-default .navbar-nav > li:last-child > a { } .navbar-default .navbar-nav > li > a:hover { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .nav li.active a { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .dropdown-menu { margin-top: -2px; background: transparent; box-shadow: none; border: none; border-radius: 0px; padding: 0px; } .dropdown:hover .dropdown-menu { display: block; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { } .navbar-default .dropdown-menu > li > a { background: #0B4B72; color: #fff; padding: 5px 10px; } .navbar-default .dropdown-menu > li > a:hover { background: #A0B0B9; color: #fff; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .navbar-default .navbar-nav>li>a:focus { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .navbar-default .navbar-toggle { border-color: #0D4D74; background: #0D4D74; width: 100%; float: left; border-radius: 0; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #0B4B72; } .navbar-default .navbar-toggle .icon-bar { background: #fff; text-align: right; float: right; clear: both; } /* Centering Nav */ .navbar .navbar-nav { float: right; } .navbar .navbar-collapse { text-align: center; padding: 0px; } /*************************** * Testimonials Fixed */ .quote { margin-right: 12px; } .testimonials { padding: 0 0px 0 6px; } .testimonials p { color: rgb(171, 171, 171); font-size: 12px; font-style: italic; display: inline-block; } .testimonials span { color: #C1CED6; } /*************************** * Carousel */ .home-slider { padding: 0px 20px 0 22px; } .carousel-inner { border: none; box-shadow: none; min-height: 204px; } .carousel-inner img { width: 100%; } .carousel.fade { opacity: 1; } .carousel.fade .item { -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; z-index: 1; } .carousel.fade .item:first-child { top: auto; position: relative; } .carousel.fade .item.active { opacity: 1; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index: 2; } #fade-quote-carousel.carousel { padding: 11px 11px 0px 0px; } #fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } /* Carousel Indicators */ #fade-quote-carousel.carousel .carousel-indicators { bottom: -30px; display: inline-block; } #fade-quote-carousel.carousel .carousel-indicators > li { background-color: #3199D8; border: none; background-color: rgba(49, 153, 216, 0.26); } /* Display Post Shortcode */ ul.display-posts-listing { padding: 0; } li.listing-item { list-style: none; } /* Fetch Tweets Plugin */ .fetch-tweets { overflow-y: hidden; } .fetch-tweets-body > .fetch-tweets-intent-buttons { float: left; clear: both; } .fetch-tweets-main>.fetch-tweets-body { display: inline-block; height: 116px; } .fetch-tweets>.fetch-tweets-item { display: inline-block; padding-bottom: 0; width: 100%; height: 247px; } /*************************** * Main */ .home main { padding: 0px 0 28px; } main { padding: 9px 0 28px; } .main-inner { } .padding-fix { padding-left: 0; } /*************************** * Section */ .into { background: rgba(255, 255, 255, 0.76); padding-top: 14px; margin-bottom: 26px; } /*************************** * Feature */ .feature-box { background: #FCFCFD; padding: 15px 17px; margin-bottom: 20px; } /*************************** * Frontend Code */ pre { display: block; padding: 9.5px; margin: 0 0 10px; color: #333; word-break: break-all; word-wrap: break-word; border-radius: 2px; margin-bottom: 25px !important; border: 1px solid #dedede !important; background-color: #f8f8ff !important; font-size: 100% !important; line-height: 130% !important; color: #002D7A !important; } /*************************** * Crayon */ .crayon-theme-github .crayon-pre { padding-top: 13px !important; padding-bottom: 12px !important; padding-left: 10px; padding-right: 10px; } .crayon-syntax { margin-top: -7px; } /*************************** * TabbyCats By Ashley Stevens Design */ .row.bump-top { margin-top: 20px; } #toggle-container dt { } #toggle-container dt.active, #toggle-container dt:hover { } #toggle-container dd { display: none; float: left; padding: 20px; width: 100%; box-sizing: border-box; background: #EAEAEA; } #toggle-container dd p { } li.tabs { list-style: none; margin-bottom: 4px; width: 100%; } li.tabs a { display: block; background: #F3F3F3; padding: 8px; margin: 0; border: solid 1px #DADADA; color: #A5A5A5; } li.tabs a:hover { background: #fff; } li.tabs a.currentTab { background: rgb(255, 255, 255); } #list-links ul { padding: 0px; } /* Show Hide */ #toggle-container.show-hide dt { cursor: pointer; background: #C7C7C7; padding: .5em; color: #fff; margin: 0 0 6px; } #toggle-container.show-hide dt.active, #toggle-container dt:hover { background: #B1B1B1; } #toggle-container.show-hide dd { display: none; float: none; padding: 0px; width: 100%; color: rgb(82, 82, 82); box-sizing: border-box; background: rgba(255, 255, 255, 0); } /* Tabs Right */ div#list-links.right { float: right; } /*************************** * Aside */ aside { text-align: left; } .widget { background: rgba(255, 255, 255, 0.76); padding: 16px 12px 15px; margin-bottom: 15px; } /* WordPress Widget RSS Feed */ div.fetch-tweets-body > p.fetch-tweets-text { margin-bottom: 0; float: left; } .item img { max-height: 87px; width: auto; float: right; margin-left: 8px; } /* Categories Top Widgets */ .top-widget { padding-left: 2px; } .widget.top { min-height: 255px; } /* Slick Quiz */ .slickQuizWrapper .quizArea, .slickQuizWrapper .quizResults { margin-bottom: 0px !important; } a.button.checkAnswer { background-color: rgb(11, 75, 114); border-radius: 0; } /*************************** * Contact Info */ #contact-info { border-top: 10px solid #0B4B72; background: linear-gradient(180deg, rgb(162, 182, 193), rgb(194, 201, 206)); padding: 35px 15px 20px; text-align: center; } .contact-info-inner { color: #fff; text-align: left; text-shadow: 1px 1px 5px #333; } .contact-info-inner p.phone { font-size: 22px; } .contact-info-inner h3 { color: #fff; border-bottom: 2px solid #423e39; font-weight: bold; text-align: left; font-size: 24px; } .contact-info-inner .fa-facebook { font-size: 24px; margin-left: 20px; } #contact-info a { color: #fff; } #contact-info a:hover { text-decoration: none; color: #423e39; } /*************************** * Locations */ span.locations { font-size: 31px; font-weight: bold; color: #0B4B72; } p.address { margin-top: 3px; margin-bottom: 8px; font-size: 18px; } .over-map-image-block { width: 100%; position: relative; height: 0px; margin-top: 0px; } .box-address { display: table-cell; } .box-text { display: table-cell; vertical-align: middle; height: 385px; width: 555px; background: rgba(57, 107, 137, 0.18); } /*************************** * Contact Form 7 */ form.wpcf7-form p { font-weight: bold; color: #5F5F5F; } input.wpcf7-form-control { width: 100%; border: 1px solid #C7C7C7; padding: 5px 7px 1px; border-radius: 2px; font-weight: normal; } span.wpcf7-list-item { margin-left: 0.5em; display: inline-block; width: 100%; } textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; height: 78px; padding: 5px 7px 1px; border: 1px solid #C7C7C7; font-weight: normal; } .wpcf7-form button.btn.btn-large { width: 100%; background: #396B89; margin-top: 11px; color: white; height: 36px; font-weight: bold; } .wpcf7-form button.btn.btn-large:hover { background: #126ba2; color: #fff; } /*************************** * Blog */ span.date { display: none; } header.archive-header { background: none; position: relative; width: 100%; padding-left: 0; padding-right: 15px; border-top: none; } header.entry-header-blog { background: none; position: relative; width: 100%; padding: 0px; } h1.archive-title span { color: #3199D8; } .archive header.entry-header-blog { background: white; padding-left: 15px; } .archive .entry-summary { padding: 0 20px 7px; } footer.entry-meta { display: none; } h3.assistive-text { background: white; padding: 5px 0px 6px; text-align: center; margin-bottom: 6px; } nav.nav-single { } span.nav-next { float: right; } section.post-nav { padding-right: 0; } /* Comments */ .comments-link { } .entry-header img { display: none; } .form-allowed-tags { display: none; } #comments { } p.comment-form-comment label { font: large; float: left; display: none; } p.comment-form-comment textarea { display: inline-block; width: 100%; height: 133px; } p.form-submit { margin-top: 7px; } header.comment-meta.comment-author.vcard { position: relative; display: inline-block; padding: 6px 14px; } ol.commentlist { margin-left: 0px; margin-top: 4px; display: inline-block; } p.comment-form-comment label { display: none; } h2.comments-title { float: left; width: 100%; margin-top: 16px; } .author-img { float: left; margin-right: 20px; } ul.commentlist { padding: 0; margin: 0; list-style-type: none; } ul.commentlist ul { list-style-type: none; } header.comment-meta.comment-author.vcard time { float: right; } .author-img img { } /*************************** * Social Share Plugin */ .social-sharing.ss-social-sharing { border-top: solid 1px #DADADA; padding-top: 9px; text-align: center; } /*************************** * Site Map Page */ ul.sitemap-page { margin: 20px auto; display: block; max-width: 500px; float: none; } ul.sitemap-page li { list-style: none; } ul.sitemap-page li a { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); color: #3483b4; -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block; } ul.sitemap-page li a:hover { color: #0B4B72; text-transform: uppercase; text-decoration: none; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc, 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 24px 2px rgba(0, 0, 0, 0.1), 0px 34px 30px rgba(0, 0, 0, 0.1); } /*************************** * Back To Top Link */ #top-link-block.affix-top { position: absolute; bottom: -82px; /* negative of the offset - height of link element */ right: 16px; } /* padding From The Right Side Of The Screen */ #top-link-block.affix { position: fixed; bottom: 26px; right: 16px; } .back-to-top { border: solid 2px rgba(11, 75, 114, 0.76); border-radius: 50%; background: rgba(11, 75, 114, 0) !important; color: rgba(11, 75, 114, 0.79) !important; padding: 11px 13px; } .back-to-top:hover { background: rgba(18, 107, 162, 0.12) !important; } /*************************** * Footer */ footer { text-align: center; background: #396B89; border-top: 10px solid #0B4B72; } .footer-inner { padding: 10px 15px; } ul#menu-footer-menu { text-align: center; } .sitemap { font-size: 12px; } .copyright { font-size: 10px; } /* Footer Links */ footer a { font-weight: normal; color: #fff; } footer a:hover { text-decoration: none; color: #C5D1D8; } /* Footer - Widgets */ .footer-outer { background: rgba(255, 255, 255, 0.76); padding-top: 8px; } .foot-widget ul { text-decoration: none; list-style: none; text-align: left; padding: 0; } .foot-widget h3 { text-align: left; margin: 10px 0; } @media screen and ( max-width: 1200px ) { /* Contact Page */ .box-text { display: block; vertical-align: middle; height: auto; width: 100%; padding: 12px 0 12px; margin-bottom: 13px; } } @media screen and ( max-width: 1024px ) { /* Text */ h1 span.sub { display: block; margin-top: 5px; } /* Slider Image */ .item img { display: block; float: none !important; width: auto !important; } /* Contact Page */ .box-text { display: block; vertical-align: middle; height: auto; width: 100%; padding: 12px 0 12px; margin-bottom: 13px; background: rgba(206, 221, 180, 0.33); } } @media screen and ( max-width: 991px ) { /* Header */ .navbar .navbar-nav { float: left; } .navbar-default .navbar-nav > li:first-child > a { padding-left: 0; } .home-heading { padding-right: 0; } } @media screen and ( max-width: 966px ) { /* Header */ .logo img { margin: 0px 0 4px; } } @media screen and ( max-width: 768px ) { /* Header */ header { padding-left: 24px; padding-right: 8px; } .logo { text-align: center; } .c2a { font-size: 11px; text-align: center; margin-top: 0px; font-style: italic; } /* Nav */ .navbar .navbar-nav { float: none; } /* Main */ main { padding-top: 10px; padding-left: 24px; padding-right: 24px; } .home main { padding-top: 1px; padding-left: 24px; padding-right: 24px; } .into { margin: 24px 14px 20px; } } @media screen and ( max-width: 741px ) { /* Images */ img.alignleft { display: block; float: none !important; margin: 0 auto 20px; width: 100%; } img.alignright { display: block; float: none !important; margin: 0 auto 20px; width: 100%; } /* Header */ .c2a { text-align: center; } /* Nav */ .navbar .navbar-nav { display: block; margin-bottom: 0px; } .dropdown-menu { display: block; position: relative; width: 100%; text-align: center; margin-bottom: 20px; } /* Carousel */ .carousel-indicators { display: none; } /* Contact Page */ .contact-info-inner { text-align: center; } #contact-info h3 { text-align: center; } } @media screen and ( max-width: 600px ) { }