/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ [Table of Contents] + Sticky Footer + Animation + General Layout + Wrapper + Header + Main Navigation + Search Form + Page Banner & Thumbnail + Breadcrumbs + Main Content Styling + Layout Sizes + Page/Post Titles + Widgets + Comments + Form Styling +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ WordPress.org Requirements +++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ Sticky Footer +++++++++++++++++++++++++++ */ html { height: 100%; } body #boxytheme-wrapper { display:flex; flex-direction:column; height:100vh; } #boxytheme-main { flex: 1 0 auto; } /* +++++++++++++++++++++++++++ Animation +++++++++++++++++++++++++++ */ #boxytheme-nav > div > ul, .bx-nav-collapse ul, #boxytheme-nav > div > ul > li:hover > ul, #boxytheme-nav > div > ul ul > li:hover > ul, #boxytheme-nav.boxytheme-search-active .search-form, #boxytheme-nav > div > ul ul > li.menu-item-has-children:after, #boxytheme-nav a { -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.050, 1.000); -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.050, 1.000); -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.050, 1.000); transition: all 200ms cubic-bezier(0.420, 0.000, 0.050, 1.000); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.050, 1.000); -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.050, 1.000); -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.050, 1.000); transition-timing-function: cubic-bezier(0.420, 0.000, 0.050, 1.000); /* custom */ } /* +++++++++++++++++++++++++++ General Layout +++++++++++++++++++++++++++ */ html { font-size:15px; line-height:1.5em; } hr { border: none; border-top: 2px solid rgba(0,0,0,0.1); padding: 0 0 1.5rem; margin: 1.5rem 0 0; } .boxytheme-shell { position:relative; max-width:1100px; width:92%; margin:0 auto; } body.boxytheme-boxed .boxytheme-shell { max-width:950px; width:92%; } .boxytheme-left { float:left; } .boxytheme-right { float:right; } section.boxytheme-main-template.boxytheme-has-sidebar { float:left; width:65%; } aside.boxytheme-sidebar { float:right; width:30%; } /* +++++++++++++++++++++++++++ Wrapper (Full & Boxed) +++++++++++++++++++++++++++ */ #boxytheme-wrapper { position:relative; } body #boxytheme-wrapper { width:100%; } body.boxytheme-boxed #boxytheme-wrapper { max-width:1100px; margin:0 auto; } /* +++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++ */ #boxytheme-header-wrapper { width:100%; position:relative; } body.home #boxytheme-header-wrapper { height:auto; } #boxytheme-header { width:inherit; background-size:cover; background-position:center center; } body.boxytheme-header-transparent #boxytheme-header { box-shadow:none; } #boxytheme-logo { position:absolute; left:0; top:50%; } #boxytheme-logo img { display:block; margin:0; padding:0; width:auto; max-height:100%; height:100%; } h1#boxytheme-logo { font-size:2.25rem; line-height:2.25rem; height:2.25rem; margin-top:-1.12rem; font-weight:400; } #boxytheme-top-bar { z-index:5; height:40px; line-height:38px; font-size:0.9rem; position:relative; } #boxytheme-top-bar .bx-social-icon { float:left; font-size:1.2rem; display:inline-block; } #boxytheme-top-bar .boxytheme-right .bx-social-icon { margin:0 0 0 12px; } #boxytheme-top-bar .boxytheme-left .bx-social-icon { margin:0 12px 0 0; } .boxytheme-header-positioner { position:relative; } /* Has Custom Header BG */ #wp-custom-header { overflow:hidden; } #boxytheme-header.boxytheme-header-has-background.boxytheme-has-top-bar { top:40px; } body #wp-custom-header { max-height:160px; min-height:0; height:auto; } body.home #wp-custom-header { max-height:800px; } body #boxytheme-header-wrapper { height:auto; min-height:auto; max-height:100%; } /* +++++++++++++++++++++++++++ Main Navigation +++++++++++++++++++++++++++ */ #boxytheme-nav { width:auto; } #boxytheme-nav > div.boxytheme-main-menu { position:absolute; display:inline-block; top:50%; right:0; margin-top:-9px; width:auto; height:15px; } #boxytheme-nav > div > ul { width:auto; list-style:none; padding:0; margin:0; line-height:1; height:15px; } #boxytheme-nav > div > ul > li { position:relative; display:inline-block; float:left; margin:0 15px; padding:0; } #boxytheme-nav > div > ul > li:last-child { margin-right:0; } /* Dropdown Arrows */ #boxytheme-nav > div > ul > li.menu-item-has-children { padding-right:1.1rem; padding-bottom:10px; } #boxytheme-nav > div > ul > li.menu-item-has-children:after { opacity:0.5; position:absolute; top:0.1rem; right:0; font-size:1rem; content:"\f107"; font-family:"Font Awesome 5 Pro"; } /* Dropdowns */ #boxytheme-nav > div > ul > li > ul { font-size:0.9rem; z-index:9999; min-width:200px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; visibility:hidden; opacity:0; position:absolute; -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 2px 3px rgba(0,0,0,0.10); top:25px; left:0; width:auto; padding:15px 0 10px; margin:0 0 0 -20px; } #boxytheme-nav > div > ul ul li { white-space:nowrap; display:block; position:relative; text-align:left; padding:7px 20px; } #boxytheme-nav > div > ul ul li.menu-item-has-children a { padding-right:25px; } #boxytheme-nav > div > ul > li:hover > ul { visibility:visible; opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } /* Grandchild Dropdowns */ #boxytheme-nav > div > ul ul ul { position:absolute; top:-7px; left:100%; visibility:hidden; opacity:0; background:#fff; -webkit-transform:translate3d(-7px,0,0); transform:translate3d(-7px,0,0); box-shadow:0 2px 3px rgba(0,0,0,0.10); border-radius:10px; margin:0; padding:7px 0; } #boxytheme-nav > div > ul ul li:last-child ul { margin-bottom:-27px; } #boxytheme-nav > div > ul ul ul li:last-child ul { margin-bottom:-14px; } #boxytheme-nav > div > ul ul > li.menu-item-has-children:after { cursor:pointer; opacity:0.5; position:absolute; top:7px; right:15px; font-size:14px; content:"\f105"; font-family:"Font Awesome 5 Pro"; } #boxytheme-nav > div > ul ul > li:hover > ul { visibility:visible; opacity:1; -webkit-transform:translate3d(-2px,0,0); transform:translate3d(-2px,0,0); } #boxytheme-nav > div > ul ul > li:hover.menu-item-has-children:after { -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0); } /* +++++++++++++++++++++++++++ Mobile Navigation +++++++++++++++++++++++++++ */ .bx-nav-toggle, .boxytheme-mobile-nav { display:none; } .nav-toggle { position:absolute; top:50%; right:5%; color:inherit; font-size:1.75rem; margin:-0.875rem 0 0 0; } .nav-toggle:hover { color:inherit; } .js .bx-nav-collapse { margin:0; z-index:9999; } .boxytheme-mobile-nav { padding:20px 0; } .boxytheme-mobile-nav > li a { border-top:1px solid rgba(0,0,0,0.1); display:block; font-size:1.1rem; padding:10px 5%; } .boxytheme-mobile-nav > li:first-child a { border-top:none; } .boxytheme-mobile-nav > li.boxytheme-search { display:none; } /* +++++++++++++++++++++++++++ Search Form +++++++++++++++++++++++++++ */ a.boxytheme-cancel-search { display:none; } .search-form { position:relative; } .search-form .search-field { font-weight:400; background:transparent; display:inline-block; max-width:100%; width:98%; padding:0 85px 0 0; border-bottom:2px solid rgba(0,0,0,0.1); box-sizing:border-box; -webkit-appearance:none; height:2.4rem; font-size:1rem; margin:0; } .search-form .search-submit { display:inline-block; position:absolute; top:0; right:0; margin:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #boxytheme-nav li.boxytheme-search a { display:block; -webkit-transform:scale(1); transform:scale(1); } #boxytheme-nav li.boxytheme-search a:hover { -webkit-transform:scale(1.3); transform:scale(1.3); } #boxytheme-nav .search-form { z-index:4; opacity:0; width:50%; position:absolute; top:50%; right:0; text-align:right; height:2.4rem; -webkit-transform:translate3d(0,-51px,0); transform:translate3d(0,-51px,0); padding:0 40px 0 0; } #boxytheme-nav .search-form label { width:70%; padding:0; } #boxytheme-nav .search-form, #boxytheme-nav .search-form label { display:inline-block; margin:0; width:70%; } #boxytheme-nav .search-form .search-field { font-weight:400; background:transparent; display:inline-block; max-width:100%; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; -webkit-appearance:none; height:2.4rem; font-size:1rem; padding:0; margin:0; } #boxytheme-nav .search-form .search-submit { display:inline-block; position:relative; float:right; margin:0 0 0 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #boxytheme-nav.boxytheme-nav-hidden > div > ul { -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0); opacity:0; } #boxytheme-nav.boxytheme-search-active .search-form { -webkit-transform:translate3d(0,-1.2rem,0); transform:translate3d(0,-1.2rem,0); opacity:1; } #boxytheme-nav.boxytheme-search-hidden .search-form { -webkit-transform:translate3d(0,-2.4rem,0); transform:translate3d(0,-2.4rem,0); opacity:0; } #boxytheme-nav a.boxytheme-cancel-search { display:inline-block; z-index:0; position:absolute; top:50%; right:0; height:2rem; line-height:2rem; margin-top:-1rem; opacity:0; -webkit-transform:translate3d(0,-1rem,0); transform:translate3d(0,-1rem,0); } #boxytheme-nav.boxytheme-search-active a.boxytheme-cancel-search { opacity:1; z-index:6; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } #boxytheme-nav.boxytheme-search-hidden a.boxytheme-cancel-search { opacity:0; -webkit-transform:translate3d(0,-1rem,0); transform:translate3d(0,-1rem,0); } /* +++++++++++++++++++++++++++ Page Banner & Thumbnail +++++++++++++++++++++++++++ */ .boxytheme-page-banner { position:relative; width:100%; height:auto; /*overflow:hidden;*/ background-size:cover; background-position:center; } .boxytheme-page-banner.boxytheme-blank-banner { height:200px; } .boxytheme-page-banner .boxytheme-banner-overlay { width:100%; height:100%; position:absolute; top:0; left:0; } .boxytheme-page-banner .boxytheme-shell { padding:80px 0; } .boxytheme-page-banner .entry-title { font-size:40px; line-height:1.2; padding:5px 0 0 0; margin:0; } .boxytheme-page-banner.boxytheme-title-centered .entry-title, .boxytheme-page-banner.boxytheme-title-centered .bx-breadcrumbs { text-align:center; } .boxytheme-page-banner.boxytheme-title-left .entry-title, .boxytheme-page-banner.boxytheme-title-left .bx-breadcrumbs { text-align:left; } .boxytheme-page-banner.boxytheme-title-right .entry-title, .boxytheme-page-banner.boxytheme-title-right .bx-breadcrumbs { text-align:right; } .boxytheme-page-banner .bx-breadcrumbs { margin:0; } .boxytheme-page-banner .bx-breadcrumbs span { opacity:0.75; } .boxytheme-page-thumbnail { margin:0 0 2.5rem; } .boxytheme-page-thumbnail img { display:block; margin:0; padding:0; } .boxytheme-page-thumbnail.bordered_1,.boxytheme-page-thumbnail.bordered_2,.boxytheme-page-thumbnail.bordered_3,.boxytheme-page-thumbnail.bordered_4 { border-style:solid; } .boxytheme-page-thumbnail.bordered_1 { border-width:1px; padding:5px; } .boxytheme-page-thumbnail.bordered_2 { border-width:1px; padding:10px; } .boxytheme-page-thumbnail.bordered_3 { border-width:2px; padding:10px; } .boxytheme-page-thumbnail.bordered_4 { border-width:3px; padding:2px; } .boxytheme-page-thumbnail.bordered_5 { border-width:10px; padding:1px; } .boxytheme-page-thumbnail.shadow_1 { box-shadow:0px 2px 1px rgba(0,0,0,0.20); } .boxytheme-page-thumbnail.shadow_2 { box-shadow:0px 4px 10px rgba(0,0,0,0.30); } .boxytheme-page-thumbnail.shadow_3 { box-shadow:0px 10px 40px rgba(0,0,0,0.40); } .boxytheme-page-thumbnail.floating { box-shadow:0px 23px 60px rgba(0,0,0,0.20); border-width:20px; border-style:solid; border-color:#fff; } /* +++++++++++++++++++++++++++ Main Content Styling +++++++++++++++++++++++++++ */ #boxytheme-main { padding:3rem 0; } #boxytheme-main article.hentry { border-top:1px solid rgba(0,0,0,0.1); padding:1.5rem 0 0.5rem; } #boxytheme-main article.hentry:first-child { border:none; padding-top:0; } #boxytheme-main .more-link { color:inherit; font-weight:800; font-size:0.9rem; display:block; margin-top:1rem; } #boxytheme-main a:hover { text-decoration:underline; } #boxytheme-main .post-thumbnail { display:block; width:100%; margin:0 0 1rem 0; } #boxytheme-main .post-thumbnail img { width:100%; height:auto; } #boxytheme-main img, #boxytheme-main figure { max-width:100%; display:block; margin:0; padding:0; } #boxytheme-main .alignleft { float:left; margin:0 25px 30px 0; } #boxytheme-main .alignright { float:right; margin:0 0 30px 25px; } #boxytheme-main .aligncenter { float:none; margin:0 auto 30px; } #boxytheme-main .alignnone { float:none; margin:0 0 30px; } #boxytheme-main .wp-caption-text, #boxytheme-main .gallery-caption { font-size:0.75rem; padding:5px 0; } #boxytheme-main ul, #boxytheme-main ol, #boxytheme-main p, #boxytheme-main h1, #boxytheme-main h2, #boxytheme-main h3, #boxytheme-main h4, #boxytheme-main h5, #boxytheme-main h6, #boxytheme-main table, #boxytheme-main address, #boxytheme-main dl, #boxytheme-main pre { margin:0 0 1.5rem; padding:0; line-height:1.7rem; } #boxytheme-main blockquote, #boxytheme-main q { padding:0 0 0 1rem; border-left:1px solid rgba(0,0,0,0.1); } #boxytheme-main .boxytheme-main-template ul, #boxytheme-main .boxytheme-main-template ol { margin:0 0 20px 40px; } #boxytheme-main .boxytheme-main-template ul ul, #boxytheme-main .boxytheme-main-template ol ol, #boxytheme-main .boxytheme-main-template ol ul, #boxytheme-main .boxytheme-main-template ul ol { margin:7px 0 0 20px; } #boxytheme-main .boxytheme-main-template ul li, #boxytheme-main .boxytheme-main-template ol li { padding:0 0 5px; margin:0; } #boxytheme-main .boxytheme-main-template table { margin:0 0 2rem; border:1px solid rgba(0,0,0,0.1); min-width:100%; } #boxytheme-main .boxytheme-main-template table td, #boxytheme-main table th { padding:7px 12px; } #boxytheme-main .boxytheme-main-template table th { font-weight:600; background:#f2f2f2; } #boxytheme-main .boxytheme-main-template table tr.odd { background:#f9f9f9; } #boxytheme-main .boxytheme-main-template pre { padding:20px; display:block; background:rgba(0,0,0,0.05); font-family:monospace; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; max-width:100%; white-space:pre; overflow-x:auto; } #boxytheme-main .boxytheme-main-template code, #boxytheme-main .boxytheme-main-template kbd, #boxytheme-main .boxytheme-main-template tt { background:rgba(0,0,0,0.05); font-family:monospace; display:inline-block; margin:0 2px; border-radius:3px; padding:0 6px; } #boxytheme-main .boxytheme-main-template q:before { content:"\201C"; } #boxytheme-main .boxytheme-main-template q:after { content:"\201D"; } #boxytheme-main .boxytheme-main-template var { font-weight:600; font-style:italic; opacity:0.5; } #boxytheme-main .boxytheme-main-templatedt { font-weight:600; } #boxytheme-main .boxytheme-main-template dd { margin:0 0 10px; } #boxytheme-main .boxytheme-main-template big { font-size:125%; } #boxytheme-main .boxytheme-main-template abbr { opacity:0.65; } #boxytheme-main .boxytheme-main-template acronym, #boxytheme-main .boxytheme-main-template cite { font-style:italic; opacity:0.65; } #boxytheme-main .boxytheme-main-template h4 { font-weight:600; } #boxytheme-main .boxytheme-main-template dl { margin:0 0 2rem; } #boxytheme-main .boxytheme-main-template dt { font-weight:600; } #boxytheme-main .boxytheme-main-template dd { margin-bottom:1rem; } #boxytheme-main .boxytheme-main-template p small, #boxytheme-main .boxytheme-main-template p sub, #boxytheme-main .boxytheme-main-template p sup { font-size:0.8rem; } #boxytheme-main article.hentry.sticky { padding:25px 25px 5px 25px; background:#f9f9f9; } #boxytheme-main .bypostauthor { color:inherit; } /* +++++++++++++++++++++++++++ Galleries +++++++++++++++++++++++++++ */ #boxytheme-main .gallery { display:flex; margin:0 -15px 2rem; flex-direction:row; flex-wrap:wrap; } #boxytheme-main .gallery figure { margin:0 0 1rem; padding:0 15px; box-sizing:border-box; } #boxytheme-main .gallery figure figcaption { line-height:1.1rem; padding:12px 0 10px; } #boxytheme-main .gallery figure img { width:100%; } #boxytheme-main .gallery.gallery-columns-1 figure { width:100%; } #boxytheme-main .gallery.gallery-columns-2 figure { width:50%; } #boxytheme-main .gallery.gallery-columns-3 figure { width:33.333%; } #boxytheme-main .gallery.gallery-columns-4 figure { width:25%; } #boxytheme-main .gallery.gallery-columns-5 figure { width:20%; } #boxytheme-main .gallery.gallery-columns-6 figure { width:16.666%; } #boxytheme-main .gallery.gallery-columns-7 figure { width:14.285%; } #boxytheme-main .gallery.gallery-columns-8 figure { width:12.5%; } #boxytheme-main .gallery.gallery-columns-9 figure { width:11.111%; } /* +++++++++++++++++++++++++++ Breadcrumbs +++++++++++++++++++++++++++ */ #boxytheme-main .boxytheme-main-template .bx-breadcrumbs, .bx-breadcrumbs { list-style:none; margin:0; overflow:hidden; } #boxytheme-main .boxytheme-main-template .bx-breadcrumbs li, .bx-breadcrumbs li { text-transform:uppercase; padding:0; margin:0; font-size:12px; letter-spacing:1px; font-weight:300; display:inline-block; vertical-align:middle; margin-right:5px; } #boxytheme-main .boxytheme-main-template .bx-breadcrumbs li a, .bx-breadcrumbs li a { font-weight:600; } #boxytheme-main .boxytheme-main-template .bx-breadcrumbs .bx-separator i.bi, .bx-breadcrumbs .bx-separator i.bi { font-size:12px; position:relative; top:-1px; opacity:0.5; } /* +++++++++++++++++++++++++++ Layout Sizes +++++++++++++++++++++++++++ */ #boxytheme-main.bx-width-full, #boxytheme-main.bx-width-full .boxytheme-shell, #boxytheme-main.bx-width-full .boxytheme-main-template { max-width:100%; width:100%; padding:0; } #boxytheme-main.bx-width-default .boxytheme-main-template { max-width:1100px; } #boxytheme-main.bx-width-1000px .boxytheme-main-template { max-width:1000px; } #boxytheme-main.bx-width-900px .boxytheme-main-template { max-width:900px; } #boxytheme-main.bx-width-800px .boxytheme-main-template { max-width:800px; } #boxytheme-main.bx-width-700px .boxytheme-main-template { max-width:700px; } #boxytheme-main.bx-width-600px .boxytheme-main-template { max-width:600px; } #boxytheme-main .boxytheme-main-template { margin:0 auto; } /* +++++++++++++++++++++++++++ Page/Post Titles +++++++++++++++++++++++++++ */ #boxytheme-main h1.entry-title, #boxytheme-main h2.entry-title, #boxytheme-main h3.entry-title { font-weight:600; overflow:hidden; text-overflow:ellipsis; } .entry-footer { margin:3rem 0; } .entry-footer .boxytheme-post-meta { opacity:1; font-weight:400; text-transform:uppercase; display:block; font-size:0.8rem; line-height:1.4rem; margin:0; } .entry-footer .boxytheme-post-meta a { color:inherit; font-weight:800; } .entry-footer .boxytheme-post-meta .tags-links, .entry-footer .boxytheme-post-meta .cat-links { position:relative; padding-left:25px; display:block; text-transform:none; } .entry-footer .boxytheme-post-meta .tags-links a, .entry-footer .boxytheme-post-meta .cat-links a { font-weight:600; } .entry-footer .boxytheme-post-meta .cat-links::before { opacity:0.5; content:'\f07b'; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px; position:absolute; left:0; top:0; } .entry-footer .boxytheme-post-meta .tags-links::before { opacity:0.5; content:'\f292'; font-family:'Font Awesome 5 Pro'; font-weight:600; font-size:14px; position:absolute; left:0; top:0; } .entry-header .boxytheme-post-meta { opacity:0.5; font-weight:400; text-transform:uppercase; display:block; font-size:0.8rem; margin:0; letter-spacing:0.05rem; } .entry-header .boxytheme-post-meta a { color:inherit; font-weight:700; } #boxytheme-main .post-navigation { margin:3.25rem 0; padding-top:1rem; border-top:1px solid rgba(0,0,0,0.1); } #boxytheme-main .post-navigation { opacity:1; font-weight:400; display:block; margin:0; } #boxytheme-main .post-navigation a { line-height:1.3rem; box-sizing:border-box; width:50%; position:relative; display:block; color:inherit; font-weight:800; } #boxytheme-main .post-navigation a:hover { text-decoration:none; } #boxytheme-main .post-navigation a > .nav-subtitle { opacity:0.35; text-transform:uppercase; font-size:0.8rem; display:block; } #boxytheme-main .post-navigation a > .nav-title { opacity:0.75; font-size:0.9rem; display:block; overflow:hidden; text-overflow:ellipsis;} #boxytheme-main .post-navigation a > i { opacity:0.75; position:absolute; top:0.4rem; font-size:1.8rem; } #boxytheme-main .post-navigation a:hover > .nav-subtitle { opacity:0.5; } #boxytheme-main .post-navigation a:hover > .nav-title, #boxytheme-main .post-navigation a:hover > i { opacity:1; } #boxytheme-main .post-navigation a[rel="prev"] { float:left; padding-left:2.5rem; } #boxytheme-main .post-navigation a[rel="prev"] > i { left:0; } #boxytheme-main .post-navigation a[rel="next"] { float:right; padding-right:2.5rem; text-align:right; } #boxytheme-main .post-navigation a[rel="next"] > i { right:0; } /* +++++++++++++++++++++++++++ Widgets +++++++++++++++++++++++++++ */ h2.widget-title { font-size:1.1rem; font-weight:600; letter-spacing:1px; margin:0 0 0.75rem !important; text-transform:uppercase; } .widget { display:block; padding:0 0 2rem; } .widget ul { margin:0; padding:0; list-style:none; } .widget > ul > li, .widget div > ul > li { display:block; padding:0.4rem 0; border-top:1px solid #ddd; border-top:1px solid rgba(0,0,0,0.1); } .widget ul li { font-size:0.9rem; } .widget ul li > span.post-date { display:block; font-size:0.75rem; } .widget > ul > li:last-child, .widget div > ul > li:last-child { padding-bottom:0 } /* +++++++++++++++++++++++++++ Comments +++++++++++++++++++++++++++ */ #boxytheme-main h2.boxytheme-comment-reply-title { margin-bottom:0.1rem; } #boxytheme-main h2 small { font-size:70%; font-weight:600; } #boxytheme-main p.logged-in-as { font-size:0.9rem; } .boxytheme-comments-area { border-top:2px solid rgba(0,0,0,0.15); padding-top:1.25rem; } .boxytheme-comments-area form { display:block; } .boxytheme-comments-area form label { display:block; margin:0 0 0.5rem 0; padding:0; } .boxytheme-comments-area form input[type="text"], .boxytheme-comments-area form input[type="email"], .boxytheme-comments-area form input[type="tel"], .boxytheme-comments-area form input[type="url"], .boxytheme-comments-area form textarea { margin:0 0 0.5rem; width:100%; box-sizing:border-box; border:1px solid #ddd; display:block; padding:0.5rem; } .boxytheme-comments-area form textarea { padding:1rem; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list { list-style:none; margin:0 0 2rem; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list li { padding:1.5rem 1.5rem 0.5rem 1.5rem; margin:0 0 1rem; background: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: 3px; box-shadow: 0 2px 1px rgba(0,0,0,0.075); } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list li .comment-body { margin:0 0 1rem; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list ol.children { list-style:none; margin:0; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list ol.children li { background:rgba(0,0,0,0.025); } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-meta { margin:0 0 1rem; padding:0 0 1rem; border-bottom:1px solid rgba(0,0,0,0.15); } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-author img.avatar { width:2.5rem; height:2.5rem; position:relative; top:0.2rem; border-radius:2rem; display:inline-block; float:left; margin:0 1rem 0 0; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-author > b, #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-author > span { display:inline-block; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-author > span.says { display:none; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-metadata { font-size:0.75rem; color:#aaa; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-metadata a { color:#aaa; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .reply { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.02rem; font-weight: 600; margin: -1rem 0 0 0; } #boxytheme-main .boxytheme-main-template .boxytheme-comment-list .comment-respond { margin:1rem 0 0 0; } #boxytheme-nav .customize-partial-edit-shortcut { top:50%; left:0; margin:-17px 0 0 0; } #boxytheme-logo .customize-partial-edit-shortcut { top:50%; margin:-17px 0 0 0; left:-5px; } /* +++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++ */ #boxytheme-footer { flex-shrink:0; z-index:5; height:60px; line-height:60px; font-size:0.9rem; position:relative; } #boxytheme-footer .bx-social-icon { float:left; font-size:23px; display:inline-block; } #boxytheme-footer .boxytheme-right .bx-social-icon { margin:0 0 0 12px; } #boxytheme-footer .boxytheme-left .bx-social-icon { margin:0 12px 0 0; } /* +++++++++++++++++++++++++++ Form Styling +++++++++++++++++++++++++++ */ #boxytheme-main form p { margin-bottom:1rem; } form fieldset { border:none; margin-bottom: 1rem; } form fieldset legend { font-weight:600; font-size:1.2rem; margin-bottom:1rem } form label { display: block; text-transform:uppercase; font-weight:800; font-size: 0.9rem; letter-spacing:0.03em; margin-bottom: 0.75rem; } form p > label { display:inline-block; } form input[type="checkbox"], form input[type="radio"] { display:inline-block; margin-right:0.25rem; position:relative; top:-1px; } form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="number"], form input[type="password"], form textarea, form select { display:block; border:1px solid #e5e5e5; box-shadow:0 1px 1px rgba(0,0,0,0.075); border-radius:3px; padding:8px 10px; width:100%; margin:0 0 20px; box-sizing:border-box; } form select { background:transparent; height:35px; } form input[type="file"] { margin:0 0 20px; } form textarea { height:10rem; padding:13px 15px; }