@charset "utf-8"; /* Theme Name: ANDBusiness Author: ANDBROinc Description: ANDBusiness Version: 1.0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: andbusiness Tags: one-column,two-columns, right-sidebar, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments Requires PHP: 5.6 Tested up to: 5.5.1 Theme URI:https://and-bro.com/ Author URI:https://and-bro.com/company */ /*css reset*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p, blockquote,pre,abbr,address,cite,code,del,dfn,em,img, ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd, ol,ul,li,fieldset,form,label,legend,table,caption, tbody,tfoot,thead,tr,th,td,article,aside,canvas,details, figcaption,figure,footer,header,hgroup,menu,nav,section, summary,time,mark,audio,video { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; background: transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; background: transparent; } ins { text-decoration: none; color: #000; background-color: #ff9; } mark { font-weight: bold; font-style: italic; color: #000; background-color: #ff9; } del { text-decoration: line-through; } abbr[title], dfn[title] { cursor: help; border-bottom: 1px dotted; } table { border-spacing: 0; border-collapse: collapse; } hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } html { /* font-size: 16px; */ } @media screen and (min-width: 980px) { html:lang(ja) { font-size: 80%; } } @media screen and (min-width: 782px) { html:lang(ja) { font-size: 74%; } } body { font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; line-height: 1.4; margin: 0; padding: 0; color: #333; } h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; } img { max-width: 100%; height: auto; } /* header css */ /* header css finish */ /* TABLE OF CONTENTS ------------------------------------------------------------ * Global * Repeatable Patterns * Layout * Header * Menus * Featured Area * Content * Navigations * Comments * Widgets * Footer * Plugins * Print ------------------------------------------------------------ */ /* Global ------------------------------------------------------------ */ /* Root This values are used for adjusting headings size (not for body size) */ html { font-size: 85%; overflow-x: hidden; } html:lang(ja) { font-size: 68%; } @media screen and (min-width: 782px) { html { font-size: 92.5%; } html:lang(ja) { font-size: 74%; } } @media screen and (min-width: 980px) { html { font-size: 100%; } html:lang(ja) { font-size: 80%; } } /* Base */ body { color: #444; font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; line-height: 1.6; word-wrap: break-word; } body:lang(ja) { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.8; } ::selection { background-color: #def; } @media screen and (min-width: 782px) { body { font-size: 19px; } body:lang(ja) { font-size: 16px; } } @media screen and (min-width: 980px) { body { font-size: 20px; } body:lang(ja) { font-size: 17px; } } /* Heading */ h1, h2, h3, h4, h5, h6, .site-title { /* clear: both; */ color: #111; font-weight: 700; line-height: 1.5; } h1 { font-size: 2.5rem; margin-bottom: 1em; margin-top: 2em; } h2 { font-size: 1.75rem; margin-bottom: 1.5em ; margin-top: 3em ; } h3 { font-size: 1.5rem; margin-bottom: 1em; margin-top: 2.5em; } h4 { font-size: 1.25rem; margin-bottom: 1em; margin-top: 2em; } h5 { font-size: 1.125rem; margin-bottom: 0.5em; margin-top: 1.5em; } h6 { font-size: 1rem; margin-bottom: 0.5em; margin-top: 1em; } /* Link */ a { color: #1C997B; text-decoration: underline; transition: all .15s ease-in-out; } a:hover { /* color: #639af6; */ } cite a, cite a { text-decoration: none; } /* Text */ p { margin: 0 0 1.8em; } b, strong { font-weight: 700; } dfn, em, i { font-style: italic; } q { quotes: "" ""; } cite { border-bottom: dotted 1px #999; font-style: normal; } code, kbd, tt, var { background-color: #f4f5f6; color: #666; font-family: Consolas, "Courier New", monospace; font-size: 90%; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } mark, ins { background: linear-gradient( transparent 70%, #ffff66 70% ); text-decoration: none; } ins.adsbygoogle { background-color: transparent; } /* List */ ul, ol { /* margin: 0 0 1.8em 1.5em; */ padding: 0; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0; } dt { font-weight: 600; margin-bottom: 0.5em; } dd { margin: 0 0 1.8em 1.5em; } /* Table */ table { border-collapse: collapse; border-spacing: 0; font-size: 90%; margin: 0 0 1.8em; width: 100%; } caption { margin-bottom: 0.6em; } table th, table td { border: solid 1px #eee; padding: 1em 1.2em; } th { background-color: #f4f5f6; font-weight: 600; text-align: left; } /* Elements */ blockquote { color: #666; margin: 0 0 2em; padding: 12px 0 0 44px !important; position: relative; } blockquote:before { color: #ddd; content: "\201C"; font-family: Georgia, serif; font-size: 84px; left: -5px; line-height: 1; position: absolute; top: -5px; } blockquote p { margin-bottom: 0.8em; } blockquote cite { font-size: 90%; } address { margin: 0 0 1.8em; font-style: normal; } pre { background-color: #f4f5f6; color: #666; font-family: Consolas, "Courier New", monospace; font-size: 90%; line-height: 1.4; margin: 0 0 1.7em; max-width: 100%; overflow: auto; padding: 1.5em; word-wrap: normal; } hr { background-color: #eee; border: 0; height: 2px; margin: 1.8em auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } /* Media */ img { height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 0; } embed, iframe, object { max-width: 100%; } /* Form */ button, input, input[type="search"], select, textarea { background-color: #fff; box-sizing: border-box; line-height: 1.6; max-width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #333; border: none; border-radius: 5px; color: #fff; cursor: pointer; font-size: 90%; line-height: 1; padding: 1.1em 1.5em; text-transform: uppercase; transition: .3s ease-in-out; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #555; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: solid 1px #e6e6e6; color: #777; margin-top: 0.6em; padding: 0.6em; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #444; } input[type="file"] { margin-top: 0.6em; } select { border: solid 1px #e6e6e6; margin-top: 0.6em; padding: 0.6em; } textarea { max-width: 720px; width: 100%; } /* Repeatable Patterns ------------------------------------------------------------ */ /* Alignments */ .aligncenter, .alignleft, .alignright { margin-bottom: 1.8em; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Caption */ .wp-caption { color: #999; font-size: 90%; margin-bottom: 1.8em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0.4em auto 0; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8em 0; } /* WP Smiley */ .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; } /* Text meant only for screen readers */ .hide-blogname .site-title, .hide-blogdescription .site-description, .hide-date .posted-on, .hide-author .byline, .hide-comments-number .comments-link, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #eee; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); clip: auto !important; color: #06c; display: block; font-size: 14px; font-weight: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, .top-bar-content:before, .top-bar-content:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .nav-links:before, .nav-links:after, .widget:before, .widget:after, .sticky-sidebar:before, .sticky-sidebar:after, .site-bottom-content:before, .site-bottom-content:after { content: ""; display: table; } .clear:after, .top-bar-content:after, .entry-content:after, .comment-content:after, .nav-links:after, .widget:after, .sticky-sidebar:after, .site-bottom-content:after { clear: both; } /* Layout ------------------------------------------------------------ */ /* Base */ body { background-color: #fff; } .top-bar-content, .main-header-content, .featured-entry-content, .home-header-content, .jumbotron-content, .site-content, .container-content, .footer-widget-content, .site-bottom-content { margin-left: auto; margin-right: auto; /* max-width: 720px; */ max-width: 800px; padding-left: 20px; padding-right: 20px; } .container-content { padding-left: 30px; padding-right: 30px; } .site-header { /* border-bottom: solid 1px #eee; */ margin-bottom: 5rem; } .home-header { /* border-bottom: solid 1px #eee; */ margin-bottom: 5rem; } .main-header { padding-bottom: 15px; padding-top: 15px; } .main-header-content { align-items: center; display: flex; justify-content: space-between; } .content-area { margin-bottom: 6rem; } .sidebar-area { border-top: solid 1px #eee; padding-bottom: 1rem; padding-top: 6rem; } .page-header { margin-bottom: 5rem; } .hentry { margin-bottom: 7rem; } .single .hentry { margin-bottom: 5rem; } .page .hentry { margin-bottom: 0; } .widget { margin-bottom: 4rem; } .footer-widget-area { border-top: solid 1px #eee; padding-bottom: 2rem; padding-top: 6rem; } .site-bottom { border-top: solid 1px #eee; padding-bottom: 2rem; padding-top: 3rem; } @media screen and (min-width: 782px) { .top-bar-content, .main-header-content, .home-header-content, .jumbotron-content, .featured-entry-content, .site-content, .footer-widget-content, .site-bottom-content { padding-left: 40px; padding-right: 40px; } .container-content { padding-left: 50px; padding-right: 50px; } .top-bar-content, .main-header-content, .home-header-content, .site-bottom-content { max-width: 1120px; } .main-header { padding-bottom: 35px; padding-top: 30px; } .top-bar-main, .footer-social-link { float: left; } .header-social-link, .footer-navigation { float: right; } } @media screen and (min-width: 980px) { .jumbotron-content, .three-column .site-content, .has-sidebar .site-content, .footer-widget-content { max-width: 1120px; } .main-header-content { flex-wrap: wrap; } .has-sidebar .site-content { display: flex; justify-content: space-between; } .has-sidebar .content-area { width: 64.28%; } .has-sidebar .sidebar-area { border-top: none; padding-top: 0; width: 26.78%; } .sticky-sidebar { position: -webkit-sticky; position: sticky; top: 0px; z-index: 999; background-color: #fff; } .sticky-sidebar .widget:last-child { margin-bottom: 0; padding-bottom: 90px; } .footer-widget-wrapper { margin-left: -30px; margin-right: -30px; } .footer-widget-wrapper { display: flex; flex-wrap: wrap; } .footer-widget { box-sizing: border-box; width: 25%; padding-left: 30px; padding-right: 30px; } } /* Header ------------------------------------------------------------ */ /* Top Bar */ .top-bar { background-color: #f4f5f6; border-bottom: solid 1px #eee; line-height: 32px; padding-bottom: 5px; padding-top: 5px; } .top-bar-main { color: #888; font-size: 80%; list-style: none; margin-bottom: 0; margin-left: 0; } .top-bar-main a { /* color: inherit; */ text-decoration: none; } .top-bar-main a:hover { /* color: #111; */ } .top-bar-main li { display: inline-block; margin-bottom: 0; margin-right: 16px; vertical-align: middle; } .top-bar-main li:last-child { margin-right: 0; } .top-bar-main li:before { color: #999; display: inline-block; font: normal 16px/1 FontAwesome Free; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing: antialiased; margin-right: 5px; position: relative; top: 1px; vertical-align: middle; } .top-bar-main li.top-bar-main-phone:before { content: "\f3cd"; font-size: 170%; font-family: "Font Awesome 5 Free"; } .top-bar-main li.top-bar-main-contact:before { content: "\f0e0"; font-size: 110%; font-family: "Font Awesome 5 Free"; } .top-bar-main li.top-bar-main-access:before { content: "\f3c5"; font-size: 135%; font-family: "Font Awesome 5 Free"; } .top-bar .header-social-link { display: none; } @media screen and (min-width: 782px) { .top-bar { padding-bottom: 10px; padding-top: 10px; } .top-bar-main li { margin-right: 24px; } .top-bar-main li:before { margin-right: 8px; top: -2px; } .top-bar .header-social-link { display: block; } } /* Main Header */ .site-branding { padding-right: 10px; } .site-logo a:hover { opacity: 0.8; } .site-logo img { transform: scale(0.85, 0.85); transform-origin: center left; } .site-title { font-size: 1.75rem; margin-bottom: 0; margin-top: 0; } .site-title a, .site-title a:hover { color: #111; text-decoration: none; } .site-title a:hover { opacity: 0.8; } .site-description { color: #777; font-size: 95%; margin-bottom: 2px; margin-top: 2px; } @media screen and (min-width: 782px) { .site-branding { padding-right: 30px; } .site-logo img { transform: scale(0.925, 0.925); } .site-description { margin-bottom: 6px; } } @media screen and (min-width: 980px) { .site-logo img { transform: scale(1, 1); } } /* Menus ------------------------------------------------------------ */ /* Base */ .main-header-content .main-navigation { display: none; } /* Main Header Clone */ .main-header-clone { background-color: #fff; left: 0; padding-bottom: 12px; padding-top: 12px; position: fixed; top: 0; transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transform: translateY(-100%); width: 100%; z-index: 100; } .main-header-clone-show { box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); transform: translateY(0); } .main-header-clone .site-title { font-size: 1.5rem; } .main-header-clone .main-header-content { align-items: center; } .main-header-clone .site-logo { transform: scale(0.9, 0.9); transform-origin: center left; } .main-header-clone .site-description { display: none; } .admin-bar .main-header-original .drawer-navigation { top: 46px; } @media screen and (min-width: 601px) { .admin-bar .main-header-clone-show { transform: translateY(46px); } } @media screen and (min-width: 782px) { .admin-bar .main-header-original .drawer-navigation { top: 32px; } .admin-bar .main-header-clone-show { transform: translateY(32px); } } @media screen and (min-width: 980px) { .main-header-clone { padding-bottom: 16px; padding-top: 14px; } } /* Drawer Button */ .drawer-hamburger { background-color: transparent; box-sizing: content-box; display: block; margin-right: -5px; outline: 0; padding: 12px 5px; transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); width: 21px; min-width: 21px; z-index: 102; } .drawer-hamburger:hover, .drawer-hamburger:focus { background-color: transparent; } .drawer-hamburger-icon { position: relative; display: block; } .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { background-color: #111; height: 2px; transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); width: 100%; } .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { position: absolute; left: 0; content: ' '; } .drawer-hamburger-icon:before { top: -6px; } .drawer-hamburger-icon:after { top: 6px; } .drawer-opened .drawer-hamburger-icon { background-color: transparent; } .drawer-opened .drawer-hamburger-icon:before, .drawer-opened .drawer-hamburger-icon:after { top: 0; } .drawer-opened .drawer-hamburger-icon:before { transform: rotate(45deg); } .drawer-opened .drawer-hamburger-icon:after { transform: rotate(-45deg); } @media screen and (min-width: 782px) { .drawer-hamburger { padding: 15px 5px; } .drawer-hamburger-icon:before { top: -7px; } .drawer-hamburger-icon:after { top: 7px; } } /* Drawer Navigation */ .drawer-overlay { display: none; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .drawer-navigation { background: #fff; height: 100vh; overflow-y: auto; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); width: 90%; z-index: 101; -webkit-overflow-scrolling: touch; } .drawer-navigation-content { box-sizing: border-box; height: 100%; overflow-y: auto; padding: 60px 75px 60px 40px; width: 100%; } .drawer-opened .drawer-overlay { display: block; } .drawer-opened .drawer-navigation { box-shadow: 0 0 90px rgba(0, 0, 0, 0.2); transform: translateX(0); } @media screen and (min-width: 540px) { .drawer-navigation { width: 70%; } .drawer-navigation-content { padding: 75px 90px 75px 50px; } } @media screen and (min-width: 782px) { .drawer-navigation { width: 55%; } .drawer-navigation-content { padding: 90px 105px 90px 60px; } } /* Drawer Content */ .drawer-navigation ul { list-style: none; margin-bottom: 45px; margin-left: 0; } .drawer-navigation ul li { padding-bottom: 12px; padding-top: 14px; position: relative; } .drawer-navigation ul ul { margin-bottom: 0; margin-left: 1em; margin-top: 12px; } .drawer-navigation ul li li { padding-bottom: 10px; padding-top: 12px; } .drawer-navigation ul li li:last-child { padding-bottom: 0; } .drawer-navigation a { color: inherit; text-decoration: none; } .drawer-navigation a:hover { color: #111; } .drawer-navigation .page_item_has_children > a, .drawer-navigation .menu-item-has-children > a { display: inline-block; padding-right: 20px; } .drawer-navigation .dropdown-toggle { background-color: transparent; outline: 0; padding: 10px; position: absolute; right: -10px; top: 7px; } .drawer-navigation .dropdown-toggle:after { content: "\f107"; color: #333; display: inline-block; font: normal 18px/1 FontAwesome; -webkit-font-smoothing: antialiased; position: relative; } .drawer-navigation .dropdown-toggle.toggled-on:after { content: "\f106"; } .drawer-navigation .sub-menu { display: none; } .drawer-navigation .sub-menu.toggled-on { display: block; } .drawer-navigation .current_page_item > a, .drawer-navigation .current-menu-item > a { color: #111; font-weight: 700; } @media screen and (min-width: 782px) { .drawer-navigation .header-social-link { display: none; } } /* Main Navigation (Desktop) */ @media screen and (min-width: 980px) { .drawer-hamburger, .drawer-overlay, .drawer-navigation { display: none; } .main-header-content .main-navigation { display: block; } .main-navigation { font-size: 90%; line-height: 52px; } .main-navigation ul { list-style: none; margin: 0; } .main-navigation a { /* color: inherit; */ /* color: #1C997B; */ display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; } .main-navigation a:hover { /* color: #111; */ } .main-navigation li { position: relative; } .main-navigation div.menu > ul, .main-navigation ul.menu { letter-spacing: -0.4em; } .main-navigation div.menu > ul > li, .main-navigation ul.menu > li { display: inline-block; letter-spacing: normal; white-space: nowrap; } .main-navigation div.menu > ul > li:first-child > a, .main-navigation ul.menu > li:first-child > a { padding-left: 0; } .main-navigation div.menu > ul > li:last-child > a, .main-navigation ul.menu > li:last-child > a { padding-right: 0; } .main-navigation div.menu > ul > li.page_item_has_children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation div.menu > ul > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.menu-item-has-children > a:after { content: "\f107"; display: inline-block; font: normal 18px/1 FontAwesome; -webkit-font-smoothing: antialiased; margin-left: 8px; font-family: "Font Awesome 5 Free"; } .main-navigation ul ul { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); left: -9999px; opacity: 0; position: absolute; top: 100%; transition: opacity .3s ease-in-out; white-space: normal; width: 225px; z-index: 10; } .main-navigation ul ul ul { top: 0; } .main-navigation ul li:hover > ul { left: 0; opacity: 1; } .main-navigation div.menu > ul > li:first-child:hover > ul, .main-navigation ul.menu > li:first-child:hover > ul { left: -18px; } .main-navigation div.menu > ul > li:last-child:hover > ul, .main-navigation ul.menu > li:last-child:hover > ul { left: auto; right: -18px; } .main-navigation ul ul li:hover > ul { left: 100%; opacity: 1; } .main-navigation ul ul li a { border-top: 1px solid #eee; line-height: 1.6; padding-bottom: 15px; padding-top: 15px; } .main-navigation ul ul li.page_item_has_children > a, .main-navigation ul ul li.menu-item-has-children > a { padding-right: 30px; } .main-navigation ul ul li.page_item_has_children > a:after, .main-navigation ul ul li.menu-item-has-children > a:after { content: "\f105"; font: normal 18px/1 FontAwesome; -webkit-font-smoothing: antialiased; position: absolute; right: 15px; top: 18px; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a { color: #111; font-weight: 700; } } /* Social Link */ .menu a:before { /* color: #bbb; */ display: inline-block; font: normal 24px/1 FontAwesome; -webkit-font-smoothing: antialiased; margin-right: 10px; position: relative; top: -1px; transition: color .2s ease-in-out; vertical-align: middle; } .menu a:hover:before { /* color: #888; */ } .widget .menu a:before { margin-right: 12px; } .profilewidget-link.menu a:before, .social-link-menu a:before { content: '\f0c1'; margin-left: 0; margin-right: 4px; } .menu a[href*="behance.net"]:before { content: "\F1B4"; } .menu a[href*="deviantart.com"]:before { content: "\F1BD"; } .menu a[href*="digg.com"]:before { content: "\F1A6"; } .menu a[href*="dribbble.com"]:before { content: "\F17D"; } .menu a[href*="dropbox.com"]:before { content: "\F16B"; } .menu a[href*="facebook.com"]:before { content: "\F230"; } .menu a[href*="flickr.com"]:before { content: "\F16E"; } .menu a[href*="foursquare.com"]:before { content: "\F180"; } .menu a[href*="plus.google.com"]:before { content: "\F0D5"; } .menu a[href*="github.com"]:before { content: "\F09B"; } .menu a[href*="instagram.com"]:before { content: "\F16D"; } .menu a[href*="linkedin.com"]:before { content: "\F30C"; } .menu a[href*="medium.com"]:before { content: "\F23A"; } .menu a[href*="pinterest.com"]:before { content: "\F231"; } .menu a[href*="getpocket.com"]:before { content: "\F265"; } .menu a[href*="reddit.com"]:before { content: "\F1A1"; } .menu a[href*="skype.com"]:before, .menu a[href*="skype:"]:before { content: "\F17E"; } .menu a[href*="slideshare.net"]:before { content: "\F1E7"; } .menu a[href*="snapchat.com"]:before { content: "\F2AB"; } .menu a[href*="soundcloud.com"]:before { content: "\F1BE"; } .menu a[href*="spotify.com"]:before { content: "\F1BC"; } .menu a[href*="stumbleupon.com"]:before { content: "\F1A4"; } .menu a[href*="tumblr.com"]:before { content: "\F173"; } .menu a[href*="twitch.tv"]:before { content: "\F1E8"; } .menu a[href*="twitter.com"]:before { content: "\F099"; } .menu a[href*="vimeo.com"]:before { content: "\F27D"; } .menu a[href*="vk.com"]:before { content: "\F189"; } .menu a[href*="wordpress.org"]:before, .menu a[href*="wordpress.com"]:before { content: "\F19A"; } .menu a[href*="yelp.com"]:before { content: "\F1E9"; } .menu a[href*="youtube.com"]:before { content: "\F16A"; } .menu a[href$="/feed/"]:before { content: "\F09E"; } /* Social Link Menu */ .social-link-menu ul { list-style: none; margin: 0; } .social-link-menu li { display: inline-block; padding-left: 12px; } .social-link-menu li:first-child { padding-left: 0; } .social-link-menu a:before { margin-right: 0; } /* Featured Area ------------------------------------------------------------ */ /* Jumbotron */ .jumbotron { background-color: #333; background-position: center; background-size: cover; } .jumbotron-overlay { background-color: rgba( 0, 0, 0 , 0.4 ); } .jumbotron-content { padding-bottom: 60px; padding-top: 60px; text-align: center; } .jumbotron-title { color: #fff; /* font-size: 2.25rem; */ font-size: 2.5rem; letter-spacing: -0.03em; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); font-weight: 700; } @media screen and (min-width: 782px) { .jumbotron-title { font-size: 2.5rem; } .jumbotron-content { padding-bottom: 90px; padding-top: 90px; } } @media screen and (min-width: 980px) { .jumbotron-content { padding-bottom: 105px; padding-top: 105px; } } /* Home Header */ .home-header { /* background-color: #333; */ background-position: center; background-size: cover; } .home-header-overlay { /* background-color: rgba( 0, 0, 0 , 0.4 ); */ } .home-header-content { padding-bottom: 75px; padding-top: 75px; text-align: left; } .home-header-title { /* color: #fff; */ /* font-size: 2.5rem; */ letter-spacing: -0.03em; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } .home-header-text { color: rgba( 255, 255, 255, 0.9 ); font-size: 105%; margin-top: 28px; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } .home-header-button { font-size: 95%; } .home-header-button a { border-radius: 25px; color: #fff; display: inline-block; font-weight: 600; margin-top: 30px; text-decoration: none; } a.home-header-button-main { background-color: #4693f5; margin-right: 16px; padding: 12px 25px; } a.home-header-button-main:hover { color: #fff; } a.home-header-button-sub { border: solid 2px #fff; padding: 10px 23px; } a.home-header-button-sub:hover { background-color: #fff; color: #111; } @media screen and (min-width: 782px) { .home-header-content { padding-bottom: 105px; padding-top: 105px; } } @media screen and (min-width: 980px) { .home-header-content { padding-bottom: 135px; padding-top: 135px; } .home-header-title { /* font-size: 3rem; */ } } @media screen and (max-width: 720px) { .home-header-title { font-size: 2.3rem !important; } } /* Featured Post */ .featured-post { overflow: hidden; } .featured-post, .featured-entry { height: 225px; } .featured-entry { background-color: #333; background-position: center; background-size: cover; } .featured-entry-overlay { align-items: center; background-color: rgba( 0, 0, 0 , 0.4 ); display: flex; height: 100%; width: 100%; } .featured-entry-content { text-align: center; padding-left: 40px; padding-right: 40px; } .featured-entry-title { color: #fff; font-size: 1.75rem; letter-spacing: -0.03em; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } .featured-entry-category { text-transform: uppercase; } .featured-entry-category, .featured-entry-date { color: rgba( 255, 255, 255, 0.8 ); display: none; font-size: 90%; margin-bottom: 12px; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } .featured-entry-title a, .featured-entry-category a, .featured-entry-date a { color: inherit; text-decoration: none; } .featured-entry-title a:hover, .featured-entry-category a:hover, .featured-entry-date a:hover { color: #fff; } .slick-loading .slick-list { background: #fff url('images/ajax-loader.gif') center center no-repeat; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; text-shadow: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent; outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: FontAwesome; /* font-family: FontAwesome; */ font-size: 30px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: .15s ease-in-out; } .slick-prev { left: 5px; z-index: 9999; } [dir='rtl'] .slick-prev { right: 5px; left: auto; } .slick-prev:before { content: '\f104'; } [dir='rtl'] .slick-prev:before { content: '\f105'; } .slick-next { right: 5px; } [dir='rtl'] .slick-next { right: auto; left: 5px; } .slick-next:before { content: '\f105'; } [dir='rtl'] .slick-next:before { content: '\f104'; } .slick-dots { bottom: 12px; list-style: none; margin: 0; position: absolute; text-align: center; width: 100%; } .slick-dots li { border-radius: 50%; box-shadow: 0px 1px 1px rgba( 255, 255, 255, 0.4 ), 0px 1px 1px rgba( 0, 0, 0, 0.2 ) inset; display: inline-block; height: 12px; margin-left: 5px; margin-right: 5px; width: 12px; } .slick-dots li button { background: #000; border: solid 2px #000; border-radius: 50%; color: transparent; display: block; font-size: 0; height: 12px; line-height: 0; outline: none; width: 12px; opacity: 0.4; } .slick-dots li button:hover, .slick-dots li button:focus { opacity: 0.75; } .slick-dots li.slick-active button { background: #fff; opacity: 0.8; } @media screen and (min-width: 601px) { .featured-post, .featured-entry { height: 275px; } .featured-entry-title { font-size: 2.25rem; } .featured-entry-content { padding-left: 70px; padding-right: 70px; } .slick-prev, .slick-next { width: 40px; height: 40px; } .slick-prev:before, .slick-next:before { font-size: 40px; } .slick-prev { left: 15px; } [dir='rtl'] .slick-prev { right: 15px; left: auto; } .slick-next { right: 15px; } [dir='rtl'] .slick-next { right: auto; left: 15px; } .slick-dots { bottom: 24px; } .slick-dots li { height: 18px; width: 18px; } .slick-dots li button { border: solid 4px #000; height: 18px; width: 18px; } } @media screen and (min-width: 782px) { .featured-post, .featured-entry { height: 350px; } .featured-entry-title { font-size: 2.5rem; margin-bottom: 12px; } .featured-entry-category, .featured-entry-date { display: block; } } @media screen and (min-width: 980px) { .featured-post, .featured-entry { height: 400px; } } /* Content ------------------------------------------------------------ */ /* Category */ .cat-links { font-size: 90%; margin-bottom: 1rem; text-transform: uppercase; } .cat-links a { text-decoration: none; } .category-sep { color: #ccc; font-size: 80%; margin-left: 5px; margin-right: 5px; position: relative; top: -0.1em; } /* Entry Header */ .entry-header { margin-bottom: 4rem; } .no-sidebar .entry-header { text-align: center; } .entry-title { font-size: 2.25rem; letter-spacing: -0.03em; margin-bottom: 0; margin-top: 0; } .entry-title a { color: inherit; text-decoration: none; } @media screen and (min-width: 782px) { .entry-title { font-size: 2.5rem; } } /* Entry Meta */ .entry-meta { color: #999; font-size: 90%; margin-top: 1rem; } .entry-meta a { color: inherit; text-decoration: none; } .entry-meta a:hover { color: #666; } .comments-sep { color: #ccc; } .byline a, .comments-link a { border-bottom: solid 1px #ddd; } /* Featured Image */ .post-thumbnail { margin-bottom: 2rem; margin-top: 4rem; } .single .post-thumbnail { margin-left: -20px; margin-right: -20px; } .post-thumbnail img { width: 100%; transition: 0.5s ease-in-out; } .post-thumbnail a:hover img { opacity: 0.85; } @media screen and (min-width: 782px) { .single .post-thumbnail { margin-left: -40px; margin-right: -40px; } } @media screen and (min-width: 980px) { .single .post-thumbnail { margin-left: 0; margin-right: 0; } .no-sidebar .post-thumbnail { margin-left: -60px; margin-right: -60px; } } /* Entry Content */ .entry-content > *:first-child { margin-top: 0; } .entry-content > *:last-child { margin-bottom: 0; } /* Post Full / Post Summary */ .post-full, .post-summary { margin-bottom: 4rem; } .post-full .hentry, .post-summary .hentry { margin-bottom: 4rem; } .post-full:after, .post-summary:after { border-bottom: 1px solid #ddd; content: ""; display: block; width: 45px; } .no-sidebar .post-full:after, .no-sidebar .post-summary:after { margin: auto; } a.continue-reading { text-transform: uppercase; } /* Post Grid */ .two-column .loop-wrapper, .three-column .loop-wrapper { display: flex; flex-wrap: wrap; } .post-grid .entry-header { margin-bottom: 2rem; text-align: left; } .post-grid .post-thumbnail { margin-top: 0; margin-left: 0; margin-right: 0; } .post-grid .entry-title { font-size: 1.75rem; } .post-grid .entry-summary { color: #666; font-size: 90%; } .post-grid .entry-summary p { margin-bottom: 0; } @media screen and (min-width: 540px) { .post-grid .entry-title { font-size: 1.5rem; } .post-grid .cat-links, .post-grid .entry-meta { font-size: 85%; } .post-grid .entry-summary { font-size: 90%; } .post-grid { width: 46%; padding-right: 8%; } .post-grid:nth-child(even) { padding-right: 0; } } @media screen and (min-width: 980px) { .three-column .loop-wrapper { margin-left: -30px; margin-right: -30px; } .three-column .post-grid { box-sizing: border-box; width: 33.3%; padding-left: 30px; padding-right: 30px; } } /* Post List */ .post-list .entry-header { margin-bottom: 2rem; text-align: left; } .post-list .post-thumbnail { margin-top: 0; margin-left: 0; margin-right: 0; } .post-list .entry-title { font-size: 1.75rem; } .post-list .entry-summary { color: #666; font-size: 90%; } .post-list .entry-summary p { margin-bottom: 0; } @media screen and (min-width: 540px) { .post-list .hentry { display: flex; } .post-list .post-thumbnail { flex-shrink: 0; margin-bottom: 0; margin-right: 5%; flex-basis: 35%; } } /* Entry Footer */ .tags-links { color: #999; font-size: 90%; margin-top: 4rem; text-align: center; } .tags-links:before { color: #ccc; content: "\f02c"; display: inline-block; font: normal 18px/1 FontAwesome; -webkit-font-smoothing: antialiased; margin-right: 4px; position: relative; top: 1px; } .tags-links a { color: inherit; text-decoration: none; } .tags-links a:hover { color: #666; } /* Author Profile */ .author-profile { background-color: #f4f5f6; margin-top: 4rem; padding: 25px; } .author-profile-header { align-items: center; display: flex; } .author-profile-avatar { flex-shrink: 0; width: 60px; margin-right: 20px; } .author-profile-avatar img { border-radius: 50%; } .author-profile-name strong { font-weight: 600; } .author-profile-name a { color: inherit; text-decoration: none; } .author-profile-name a:hover { color: #111; } .author-profile-description { font-size: 95%; margin-top: 20px; } @media screen and (min-width: 540px) { .author-profile { padding: 45px; } .author-profile-avatar { width: 75px; margin-right: 30px; } .author-profile-description { margin-top: 30px; } } /* Sticky Post */ .sticky { } .featured { background-color: #111; border-radius: 5px; color: #fff; display: inline-block; font-size: 75%; margin-bottom: 1rem; margin-right: 12px; padding: 4px 10px 3px; text-transform: uppercase; } .featured+.cat-links { display: inline-block; } /* Archive */ .page-title { font-size: 1.5rem; margin-bottom: 12px; margin-top: 0; } .page-content { margin-bottom: 5rem; } /* 404 */ .error-404 { margin-bottom: 10rem; margin-top: 10rem; text-align: center; } .error-404 .page-title { font-size: 2rem; } /* Quote */ .wp-block-pullquote { padding: 12px 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { margin-bottom: 0; text-align: left; } .wp-block-quote.is-style-large { margin-bottom: 2em; } .wp-block-quote.is-style-large p { font-style: normal; } .wp-block-quote.is-style-large cite { font-size: 90%; } /* Gallery */ .gallery { margin-bottom: 30px; } .gallery-item { display: inline-block; line-height: 1; text-align: center; vertical-align: top; width: 100%; } .gallery .gallery-caption { display: none; } .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%; } /* Gutenberg ------------------------------------------------------------ */ /* Base This section incorporates code from Atomic Blocks */ .wp-block-gallery { margin-left: 0; margin-bottom: 0.9em; } .block-image { margin-bottom: 1.8em; } .wp-block-image figcaption { font-size: 90%; margin-top: 1em; } .entry-content .wp-block-gallery { padding-left: 0; } .no-sidebar .alignfull, .no-sidebar .alignwide { width: 100%; } @media (max-width: 600px) { .no-sidebar .alignfull.wp-block-gallery, .no-sidebar .alignwide.wp-block-gallery { margin-left: -10px; margin-right: -10px; width: inherit; } } .no-sidebar .alignfull img, .no-sidebar .alignwide img { width: 100%; display: block; } .no-sidebar .alignwide { max-width: none; } @media (min-width: 782px) { .no-sidebar .alignwide { width: 90vw; margin-left: calc( 50% - 90vw / 2 ); } } @media (min-width: 980px) { .no-sidebar .alignwide { width: 85vw; margin-left: calc( 50% - 85vw / 2 ); } } @media (min-width: 1160px) { .no-sidebar .alignwide { width: 1120px; margin-left: calc( 50% - 1120px / 2 ); } } .no-sidebar .alignfull { width: 100vw; margin-left: calc( 50% - 50vw ); max-width: none; } .wp-block-embed { margin-bottom: 1.8em; } .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 0; } .wp-block-cover { margin-bottom: 1.8em; } .wp-block-cover-text { max-width: 1120px !important; margin-left: auto !important; margin-right: auto; padding-left: 20px !important; padding-right: 20px !important; width: 100%; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } .wp-block-media-text__content { margin-bottom: 1.8em; margin-top: 1.8em; } .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text__content > *:last-child { margin-bottom: 0; } /* Columns */ @media screen and (max-width: 781px) { .wp-block-column { flex-basis: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } } .wp-block-column { margin-bottom: 2.7em; margin-top: 0.9em; } .wp-block-column > *:first-child { margin-top: 0; text-align: center; } .wp-block-column > *:last-child { margin-bottom: 0; } /* Latest Posts */ .wp-block-latest-posts { border-top: solid 1px #eee; list-style: none; margin-left: 0; padding-top: 1em; } .wp-block-latest-posts li { border-bottom: solid 1px #eee; margin-bottom: 1em; padding-bottom: 1em; } .wp-block-latest-posts a { text-decoration: none; } .wp-block-latest-posts__post-date { margin-top: 0.3em; } /* Button */ .block-button a { /* color: #fff; */ text-decoration: none; } .block-button a:hover { opacity: 0.9; } .block-button__link { font-size: 100%; padding: 9px 24px; display: inline-block; } .block-buttons .wp-block-button { display: inline-block; margin-right: .5em; margin-bottom: .5em; } /* Intro */ .intro { color: #777; font-size: 120%; } /* Sub Header */ .subheader { /* color: #4693f5; */ font-size: 1.25rem; font-weight: 700; margin-bottom: 0.6em; margin-top: 0; text-transform: uppercase; } .subheader+h1, .subheader+h2, .subheader+h3, .subheader+h4, .subheader+h5, .subheader+h6 { margin-top: 0; } /* Container */ .container-wrapper { background-color: #f4f5f6; margin-bottom: 6rem; margin-top: 6rem; padding-bottom: 20px; padding-top: 20px; } .no-sidebar .container-wrapper { width: 100vw; margin-left: calc( 50% - 50vw ); max-width: none; padding-bottom: 6rem; padding-top: 6rem; } .container-content > *:first-child { margin-top: 0; } .container-content > *:last-child { margin-bottom: 0; } .container-content > .wp-block-columns:last-child { margin-bottom: -2.7em; } .no-sidebar .wp-block-columns + .container-wrapper { margin-top: 4rem; } /* Navigations ------------------------------------------------------------ */ /* Pagination */ .pagination { color: #777; font-size: 90%; margin-bottom: 3rem; } .pagination a { color: inherit; text-decoration: none; } .pagination .page-numbers { display: none; padding: 8px 18px; margin-right: 6px; } .pagination .prev, .pagination .next { display: inline-block; } .pagination .dots { padding-left: 10px; padding-right: 10px; } .pagination a.page-numbers { border: solid 1px #eee; } .pagination a.page-numbers:hover { border-color: #ddd; color: #333; } .pagination .current { background-color: #f4f5f6; border: solid 1px #ddd; color: #333; font-weight: 700; } @media screen and (min-width: 640px) { .pagination .page-numbers { display: inline-block; } } /* Page Links */ .page-links { color: #777; clear: both; font-size: 90%; margin-bottom: 3rem; margin-top: 4rem; } .page-links .page-numbers { background-color: #f4f5f6; border: solid 1px #ddd; color: #333; font-weight: 700; padding: 8px 16px; margin-left: 4px; } .page-links a { color: inherit; text-decoration: none; } .page-links a .page-numbers { background-color: transparent; border: solid 1px #eee; color: #777; font-weight: normal; } .page-links a .page-numbers:hover { border: solid 1px #ddd; color: #333; } /* Post Navigation */ .post-navigation { margin-bottom: 3rem; } .post-navigation a { color: inherit; text-decoration: none; } .post-navigation a:hover { color: #111; } .post-navigation .nav-previous { margin-bottom: 3rem; } .post-nav-title { color: #999; font-size: 80%; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 8px; } @media screen and (min-width: 640px) { .post-navigation .nav-previous { float: left; width: 48%; margin-bottom: 0; } .post-navigation .nav-next { float: right; width: 48%; text-align: right; } } /* Comment Navigation */ .comment-navigation { text-transform: uppercase; margin-bottom: 20px; padding-top: 10px; } .comment-navigation .nav-previous { float: left; width: 48%; } .comment-navigation .nav-next { float: right; text-align: right; width: 48%; } .comment-navigation a { color: #777; text-decoration: underline; } .comment-navigation a:hover { color: #333; } /* Comments ------------------------------------------------------------ */ /* Base */ .comments-area { font-size: 90%; margin-bottom: 2rem; margin-top: 6rem; } /* Comment Header */ .comments-title, .comment-reply-title { font-size: 1.5rem; margin-bottom: 2rem; margin-top: 0; } .comment-reply-title { margin-top: 4rem; } .comment-respond:only-child .comment-reply-title, .comment-list .comment-reply-title { margin-top: 0; } /* Comment Structure */ .comment-list { border-bottom: solid 1px #eee; list-style: none; margin: 0 0 20px; } .comment-list .children { list-style: none; margin-left: 25px; } .comment-list .comment-body { border-top: solid 1px #eee; padding-bottom: 30px; padding-top: 30px; position: relative; } /* Comment Meta */ .comment-author { font-size: 105%; font-weight: 600; margin-bottom: 2px; } .comment-author a { border-bottom: dotted 1px #999; color: #333; text-decoration: none; } .comment-author a:hover { color: #666; } .comment-author .avatar { border-radius: 50%; height: 60px; left: 0; position: absolute; top: 28px; width: 60px; } .has-avatars .comment .comment-meta { margin-left: 75px; } .bypostauthor > .comment-body .comment-author:after { color: #111; content: "\f14b"; display: inline-block; font: normal 20px/1 FontAwesome; -webkit-font-smoothing: antialiased; margin-left: 3px; } .comment-author .says { display: none; } .comment-metadata { font-size: 95%; margin-bottom: 25px; } .comment-metadata a, a.comment-edit-link { color: #999; text-decoration: none; } .comment-metadata a:hover, a.comment-edit-link:hover { color: #666; } .comment-edit-link { margin-left: 15px; } /* Comment Body */ .comment-body .reply a { color: #999; font-size: 95%; text-decoration: none; } .comment-body .reply a:hover { color: #666; } .comment-body .reply a:before { content: "\f0e5"; display: inline-block; font: normal 15px/1 FontAwesome; -webkit-font-smoothing: antialiased; margin-right: 6px; position: relative; top: -1px; } .comment-awaiting-moderation { color: #666; } /* Pingback */ .pingback a { color: #666; text-decoration: underline; } .pingback a:hover { color: #999; } /* Comment Form */ .comment-respond a { color: #666; } .comment-respond a:hover { color: #333; } .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 15px; } .comment-form-comment label { display: none; } .comment-form-author label, .comment-form-email label, .comment-form-url label { font-size: 95%; margin-bottom: 8px; text-transform: uppercase; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; } .form-submit { font-size: 105%; margin-bottom: 30px; margin-top: 30px; text-align: center; } @media screen and (min-width: 540px) { .comment-form-author, .comment-form-email, .comment-form-url { align-items: center; display: flex; justify-content: space-between; } .comment-form-author label, .comment-form-email label, .comment-form-url label { margin-bottom: 0; width: 23%; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 72%; } } /* Widgets ------------------------------------------------------------ */ /* Base */ .widget { /* color: #666; */ font-size: 90%; } /* Heading */ .widget-title { /* color: #333; */ font-size: 1.2rem; letter-spacing: 0.05em; margin-bottom: 2rem; margin-top: 0; text-transform: uppercase; } /* Link */ .widget a { /* color: inherit; */ text-decoration: underline; } .widget li a { text-decoration: none; } .widget a:hover { /* color: #111; */ } /* List */ .widget ul { list-style: none; margin-bottom: 0; margin-left: 0; } .widget li { margin-bottom: 1em; } .widget ul ul { margin-left: 1em; margin-top: 1em; } /* Recent Posts */ .widget_recent_entries li { margin-bottom: 1.5em; } .widget_recent_entries li a { border-bottom: solid 1px #ddd; } .widget_recent_entries .post-date { color: #999; display: block; font-size: 90%; margin-top: 6px; text-transform: uppercase; } /* Recent Comments */ .widget_recent_comments li { margin-bottom: 1.5em; } .widget_recent_comments li a { border-bottom: solid 1px #ddd; } /* Search */ .widget_search input[type="search"] { margin-top: 0; max-width: 300px; width: 100%; } .widget_search .search-submit { display: none; } /* Tag Cloud */ .tagcloud a { background-color: #f4f5f6; border-radius: 3px; display: inline-block; font-size: 90% !important; margin-bottom: 4px; padding: 3px 10px; text-decoration: none; white-space: nowrap; } .tagcloud a:hover { color: #111; } /* Calendar */ .widget_calendar table { font-size: 95%; line-height: 36px; margin-bottom: 0; max-width: 360px; } .widget_calendar caption { text-transform: uppercase; } .widget_calendar td, .widget_calendar th { padding: 0; text-align: center; } .widget_calendar thead th { padding: 2px 0; } .widget_calendar tbody td a { background-color: #f4f5f6; display: block; text-decoration: underline; } .widget_calendar tbody td a:hover { color: #111; } .widget_calendar tfoot td { border: none; padding-top: 10px; } .widget_calendar tfoot td a { text-decoration: underline; text-transform: uppercase; } .widget_calendar tfoot td#prev { text-align: left; } .widget_calendar tfoot td#next { text-align: right; } /* Menu */ .widget_nav_menu li a { border-bottom: none; /* color: #1C997B; */ } .widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #111; font-weight: 700; } /* RSS */ .widget_rss li { margin-bottom: 2em; } .widget_rss li a { border-bottom: solid 1px #ddd; } .widget_rss .rss-date, .widget_rss .rssSummary, .widget_rss cite { color: #999; font-size: 90%; } .widget_rss .rss-date { display: block; margin-bottom: 6px; margin-top: 6px; text-transform: uppercase; } .widget_rss .rssSummary { margin-bottom: 6px; } .recent-posts-thumbnail { flex-shrink: 0; margin-bottom: 4px; margin-right: 16px; margin-top: 4px; width: 80px; } .recent-posts-text .post-date { color: #999; display: block; font-size: 90%; margin-top: 6px; text-transform: uppercase; } .featured-widget-entry { background-color: #333; background-position: center; background-size: cover; display: block; height: 180px; margin-bottom: 15px; } .featured-widget-entry-overlay { align-items: center; background-color: rgba( 0, 0, 0 ,0.4 ); display: flex; height: 100%; width: 100%; } .featured-widget-entry-content { text-align: center; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .featured-widget-entry-title { color: rgba( 255, 255, 255, 0.9 ); font-size: 1.5rem; margin: 0; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } .featured-widget-entry-date { color: rgba( 255, 255, 255, 0.8 ); font-size: 85%; margin-top: 12px; text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ); } a.featured-widget-entry { text-decoration: none; } a.featured-widget-entry .featured-title { transition: 0.15s; } a.featured-widget-entry:hover .featured-title { color: #fff; } @media screen and (min-width: 601px) and (max-width: 979px) { .featured-widget-entry { margin-bottom: 4%; margin-right: 4%; width: 48%; } .featured-widget-entry:nth-child(odd) { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 782px) { .featured-widget-entry { margin-bottom: 15px; } .featured-widget-entry-title { font-size: 1.25rem; } } .profilewidget-wrapper { align-items: center; display: flex; margin-bottom: 25px; } .profilewidget-profile { flex-shrink: 0; margin-right: 20px; width: 75px; } .profilewidget-profile img { border-radius: 50%; width: 75px; } .profilewidget-name { font-size: 110%; } .profilewidget-name strong { color: #333; font-weight: 600; } .profilewidget-link { margin-top: 4px; } .profilewidget-link.menu a { text-decoration: none; } /* Footer ------------------------------------------------------------ */ /* Footer */ .site-bottom { background-color: #f4f5f6; color: #aaa; text-align: center; } .site-bottom a { /* color: #1C997B; */ text-decoration: none; } .site-bottom a:hover, .site-bottom .current-menu-item > a { color: #111; } .footer-menu { line-height: 32px; } .footer-navigation ul { font-size: 85%; list-style: none; margin: 0 0 30px 0; } .footer-navigation li { display: inline-block; margin-right: 18px; } .footer-navigation li:last-child { margin-right: 0; } .footer-social-link { margin-bottom: 2rem; } .site-info { font-size: 85%; } .site-copyright, .site-credit { margin-bottom: 1rem; } .site-credit a { display: block; } .site-credit a:first-child { margin-bottom: 6px; } .site-credit-sep { color: #ccc; display: none; } @media screen and (min-width: 601px) { .site-credit a, .site-credit-sep { display: inline-block; margin-bottom: 0; } } @media screen and (min-width: 782px) { .site-info { clear: right; float: right; margin-top: 3px; text-align: right; } } /* Back to Top */ .back-to-top { background: rgba( 0, 0, 0, 0.1 ); border-radius: 8px; bottom: 20px; cursor: pointer; display: none; height: 45px; position: fixed; right: 20px; width: 45px; z-index: 2; transition: .15s ease-in-out; } .back-to-top:hover { background: #111; } .back-to-top:before { color: #999; content: "\f106"; display: block; font: normal 22px/42px FontAwesome; text-align: center; } /* Plugins ------------------------------------------------------------ */ /* Jetpack Widgets */ .widget_top-posts ul { counter-reset: number; } .widget_top-posts li { padding-left: 35px; padding-top: 12px; position: relative; } .widget_top-posts li:before { background-color: #f0f0f0; border-radius: 3px; color: #444; content: counter(number) !important; counter-increment: number; font-weight: 400; height: 23px; left: 0; line-height: 23px; position: absolute; text-align: center; text-shadow: 1px 1px 0 #fff; top: 13px; width: 23px; } .widgets-list-layout li { margin-bottom: 0 !important; } .widgets-list-layout .widgets-list-layout-blavatar { margin-right: 12px; width: 40px !important; } .widgets-list-layout-links { float: none !important; overflow: hidden; width: auto !important; } #subscribe-email input { margin-top: 0; max-width: 320px; padding: 0.6em !important; width: 100% !important; } .jetpack-display-remote-posts h4, .jetpack-display-remote-posts p { font-size: 100% !important; } .jetpack-display-remote-posts h4 { margin-top: 25px !important; } .widget_jetpack_display_posts_widget img { margin: 12px 0; } .widget-grofile { text-align: center; } .widget-grofile p, .widget-grofile h4, .widget-grofile ul { text-align: left; } .widget-grofile h4 { font-size: 100%; font-weight: 600; } .grofile-meta h4 { font-size: 110%; text-align: center; } .grofile-thumbnail { border-radius: 50%; max-width: 200px !important; } ul.grofile-urls { margin-bottom: 1.8em; margin-top: 0; } /* Jetpack Sharing */ .sharedaddy { margin-top: 3rem; } /* Jetpack Related Posts */ #jp-relatedposts { margin-bottom: 2rem !important; margin-top: 0 !important; padding-top: 2rem !important; } #jp-relatedposts h3.jp-relatedposts-headline { color: #333; display: block !important; font-size: 1.2rem !important; float: none !important; letter-spacing: 0.05em; margin-bottom: 2rem !important; text-align: center; text-transform: uppercase; } #jp-relatedposts h3.jp-relatedposts-headline em:before { content: none !important; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { margin-bottom: 2rem !important; transition: opacity .2s ease-in-out; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { opacity: 1 !important; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img { margin-bottom: 1rem; } #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { font-size: 15px !important; line-height: 1.8 !important; margin-bottom: 12px !important; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { color: inherit !important; font-weight: 500 !important; text-decoration: none !important; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { color: #111; text-decoration: none !important; } #jp-relatedposts .jp-relatedposts-items p { color: #999; font-size: 85% !important; margin-bottom: 8px !important; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { opacity: 1 !important; } @media only screen and (max-width: 400px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100% !important; clear: both !important; } } @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px !important; } } /* Jetpack Comments */ .comment-form { margin-bottom: 2rem; } .comment-subscription-form { margin-bottom: 0.6em; } /* Jetpack Stats */ #wpstats { display: none; } /* Contact Form 7 */ div.wpcf7-response-output { font-size: 95%; margin: 2em 0 1em; padding: 0.8em 1em; border: 2px solid #cf2e2e; } div.wpcf7-mail-sent-ok { border: 2px solid #00d084; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border: 2px solid #cf2e2e; } div.wpcf7-spam-blocked { border: 2px solid #ff6900; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #fcb900; } span.wpcf7-not-valid-tip { color: #cf2e2e; } /* Disqus */ #disqus_thread { margin-bottom: 60px; } /* Print ------------------------------------------------------------ */ @media print { html, body { background: none !important; /* color: #000 !important; */ font-size: 10pt !important; } .main-header-clone, .drawer-hamburger, .featured-post, .widget, .comments-area .comment-edit-link, .comments-area .reply, .comment-respond, .navigation, .sidebar-area, .footer-widget-area, .footer-menu, .back-to-top { display: none !important; } .main-header-content, .site-content { max-width: none; padding-left: 0; padding-right: 0; } .site-bottom, .site-bottom a { /* color: #000; */ } } /* コピー2 */ /* header */ @media screen and (min-width: 980px){ .main-header-content { flex-wrap: wrap; } } @media screen and (min-width: 782px) { .top-bar-content, .main-header-content, .home-header-content, .site-bottom-content { max-width: 1120px; } } @media screen and (min-width: 782px) { .top-bar-content, .main-header-content, .home-header-content, .jumbotron-content, .featured-entry-content, .site-content, .footer-widget-content, .site-bottom-content { padding-left: 40px; padding-right: 40px; } } .main-header-content { align-items: center; display: flex; justify-content: space-between; } @media screen and (min-width: 980px) { .main-header-content .main-navigation { display: block; } } @media screen and (min-width: 980px) { .main-navigation { font-size: 90%; line-height: 52px; } } .home-header-title { /* color: #1C997B; */ /* font-family: MS mincho; */ font-size: 4.5rem; letter-spacing: -0.03em; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px 1px rgb(0 0 0 / 0%); font-weight: 700; line-height: 1.5; } .home-header { /* height: 600px; */ width: 100%; background-color: #fff; } .wp-block-columns { display: flex; margin-bottom: 1.75em; flex-wrap: wrap; } @media (min-width: 782px){ .wp-block-columns { flex-wrap: nowrap; } } header a:link { /* color: #1C997B ; */ text-decoration: none; } footer a:link a:link { color: #1C997B ; text-decoration: none; } .widget ul ul { padding: 0; } /* page */ .jumbotron { border-bottom: solid 1px #eee; margin-bottom: 5rem; } @media screen and (min-width: 782px) { .jumbotron-title { font-size: 2.5rem !important; } } .jumbotron-title { color: #fff; font-size: 2.25rem; letter-spacing: -0.03em; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%); } .jumbotron { /* background-image: url(http://test.local/wp-content/themes/origin/assets/img/cropped-main.jpg); */ } .jumbotron { background-color: #333; background-position: center; background-size: cover; } /* company */ .block-buttons { text-align: center; } .wp-block-buttons .wp-block-button__link { /* color: #fff !important; */ } /* slider */ .swiper-container { width: 100%; height: 100%; margin-bottom: 40px !important; } .swiper-slide { width: auto; height: auto !important; overflow: visible; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .mainvisual { overflow-x: hidden; height: auto; } /* blog css */ .blog-list a { padding: 7px 0; display: block; text-decoration: none; box-shadow: none; } .blog-list a:hover { background-color: #f5f5f5; text-decoration: none; box-shadow: none; } .blog-list hr { margin: 0; padding: 0; } .blog-list dt { float: left; width: 8.1em; overflow: hidden; margin: 0; margin: 0 0 0 0.3em; padding: 0; border: 0; color: Gray; font-weight: normal; white-space: nowrap; } .blog-list dd { margin: 0; padding: 0 2px; /* color: #1C997B !important; */ } .blog-list dl { margin: 0; padding: 0; border: 0; } /* page css */ @media screen and (min-width: 980px) { .single-post .site-content, .archive .site-content { display: flex; justify-content: space-between; max-width: 1120px; margin-top: 5rem; } } @media screen and (min-width: 980px) { .single-post .content-area, .archive .content-area { width: 64.28%; } } @media screen and (min-width: 980px) { .secondary { border-top: none; padding-top: 0; width: 26.78%; } } .single-post img { width: 400px; } .single-post .post-title, .archive .post-title { margin-bottom: 25px; font-size: 2.5rem; font-weight: 700; } .wp-post-image { margin-bottom: 25px; } .page-title { font-size: 1.5rem; /* margin-bottom: 12px; */ margin-top: 0; font-weight: 700; } /* ロゴ */ .site-logo img { width: 250px; } /* sidebar */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { margin-top: 0; max-width: 400px; width: 100%; } .sidebar-title { font-size: 1.2rem; letter-spacing: 0.05em; margin-bottom: 2rem; margin-top: 0; text-transform: uppercase; } .sidebar-box { margin-bottom: 4rem; } .sidebar-box .search-submit{ display: none; } .secondary dl, .secondary ol, .secondary ul { padding-left: 0 !important; margin: 0; } .secondary li { list-style-type: none; margin-bottom: 1em; } .secondary li a { text-decoration: none; } /* archive */ .archive-post { margin-bottom: 4rem; } .readmore { display: inline-block; *display: inline; zoom: 1; font-size: 14px; /* color: #fff !important; */ /* background-color: #444; */ text-align: center; text-decoration: none; padding: 6px 20px; margin: 20px -15px 0 0; box-sizing: border-box; float: right; } .readmore:after { content: ''; display: block; clear: both; } .readmore:hover { /* color: #fff; */ /* background-color: #DA4453; */ text-decoration: none; } /* 地図 */ .wp-block-columns iframe { width: 100% !important; } /*==================================================================== slick ====================================================================*/ html, body { margin: 0; padding: 0; } * { box-sizing: border-box; } .sliderArea { max-width: 100%; margin: 0 auto; padding: 0 25px; } .sliderArea.w300 { max-width: 300px; } .slick-slide { margin: 0 5px; } .slick-slide img { width: 100%; height: auto; } .slick-prev, .slick-next { z-index: 1; } .slick-prev:before, .slick-next:before { color: #000; } .slick-slide { transition: all ease-in-out .3s; opacity: .2; } .slick-active { opacity: 1; } .slick-current { opacity: 1; } .thumb { margin: 20px 0 0; } .thumb .slick-slide { cursor: pointer; } .thumb .slick-slide:hover { opacity: .7; } body { font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 16px; letter-spacing: .025em; line-height: 1.8; margin: 0; } @media screen and (max-width: 1024px) { body { font-size: 14px; } } .section { max-width: 300px; margin: 0 auto; padding: 30px 0; } .section p._a { font-size: 12px; font-weight: bold; margin: 30px 0 0; } .section p._a .link { display: inline-block; color: #607D8B; padding-left: 1.3em; text-indent: -1.3em; } .section p._a .link:before { content: ''; display: inline-block; width: 5px; height: 5px; border-top: 2px solid #607D8B; border-right: 2px solid #607D8B; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: 10px; } .none { display: none !important; } /* navmenu */ /* ハンバーガーメニューボタン */ .hamburger { display : block; position: sticky; z-index : 99; right : 20px; top : 20px; width : 42px; height: 42px; cursor: pointer; text-align: center; } @media (min-width: 769px) { .hamburger { display: none; } } .hamburger span { display : block; position: absolute; width : 30px; height : 2px ; left : 6px; background : #111; -webkit-transition: 0.3s ease-in-out; -moz-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } .hamburger span:nth-child(1) { top: 10px; } .hamburger span:nth-child(2) { top: 20px; } .hamburger span:nth-child(3) { top: 30px; } .hamburger.active span:nth-child(1) { top : 16px; left: 6px; background :#111; -webkit-transform: rotate(-45deg); -moz-transform : rotate(-45deg); transform : rotate(-45deg); } .hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) { top: 16px; background :#111; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); transform : rotate(45deg); } /* メニュー背景 */ nav.globalMenuSp { position: fixed; z-index : 2; top : 0; left : 0; /* color: #fff; */ background: #fff; /* background: rgba( 71,70,73,0.6 ); */ text-align: center; width: 100%; transform: translateX(100%); transition: all 0.6s; } nav.globalMenuSp ul { margin: 0 auto; padding: 0; width: 100%; } nav.globalMenuSp ul li { list-style-type: none; padding: 0; width: 100%; transition: .4s all; } nav.globalMenuSp ul li:last-child { padding-bottom: 0; } nav.globalMenuSp li:hover{ /* background :#ddd; */ } nav.globalMenuSp a:hover { background :#ddd; } nav.globalMenuSp ul li a { display: block; /* color: #fff; */ padding: 1em 0; text-decoration :none; } /* クリックでjQueryで追加・削除 */ nav.globalMenuSp.active { opacity: 100; display: block; transform: translateX(20%); width: 90%; right: 0; position: fixed; /* height: 100vh; */ transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); padding: 60px 0 0 ; } .menu-item-has-children { background: none !important; } @media (max-width:768px) { #header-nav { height: 100vh; } } .wp-block-columnn iframe { width: 100%; } /* form */ form input[type="text"],form input[type="email"],form input[type="url"],form input[type="password"],form input[type="search"] { display: flex; } @media screen and (max-width: 720px) { #media_image-2 { width: 130px; } } .content-area { margin-bottom: 6rem !important; } /* commenets */ #comments .logged-in-as { display: none; } /* swiper */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; } #adminmenuwrap { font-size: 14px; }