/* Theme Name: Best Reloaded Theme URI: http://www.pattonwebz.com/best-reloaded-bootstrap-theme Description: A responsive, mobile-first, WordPress theme that uses Bootstrap. Author: William Patton Author URI: http://pattonwebz.com/ Version: 2.3.0 Text Domain: best-reloaded Tags: left-sidebar, right-sidebar, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready License: GNU General Public License (3.0) License URI: http://www.gnu.org/licenses/gpl-3.0.html */ body { background: #f5f5f5; } /* responsive images */ img, .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .wp-caption, .gallery-caption { max-width: 100%; height: auto; } a { color: #f26535; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } a:hover, a:focus { color: #e5450f; } @media (min-width: 1200px) { .container { width: 95%; max-width: 1280px; } } .container-wrapper { padding: 25px 30px; background-color: white; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 0 0; } @media (min-width: 768px) { .container-wrapper { padding: 35px 60px; } } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .wp-caption, .gallery-caption { max-width: 100%; height: auto; } .wp-caption, .gallery-caption { background: whitesmoke; color: #444; padding: 5px; border-radius: 10px; -webkit-box-shadow: 1px 1px 10px #aaa; box-shadow: 1px 1px 10px #aaa; font-size: 85%; } .wp-caption-text { margin: 10px; text-align: justify; } .wp-caption img, .gallery-caption img { border-radius: 5px; } .sticky:before { content: 'sticky post'; display: block; text-align: center; margin-bottom: 23px; padding: 5px 0 6px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-shadow: none; color: #bbb; } .bypostauthor { letter-spacing: -0.2px; } .alignright { float: right; margin-left: 8px; margin-bottom: 10px; } .alignleft { float: left; margin-right: 8px; margin-bottom: 10px; } .aligncenter { display: block; margin: 0 auto; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } a.skip-link.sr-only.sr-only-focusable:focus { position: absolute; left: 1rem; top: 1.1rem; height: auto; width: auto; display: block; font-size: 1rem; font-weight: 600; padding: 1rem 1.5rem 1rem; background: #f1f1f1; color: #0073aa; z-index: 100000; line-height: normal; text-decoration: none; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.6); } /* --------------------------------------- * * Typography * * ---------------------------------------- */ h6, .h6, h6, .h6, h6, .h6, h6, .h6, h6, .h6, h6, .h6 { letter-spacing: 0.3px; } .hero-p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 20px; padding: 0; margin: 0; display: block; text-align: center; } @media (min-width: 768px) { .hero-p { font-size: 24px; } } @media (min-width: 992px) { .hero-p { font-size: 38px; } } @media (min-width: 1200px) { .hero-p { font-size: 30px; } } .entry-title { margin-top: 1rem; } .featured-bar-post p, .featured-bar-post .hero-p { font-size: 18px; line-height: 28px; margin-bottom: 0; } @media (min-width: 768px) { .featured-bar-post p, .featured-bar-post .hero-p { font-size: 22px; } } .meta .entry-meta { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-style: italic; font-size: .9rem; } .page-title { letter-spacing: -1px; } .no-content-message { font-size: 2em; padding: 30px 0; } .no-content-message .in-loop { padding: 25px 0 35px; } .hr-row-divider { clear: both; } .not-found-404 h2.title { font-size: 3em; text-align: center; margin: -5px auto 33px; } .not-found-404 ul { display: table; font-size: 1.5em; list-style: none; text-align: center; margin: 30px auto 35px; } .navigation .nav-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .navigation .nav-links:first-child { text-align: left !important; } .navigation .nav-links div { -webkit-box-flex: 2; -webkit-flex: 2 1 0%; -ms-flex: 2 1 0%; flex: 2 1 0%; } .navigation .nav-links a { font-size: 1.4rem; } .navigation .nav-links .nav-next { text-align: right; } /* --------------------------------------- * * Header * * ---------------------------------------- */ header .navbar .container { padding-left: 0; padding-right: 0; } .name-text h1, .name-text span.h1 { font-size: 90px; line-height: 90px; letter-spacing: -5px; margin-top: 5px; } .name-text h1.long-title, .name-text span.h1.long-title { font-size: 40px; line-height: 40px; letter-spacing: -2px; } .site-title a:hover, .site-title a:focus { text-decoration: none; } .logged-in.admin-bar #main_navbar.fixed-top { padding-top: 40px; } img#brand-img { width: 30px; height: 30px; max-width: inherit; } #site-footer { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); border-top: 3px solid #f26535; background-color: #2f2f2f; color: #ddd; } #site-footer a { color: #e5450f; } #site-footer a:hover, #site-footer a:focus { color: #f26535; } #site-footer .footer-top { margin-top: 20px; } #site-footer .footer-top .widget-area { margin-left: 0; margin-right: 0; } #site-footer .footer-bottom .row { margin-left: 0; margin-right: 0; } #site-footer #footer-site-title { padding: 14px 0; margin: 0; } .blog-three-up .entry-title { font-size: 20px; margin-top: 0.5rem; } .blog-three-up footer { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; } .widget ul, .widget ol { list-style: none; padding-left: 0; } .widget ul li, .widget ol li { padding: 5px 0; line-height: 20px; } .widget ul li a, .widget ol li a { -webkit-transition: margin 0.5s ease-in-out; -o-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; } .widget ul li a:before, .widget ol li a:before { content: '\2192 \0020'; } .widget ul li a:hover, .widget ul li a:focus, .widget ol li a:hover, .widget ol li a:focus { margin-left: 10px; text-decoration: none; } .widget .widget-title { margin-top: 3px; margin-bottom: 15px; } .footer-widget-col .widget .widget-title { margin-bottom: 10px; } .widget #recentcomments li { padding: 5px 0; line-height: 24px; } .footer-widget-col .widget { margin: 0 5px 30px; } .footer-widget-col .widget:last-child { margin-bottom: 5px; } #comments .commentlist, #comments .form-group { margin: 1rem 0; padding: 0; } #comments li.comment, #comments li.pingpack { list-style: none; } #comments label { padding: 0; } #comments #wp-comment-cookies-consent { margin-right: 1rem; } #comments .pingback, #comments article.comment { position: relative; padding: 1.25rem; margin: 1rem 0; background-color: #fcfcfc; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 0 20px #f2f2f2; box-shadow: inset 0 0 20px #f2f2f2; line-height: 1.7rem; font-size: .9rem; } #comments article .comment-meta { position: relative; } #comments article .comment-meta .avatar { float: left; padding: .2rem; margin-right: .9rem; margin-bottom: .5rem; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: 0 2px 4px #e9e9e9; box-shadow: 0 2px 4px #e9e9e9; } #comments article .comment-meta .fn { float: left; font-size: 1.4rem; line-height: 1.1; } #comments article .comment-content { clear: both; position: relative; top: 1%; } #comments article .comment-content p { font-size: .9rem; } #comments article .edit-reply { margin-top: .45rem; } /* --------------------------------------- * * Slider * * --------------------------------------- */ .carousel .carousel-indicators { bottom: 0px; } .carousel .carousel-inner .carousel-item { max-height: 370px; } .carousel .carousel-inner .carousel-item .carousel-caption { background: rgba(0, 0, 0, 0.8); left: 0%; right: 0%; bottom: 0%; padding: 10px 20px 30px; } @media (min-width: 768px) { .carousel .carousel-inner .carousel-item .carousel-caption { padding: 10px 50px 30px; } } .carousel .carousel-inner .carousel-item img { width: 100%; height: auto; } .carousel .carousel-control-prev, .carousel .carousel-control-next { width: 5rem; height: 5rem; background: #e5450f; } .carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { margin-left: 0.4rem; } /* --------------------------------------- * * featured bar styles * * --------------------------------------- */ .featured-bar { background-color: #f5f5f5; background-image: url("../../assets/img/featured-bg-thumb-up.png"); background-repeat: no-repeat; background-position: -1% 50%; padding: 30px 60px; margin: 0 -30px 20px; text-shadow: none; } @media (min-width: 768px) { .featured-bar { margin: 0 -60px 20px; } } .featured-bar.featured-bar-post { margin: 10px -30px 30px -30px; padding: 15px 30px 15px 30px; } @media (min-width: 768px) { .featured-bar.featured-bar-post { margin: 10px 0 30px -60px; padding: 15px 15px 15px 60px; } } .featured-bar.featured-bar-post p { font-size: 22px; line-height: 28px; margin-bottom: 0; } @media (min-width: 768px) { .flex-row-reverse .featured-bar.featured-bar-post { margin: 10px -60px 30px 0; padding: 15px 60px 15px 60px; } } .btn-theme { color: #fff; background-color: #e5450f; border-color: #f26535; } .btn-theme:hover { color: #fff; background-color: #c13a0c; border-color: #e5450f; } .btn-theme:focus, .btn-theme.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); } .btn-theme.disabled, .btn-theme:disabled { color: #fff; background-color: #e5450f; border-color: #f26535; } .btn-theme:not(:disabled):not(.disabled):active, .btn-theme:not(:disabled):not(.disabled).active, .show > .btn-theme.dropdown-toggle { color: #fff; background-color: #b5370c; border-color: #d9420e; } .btn-theme:not(:disabled):not(.disabled):active:focus, .btn-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-theme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); } .btn-outline-theme { color: #f58a65; background-color: transparent; background-image: none; border-color: #f58a65; } .btn-outline-theme:hover { color: #212529; background-color: #f58a65; border-color: #f58a65; } .btn-outline-theme:focus, .btn-outline-theme.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 138, 101, 0.5); box-shadow: 0 0 0 0.2rem rgba(245, 138, 101, 0.5); } .btn-outline-theme.disabled, .btn-outline-theme:disabled { color: #f58a65; background-color: transparent; } .btn-outline-theme:not(:disabled):not(.disabled):active, .btn-outline-theme:not(:disabled):not(.disabled).active, .show > .btn-outline-theme.dropdown-toggle { color: #212529; background-color: #f58a65; border-color: #f58a65; } .btn-outline-theme:not(:disabled):not(.disabled):active:focus, .btn-outline-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-theme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 138, 101, 0.5); box-shadow: 0 0 0 0.2rem rgba(245, 138, 101, 0.5); } .bg-dark .btn-outline-theme { color: #fff; background-color: #e5450f; border-color: #f26535; } .bg-dark .btn-outline-theme:hover { color: #fff; background-color: #c13a0c; border-color: #e5450f; } .bg-dark .btn-outline-theme:focus, .bg-dark .btn-outline-theme.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); } .bg-dark .btn-outline-theme.disabled, .bg-dark .btn-outline-theme:disabled { color: #fff; background-color: #e5450f; border-color: #f26535; } .bg-dark .btn-outline-theme:not(:disabled):not(.disabled):active, .bg-dark .btn-outline-theme:not(:disabled):not(.disabled).active, .show > .bg-dark .btn-outline-theme.dropdown-toggle { color: #fff; background-color: #b5370c; border-color: #d9420e; } .bg-dark .btn-outline-theme:not(:disabled):not(.disabled):active:focus, .bg-dark .btn-outline-theme:not(:disabled):not(.disabled).active:focus, .show > .bg-dark .btn-outline-theme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); box-shadow: 0 0 0 0.2rem rgba(242, 101, 53, 0.5); } /* ------------------------------------- * * Social sharing block * * ------------------------------------- */ #social-block { background: white; z-index: 999; } #social-block.affix { top: 50px; } /* --------------------------------------- * * Gutenberg Blocks Styles * * ---------------------------------------- */ .wp-block-cover-text.alignfull, .wp-block-cover-text.alignwide, .wp-block-cover-image.alignfull, .wp-block-cover-image.alignwide { margin-left: -60px; width: auto; } .pager { padding: 10px 0; margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pager li { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } .pager li.next { text-align: right; } /* -------------------------------------- * * Effects * * --------------------------------------- */ /* thumbnail floating effect */ .post-thumb { max-width: 100%; position: relative; margin-bottom: 10px; bottom: 0; -webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .post-thumb img { border-radius: 3px; } .post-thumb .hoverspan { display: block; padding: 5px; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-box-shadow 0.3s ease-in-out; transition: -webkit-box-shadow 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } .post-thumb:hover { bottom: 10px; } .post-thumb:hover .hoverspan { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .animated { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; -o-animation-name: slideInUp; animation-name: slideInUp; } .btn > .caret, .gform_button > .caret, .dropup > .btn > .caret, .dropup > .gform_button > .caret { border-top-color: #000 !important; } .gform_fields { padding-left: 0; list-style: none; margin-left: -15px; margin-right: -15px; } .gform_fields::after { content: ""; display: table; clear: both; } .form-control, .gform_fields input, .gform_fields select, .gform_fields textarea { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .gform_fields input::-ms-expand, .gform_fields select::-ms-expand, .gform_fields textarea::-ms-expand { background-color: transparent; border: 0; } .gform_fields input:focus, .gform_fields select:focus, .gform_fields textarea:focus { color: #55595c; background-color: #fff; border-color: #66afe9; outline: none; } .gform_fields input::-webkit-input-placeholder, .gform_fields select::-webkit-input-placeholder, .gform_fields textarea::-webkit-input-placeholder { color: #999; opacity: 1; } .gform_fields input::-moz-placeholder, .gform_fields select::-moz-placeholder, .gform_fields textarea::-moz-placeholder { color: #999; opacity: 1; } .gform_fields input:-ms-input-placeholder, .gform_fields select:-ms-input-placeholder, .gform_fields textarea:-ms-input-placeholder { color: #999; opacity: 1; } .gform_fields input::-ms-input-placeholder, .gform_fields select::-ms-input-placeholder, .gform_fields textarea::-ms-input-placeholder { color: #999; opacity: 1; } .gform_fields input::placeholder, .gform_fields select::placeholder, .gform_fields textarea::placeholder { color: #999; opacity: 1; } .gform_fields input:disabled, .gform_fields select:disabled, .gform_fields textarea:disabled, .gform_fields input[readonly], .gform_fields select[readonly], .gform_fields textarea[readonly] { background-color: #eceeef; opacity: 1; } .gform_fields input:disabled, .gform_fields select:disabled, .gform_fields textarea:disabled { cursor: not-allowed; } .gform_fields select:not([size]):not([multiple]) { height: 2.5rem; } .gform_fields select:focus::-ms-value { color: #55595c; background-color: #fff; } .gform_fields .input-group-sm > input.form-control-static, .gform_fields .input-group-sm > select.form-control-static, .gform_fields .input-group-sm > textarea.form-control-static, .gform_fields .input-group-lg > input.form-control-static, .gform_fields .input-group-lg > select.form-control-static, .gform_fields .input-group-lg > textarea.form-control-static { padding-right: 0; padding-left: 0; } .gform_fields .input-group-sm > input, .gform_fields .input-group-sm > select, .gform_fields .input-group-sm > textarea { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .gform_fields .input-group-sm > select:not([size]):not([multiple]) { height: 1.8125rem; } .gform_fields .input-group-lg > input, .gform_fields .input-group-lg > select, .gform_fields .input-group-lg > textarea { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .gform_fields .input-group-lg > select:not([size]):not([multiple]) { height: 3.166667rem; } .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { position: relative; display: block; margin-bottom: 0.75rem; } .gform_wrapper ul.gfield_radio li + .form-check, .gform_wrapper ul.gfield_checkbox li + .form-check, .gform_wrapper ul.gfield_radio .form-check + li, .gform_wrapper ul.gfield_radio li + li, .gform_wrapper ul.gfield_checkbox .form-check + li, .gform_wrapper ul.gfield_checkbox li + li { margin-top: -.25rem; } .gform_wrapper ul.gfield_radio li.disabled .form-check-label, .gform_wrapper ul.gfield_checkbox li.disabled .form-check-label { color: #818a91; cursor: not-allowed; } .gform_fields .has-success input, .has-success .gform_fields select, .gform_fields .has-success select, .has-success .gform_fields textarea, .gform_fields .has-success textarea { border-color: #5cb85c; } .gform_fields .has-warning input, .has-warning .gform_fields select, .gform_fields .has-warning select, .has-warning .gform_fields textarea, .gform_fields .has-warning textarea { border-color: #f0ad4e; } .gform_fields .has-danger input, .has-danger .gform_fields select, .gform_fields .has-danger select, .has-danger .gform_fields textarea, .gform_fields .has-danger textarea { border-color: #d9534f; } .gform_button { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; } .gform_button:focus, .btn.focus, .focus.gform_button, .gform_button:active:focus .gform_button:active.focus, .active.gform_button:focus, .active.focus.gform_button { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .gform_button:focus, .gform_button:hover { text-decoration: none; } .focus.gform_button { text-decoration: none; } .gform_button:active, .active.gform_button { background-image: none; outline: 0; } .disabled.gform_button, .gform_button:disabled { cursor: not-allowed; opacity: .65; } a.btn.disabled, a.disabled.gform_button, fieldset[disabled] a.btn, fieldset[disabled] a.gform_button { pointer-events: none; } gfield_description, .validation_error, .validation_message { padding: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .validation_message { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .validation_message hr { border-top-color: #c1e2b3; } .validation_message .alert-link { color: #2b542c; } .gform_fields textarea { height: auto; } .gfield_required { color: #a94442; } .gform_validation_container { display: none; } .gfield_error .ginput_container { margin-bottom: 10px; } @media (min-width: 544px) { .form-inline .gform_fields input, .gform_fields .form-inline input, .form-inline .gform_fields select, .gform_fields .form-inline select, .form-inline .gform_fields textarea, .gform_fields .form-inline textarea { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group .gform_fields input, .gform_fields .form-inline .input-group input, .form-inline .input-group .gform_fields select, .gform_fields .form-inline .input-group select, .form-inline .input-group .gform_fields textarea, .gform_fields .form-inline .input-group textarea { width: auto; } .form-inline .input-group > .form-control, .form-inline .gform_fields .input-group > input, .gform_fields .form-inline .input-group > input, .form-inline .gform_fields .input-group > select, .gform_fields .form-inline .input-group > select, .form-inline .gform_fields .input-group > textarea, .gform_fields .form-inline .input-group > textarea { width: 100%; } .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_radio .form-inline li, .form-inline .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_checkbox .form-inline li { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } }