/* Theme Name: BHost Theme URI: Author: Masum Billah Author URI: http://getmasum.net/ Description: Bhost is a nice , clean , beautifull, Responsive and modern design free WordPress Theme. This theme made with Latest Bootstrap v3.3.5. You can use it for your corporate , personal , blog sites etc. Version: 1.2.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bhost Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, flexible-header, sticky-post, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Author 10.4 Comments 11.0 Infinite scroll 12.0 Infinite scroll 13.0 Media 13.1 Captions 13.2 Galleries /*-------------------------------------------------------------- 1.0 Normalize --------------------------------------------------------------*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, h1, h2, h3, h4, h5, h6{ font-family: 'Raleway', sans-serif, arial; } h1, h2, h3, h4, h5, h6{ text-transform: uppercase; } body { margin: 0; font-weight: 400; font-size: 14px; overflow-x: hidden; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; text-decoration: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 3.5em; margin: 0 0 0.4em; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } img{ display: inline-block; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 600; color: #424242 !important; } p { font-size: 15px; margin-bottom: 1.0em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } select{ border:none; outline:none; display: inline-block; cursor:pointer; padding: 8px; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style-type: circle; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.5em; width: 100%; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #404040; border-radius: 3px; background: #404040; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .form-control{ height: 50px; } button, input[type="button"], input[type="submit"] { background: #404040; color: #fff; box-shadow: inherit; padding: 1em 1em 1em; transition: 0.5s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inherit; background: #2bcdc1; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #ccc #bbb #aaa; box-shadow: inherit; background: #2bcdc1; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 0; padding: 10px!important ; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; border-color: #2bcdc1!important; box-shadow: 0 0 1px #2bcdc1!important; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { padding-left: 3px; width: 100%; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="submit"] , textarea{ font-size: 14px; } label { display: inline-block; font-weight: bold; margin-bottom: 5px; width: 100%; } /*-------------------------------------------------------------- 5.0 Table --------------------------------------------------------------*/ table { border-collapse: collapse; border: 1px solid #eee; border-bottom: 2px solid #2bcdc1; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } table tr:hover { background: #f4f4f4; } table tr:hover td { color: #555; } th:first-child, td:first-child{ padding-left: 5%; } table th, table td { color: #999; border: 1px solid #eee; border-collapse: collapse; text-align: center; } table#wp-calendar td { padding: 8px 0!important; } table td{ padding:8px ; } table th { background: #2bcdc1 none repeat scroll 0 0; color: #fff; font-size: 14px; padding: 10px; text-transform: uppercase; } table th.last { border-right: none; } caption { margin-bottom: 10px; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ a { color: #404040; transition: all 0.5s ease 0s; } a:visited { color: #2bcdc1; } a:hover, a:focus, a:active { color: #2bcdc1; } a:hover{color: #2bcdc1;} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .container{ } /*-------------------------------------------------------------- 5.2 Header --------------------------------------------------------------*/ #masthead{ text-align: center; background: #fff; color: #fff; } .site-branding{ padding: 6em 0; background: #fff; } .site-branding h1.site-title{ margin-bottom: 5px; font-size: 2.2em; } .site-branding h1.site-title a{ font-size: 2.2em; text-decoration: none; color: #444; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; position: relative; display: inline-block; text-transform: uppercase; font-weight: 700; } .site-branding h1.site-title a:hover{ color: #2bcdc1!important; -webkit-transform: none; transform: none; } .site-branding .site-description{ font-size: 1.5em; color: #444; } .site-description{ margin-bottom: 0; } /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .mainmenu { background: black; display: table; width: 100%; } .mainmenu ul{ padding: 0; margin: 0; list-style-type: none; } .mainmenu ul#nav>li { float: left; position: relative; } .mainmenu ul#nav >li> a{ box-sizing: border-box; color: #fff; display: block; font-size: 14px; font-weight: 600; height: 70px; line-height: 72px; padding: 0 20px; text-decoration: none; text-transform: uppercase; } .mainmenu ul#nav> li> a{position:relative} .mainmenu ul#nav> li> a i.fa{ padding-right: 5px; } .mainmenu ul#nav> li:hover>a:before{ opacity: 1; } .mainmenu ul#nav >li:hover>a{ background: #2bcdc1; } /*------------------------------- 2.1.1 dropdwon menu --------------------------------*/ .mainmenu ul#nav li ul.sub-menu, .mainmenu ul#nav li ul.sub-menu li ul.sub-menu{ background: rgba(43, 205, 193, 1) none repeat scroll 0 0; opacity: 0; padding: 30px 0; position: absolute; top: 115%; transition: all 0.3s ease 0s; width: 260px; z-index: -99; visibility:hidden; } .mainmenu ul#nav li ul.sub-menu li ul.sub-menu{ top: 0; left: 100%; transition: all 0.5s ease 0s; } .mainmenu ul#nav li ul.sub-menu li{ padding: 0; width: 100%; } .mainmenu ul#nav li:hover ul.sub-menu{ top:100%; opacity:1; z-index:999; visibility:visible; } .mainmenu ul#nav ul.sub-menu li:hover ul.sub-menu { opacity:1; background: rgba(43, 205, 193, 1); z-index:999; visibility:visible; } .mainmenu ul#nav li ul.sub-menu li a { color: rgba(255, 255, 255, 0.9); display: block; font-size: 13px; font-weight: 400; margin: 0 30px; padding: 7px 0; text-transform: inherit; text-align: left; } .mainmenu ul#nav li:hover ul.sub-menu li a:hover{ color: rgba(255, 255, 255, 1); text-decoration: none; } .mainmenu .current-menu-ancestor a, .mainmenu .current-menu-ancestor >a:hover, .mainmenu .current-menu-ancestor >a:focus, .mainmenu .current-menu-item > a, .mainmenu .current-menu-item > a:hover, .mainmenu .current-menu-item > a:focus{ color:#FFF; background-color:#2bcdc1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mainmenu .sub-menu li.current-menu-item a, .mainmenu .current-menu-ancestor .sub-menu li a , .mainmenu .current-menu-ancestor .sub-menu li a{ background: #2bcdc1; color: #fff; } .mainmenu .sub-menu li.current-menu-item >a, .mainmenu ul ul .current-menu-item, .mainmenu ul ul .current-menu-item a{ color: #fff; } @media (max-width: 767px) { #masthead{ padding-top: 40px; } .mean-container .mean-nav li a{ font-size: 13px; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- 5.2 Content --------------------------------------------------------------*/ #content, .site-content{ background: #fff; padding: 50px 0; } article.single-post{ margin-bottom: 5em; } #primary, .content-area{ background: #fff; } #primary{ overflow: hidden; } @media (max-width: 767px){ #primary{ margin-bottom: 40px; } } h1.entry-title{ font-size: 23px; margin-bottom: 20px; margin-top: 0px; } h1.entry-title a{ text-decoration: none; color: #444; } h1.entry-title a:hover{ color: #509bb7; -webkit-transform: none; transform: none; transition: all 0.5s ease 0s; } .entry-meta { margin-bottom: 0.5em; text-transform: uppercase; font-size: 13px; } .entry-meta,.entry-footer{ font-size: 13px; text-transform: uppercase; margin-top: 20px; } .entry-meta,.entry-footer .readmore{ margin-top: 20px; } .entry-meta,.entry-footer .readmore a.btn{ border-color: #444; border-radius: inherit; font-size: 13px; font-weight: 500; letter-spacing: 1px; padding: 12px 25px; } .entry-meta,.entry-footer .readmore a.btn:hover, .entry-meta,.entry-footer .readmore a.btn:focus{ background: #2bcdc1; color: #fff!important; border-color: #2bcdc1; } .entry-meta .entry-date{margin-top: -3px; display: block;} .entry-meta a{ color: #404040; display: inline-block; text-decoration: none; } .entry-content{ font-size: 1.5em; } #primary a:hover{color: #2bcdc1;} .page-header{ margin: 0; padding: 0; } .page-header, .page-header h1{ border: inherit; font-size: 25px; margin-bottom: 40px; } .post-thumb-image{ margin-bottom: 0; } .entry-footer a{ text-decoration: none; color: #444; } .entry-footer .comments-link{ margin-right: 5px; } .nav-links a{ font-size: 1.5em; text-decoration: none; color: #444; } .nav-links a:hover{ color: #d10046; } /*------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* 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:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .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; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } .single-widget .widget-title{ margin-top: 0; margin-bottom: 0.8em; } .single-widget ul{ margin: 0; list-style: none; padding: 0; } .single-widget:last-child{ margin-bottom: 0; } .single-widget a{ text-decoration: none; color: #404040; font-weight: 500; } .single-widget a:hover{ color: #2bcdc1; } .comment-author-link{ color: #404040; font-size: 1.3em; } li.cat-item{ text-transform: capitalize; } /* Search widget. */ .widget_search .search-submit { display: none; } .widget_search .search-field{ font-size: 0.9em; font-weight: 400; padding: 10px; width: 94%; } .single-widget { -moz-hyphens: auto; color: rgba(51, 51, 51, 0.7); word-wrap: break-word; } .single-widget img{ width: inherit; } /*-------------------------------------------------------------- 5.1 Foorer --------------------------------------------------------------*/ #footer{ background: #212121 none repeat scroll 0 0; color: #ffffff; font-size: 13px; padding: 3em 2em; text-align: center; text-transform: uppercase; } #footer a{ color: #ffffff; text-decoration: none; } #footer a:hover{ color: #2bcdc1; } .list-inline{ margin-left: 0; } #footer .social_links{ margin-bottom: 25px; } #footer .social_links li a{ display: block; font-size: 15px; width: 40px; height: 40px; line-height: 40px; border: 2px solid #fff; } #footer .social_links li a:hover{ border-color: #2bcdc1; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: .5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .post-thumb-image{ overflow: hidden; margin-bottom: 40px; } .post-thumb-image a{ display: block; width: 100%; height: 100%; position: relative; transition: all 0.5s ease 0s; } .post-thumb-image a:after{ background: #2bcdc1 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 100; transition: all 0.5s ease 0s; } .post-thumb-image a:hover:after{ opacity: 0.4; } .post-thumb-image a img{ transition: all 0.5s ease 0s; } .post-thumb-image a:hover img{ transform: scale(1.1); } .navigation.pagination{ } .navigation.pagination .page-numbers{ background: #444 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; line-height: 25px; margin-right: 10px; padding: 11px 25px; margin-bottom: 10px; } .navigation.pagination .page-numbers:hover, .page-numbers.current{ background: #2bcdc1!important; color: #fff!important; } .nav-previous > a , .nav-next > a{ background: #444 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; padding: 11px 20px; } .nav-previous > a:hover, .nav-next > a:hover{ background: #2bcdc1 none repeat scroll 0 0; color: #fff!important; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ #secondary{ padding-top: 0; } .single-widget{ background: #f7f7f7 none repeat scroll 0 0; margin-bottom: 3em; padding: 3em 1.5em; font-size: 15px; } .single-widget ul li { line-height: 30px; margin-bottom: 12px; } .single-widget ul li:last-child{ margin-bottom: 0; } input, select{ width: 100%; font-size: 15px; } .search-form{ margin: 0; width: 100%; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .comment-author-link{ font-size: 14px; } /*-------------------------------------------------------------- 10.3 Author --------------------------------------------------------------*/ .about-author{ background: #f7f7f7 none repeat scroll 0 0; border: 2px dotted #2bcdc1; margin: 30px 0; padding: 30px; } .about-author .author_image{ float: left; margin-right: 25px; } .about-author .author_image img{ width: auto; } .about-author .author_info{ overflow: hidden; } .about-author .author_info h4{ margin-top: 0; } .about-author .author_info p{ margin-bottom: 0; } @media (max-width: 480px){ .about-author{ text-align: center; } .about-author .author_image{ float: inherit; width: 100%; margin-right: 0; margin-bottom:25px; } } /*-------------------------------------------------------------- 10.4 Comments --------------------------------------------------------------*/ #comments{ border-top: 1px solid #dfdfdf; margin-top: 4em; padding-top: 1.5em; } article.comment-body { border-bottom: 1px solid #dfdfdf; display: inline-block; padding-bottom: 20px; margin-bottom: 20px; width: 100%; } .comments-title{ font-size: 2em; } .comment-list{ list-style-type: none; margin: 25px 0 0; padding: 0; } .comment-list li{ display: table; background: #fff; padding: 0; margin-bottom: 20px; } .comment-list li:last-child{ margin-bottom: 0px; } .comment-author .avatar{ height: 70px; width: 70px; margin-bottom: 10px; float: left; margin-right: 20px; } .children { margin-top: 20px; display: inline-block; max-width: 100%; } .says{ display: none; } .comment-author .fn{ display: inline-block; float: left; font-size: 1.5em; margin-left: 0.3em; margin-top: 20px; font-weight: 500; } .comment-author .fn a{ color: #509bae; text-decoration: none; font-weight: 500 } .comment-metadata{ display: inline-block; font-size: 1.5em; font-weight: 500; margin-left: 10px; margin-top: 20px; } .comment-meta{ padding-bottom: .5em; margin-bottom: .5em; display: inline-block; width: 100%; } .reply a{ color: #2bcdc1; float: left; font-size: 1.4em; padding-left: 0; text-decoration: none; font-weight: 700; } .comment-metadata a{ text-decoration: none; color: #444; } .comment-content{ font-size: 1.4em; } .comment-content a { word-wrap: break-word; } #reply-title{ font-size: 1.7em; } #cancel-comment-reply-link { text-decoration: none; font-size: 1em; color: #404040; padding: 0 .5em; font-weight: 700; } #respond{ font-size: 1.2em; margin-top: 30px; } .form-submit .submit{font-size: 1.0em;} #respond input, input{ width: 100%; } #respond label{ cursor: pointer; } .bypostauthor { display: block; } #form-allowed-tags{display: none;} /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ div.wpcf7 img.ajax-loader { border: medium none; margin-left: 4px; vertical-align: middle; width: auto; } /*-------------------------------------------------------------- 12.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 13.0 Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 13.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- 13.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; }