/* Theme Name: Cafe Faucher Theme URI: http://cafefaucher.com/wordpress-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 is clean and versatile, making it a great starter theme for any type of blog, portfolio or business site. It is built using the Bootstrap responsive layout framework and comes with a Child theme to extend primary features for making customizations. Version: 1.1.7 Tags: right-sidebar, left-sidebar, custom-menu, translation-ready, footer-widgets,custom-logo Text Domain: cafe-faucher */ /* Fonts */ @font-face { font-family: 'Raleway'; src: url('fonts/raleway/Raleway-Regular.ttf') format('truetype'); } @font-face { font-family: 'RalewayLight'; src: url('fonts/raleway/Raleway-Light.ttf') format('truetype'); } @font-face { font-family: 'Lato'; src: url('fonts/lato/Lato-Regular.ttf') format('truetype'); } @font-face { font-family: 'LatoBold'; src: url('fonts/lato/Lato-Bold.ttf') format('truetype'); } @font-face { font-family: 'LatoLight'; src: url('fonts/lato/Lato-Light.ttf') format('truetype'); } body { margin: 0; font-size: 15px; font-family: 'Raleway', sans-serif; background-color: #f0f0f0; } /*************************** * Default - Links */ h1.site-title a { color: #0B4B72; } h1.site-title a:hover { color: #337ab7; } a { text-decoration: none; font-weight: bold; } a:hover { color: #3199D8; 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; } .no-top { margin: 0px 0 12px; line-height: 1.75em; } .no-bottom { margin: 12px 0 0px; line-height: 1.75em; } .no-top.no-bottom { margin: 0px 0 0px; line-height: 1.75em; } .no-margin { margin: 0; } .no-left { padding-left: 0; } .no-right { padding-right: 0; } .gap { margin-top: 15px; } strong { color: rgba(11, 75, 114, 0.67); } blockquote { color: #648498; } .link-page { display: inline-block; width: 100%; text-align: center; padding-bottom: 8px; margin: 6px 0 0px; font-size: 18px; border-bottom: 1px solid #dcdcdc; } nav.nav-pagination { display: inline-block; width: 100%; margin-bottom: 20px; } .meta-nav i.fa { font-size: 12px; } /*************************** * List Style IP */ ul { line-height: 28px; text-align: left; color: #337ab7; } ul ul ul { list-style: none; } /*************************** * Default - Headings */ h1, h2, h3, h4, h5, h6 { color: #0B4B72; } h1.site-title { margin: 0; } .into-inner h1 { font-size: 24px; color: rgba(11, 75, 114, 0.77); } h1 { font-size: 32px; margin: 0px 0 8px; } h1 span.entry-title-primary { font-size: 32px; margin: 0px 0 8px; } h1 span.entry-subtitle::before { content: "\00BB"; font-size: 22px; padding-right: 4px; } h1 span.entry-subtitle { font-size: 14px; color: #3483b4; font-weight: normal; text-transform: uppercase; display: inline-block; } 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 0 6px; padding: 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; } img.alignright { float: right; margin: 7px 0 14px 24px; } img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { float: left; margin: 7px 18px 14px 0px; width: 243px; height: auto; } img.aligncenter { } /*************************** * 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: #C2D6E2; 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:0px; font-style: italic; } .c2a span { padding: 0px 0px 0 0px; color: #6D6D6D; } /*************************** * Navigation */ #primary_nav_wrap { margin-top:11px; min-height: auto; } #primary_nav_wrap ul { list-style:none; position:relative; float: right; margin:0; padding:0; z-index: 9999; } #primary_nav_wrap ul a { display:block; color: #fff; text-decoration:none; font-weight:700; font-size:13px; line-height:32px; padding:0 15px; } #primary_nav_wrap ul.navbar-nav li.current-menu-item a { border-bottom: 8px solid #0B4B72; } #primary_nav_wrap ul li { position:relative; margin:0; padding:0; } #primary_nav_wrap ul.navbar-nav ul.sub-menu li a { color: #3199D8; border-bottom: none; } #primary_nav_wrap ul.navbar-nav ul.sub-menu li a:hover, #primary_nav_wrap ul.navbar-nav ul.sub-menu li.current-menu-item a { color: #0B4B72; } #primary_nav_wrap ul ul { display:none; position:absolute; top:100%; left:0; background: #f0f0f0; padding:0; min-width: 88px; } #primary_nav_wrap ul ul li { float:none; width: auto; } #primary_nav_wrap ul ul a { color: #3199D8; line-height:120%; padding:10px 15px; } #primary_nav_wrap ul ul a:hover { color: #0B4B72; } #primary_nav_wrap ul ul ul { top:0; left:100%; background: #e7e7e7; } #primary_nav_wrap ul li:hover > ul { display:block; } .navbar-default { border-radius: 0px; border: 0; background: transparent; text-align: center; margin-bottom: 0px; margin-top: 0px; } .navbar .navbar-nav li.page_item a { padding: 10px 15px; display: block; } .navbar .navbar-nav li.page_item a, .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 .navbar-nav li.page_item a:hover, .navbar-default .navbar-nav > li > a:hover { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .navbar .navbar-nav li.active.page_item a, .nav li.active a { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { } .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; padding-top: 15px; padding-bottom: 15px; } .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-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 15px 0 0px; float: right; } .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 { } #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: -20px; 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; } /*************************** * Main */ .home main { padding: 20px 0 28px; } main { padding: 9px 0 28px; } .main-inner { } .padding-fix { padding-left: 0; } /*************************** * Section */ .into { background: rgba(255, 255, 255, 0.76); padding: 15px 0 11px; margin-bottom: 0px; } /*************************** * Feature */ .feature-box { background: #FCFCFD; padding: 15px 17px; margin-bottom: 20px; overflow: hidden; } /*************************** * Blog */ span.date { display: none; } header.archive-header { background: none; position: relative; width: 100%; padding-left: 0; padding-right: 0px; border-top: none; } header.entry-header-blog { background: none; position: relative; width: 100%; padding: 0px; } h1.archive-title span { color: #3199D8; } article.post p:nth-of-type(1) { margin-top: 0; } footer.entry-meta { text-align: left; background: #396B89; padding: 15px; border-top: none; color: #cccccc; } h3.assistive-text { padding: 5px 0px 6px; text-align: center; margin-bottom: 6px; } nav.nav-single { } span.nav-next { float: right; } section.post-nav { padding-right: 0; } /*************************** * Fullwidth */ body.page.page-template-tpl-fullwidth { background-image: none; background: #f3f3f3; } /*************************** * Putting Code In Posts */ pre { display: block; border: 1px solid #dedede !important; background-color: #f8f8ff !important; line-height: 130% !important; color: #002D7A !important; } pre.to-width { display: inline-block; } .home pre.to-width, .archive pre.to-width { display: block; } /*************************** * 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 { } /* Categories Top Widgets */ .top-widget { } .top-widget.middle { padding: 0px; } .widget.top { min-height: 269px; } /*************************** * Bottom of Post C2A */ .home-cta { display: inline-block; } .home-cta .cta-content { padding: 0px 10px 0; width: 30.158730159%; display: inline-block; float: left; } .home-cta h5 { margin-bottom: 10px; } .home-cta .cta-content h2 { color: #67615B; letter-spacing: normal; font-size: 29px; margin-bottom: 10px; text-transform: none; } .home-cta .cta-content h6 { color: #A7A7A7; font-size: 15px; font-weight: 500; } .home-cta .cta-content .button { padding: 4px 14px; position: relative; letter-spacing: .1em; background: #396B89; color: white; width: 100%; display: block; text-align: center; } .home-cta .cta-photo { padding: 35px 0px 0 13px; text-align: center; display: inline-block; } .home-cta .cta-photo img { max-width: 328px; } .home-cta .cta-top-posts { float: right; width: 37.037037037%; } .home-cta h5 { margin-bottom: 10px; } .home-cta .cta-top-posts a { background-color: rgb(241, 241, 241); color: #555; display: block; margin-bottom: 2px; padding: 14px 10px 13px 56px; position: relative; text-decoration: none; font-size: 14px; text-align: left; } .home-cta .cta-top-posts .rank { color: #337ab7; display: block; font-size: 20px; position: absolute; top: 50%; left: 0; width: 60px; margin-top: -15px; text-align: center; } .home-cta .cta-top-posts a:hover .rank { color: #fff; } .home-cta .cta-top-posts a:hover { background: #126ba2; color: #fff; } .home-cta .button:hover { background-color: #337ab7; border: none; color: #fff; text-decoration: none; } .home-cta .cta-content .button:before { content: ''; position: absolute; top: -7px; left: 50%; margin-left: -7px; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #396B89 transparent; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .home-cta .cta-content .button:hover:before { border-color: transparent transparent #337ab7 transparent; } /*************************** * Bottom of Post Author Bio */ .post-bottom-bio { font-size: 14px; } .post-bottom-bio-description { display: inline-block; width: 568px; } section.full-width .post-bottom-bio-description { display: inline-block; width: 954px; } img.post-bottom-bio-image { padding: 0 8px 8px; background: white; width: 122px; height: auto; float: left; margin-right: 20px; border-radius: 50%; } .post-bottom-bio p { margin: 0 0 19px; padding: 0; } .post-bottom-bio a.button { float: right; font-size: 14px; padding: 8px; background-color: rgb(241, 241, 241); } /* Bio Socials */ ul.bio-socials { float: left; list-style: none; padding: 0; } ul.bio-socials li { display: inline-block; margin: 0 12px; } /*************************** * 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: 374px; width: 555px; background: rgba(57, 107, 137, 0.18); } /* 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%; padding: 0; } .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 { } /*************************** * Multi Grid Nav */ .multi-grid-nav { display: inline-block; } .squares-container { float: left; margin-right: 3px; } .square { background-color: black; width: 10px; height: 10px; margin-bottom: 3px; } .bars-container { float: left; margin-right: 18px; } .bars-container .bar { background-color: black; width: 23px; height: 10px; margin-bottom: 3px; } .bars-container:hover .bar, .squares-container:hover .square { background-color: gray; } /*************************** * WooCommerce */ .woocommerce .variations label { color: black; font-size: 16px; margin-bottom: 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; vertical-align: top; line-height: 0; } .woocommerce div.product p.price span.woocommerce-Price-amount.amount { color: #0b4b72; font-size: 1.25em; } .woocommerce div.product form.cart .button, button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed { background-color: #337ab7; color: #fff; } button.single_add_to_cart_button.button.alt:hover { background-color: #0B4B72; color: #fff; } .woocommerce .woocommerce-message { border-top-color: #0B4B72; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #337ab7; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #0B4B72; color: #fff; } .woocommerce .variations td.value { display: block; max-width: 224px; } /* Shop */ .woocommerce .quantity .qty { width: 3.631em; text-align: center; min-height: 33px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 50%; } .woocommerce ul.products li.product h3 { padding: 0px 0; margin: 0; font-size: 18px; } /* Single */ .woocommerce div.product .product_title { font-size: 26px; } .woocommerce ul.products li.product .price { color: #0b4b72; display: block; font-weight: 400; margin-bottom: .5em; font-size: 16px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 20px 20px 0; padding: 0; position: relative; width: 32.05%; } .up-sells.upsells.products { clear: both; } .single-product.woocommerce ul.products li.product a img.attachment-shop_catalog { width: 208px; height: auto; } .single-product.woocommerce-page ul.products li.product { float: left; margin: 0 20px 20px 0; padding: 0; position: relative; width: 200px; } .summary.entry-summary.pagination { text-align: center; margin: 0px 0; } /* Cart */ #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 156px; box-shadow: none; } /*************************** * 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 */ .sitemap ul { list-style: none; } footer { text-align: center; background: #396B89; border-top: 10px solid #0B4B72; } .footer-inner { padding: 15px 17px; } 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, footer a:focus { text-decoration: none; color: #C5D1D8; } /* Footer - Widgets */ .footer-outer { background: rgba(255, 255, 255, 0.76); } .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: 1199px ) { /* Sidebar Search */ aside .searchform input#s { width: 182px; } /* WooCommerce */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 31.05%; } /* Contact Page */ .box-text { display: block; vertical-align: middle; height: auto; width: 100%; padding: 12px 0 12px; margin-bottom: 13px; } /* Bottom of Post C2A */ .home-cta .cta-top-posts { width: 100%; } .home-cta .cta-content { padding: 0px 10px 0; margin-bottom: 20px; width: 100%; } .home-cta .cta-photo { margin-bottom: 20px; padding: 0; width: 100%; } .home-cta .cta-photo img { max-width: 100%; } .home-cta { padding: 32px 20px 22px; } /* Bottom of Post bio */ .post-bottom-bio { text-align: center; } .post-bottom-bio-description, section.full-width .post-bottom-bio-description { display: inline-block; width: 100%; margin-top: 0px; } img.post-bottom-bio-image { float: none; margin-right: 0; margin-bottom: 4px; } .post-bottom-bio .simple-social-icons ul { margin: 0; padding: 0; display: inline-block; } .post-bottom-bio a.button { float: none; display: inline-block; } .post-bottom-bio ul.bio-socials { float: none; width: 100%; text-align: center; } } @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; } } @media screen and ( max-width: 991px ) { /* Logo */ .logo { padding-left: 0; text-align: center; } /* Nav */ #primary_nav_wrap { float: none; width: 100%; text-align: center; } #primary_nav_wrap ul { float: none; display: inline-block; margin-bottom: -6px; } #primary_nav_wrap ul li { float: left; } .home-heading { padding-right: 0; } .no-right-mobile { padding-right: 0; } main .container aside { padding: 0; text-align: center; } /* Archives Top Widgets */ .top-widget h3 { text-align: center; } .top-widget.middle { padding: 0 15px; } /* Sidebar */ .widget ul { text-align: center; list-style: none; padding: 0; } /* Footer */ .foot-widget h3 { text-align: center; margin: 10px 0; } .foot-widget ul { text-align: center; } } @media screen and ( max-width: 768px ) { /* Header */ header { padding-left: 20px; padding-right: 20px; } .logo { text-align: center; } .c2a { font-size: 11px; text-align: center; margin-top: 0px; font-style: italic; } .home-cta .button.alignright { float: none; margin: 16px 0 0; } /* Nav */ .navbar-default { border-radius: 0px; border: 0; background: transparent; text-align: center; margin-bottom: 0px; margin-top: 0px; } .navbar .navbar-nav li.page_item a { padding: 10px 15px; display: block; } .navbar .navbar-nav li.page_item a, .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 .navbar-nav li.page_item a:hover, .navbar-default .navbar-nav > li > a:hover { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .navbar .navbar-nav li.active.page_item a, .nav li.active a { border-bottom: 8px solid #0B4B72; color: #fff; background: transparent; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { } .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; padding-top: 15px; padding-bottom: 15px; } .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; margin-bottom: 0; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #0B4B72; margin: 0; } .navbar-default .navbar-toggle .icon-bar { background: #fff; text-align: right; float: right; clear: both; } /* Centering Nav */ .navbar .navbar-collapse { text-align: center; padding: 0px; overflow: hidden; border-color: rgb(40, 116, 162); } #primary_nav_wrap { float: right; margin-top: 12px; margin-bottom: 11px; min-height: auto; } #primary_nav_wrap ul { list-style:none; position:relative; float:none; margin:0; padding:0; z-index: 9999; display: block; background: #5b8199; } #primary_nav_wrap ul a { display:block; color: #fff; text-decoration:none; font-weight:700; font-size:14px; line-height:32px; padding:4px 15px 8px 15px; border: none; } #primary_nav_wrap ul.navbar-nav li a { border-bottom: 8px solid #5b8199; } #primary_nav_wrap ul.navbar-nav li:hover a { border-bottom: 8px solid #0B4B72; } #primary_nav_wrap ul a:after { content: '>'; float: right; } #primary_nav_wrap ul li { position:relative; float:none; margin:0; padding:0; } #primary_nav_wrap ul li.current-menu-item { color: #0B4B72; } #primary_nav_wrap ul ul { display: block; position: relative; padding: 0; } #primary_nav_wrap ul ul li { float:none; width: auto; } #primary_nav_wrap ul ul a { color: #fff; line-height:32px; padding:4px 15px 8px 45px; } #primary_nav_wrap ul ul a:hover { color: #fff; } #primary_nav_wrap ul ul ul { top:0; left:0; } #primary_nav_wrap ul ul ul a { padding: 4px 15px 8px 75px; } #primary_nav_wrap ul li:hover > ul { display:block; } Z /* Post Bio */ .post-bottom-bio p { margin: 0 0 0px !important; } /* Code In Post */ pre.to-width { display: block; } /* Main */ main { padding-top: 10px; padding-left: 24px; padding-right: 24px; } .home main { padding-left: 24px; padding-right: 24px; } .into { margin: 24px 14px 20px; } h1.archive-title span { display: block; } /* WooCommerce Shop */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 0px 20px 0; padding: 0; position: relative; width: 48.05%; } } @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; } /* 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 ) { /* WooCommerce shop */ ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n), .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) { float: left; clear: none!important; } /* WooCommerce single */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 100%; margin-bottom: 4px; } .woocommerce div.product .product_title { font-size: 18px; } .woocommerce div.product p.price span.woocommerce-Price-amount.amount { font-size: 18px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 4px 7px 0; } } @media screen and ( max-width: 400px ) { #primary_nav_wrap ul a { font-size: 12px; } #primary_nav_wrap ul ul a { padding: 4px 15px 8px 30px; } #primary_nav_wrap ul ul ul a { padding: 4px 15px 8px 60px; } }