/* Theme Name: Biscuit Adding support for language written in a Right To Left (RTL) direction is easy - it's just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. http://codex.wordpress.org/Right_to_Left_Language_Support */ /* body {direction:rtl;} */ /*-------------------------------------------------------------- # Responsive Grid --------------------------------------------------------------*/ .container { margin: 0 20px; } .column { margin-bottom: 1em; } .site-content { background-color: #fff; padding-top: 2em; } @media (min-width: 1024px) { .column { float: right; margin-bottom: 0; padding: 0 15px; } .column.full { width: 100%; } .column.five-sixths { width: 83.4%; } .column.four-fifths { width: 80%; } .column.three-fourths { width: 75%; } .column.two-thirds { width: 66.7%; } .column.half { width: 50%; } .column.third { width: 33.3%; } .column.fourth { width: 25%; } .column.fifth { width: 20%; } .column.sixth { width: 16.6%; } .column.flow-opposite { float: left; } .column.centered { float: none !important; margin-right: 15%; width: 70%; } } @media (min-width: 1090px) { .container { margin: 0 auto; width: 1050px; } } @media (min-width: 1024px) { .site-content { margin-right: -15px; margin-left: -15px; overflow: hidden; } } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #666666; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.8; text-rendering: optimizeLegibility; -ms-word-wrap: break-word; word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { font-family: 'Amatic SC', cursive; font-weight: 700; margin-top: 20px; margin-bottom: 10px; } h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 22px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p { margin-bottom: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { border-right: 5px solid #f2f2f2; margin-bottom: 20px; padding: 10px 20px; } address { font-style: italic; margin-bottom: 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { background: #eee; color: #222; font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; padding: 0; white-space: normal; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ hr { background-color: #e5e5e5; border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } ul, ol { margin: 0 3em 1.5em 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-right: 1.5em; } dt { font-weight: bold; color: #0a0700; } dd { margin-bottom: 1.5em; } figure { margin: 0; } table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 2; margin-bottom: 40px; width: 100%; } table th { font-weight: bold; padding: 10px 0 10px 10px; text-align: right; } table td { padding: 10px 0 10px 10px; } table tr { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #000000; background: #000000; color: #ffffff; border-radius: 0; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ padding: 3px 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: 1px solid #ccc; border-radius: 0; color: #666; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-right: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /*-------------------------------------------------------------- ## Contact Form 7 --------------------------------------------------------------*/ .wpcf7-form-control-wrap { display: inline; } .wpcf7 select { background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; outline-color: transparent; outline-style: none; padding: 10px; width: 100%; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 textarea { background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; outline-color: transparent; outline-style: none; padding: 10px; width: 100%; } .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 input[type="password"]:focus, .wpcf7 textarea:focus { background-color: #fff; color: #111; } .wpcf7 input[type="submit"] { border: 1px solid #4d4d4d; border-color: #4d4d4d; border-radius: 0; background: #4d4d4d; box-shadow: none; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 14px; font-size: 1.4rem; line-height: 1; outline-color: transparent; outline-style: none; padding: 1em 1em 0.9em; text-shadow: 0; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wpcf7 input[type="submit"]:hover { opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*-------------------------------------------------------------- ## Mailchimp Form --------------------------------------------------------------*/ #mc_embed_signup { background: transparent !important; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header { background-color: #ffffff; margin-bottom: 2em; text-align: center; } .header-image { margin: 0 0 1em; } .header-image img { width: auto; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #000000; text-decoration: underline; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:visited { color: #000000; } a:hover, a:focus, a:active { color: #666666; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*-------------------------------------------------------------- ## Logo and Title --------------------------------------------------------------*/ .site-branding { text-align: center; } .site-title { font-size: 48px; line-height: 1; margin-top: 25px; margin-bottom: 0; text-transform: uppercase; } .site-title a { text-decoration: none; } .site-description { font-size: 14px; font-style: italic; font-weight: 300; margin-top: 0; margin-bottom: 0; padding-top: 8px; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .menu { display: table; margin: 0 auto; } #top-navigation { border: 0; background-color: #ffffff; padding: 10px 0; } #top-navigation a, #top-navigation .menu-toggle { color: #000000; text-decoration: none; } #top-navigation a:hover, #top-navigation button.menu-toggle a:hover { color: #000000; } #site-navigation { background-color: #ffffff; } #site-navigation a, #site-navigation .menu-toggle { color: #000000; text-decoration: none; } #site-navigation a:hover, #site-navigation button.menu-toggle a:hover { color: #000000; } .main-navigation { font-family: 'Open Sans', cursive; font-size: 14px; padding: 0; text-transform: uppercase; } .menu-wrap { border: 0; } .main-navigation ul { list-style: none; margin: 0 auto; } .main-navigation li { display: inline; float: right; margin: 0 1em; position: relative; } .main-navigation li.menu-item-has-children:after { content: '\f107'; color: #646265; font-family: 'FontAwesome'; font-size: 12px; } .main-navigation ul ul { background-color: #ffffff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: right; right: -1em; padding: 0.5em 1em; position: absolute; top: 1.5em; z-index: 99999; visibility:hidden; opacity:0; text-transform: capitalize; transition:visibility 0s linear 0.5s,opacity 0.5s linear; } .main-navigation ul ul li { margin: 0; width: 230px; } .main-navigation ul li:hover > ul { visibility:visible; opacity:1; transition-delay:0s; } .main-navigation ul ul ul { right: 230px; top: -1em; } /* Small menu */ .menu-toggle { display: none; } /* Paging Navigation */ .pagination { clear: both; padding: 50px 15px; overflow: hidden; text-align: center; } .pagination a { padding: 5px 10px; margin-left: 5px; background: #ccc; color: #fff; text-decoration: blink; } .pagination a:hover, .pagination .current { padding: 5px 10px; margin-left: 5px; background: #000000; color: #fff; } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0; overflow: hidden; } .paging-navigation { padding: 0 15px; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: right; width: 50%; padding-bottom: 2.5em; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: left; text-align: left; width: 50%; } @media screen and (max-width: 1023px) { .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } button.menu-toggle { background: none; border: 0; box-shadow: none; font-size: 14px; margin: 0 auto; outline-style: none; text-shadow: none; text-transform: uppercase; } .main-navigation { display: block; float: none; margin: 0 auto; } .main-navigation a { display: block; padding: 0.5em 0; text-decoration: none; } .main-navigation ul { display: none; } .main-navigation li { float: none; margin: 0; position: relative; padding: 0; text-align: center; } .main-navigation li:last-child { border-bottom: 0; } .main-navigation ul li > ul { display: block; margin-right: 0; } .main-navigation ul ul { border-right: 0; box-shadow: none; display: block; float: none; right: 0; padding: 0; position: relative; top: 0; text-transform: capitalize; visibility: visible; opacity:1; z-index: 99999; } .main-navigation ul ul li { border-bottom: 0; padding: 0; } .main-navigation li.menu-item-has-children:after { content: none; } .main-navigation ul ul ul { right: 0; top: 0; } .menu-wrap { border: 0; } } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .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-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: right; margin: 1em 0 1em 1.5em; } .alignright { display: inline; float: left; margin: 1em 1.5em 1em 0; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .clear { *zoom: 1; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget-area { padding: 0 15px 30px; text-align: center; } .site-footer .widget-area { border-right: 0; text-align: right; } .widget { font-weight: 300; margin: 0 0 2.5em; word-wrap: break-word; } .sidebar-footer .widget { margin: 1em 0 0; } .widget a { text-decoration: none; } .widget ul { list-style: none; margin-right: 0; } .widget-title { background-color: #ffffff; color: #000000; font-family: 'Amatic SC', cursive; font-size: 18px; font-weight: 700; letter-spacing: 4px; line-height: 30px; list-style: none; margin-top: 0; margin-right: 0; margin-bottom: 1.5em; text-transform: uppercase; } .widget-title a { text-decoration: none; } .site-footer .widget-title { background-color: #eeeeee; color: #000000; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } .widget_search input[type="search"] { width: 70%; } @media screen and (min-width: 1024px) { .page-template-layoutspage-left-sidebar-php .column, .left-sidebar .column { float: left !important; } .page-template-layoutspage-left-sidebar-php .site-footer .column, .left-sidebar .site-footer .column { float: right !important; } .page-template-layoutspage-left-sidebar-php .page-title, .left-sidebar .page-title { text-align: left; } } @media screen and (max-width: 1023px) { /* Widget */ .widget_search input[type="search"] { width: 30%; } } /*-------------------------------------------------------------- ## Social Widgets --------------------------------------------------------------*/ .widget-social { text-align: center; } .widget-social a { text-decoration: none; } .widget-social a:hover { opacity: 0.6; } .widget-social span { display: inline-block; margin-bottom: 10px; } .social { background-color: #000000; font-family: 'FontAwesome'; font-size: 14px; margin-right: 2px; margin-left: 2px; overflow: hidden; padding: 0.5em; } .social:before { color: #fff; } .social-feed:before { content: '\f09e'; } .social-email:before { content: '\f0e0'; } .social-linkedin:before { content: '\f0e1'; } .social-bloglovin:before { content: '\f004'; } .social-twitter:before { content: '\f099'; } .social-facebook:before { content: '\f230'; } .social-googleplus:before { content: '\f0d5'; } .social-pinterest:before { content: '\f0d2'; } .social-instagram:before { content: '\f16d'; } .social-flickr:before { content: '\f16e'; } .social-youtube:before { content: '\f16a'; } .social-vimeo:before { content: '\f27d'; } .social-dribbble:before { content: '\f17d'; } .social-behance:before { content: '\f1b4'; } .social-github:before { content: '\f113'; } .social-skype:before { content: '\f17e'; } .social-tumblr:before { content: '\f173'; } .social-wordpress:before { content: '\f19a'; } .social-soundcloud:before { content: '\f1be'; } .social-pk-medium:before { content: '\f23a'; } .social-snapchat:before { content: '\f2ab'; } /*-------------------------------------------------------------- ## About Widget --------------------------------------------------------------*/ .widget-image { margin-bottom: 0.5em; text-align: center; } .widget-image img { border-radius: 50%; } /*-------------------------------------------------------------- ## Instagram Widget --------------------------------------------------------------*/ ul.instagram-pics { text-align: center; } .instagram-pics li { border-top: 0 !important; display: inline-block; padding: 0 !important; } ul.instagram-pics li { border-bottom: 0; } #secondary .instagram-pics li { display: inline-block; max-width: 50%; max-width: calc(100%/2); } /*-------------------------------------------------------------- # Site Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .archive .featured-content { display: none; } .sticky { } .bypostauthor { } .hentry { margin: 0 0 3.5em; } /* Thumbnail */ .entry-thumbnail { text-align: center; padding: 1em 0; } .entry-thumbnail:hover { opacity: 0.8; } .entry-thumbnail a { text-decoration: none; } .single-post .entry-thumbnail:hover { opacity: 1; } .blog .entry-thumbnail, .single-post .entry-thumbnail, .archive .entry-thumbnail { padding: 1em 0 1em 0; } .thumb-layout { padding: 0 !important; } .entry-header { padding-bottom: 1em; text-align: center; } /* Entry Title */ .entry-title { font-family: 'Amatic SC', cursive; font-weight: 700; font-size: 24px; letter-spacing: 1px; line-height: 1; margin-top: 0; margin-bottom: 0; text-transform: uppercase; } .entry-title a { text-decoration: none; } .entry-title a:hover { color: #000000; } .cat-links a { text-decoration: none; } /* Entry Content */ .entry-content { white-space: normal; } .entry-content p:last-child { margin-bottom: 0; } a.more-link { position: relative; text-transform: uppercase; padding-right: 5px; } .entry-content ul li, .entry-content ol li, #comments ul li, #comments ul li { margin-bottom: 12px; } .page-content, .entry-content, .entry-summary { margin: 0; } .no-results .page-content { margin: 1.5em 0; padding-bottom: 1em; } /* Entry Meta */ .entry-meta { font-size: 12px; font-weight: 300; letter-spacing: 1px;; } .entry-meta a { color: #7f7f7f !important; text-decoration: none; } .entry-meta a:hover { text-decoration: underline; } .entry-meta .comments-link:before { content: " - "; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } /* Page Links */ .page-links { clear: both; margin: 0 0 1.5em; word-spacing: 18px; } /* Entry Footer */ .entry-footer a { color: #7f7f7f !important; text-decoration: none; } .entry-footer a:hover { text-decoration: underline; } .blog .entry-footer, .single-post .entry-footer, .search-results .entry-footer, .archive .entry-footer { padding: 2em 0; } .page .entry-footer { border-bottom: 0; } /* Entry Navigation */ .meta-nav { font-size: 12px; } .nav-links a { text-decoration: none; } /* Archives Page */ .page-header { margin-bottom: 1.5em; } .page-title { line-height: 1; margin-top: 0; text-transform: capitalize; } .page-header p { font-style: italic; margin-bottom: 0.5em; } /* 404 Page */ .error-404 .widget, .error-404 .widget-title { text-align: right; } /* Home Page */ .home .page .entry-header { display: none; } .home .page .recent-posts .entry-header { display: block; } /* Go to top */ .smoothup { bottom: 22px; display: none; position: fixed; left: 10px; transition: all 0.2s ease-in-out 0s; } a.smoothup { text-decoration: none; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Gallery --------------------------------------------------------------*/ .single-post .format-gallery .entry-thumbnail { display: none; } /*-------------------------------------------------------------- ## Image --------------------------------------------------------------*/ .single-post .format-image .entry-thumbnail { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments-title { font-size: 20px; } .comment-list { list-style: none; margin-right: 0; } .comment-list li { padding-top: 30px; } .comment-body { border-bottom: 1px solid #f2f2f2; } .comment-author { float: right; } .comment-author img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; } .comment-meta { padding-bottom: 20px; } .comment-meta .fn { color: #24282d; font-weight: 900; font-style: normal; text-transform: uppercase; } .comment-meta .fn a { color: #404040; text-decoration: none; } .comment-meta-details { color: #7f8d8c; font-family: "PT Serif", serif; font-size: 0.90em; font-style: italic; line-height: 1.3; padding-top: 5px; text-align: center; text-align: right; } .comment-meta-details a { text-decoration: none; } .comment-content { margin-right: 80px; } .comment-content a { word-wrap: break-word; } .comment-list .children { list-style: none; margin-right: 80px; position: relative; } .comment-list .children .depth-5 { padding-top: 30px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer { background-color: #eeeeee; padding: 2em 0; text-align: center; } .site-info { color: #666666; } .site-info a { color: #666666; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { font-style: italic; line-height: 24px; text-align: center; } .wp-caption .wp-caption-text { margin: 1em 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; margin-bottom: 10px; padding-left: 2.6%; text-align: center; vertical-align: top; width: 100%; } .gallery-item img { height: auto; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: none; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ @media screen and (min-width: 1024px) { .row-shortcode { margin: 0 -15px; padding-bottom: 2em; } } /*-------------------------------------------------------------- ## Dropcap --------------------------------------------------------------*/ .dropcap { float: right; font-size: 52px; font-weight: bold; line-height: 0.8; padding: 0 0 0 6px; } /*-------------------------------------------------------------- ## Buttons --------------------------------------------------------------*/ .button { color: #fff; cursor: pointer; display: inline-block; margin: 0 0 1em; padding: 10px 15px; text-align: center; } a.button { color: #fff !important; text-decoration: none; } a:hover.button { color: #fff; opacity: 0.6; } /* Colors */ .grey { background-color: #ccc; } .yellow { background-color: #FBCB43; } .green { background-color: #34B67A; } .red { background-color: #E57368; } .blue { background-color: #77A7FB; } .purple { background-color: #955BA5; } .black { background-color: #202020; } /* Size */ .extra-small { font-size: 12px; padding: 5px 10px; } .small { font-size: 14px; padding: 10px 15px; } .medium { font-size: 16px; padding: 15px 20px; } .large { font-size: 18px; padding: 20px 25px; } .extra-large { font-size: 20px; padding: 25px 30px; } /* Type */ .square { border-radius: 0; } .round { border-radius: 3px; } .pill { border-radius: 30px; } /* Display */ .inline { display: inline; } .block { display: block; } /*-------------------------------------------------------------- ## Alerts --------------------------------------------------------------*/ .alert { color: #fff; font-size: 18px; margin: 0 0 1em; padding: 3% 5%; text-align: center; width: 100%; } /* Text Align */ .left { text-align: right; } .right { text-align: left; } /*-------------------------------------------------------------- ## Highlights --------------------------------------------------------------*/ .highlight { color: #fff; } /*-------------------------------------------------------------- ## Dividers --------------------------------------------------------------*/ .divider { background: none; display: block; margin: 20px auto; height: 0; width: 100%; } /* Colors */ .divider.grey { border-color: #ccc; } .divider.yellow { border-color: #FBCB43; } .divider.green { border-color: #34B67A; } .divider.red { border-color: #E57368; } .divider.blue { border-color: #77A7FB; } .divider.purple { border-color: #955BA5; } .divider.black { border-color: #202020; } /* Type */ .solid { border-top: 1px solid #ccc; } .dashed { border-top: 1px dashed #ccc; } .dotted { border-top: 1px dotted #ccc; } .filled { border-top: 5px solid #ccc; } .double-solid { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 5px; } .double-dashed { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; height: 5px; } .double-dotted { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; height: 5px; } /*-------------------------------------------------------------- ## Archive --------------------------------------------------------------*/ ul.shortcode-archive { list-style: none; margin: 0; padding-bottom: 1em; } ul.shortcode-archive li { margin-bottom: 5px; } .shortcode-archive-title { text-transform: uppercase; } .shortcode-date { color: #ccc; padding-right: 10px; } /*-------------------------------------------------------------- ## Portfolio --------------------------------------------------------------*/ h3.shortcode-content { clear: both; margin-top: 1em; } .tax-portfolio_category .entry-thumbnail { display: none; } .masonry-thumb img { vertical-align: bottom; width: 100%; height: auto; } .masonry-entry { margin-bottom: 30px; } .masonry-wrap { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #ffffff; background-color: rgba(255,255,255,0.8); display: none; z-index: 99; } .masonry-inner { display: table; position: absolute; width: 100%; height: 100%; } .masonry-wrap h2 { padding: 0 5%; color: #000000; margin-bottom: 10px; font-size: 28px; line-height: 24px; text-align: center; } .masonry-content { display: table-cell; vertical-align: middle; text-align: center; } @media (min-width: 600px) and (max-width: 800px) { .masonry-entry { width: 50%; } } @media (min-width: 1024px) and (max-width: 1050px){ .masonry-loop { margin: 0 -15px; } .half .masonry-wrap { right: 15px; width: 94%; } .page-template-default .half .masonry-wrap { right: 15px; width: 92%; } .page-template-layoutspage-left-sidebar-php .half .masonry-wrap { right: 15px; width: 92.5%; } .third .masonry-wrap { right: 15px; width: 91.5%; } .page-template-default .third .masonry-wrap, .page-template-layoutspage-left-sidebar-php .third .masonry-wrap, .fourth .masonry-wrap { right: 15px; width: 88.5%; } .page-template-default .fourth .masonry-wrap, .page-template-layoutspage-left-sidebar-php .fourth .masonry-wrap { right: 15px; width: 84.5%; } } @media (min-width: 1090px) { .masonry-loop { margin: 0 -15px; } .half .masonry-wrap { right: 15px; width: 94.5%; } .page-template-default .half .masonry-wrap, .page-template-layoutspage-left-sidebar-php .half .masonry-wrap { right: 15px; width: 92.5%; } .third .masonry-wrap { right: 15px; width: 92%; } .page-template-default .third .masonry-wrap, .page-template-layoutspage-left-sidebar-php .third .masonry-wrap, .fourth .masonry-wrap { right: 15px; width: 89%; } .page-template-default .fourth .masonry-wrap, .page-template-layoutspage-left-sidebar-php .fourth .masonry-wrap { right: 15px; width: 85.5%; } } /*-------------------------------------------------------------- ## Recent Posts --------------------------------------------------------------*/ .recent-posts .column { margin-bottom: 30px; } .recent-posts-thumb .column { margin-bottom: 30px; } @media (min-width: 1024px) { .recent-posts { margin: 0 -15px; } .recent-posts-thumb .entry-header, .recent-posts-thumb .entry-summary { padding-right: 10px; } .page-template-page-left-sidebar .recent-posts-thumb .entry-header, .page-template-page-left-sidebar .recent-posts-thumb .entry-summary { padding-right: 0; padding-left: 10px; } .recent-posts .column.half:nth-child(2n+1) { clear: both; } .recent-posts-thumb .column.half:nth-child(2n+1) { clear: both; } .recent-posts .column.third:nth-child(3n+1) { clear: both; } .recent-posts .column.fourth:nth-child(4n+1) { clear: both; } } /*-------------------------------------------------------------- ## Recipe Index --------------------------------------------------------------*/ .recipe-index .entry-thumbnail { float: right; padding-top: 0; padding-left: 15px; width: 22%; text-align: right; } .recipe-index .entry-header { float: left; width: 78%; } .recipe-index .entry-header .entry-title { font-size: 18px; margin-bottom: 0; text-align: right; } .recipe-index-item { margin-bottom: 10px; } .recipe-index .entry-summary.no { display: none; } .recipe-index a.more-link { display: none; } /*-------------------------------------------------------------- ## Recipe Grid --------------------------------------------------------------*/ .recipe-grid { margin: 0 -10px; } .recipe-grid .entry-header .entry-title { font-size: 18px; } .recipe-grid-item { float: right; margin-bottom: 15px; padding: 0 10px; } @media screen and (min-width: 1024px) { .recipe-grid .half { width: 50%; } .recipe-grid .third { width: 33.3%; } .recipe-grid .fourth { width: 25%; } .recipe-grid .half:nth-child(2n+1) { clear: both; } .recipe-grid .third:nth-child(3n+1) { clear: both; } .recipe-grid .fourth:nth-child(4n+1) { clear: both; } } .recipe-grid .entry-summary.no { display: none; } /*-------------------------------------------------------------- # Woocommerce --------------------------------------------------------------*/ .woocommerce #secondary { display: none; } .woocommerce .site-content { margin-right: 0; margin-left: 0; } /*-------------------------------------------------------------- # Woocommerce --------------------------------------------------------------*/ /* Typography */ .woocommerce h2, .woocommerce h3 { text-transform: uppercase; } .woocommerce .site-description{ text-transform: capitalize; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 400; } /* Shop Page */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.8%; margin-bottom: 30px; } .woocommerce-page .add_to_cart_button { display: none !important; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { color: #000; letter-spacing: 2px; text-align: center !important; text-transform: uppercase; } .woocommerce ul.products li.product .price { color: #A3A3A3; font-size: 12px; text-align: center; } .woocommerce ul.products li.product .price del { display: inline-block; } .woocommerce ul.products li.product .onsale { margin: 0; } .woocommerce span.onsale { border-radius: 0; background-color: #abcee2; } .woocommerce span.onsale { top: 14px; right: 0; } .woocommerce .woocommerce-ordering select { padding: 10px 9px; color: #A3A3A3; border-radius: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; border: none; background: #f7f7f7; max-width: 170px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { color: #A3A3A3; font-style: italic; } .woocommerce .products .star-rating { display: none; } .woocommerce nav.woocommerce-pagination { margin-bottom: 3em; } .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce nav.woocommerce-pagination ul li { border: 1px solid #d3ced2; padding: 0; margin: 0 0 0 0.2em; border-radius: 5px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #f7f7f7; color: #A3A3A3; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: #A3A3A3; } .woocommerce ul.products li.product .button { display: none; } /* Single Product Page */ .single-product .page-content, .single-product .entry-content, .single-product .entry-summary { margin: 0; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #000; font-size: 12px; padding: 12px 14px; text-transform: uppercase; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #000; opacity: 0.8; } .woocommerce .quantity .qty { padding: 5px 0; width: 3em; } .woocommerce .product_meta .sku_wrapper, .woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ display: block; font-size: 12px; text-transform: uppercase; } .woocommerce .product_meta a { color: #A3A3A3; } .woocommerce figure { margin: 0 0 1em; } .single-product .products .star-rating { display: block; } .woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; background-color: #fff; border-radius: 0; font-size: 12px; margin: 0; padding-bottom: 1em; text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; z-index: 2; border-bottom-color: #eaeaea; border-bottom: 2px solid; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 0; border-bottom: 1px solid #eaeaea; bottom: 0; width: 0; height: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #eaeaea; } .woocommerce .related h2 { margin-bottom: 2em; text-align: center; } .woocommerce .related .star-rating { display: none; } .woocommerce div.product .woocommerce-tabs .panel { border-bottom: 1px solid #eaeaea; padding: 0 0 0.5em; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; width: 70px; border: 0; margin: 0; border-radius: 50px; } .woocommerce #reviews #comments ol.commentlist { margin: 3em 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 100px 0 0; border: 0; } /* Cart Message */ .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #eee; color: #000; border: 1px solid #fff; } .woocommerce-message::before, .woocommerce-error::before { color: #000; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce-cart-form__cart-item a, .woocommerce-order-details a { color: #000; text-decoration: underline; } .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover, .woocommerce-cart-form__cart-item a:hover, .woocommerce-order-details a:hover { color: #000; text-decoration: none; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #A3A3A3; background-color: #fff; border: 1px solid #d3ced2; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; background-color: #000; border: 1px solid #000; } /* Cart Page */ .woocommerce-cart .entry-title { letter-spacing: 2px; margin-bottom: 1em; text-align: center; text-transform: uppercase; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; box-shadow: none; } .woocommerce a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: #000 !important; text-decoration: none; font-weight: 700; border: 0; } .woocommerce a.remove:hover { background-color: #fff; color: #000 !important; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 180px; } .woocommerce-cart-form__cart-item td, .woocommerce-checkout-review-order-table td { border: 0; } .woocommerce .cart_totals th { background-color: #eeeeee; border: 0; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 0; } /* Checkout */ .woocommerce-info::before { color: #000; } #order_review_heading { margin: 1em 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.5; } .woocommerce ul.order_details { margin: 0 0 2em; padding-right: 0; } .order-total td , .woocommerce-cart-form__contents td{ border-bottom: 0; border-right: 0; border-left: 0; } /* Woocommerce Widget Products */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: right; margin-right: 0; width: 98px; height: auto; box-shadow: none; margin-left: 10px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 4px 0 13px; margin: 0 0 10px; list-style: none; margin-bottom: 10px; padding-bottom: 13px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-family: 'Cormorant Garamond'; font-weight: 700; margin-bottom: 1px; color: #2f2f2f; display: block; font-size: 16px; } .woocommerce-Price-amount { font-size: 14px; color: #A3A3A3; font-style: italic; } @media screen and (max-width: 800px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%; } } /* Woocommerce My Account Page */ .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } /*-------------------------------------------------------------- # YARPP --------------------------------------------------------------*/ .yarpp-thumbnails-horizontal .yarpp-thumbnail { margin: 5px; margin-right: 0px; vertical-align: top; } .yarpp-related .yarpp-thumbnail-title { text-align: right !important; font-weight: bold !important; font-size: 96% !important; text-decoration: none !important; } .yarpp-thumbnails-horizontal .yarpp-thumbnail { display: inline-block; } /*-------------------------------------------------------------- # Meta Slider --------------------------------------------------------------*/ .metaslider { padding-bottom: 2em; } #subscribe-email input { width: 65%; padding: 4px 2px; float: right; } /*-------------------------------------------------------------- # Jetpack --------------------------------------------------------------*/ #secondary #subscribe-email input { float: none; width: 100% !important; } #secondary #subscribe-submit input { width: 100%; } .sidebar-footer #subscribe-email input { width: 62%; padding: 4px 2px; float: right; } .sidebar-footer #subscribe-submit input { width: 38%; } #jetpack-subscribe-label { display: none; } .jetpack_subscription_widget { border: 1px solid; padding: 30px; } /*-------------------------------------------------------------- # Print --------------------------------------------------------------*/ @media print { body { background: none !important; /* Brute force since user agents all print differently. */ color: #2b2b2b; font-size: 12pt; } .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header { max-width: 100%; } .edit-link, .page-links, .widget-area, .more-link, .site-footer, .smoothup, #social-box, .nav-links, .comments-area { display: none; } .site-title a, .entry-meta, .entry-meta a { color: #2b2b2b !important; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; } .site-header, .entry-thumbnail, .site-content .entry-header, .site-footerr { background: transparent; } .site-title { float: none; font-size: 19pt; } .content-area { padding-top: 0; } .entry-thumbnail img { margin: 0 10px 24px; } .masonry-entry { width: 33%; } .archive-title, .page-title { margin: 0 10px 48px; } }