/*
Theme Name: BB Base
Theme URI: http://aequalsb.com
Description: A WordPress extensible parent theme.
Author: Brent Garren for Big Bridge Design
Version: 9.0.4
Tags: none
*/
/* HTML ELEMENTS ==================== */
@media screen {
html, body {
width:100%;
padding:0;
margin:0;
}
body {
font-family:'Verdana','Geneva',sans-serif;
font-size:100%; /* 16px */
}
html, body,
div, p, blockquote, pre, code, section,
span, small, b, u, i, center, em, strong, font,
img, a, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
applet, object, iframe,
abbr, acronym, address, big, cite, del, dfn, dl, dt, dd, ins, kbd, q, s, samp, strike, sub, sup, tt, var {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-width:0;
border-style:solid;
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
word-wrap: break-word;
margin:0;
}
table {
empty-cells:show;
border-collapse:collapse;
}
ol, ul { /* leave browser's default padding-left intact */
box-sizing:border-box;
border-width:0;
border-style:solid;
margin:0;
}
td, th {
vertical-align:top;
}
img {
max-width:100%;
height:auto;
}
iframe {
max-width:100% !important;
}
sup {
vertical-align: top;
position: relative;
top: -0.3em;
}
sub, sup {
font-weight:normal !important;
}
code {
display:block;
}
p:empty,
p + br,
img + br,
div + br,
code + br {
display:none !important;
width:0 !important;
height:0 !important;
line-height:0 !important;
margin:0 !important;
padding:0 !important;
}
/* submit, button */
input[type="submit"],
input[type="button"] {
font-family:inherit;
}
input[type="submit"]:hover,
input[type="button"]:hover {
cursor:pointer;
}
} /* end html elements */
/* WORDPRESS ELEMENTS */
@media screen {
/* divs or imgs with align left or right */
.alignleft {
float:left;
margin:0 1.5em 1.5em 0;
}
.alignright {
float:right;
margin:0 0 1.5em 1.5em;
}
.aligncenter {
display:block;
margin:0 auto 1.5em auto;
}
/* div.wp-caption refers to the container holding multiple elements including the image and caption text */
.wp-caption-text {
max-width:100%;
font-size:0.9em;
color:#888;
margin:0.5em 0 0 0;
}
.navigation {
display:table;
width:100%;
overflow:hidden;
margin:0 0 1.5em 0;
}
.screen-reader-text {
position:absolute;
left:-9000px;
}
} @media screen and (max-width:320px) {
/* on narrow viewports turn off float on caption-divs (results in centered div) */
.alignleft,
.alignright,
.aligncenter,
.alignnone {
float:none;
width:auto;
max-width:100%;
margin:0 auto 1.5em auto;
}
.alignright img,
.alignleft img,
.aligncenter img,
.alignnone img {
margin:0 auto 0 auto;
}
} @media screen and (min-width:321px) {
} @media screen and (max-width:400px) {
} @media screen and (min-width:401px) {
} @media screen and (max-width:480px) {
.alignleft,
.alignright,
.aligncenter,
.alignnone {
float:none;
width:auto;
max-width:100%;
margin:0 auto 0 auto;
}
} @media screen and (min-width:800px) {
/* .wp-caption refers to the container holding multiple elements including the image and .wp-caption-text */
.wp-caption {
}
} @media screen and (min-width:941px) {
img.alignleft,
img.alignright {
max-width:50%;
}
} /* end wordpress elements */
/* THEME ELEMENTS ==================== */
/* IMGS (short viewpoorts */
@media screen and (max-height:480px) {
img {
width:auto;
max-height:calc(480px - 2em);
}
} @media screen and (max-height:320px) {
img {
width:auto;
max-height:calc(320px - 2em);
}
}
/* BOXES */
@media screen {
._bd_box {
position:relative;
max-width:1024px;
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0;
}
} @media screen and (max-width:1024px) {
._bd_box {
padding-left:2em;
padding-right:2em;
}
} @media screen and (max-width:640px) {
._bd_box {
padding-left:1em;
padding-right:1em;
}
}
/* CONTENT */
@media screen {
._bd_content-main {
position:relative;
padding-top:1.5em;
padding-bottom:1.5em;
}
._bd_content-part ~ ._bd_content-part {
margin-top:1.5em;
}
/* CONTENT */
._bd_content-body > p,
._bd_content-body > blockquote,
._bd_content-body > table,
._bd_content-body > ol,
._bd_content-body > ul,
._bd_content-body > div > p,
._bd_content-body > div > blockquote,
._bd_content-body > div > table,
._bd_content-body > div > ol,
._bd_content-body > div > ul,
._bd_content-body > section > p,
._bd_content-body > section > blockquote,
._bd_content-body > section > table,
._bd_content-body > section > ol,
._bd_content-body > section > ul,
._bd_content-body > ._bd_align-wrap,
._bd_content-body /*p*/.wp-caption-text /* .wp-caption-text is the container holding the caption text directly beneath the ![]()
*/ {
margin-bottom:1.5em;
}
._bd_content-head > * {
margin:0.75em 0 0 0;
}
._bd_content-head > h1 {
margin-top:0;
}
._bd_content-summary,
._bd_content-body > blockquote,
._bd_content-foot {
color:#666;
background-color:#eee;
border-width:1px;
border-color:#ddd;
padding:0.75em;
}
._bd_content-body > h1,
._bd_content-body > h2,
._bd_content-body > h3,
._bd_content-body > h4,
._bd_content-body > h5,
._bd_content-body > h6 {
margin-bottom:0.5em;
}
._bd_content-body ol,
._bd_content-body ul {
padding-left:1em;
}
} /* end CONTENT */
/* LOOP ENTRIES -- in a WordPress post +LIST+ */
@media screen {
._bd_loop-entry-wrap {
position:relative;
border-width:1px;
border-style:solid;
border-color:#ccc;
}
._bd_loop-entry-wrap ~ ._bd_loop-entry-wrap {
margin-top:3.5em;
}
._bd_loop-entry-prime {
position:relative;
overflow:hidden;
padding:1em 1em 0 1em;
}
._bd_loop-entry-head,
._bd_loop-entry-body {
margin:0 0 1em 0;
}
._bd_loop-entry-author { /* author */
font-size:80%;
}
._bd_loop-entry-date { /* date */
font-size:80%;
margin:0.5em 0 0.5em 0;
}
/* loop-entry-foot */
._bd_loop-entry-foot {
background-color:#eee;
padding:1em;
}
._bd_loop-entry-foot > div {
font-size:0.8em;
color:#777;
margin-top:0.25em;
}
._bd_loop-entry-head {
margin-top:0;
}
} /* end LOOP ENTRIES */
/* COMMENTS */
@media screen {
._bd_comments-wrap {
margin-top:1.5em;
}
._bd_comment-list li {
border-width:1px;
border-color:#ccc;
padding:1em;
}
._bd_comment-list li:nth-child(odd) {
background-color:#999;
}
._bd_comment-list .comment-meta {
font-size:85%;
color:#ccc;
}
._bd_comment-list li p {
margin:1em 0 1em 0;
}
._bd_comment-list li .reply {
text-align:right;
}
}
/* EMBEDS */
@media screen {
._bd_video-wrap {
max-width:75%;
margin:0 auto 1.25em auto;
}
._bd_video-box {
position:relative;
width:100%;
height:0;
overflow:hidden;
padding:0 0 56.23% 0;
}
._bd_video-box iframe,
._bd_video-box object,
._bd_video-box embed {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
} @media screen and (max-width:800px) {
._bd_video-wrap {
width:100%;
max-width:100%;
}
} /* end EMBEDS */
/* MENUS */
@media screen {
/* nav */._bd_menu {
position:relative;
margin:0 auto 0 auto;
}
/* common menu elements */
._bd_menu-ul { /* ALL
including children menus */
padding:0;
}
._bd_menu-ul,
._bd_menu-ul ul,
._bd_menu-ul > li,
._bd_menu-ul > li > a {
-webkit-transition:all 200ms ease-in-out;
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out;
}
._bd_menu-ul li { /* ALL - */
position:relative;
display:inline-block;
}
._bd_menu-ul li:nth-child(n+2) {
margin-left:1.5em;
}
._bd_menu-ul a { /* ALL */
display:block;
text-decoration:none;
}
._bd_menu-ul > li ul li {
width:100%;
}
._bd_menu-drawer {
display:none;
cursor:pointer;
}
} @media screen and (min-width:1025px) {
._bd_menu-drawer + ._bd_menu-ul {
height:auto;
overflow:visible;
opacity:1;
border-bottom:1em solid transparent;
}
._bd_menu-ul li:nth-child(n+2) { /* ALL */
margin-left:1em;
}
} @media screen and (max-width:1024px) {
._bd_menu-drawer + ._bd_menu-ul {
height:0;
overflow:hidden;
opacity:0;
margin-bottom:0;
}
._bd_menu-drawer + ._bd_menu-ul li { /* ALL
- */
margin-left:0;
margin-top:1em;
}
/* menus may be collapsed with a menu drawer on any viewport < 940 including some tablets and all smart phones */
._bd_menu-drawer {
position:relative;
z-index:9999;
display:block;
font-size:1.2em;
}
._bd_menu-control {
position:relative;
display:inline-block;
width:20px;
height:20px;
background-color:#fff;
}
._bd_menu-drawer,
._bd_menu-control::before,
._bd_menu-control::after {
-webkit-transition:all 200ms ease-in-out;
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out;
}
._bd_menu-control::before,
._bd_menu-control::after {
content:'';
position:absolute;
left:0px;
width:100%;
background-color:#000;
height:20%;
}
._bd_menu-control::before {
top:20%
}
._bd_menu-control::after {
top:60%
}
._bd_menu-control._bd_menu-control-open::before {
top:40%;
transform: rotate(45deg);
}
._bd_menu-control._bd_menu-control-open::after {
top:40%;
transform: rotate(-45deg);
}
/* applies hidden state to top level menus normally visible in wider viewports */
._bd_menu-drawer + ul {
height:0px;
overflow:hidden;
opacity:0;
}
} /* end MENUS */
/* BACK TO TOP */
@media screen {
#_bd_back_to_top {
display:none;
right:0px;
bottom:2em;
z-index:9999;
text-decoration:none !important;
color:#ccc;
background-color:rgba(0,0,0,0.6);
border-radius:8px 0 0 8px;
padding:0.4em;
}
#_bd_back_to_top span {
display:block;
font-size:1em;
text-align:center;
}
#_bd_back_to_top span:first-child {
font-size:140%;
font-weight:bold;
}
#_bd_back_to_top span:last-child {
font-size:70%;
text-transform:uppercase;
}
body._bd_scrolled300 #_bd__back_to_top {
display:inline-block;
position:fixed;
}
}
/* end BACK TO TOP */
/* COLUMNS */
@media screen {
._bd_columns {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
._bd_column {
position:relative;
}
._bd_column > p ~ p {
margin-top:1em;
}
} @media screen and (min-width:641px) {
._bd_columns-2 ._bd_column {
width:calc(50% - 1em);
}
} @media screen and (max-width:640px) {
._bd_columns {
flex-direction:column;
}
._bd_column {
width:100%;
}
._bd_column ~ ._bd_column {
margin:1.25em 0 0 0;
}
}
/* end COLUMNS */
/* MISC */
@media screen {
/* anchors */
._bd_anchor {
position:relative;
top:-80px;
}
/* search */
._bd_search-form {
background-color:#ddd;
padding:1em;
margin:0 0 1.5em 0;
}
._bd_search-results-content ul {
padding:0 0 0 1em;
}
._bd_search-results-content li {
margin:0 0 1.5em 0;
}
/* post edit link */
._bd_post-edit-link {
/* inside the loop-entry-box */
display:inline;
position:absolute;
top:4px;
right:4px;
z-index:+9;
display:inline;
font-size:10px;
text-transform:uppercase;
text-decoration:none !important;
color:#fff !important;
background-color:#17d;
border-radius:8px;
padding:2px 6px 2px 6px;
margin:0 !important;
}
/* navigation */
._bd_navigation {
overflow:hidden;
}
._bd_nav-above {
margin:0 0 1.5em 0;
}
._bd_nav-below {
margin:1.5em 0 0 0;
}
._bd_nav-previous {
float:left;
width:48%;
}
._bd_nav-next {
float:right;
width:48%;
text-align:right;
}
/* print/screen toggled elements */
._bd_show-at-print-block,
._bd_show-at-print-inline,
._bd_show-at-print-inline-block {
display:none !important;
}
} @media screen and (min-width:641px) {
._bd_block-wide {
display:block;
}
._bd_inline-wide {
display:inline;
}
._bd_none-wide {
display:none;
}
._bd_break-wide {
display:block;
}
._bd_break-narrow {
display:inline;
}
} @media screen and (max-width:640px) {
._bd_block-narrow {
display:block;
}
._bd_inline-narrow {
display:inline;
}
._bd_none-narrow {
display:none;
}
._bd_break-wide {
display:inline;
}
._bd_break-narrow {
display:block;
}
}
/* end MISC */
/* ----- @ MEDIA PRINT ----- */ @media print {
body {
margin:0;
}
*, * * {
color:#000 !important;
background-image:none !important;
background-color:transparent !important;
}
._bd_show-at-print-block {
display:block !important;
}
._bd_show-at-print-inline {
display:inline !important;
}
._bd_hide-at-print {
display:none !important;
}
._bd_post-edit-link {
display:none !important;
}
} /* ----- end @ media print ----- */