/* @name bpq @description Theme styling for BluePrint-Q @author Dan Suleski @link http://blueprintq.com @since 1.0 */ .ml { text-align: left; } .mc { text-align: center; } .mr { text-align: right; } .tl-bg { background-position: left top; } .tc-bg { background-position: center top; } .tr-bg { background-position: right top; } .ml-bg { background-position: left center; } .mc-bg { background-position: center center; } .mr-bg { background-position: right center; } .bl-bg { background-position: left bottom; } .bc-bg { background-position: center bottom; } .br-bg { background-position: right bottom; } @media (max-width: 991px) { .desktop { display: none !important; } } @media (min-width: 992px) { .mobile { display: none !important; } } #main { margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } body.bleed-narrow #main > div, body.bleed-wide #main > div { overflow: hidden; padding-left: 0px; padding-right: 0px; } ul.nav.nav-pills > li > a, .breadcrumb, code, kbd, .badge, .label, .carousel, .jumbotron, .progress, img { border-style: solid; border-width: 0px; } .page-header:not(.slider) { padding: 0px 15px; } .navbar { margin-bottom: 0px; } .dropdown-menu, .list-group, .list-group .panel, .panel, ul.pagination, .table { overflow: hidden; } .table { border-collapse: separate; } .btn { white-space: normal; } .list-group { margin-bottom: 0px; } .list-group a, .list-group li { z-index: auto !important; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } .wp-caption { display: inherit; } .wp-caption-text { display: inherit; } .gallery-caption { display: inherit; } .sticky { display: inherit; } .bypostauthor { display: inherit; } .woocommerce-error:before, .woocommerce-message:before { display: table !important; } #customizer-sample > div { margin-top: 10px; } @media (min-width: 992px) { #customizer-sample > div #bpq\\sample_navigation nav .navbar-header button { display: none; } } .bpq\\shortcode_alert { margin-bottom: 10px; margin-top: 10px; } .bpq\\shortcode_anchor { visibility: collapse; } .bpq\\shortcode_benefit, .bpq\\shortcode_benefit_group { text-align: center; } .bpq\\shortcode_benefit .row, .bpq\\shortcode_benefit_group .row { margin-bottom: 25px; margin-top: 25px; } .bpq\\shortcode_benefit .icon > i.fa, .bpq\\shortcode_benefit_group .icon > i.fa, .bpq\\shortcode_benefit .icon > i.glyphicon, .bpq\\shortcode_benefit_group .icon > i.glyphicon { font-size: 2.5em; min-width: 75px; padding: 15px; } @media (max-width: 991px) { .bpq\\shortcode_benefit .row, .bpq\\shortcode_benefit_group .row { margin-bottom: 0px; margin-top: 0px; } .bpq\\shortcode_benefit .icon, .bpq\\shortcode_benefit_group .icon { margin-top: 20px; } } .bpq\\shortcode_testimonial img { width: 100px; } .bpq\\shortcode_testimonial img.left { float: left; margin-right: 10px; } .bpq\\shortcode_testimonial img.right { float: right; margin-left: 10px; } .bpq\\shortcode_testimonial blockquote { display: inline-block; width: 100%; } .widget { margin-bottom: 20px; padding: 10px 15px; overflow: hidden; } .widget .list-inline { margin-bottom: 0px; } .widget > h4 { display: inline-block; position: relative; } .widget > h4:before, .widget > h4:after { content: ""; height: 1px; position: absolute; top: 50%; width: 9999px; border: 0px solid transparent; background-color: transparent; } .widget > h4:after { margin-left: 5px; left: 100%; } .widget > h4:before { margin-right: 5px; right: 100%; } @media (max-width: 991px) { .widget { text-align: center; } } .widget_widget_profile i.fa, .widget_widget_profile i.glyphicon { margin-right: 5px; } .widget_widget_profile .fb-like { vertical-align: super; } .widget_widget_menu i.fa, .widget_widget_menu i.glyphicon { margin-right: 5px; } .widget_widget_menu ul { display: inline-block; } @media (max-width: 991px) { .widget_widget_menu li { width: 100%; } } .widget_calendar > #calendar_wrap > table { width: 100%; } .widget_calendar > #calendar_wrap > table th, .widget_calendar > #calendar_wrap > table td, .widget_calendar > #calendar_wrap > table caption { text-align: inherit; } .widget_calendar > #calendar_wrap > table tfoot td:first-child { text-align: right; } .widget_calendar > #calendar_wrap > table tfoot td:last-child { text-align: left; } .sendpress .sendpress-submit { margin-top: 0px; } .wpb_content_element { margin-bottom: 0px !important; } .vc_separator { margin: 20px 0px !important; } .vc_separator.vc_separator_align_left h1, .vc_separator.vc_separator_align_left h2, .vc_separator.vc_separator_align_left h3, .vc_separator.vc_separator_align_left h4, .vc_separator.vc_separator_align_left h5, .vc_separator.vc_separator_align_left h6 { padding: 0 0.8em 0 0; } .vc_separator.vc_separator_align_center h1, .vc_separator.vc_separator_align_center h2, .vc_separator.vc_separator_align_center h3, .vc_separator.vc_separator_align_center h4, .vc_separator.vc_separator_align_center h5, .vc_separator.vc_separator_align_center h6 { padding: 0 0.8em 0 0.8em; } .vc_separator.vc_separator_align_right h1, .vc_separator.vc_separator_align_right h2, .vc_separator.vc_separator_align_right h3, .vc_separator.vc_separator_align_right h4, .vc_separator.vc_separator_align_right h5, .vc_separator.vc_separator_align_right h6 { padding: 0 0 0 0.8em; } .vc_separator h1, .vc_separator h2, .vc_separator h3, .vc_separator h4, .vc_separator h5, .vc_separator h6 { white-space: nowrap; } .vc_separator .vc_sep_holder.gone > .vc_sep_line { border-color: transparent !important; } @media (max-width: 991px) { .vc_separator h1, .vc_separator h2, .vc_separator h3, .vc_separator h4, .vc_separator h5, .vc_separator h6 { display: table-cell; text-align: center; white-space: normal !important; width: 70%; } .vc_separator .vc_sep_holder { width: 15% !important; } } .wpb_row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .wpb_teaser_grid .teaser_grid_container li { padding-left: 5px; padding-right: 5px; } #alertbar > div { margin-top: 0px; margin-bottom: 0px; } #top > button { border: 0px; padding: 0px; text-align: center; width: 100%; } #top > div { border-style: solid; border-width: 0px; } #top .widget { margin-bottom: 0px; padding: 10px; } #masthead > div { border-style: solid; border-width: 0px; padding-top: 10px; padding-bottom: 10px; } #masthead > div h1 > small { margin-left: 10px; } #masthead > div img { max-width: 100%; border: 0px; } #masthead > div > div > div { float: none; display: inline-block; vertical-align: middle; } @media (max-width: 991px) { #masthead > div > div > div { width: 100%; text-align: center; } } #navigation i { margin-right: 5px; } #navigation > nav { z-index: 9999999; } #navigation > nav.affix { position: fixed; left: 0px; top: 0px; width: 100%; } #navigation > nav > div #logo { padding-top: 0px; padding-bottom: 0px; } #navigation > nav > div #logo > img { border-style: none; max-width: 500px; max-height: 100px; } @media (max-width: 991px) { #navigation > nav > div #logo { width: 100%; height: auto; text-align: center; } #navigation > nav > div #logo > img { margin-top: 0px !important; } } @media (max-width: 991px) { #navigation > nav > div #text { text-align: center; width: 100%; } } #navigation > nav > div > div.navbar-collapse { max-height: 100%; } #navigation > nav > div button.navbar-toggle { float: none; width: 100%; margin-top: 5px; margin-bottom: 5px; } #navigation > nav > div ul.dropdown-menu > li.desc > a { min-width: 300px; } #navigation > nav > div ul.dropdown-menu > li.desc > a > small { white-space: normal; } #navigation > nav > div span.caret { margin-left: 10px; } @media (max-width: 991px) { #navigation > nav > div .navbar-form { margin-left: 0px; margin-right: 0px; } #navigation > nav > div ul > li { text-align: center; } } @media (min-width: 992px) { #navigation > nav > div #supplemental span { display: none; } #navigation > nav > div i { margin-right: 0px; } #navigation > nav > div .menu-item i { margin-right: 5px; } } nav.affix.animate { -webkit-animation: navbar-animate-in 1s; animation: navbar-animate-in 1s; } @-webkit-keyframes navbar-animate-in { from { top: -50px; } to { top: 0px; } } @keyframes navbar-animate-in { from { top: -50px; } to { top: 0px; } } #highlight > div { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } #highlight > div.title { padding-bottom: 20px; padding-top: 20px; } #highlight > div.slider { padding-bottom: 0px; padding-top: 0px; } #highlight > div h1, #highlight > div h2, #highlight > div h3, #highlight > div h4, #highlight > div h5, #highlight > div h6 { margin-bottom: 0px; margin-top: 0px; } @media (max-width: 991px) { #highlight > div { text-align: center; } } #content > article { border-style: solid; border-width: 0px; margin-bottom: 20px; padding: 20px; overflow: hidden; } #content > article .wp-post-image { border: 0px; } #content > article > .entry-content, #content > article > .entry-summary { clear: both; } #content > article .post-icon { display: none; overflow: hidden; margin-bottom: 10px; white-space: nowrap; } #content > article .post-icon > span { position: relative; display: inline-block; padding: 5px; } #content > article .post-icon > span:before, #content > article .post-icon > span:after { content: ""; height: 1px; position: absolute; top: 50%; width: 9999px; border: 0px solid transparent; background-color: transparent; } #content > article .post-icon > span:after { margin-left: 15px; left: 100%; } #content > article .post-icon > span:before { margin-right: 15px; right: 100%; } #content > article .post-icon > span i.fa, #content > article .post-icon > span i.glyphicon { padding: 10px; } #content > article .post-image.above { display: block; margin-bottom: 10px; } #content > article .post-image.left { float: left; margin-right: 10px; } #content > article .post-image.right { float: right; margin-left: 10px; } #content > article .post-image.none { display: none; } #content > article .post-image img { max-width: 100%; height: auto; } @media (max-width: 991px) { #content > article .post-image.above, #content > article .post-image.left, #content > article .post-image.right { float: none; margin: 0px; margin-bottom: 10px; } } #content > article img, #content > article .wp-caption { width: auto !important; max-width: 100%; height: auto; } #content > article img.alignleft, #content > article .wp-caption.alignleft { display: block; float: left; margin-right: 10px; } #content > article img.alignright, #content > article .wp-caption.alignright { display: block; float: right; margin-left: 10px; } #content > article img .wp-caption-text, #content > article .wp-caption .wp-caption-text { font-size: 80% !important; } #content > article .read-more { font-weight: bold; margin-left: 10px; } #content .breadcrumbs .breadlabel { font-weight: bold; margin-right: 10px; } #content .site-navigation { width: 100%; display: inline-block; } #content .site-navigation.pagination { width: auto; } #content #comments .comments-title > i.fa { margin-right: 10px; } #content #comments .pingback i.fa { margin-right: 5px; } #content #comments .comment-author { margin: 0px 5px 5px 0px; } #content #comments code { white-space: inherit; } #content #comments .comment-reply-element-wrapper { margin-top: 20px; } #content #comments .form-submit { margin-top: 10px; } #content #comments textarea { padding: 6px 12px 6px 12px; } #content .stripe { margin: 0px -20px; padding: 20px 20px; } #content .entry-content .wpb_row { margin-bottom: 0px; } @media (max-width: 991px) { #content { text-align: center; } } body.page #content > article header > .entry-title, body.post #content > article header > .entry-title, body.single #content > article header > .entry-title { display: none; } .post-meta i.fa, .post-meta i.glyphicon { margin-right: 5px; } .breadcrumbs i.fa, .breadcrumbs i.glyphicon { margin-left: 15px; margin-right: 15px; } blockquote { text-align: left; } body.bleed-narrow #content .entry-content > div > .wpb_row { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { body.bleed-narrow #content .entry-content > div > .wpb_row { width: 750px; } } @media (min-width: 992px) { body.bleed-narrow #content .entry-content > div > .wpb_row { width: 970px; } } @media (min-width: 1200px) { body.bleed-narrow #content .entry-content > div > .wpb_row { width: 1170px; } } @media (min-width: 768px) { body.bleed-narrow .stripe { margin-left: -2000px !important; margin-right: -2000px !important; } } #pedestal > div { border-style: solid; border-width: 0px; margin-top: 10px; margin-bottom: 0px; } @media (max-width: 991px) { #pedestal > div .widget { text-align: center; } } #bottom > div { border-style: solid; border-width: 0px; } #bottom .widget { margin-bottom: 0px; padding: 10px; } body.login div#login h1 a { display: none; } body.login div#login p.message { display: none; } body.login div#login input[type="checkbox"] { vertical-align: text-bottom; }