/* @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; } .no-padding { padding: 0px !important; } .no-padding-x { padding-left: 0px !important; padding-right: 0px !important; } .no-padding-y { padding-bottom: 0px !important; padding-top: 0px !important; } @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; } @media (max-width: 991px) { body.boxed-narrow .site { padding: 0px; } } ul.nav.nav-pills > li > a, .breadcrumb, code, kbd, .badge, .label, .carousel, .jumbotron, .progress, img { border-style: solid; border-width: 0px; } .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 { margin: 0px; } .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; } blockquote, q { font-style: italic; } .caption, .wp-caption-text { font-size: 80% !important; } embed, iframe { max-width: 100%; } .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 { height: 0px; visibility: collapse; } .bpq\\shortcode_banner, .wpb_row .bpq\\shortcode_banner { padding: 10px; margin: 0px 0px 20px; } .bpq\\shortcode_banner h1, .wpb_row .bpq\\shortcode_banner h1, .bpq\\shortcode_banner h2, .wpb_row .bpq\\shortcode_banner h2, .bpq\\shortcode_banner h3, .wpb_row .bpq\\shortcode_banner h3, .bpq\\shortcode_banner h4, .wpb_row .bpq\\shortcode_banner h4, .bpq\\shortcode_banner h5, .wpb_row .bpq\\shortcode_banner h5, .bpq\\shortcode_banner h6, .wpb_row .bpq\\shortcode_banner h6 { margin: 0px; } .wpb_row .bpq\\shortcode_banner { margin-left: -10px; margin-right: -10px; } .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 { padding: 0px 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: 33%; 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; } [class*=vc_col-] { min-height: 0px; } #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; } @media (max-width: 991px) { #highlight > div { text-align: center; } } .page-header.title { padding: 20px 15px; } .page-header.slider { padding: 0px 15px; } #main-content { margin-bottom: 10px; padding: 10px; } #main-content > article { margin-left: -10px; margin-right: -10px; padding: 15px; border-style: solid; border-width: 0px; } #main-content > article:not(:last-child) { margin-bottom: 20px; } #main-content > article .wp-post-image { border: 0px; } #main-content > article > .entry-content, #main-content > article > .entry-summary { clear: both; } #main-content > article .post-icon { display: none; overflow: hidden; margin-bottom: 10px; white-space: nowrap; } #main-content > article .post-icon > span { position: relative; display: inline-block; padding: 5px; } #main-content > article .post-icon > span:before, #main-content > article .post-icon > span:after { content: ""; height: 1px; position: absolute; top: 50%; width: 9999px; border: 0px solid transparent; background-color: transparent; } #main-content > article .post-icon > span:after { margin-left: 15px; left: 100%; } #main-content > article .post-icon > span:before { margin-right: 15px; right: 100%; } #main-content > article .post-icon > span i.fa, #main-content > article .post-icon > span i.glyphicon { padding: 10px; } #main-content > article .post-image.above { display: block; margin-bottom: 10px; } #main-content > article .post-image.left { float: left; margin-right: 10px; } #main-content > article .post-image.right { float: right; margin-left: 10px; } #main-content > article .post-image.none { display: none; } #main-content > article .post-image img { max-width: 100%; height: auto; } @media (max-width: 991px) { #main-content > article .post-image.above, #main-content > article .post-image.left, #main-content > article .post-image.right { float: none; margin: 0px; margin-bottom: 10px; } } #main-content > article img, #main-content > article .wp-caption { max-width: 100%; height: auto; } #main-content > article img.alignleft, #main-content > article .wp-caption.alignleft { display: block; float: left; margin-right: 10px; } #main-content > article img.alignright, #main-content > article .wp-caption.alignright { display: block; float: right; margin-left: 10px; } #main-content > article .read-more { font-weight: bold; } #main-content .breadcrumbs .breadlabel { font-weight: bold; margin-right: 10px; } #main-content .site-navigation { width: 100%; display: inline-block; } #main-content .site-navigation.pagination { width: auto; } #main-content #comments .comments-title > i.fa { margin-right: 10px; } #main-content #comments .pingback i.fa { margin-right: 5px; } #main-content #comments .comment-author { margin: 0px 5px 5px 0px; } #main-content #comments code { white-space: inherit; } #main-content #comments .comment-reply-element-wrapper { margin-top: 20px; } #main-content #comments .form-submit { margin-top: 10px; } #main-content #comments textarea { padding: 6px 12px 6px 12px; } #main-content .wpb_row { margin-bottom: 0px; padding-bottom: 10px; padding-top: 10px; } @media (max-width: 991px) { #main-content * { text-align: center; } } .stripe > .background { position: absolute; } .stripe > .foreground { padding: 20px; } body.page #main-content > article header > .entry-title, body.post #main-content > article header > .entry-title, body.single #main-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; } .sidebar { margin-bottom: 10px; padding: 10px; z-index: 1; } .sidebar .widget { padding: 15px; } .sidebar .widget:not(:last-child) { margin-bottom: 20px; } .sidebar .widget > h4 { margin-top: 0px; } #pedestal > div { border-style: solid; border-width: 0px; margin-top: 10px; margin-bottom: 0px; } #pedestal > div .widget { margin-bottom: 10px; margin-top: 10px; padding-bottom: 10px; padding-top: 10px; } @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; }