article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
display: inline;
zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 1em 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-family: "courier new", monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
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;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
overflow: visible;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
height: 13px;
width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
} html,
button,
input,
select,
textarea {
color: #000;
}
body {
background-color: #fff; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} @font-face {
font-family: "MrsEaves-smallcap";
src: url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-allpetcap.eot), url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-allpetcap.woff) format("woff"); }
@font-face {
font-family: "MrsEaves";
src: url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-bol.eot), url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-bol.woff) format("woff");
font-weight: bold;
font-style: normal;
font-variant: normal;
}
@font-face {
font-family: "MrsEaves";
src: url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-ita.eot), url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-ita.woff) format("woff");
font-style: italic;
font-weight: normal;
font-variant: normal;
}
@font-face {
font-family: "MrsEaves";
src: url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-rom.eot), url(//littlebirdpublicity.com/wp-content/themes/littlebird/webfonts/mrseaves/MrsEaves-rom.woff) format("woff");
font-weight: normal;
font-style: normal;
font-variant: normal;
}
html {
font-family: "MrsEaves", serif;
color: #001700;
font-size: 20px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
h2 {
font-size: 1.1rem;
margin: 1.5em 0;
text-transform: uppercase;
}
h2.sticky-title {
font-weight: normal;
font-size: 0;
letter-spacing: 1px; padding: 5px;
display: inline-block;
position: relative;
margin-top: 50px;
z-index: 5000;
-webkit-transition: color 0.25s 1s;
-o-transition: color 0.25s 1s;
transition: color 0.25s 1s;
vertical-align: middle;
}
h2.sticky-title.show { }
h2.sticky-title span.tile {
font-size: 0.75rem;
line-height: 1rem;
background-color: rgba(255, 255, 255, 0.8);
padding: 9px 6px 6px;
display: inline-block;
width: 220px;
height: 35px;
position: relative;
}
h2.sticky-title span.tile > span {
width: 100%;
position: absolute;
z-index: 300;
left: 50%;
top: 50%;
padding-top: 2px;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
h2.sticky-title span.tile > span:before {
background-image: url(//littlebirdpublicity.com/wp-content/themes/littlebird/img/bird.svg);
display: block;
content: "";
background-repeat: no-repeat;
width: 70px;
height: 85px;
position: absolute;
top: -66px;
left: 38%;
z-index: -1;
display: none;
}
section.page-genre h2.sticky-title {
display: none;
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
h2.sticky-title:before,
h2.sticky-title:after {
box-sizing: inherit;
content: "";
position: absolute;
width: 100%;
height: 100%;
}
h2.sticky-title:before,
h2.sticky-title:after {/*/*/border: 1px solid transparent;
width: 0;
height: 0;
}/*/*/h2.sticky-title:before {
top: 0;
left: 0;
}/*/*/h2.sticky-title:after {
bottom: 0;
right: 0;
}
h2.sticky-title:hover {/**/}/*/*/h2.sticky-title.show::before,
h2.sticky-title.show::after {
width: 100%;
height: 100%;
}
h2.sticky-title.show::before {
border-top-color: #f0bf1a;/*/*/border-right-color: #f0bf1a;
transition: width 0.25s ease-out,/*/*/height 0.25s ease-out 0.25s;/*/*/}
h2.sticky-title.show::after {
border-bottom-color: #f0bf1a;/*/*/border-left-color: #f0bf1a;
transition: border-color 0s ease-out 0.5s,/*/*/width 0.25s ease-out 0.5s,/*/*/height 0.25s ease-out 0.75s;/*/*/}
h3 {
font-size: 0.9rem;
font-family: "trajan-pro-3", serif;
text-transform: uppercase;
font-weight: normal;
text-align: center;
letter-spacing: 2px;
}
@media (min-width: 767px) {
h3 {
font-size: 1.1rem;
}
}
h4,
h5,
h6 {
font-size: 0.95rem;
color: #000;
margin: 1.25rem 0;
font-weight: normal;
text-align: center;
}
h4 {
line-height: 2;
}
h5 {
line-height: 2;
margin-top: 0px;
opacity: 0.8;
}
p,
ul,
ol,
dl,
blockquote {
font-size: 0.85rem;
line-height: 1.5;
margin-bottom: 1.5;
}
@media screen and (min-width: 50em) {
p,
ul,
ol,
dl,
blockquote {
font-size: 0.95rem;
line-height: 1.618em;
margin-bottom: 1.618em;
}
}
strong {
font-weight: normal;
text-transform: uppercase;
font-size: 0.9em;
}
ul {
list-style-type: disc;/**/}
ol {
list-style-type: decimal;
margin-left: 1.618em;
}
nav ul,
nav ol {
list-style: none;
margin: 0;
padding: 0;
}
b,
strong {
font-weight: normal;
}
i,
em {
font-style: italic;
}  a {
-webkit-transition: color 0.25s, filter 0.25s;
-o-transition: color 0.25s, filter 0.25s;
transition: color 0.25s, filter 0.25s;
color: #000;
}
a,
a:visited {
outline: none;
color: #000;
text-decoration: none;
}
a:hover {
outline: none;
text-decoration: none;
color: #e6b100;
}
a:active,
a:focus {
outline: none;
}
::-moz-selection {
background: #ccc;
text-shadow: none;
}
::selection {
background: #ccc;
text-shadow: none;
}
@media screen and (max-width: 50em) {
.wp-block-column:empty {
display: none;
}
}  header {
position: absolute;
width: 95%;
z-index: 1000;
top: 8vh;
margin-left: 2.5%;
}
@media (min-width: 767px) {
header {
top: 8vh;
width: 100%;
margin-left: 0%;
}
}
header h1,
.site-description {
font-size: 0;
}
section {
background-color: inherit;
position: relative;
display: block;
margin: 0;
overflow: hidden;
position: relative;
min-height: 100vh;
min-height: 100svh;
}
section#contact,
section#video-landing {
height: 100svh;
min-height: 100svh;
}
.down-arrow {
position: absolute;
bottom: 50px;
color: rgba(255, 255, 255, 0.7); font-family: "MrsEaves-smallcap", serif;
font-size: 2.25rem;
width: 100%;
z-index: 1000;
text-align: center;
-ms-transform: scale(1.5, 1) rotate(90deg);
-webkit-transform: scale(1.5, 1) rotate(90deg);
transform: scale(1.5, 1) rotate(90deg);
pointer-events: none;
}
.page-genre .down-arrow {
color: white;
text-shadow: 1px -0.5px 1px black;
bottom: 20px;
}
.page-content {
padding: 0rem 1rem 0rem;
}
#homepage .page-content {
padding-bottom: 2rem;
}
#profile .page-content {
padding-bottom: 4rem;
}
.page-content ul {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}
.client-list-header:after {
content: "";
display: block;
width: 0;
height: 1px;
background-color: #626262;
margin: 10px auto 20px;
opacity: 0.7;
-webkit-transition: width 2s 0s;
-o-transition: width 2s 0s;
transition: width 2s 0s;
}
.show .client-list-header:after {
width: 100%;
}
@media (min-width: 767px) {
.show .client-list-header:after {
width: 340px;
}
}
.testimonial-holder {
margin: 4rem auto;
}
.testimonials {
overflow: hidden;
position: relative;
padding-bottom: 80px;
max-height: 500px;
}
.testimonials-header {
text-transform: uppercase;
font-style: italic;
padding: 70px 0 0 0;
margin: 0;
letter-spacing: 0.075em;
font-size: 0.9em;
color: #626262;
}
.testimonials .quote {
position: relative;
height: auto;
color: black;
padding-bottom: 2rem;
pointer-events: none;
}
.testimonials .quote .text-holder {
height: 100%;
display: flex;
justify-content: center;
flex-flow: column;
}
.testimonials .quote p {
margin-bottom: 10px;
}
.testimonials .quote span,
.testimonials .quote span a {
color: #878787;
font-size: 0.9em;
}
.testimonials .quote span a:hover {
color: black;
}
.testimonials-controls {
text-align: center;
padding-bottom: 10px;
position: absolute;
z-index: 400;
width: 100%;
bottom: 0px;
}
.testimonials-controls #next-btn {
font-size: 0.75em;
letter-spacing: 2px;
display: block;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
@media (min-width: 767px) {
.page-content ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
width: 65%;
max-width: 900px;
margin: 0 auto;
}
}
.page-content ul li {
}
@media (min-width: 767px) {
.page-content {
width: 85%;
max-width: 1050px;
margin: 0 auto;
} #homepage .page-content {
padding-bottom: 1rem;
display: none;
}
#profile .page-content {
padding-bottom: 8rem;
}
} nav {
display: block;
text-align: center;
width: 100%;
}
nav ul {
text-align: center;
display: block;
}
nav ul li {
text-transform: lowercase;
margin: 0 5px;
}
nav ul li a {
display: inline;
}
nav ul li:after {
content: "|";
display: inline;
position: absolute;
right: 0;
top: 0;
margin-right: -10px;
}
nav ul li:last-child:after {
content: "";
}
#menu-homepage-shortcuts {
padding: 0;
margin: 0;
position: absolute;
top: 36%;
z-index: 1000;
width: 100%;
text-align: center;
opacity: 0;
font-size: 0;
}
@media (min-height: 650px) {
#menu-homepage-shortcuts {
top: 38.5%;
}
}
#menu-homepage-shortcuts li {
display: inline-block;
font-weight: normal;
font-size: 0;
letter-spacing: 1px;
border: solid white 1px;
padding: 5px 5px 5px 5px;
display: inline-block;
position: relative;
margin: 5px 0px;
text-transform: uppercase;
}
.touchevents #menu-homepage-shortcuts li {
padding: 5px 5px 5px 5px;
}
#menu-homepage-shortcuts li a {
font-size: 0.75rem;
line-height: 1rem;
background-color: rgba(255, 255, 255, 0.8);
padding: 9px 12px 8px;
display: inline-block;
width: 240px;
height: 35px;
position: relative;
}
#menu-homepage-shortcuts li a:hover {
color: #5d875d;
}
@media (min-width: 700px) {
#menu-homepage-shortcuts {
top: 50%;
}
#menu-homepage-shortcuts li {
margin: 30px 20px;
}
}
@media (min-width: 769px) {
#menu-homepage-shortcuts {
top: 43%;
}
#menu-homepage-shortcuts li {
margin: 100px 80px;
}
}
.fade-in #menu-homepage-shortcuts {
opacity: 1;
-webkit-transition: opacity 2s 2s;
-o-transition: opacity 2s 2s;
transition: opacity 2s 2s;
}
#menu-homepage-shortcuts li a:hover {
background-color: rgba(255, 255, 255, 1);
}
#home-contact {
position: absolute;
z-index: 1000;
width: 100%; top: calc(8vh + 25.2vw);
padding: 2%;
opacity: 0;
color: #fff;
}
@media screen and (min-width: 767px) {
#home-contact {
top: calc(8vh + 7rem);
}
}
.fade-in #home-contact {
opacity: 1;
transition: opacity 2s 0.4s ease-in;
}
#home-contact h3,
#home-contact h4 {
display: none;
}
#home-contact p {
margin: 0;
padding: 0;
font-size: 0.9rem;
}
#home-contact a,
#home-contact a:visited {
color: #fff;
}
#homepage h2 {
font-family: "MrsEaves", serif;
text-transform: none;
font-weight: normal;
font-size: 1.1rem;
line-height: 1.35;
color: #7b620e;
margin-bottom: 0.3em;
}
#homepage h6 {
color: #7b620e;
}
#homepage .page-content .intro {
padding-bottom: 20px;
}
.page-content .intro,
.testimonials {
width: 100%;
margin: 0 auto;
color: #626262;
text-align: justify;
}
.subpage > p {
color: #626262;
}
.testimonials {
text-align: center;
}
.page-content .intro h2 {
font-weight: normal;
color: black;
letter-spacing: 1px;
}
.page-content .intro h2,
#homepage .page-content .intro,
#contact .page-content .intro {
text-align: center;
}
@media (max-width: 767px) {
#home-contact strong,
#contact .page-content strong {
font-size: 0;
display: block;
}
#contact .page-content h4 strong {
line-height: 0.5rem;
}
}
@media (min-width: 769px) {
.page-content .intro,
.testimonials {
width: 70%;
max-width: 750px;
padding: 20px 0 80px;
text-align: center;
}
#homepage h2 {
font-size: 1.35rem;
line-height: 1.35;
}
}
.subpage {
text-align: justify;
}
.subpage blockquote {
margin: 0;
padding: 0;
}
@media (min-width: 767px) {
.subpage blockquote,
.subpage.secondary-bio {
font-size: 0.9rem;
width: 46%;
display: inline-block;
margin: 0 2%;
padding: 0;
vertical-align: top;
}
.subpage p {
margin: 0 0 1rem;
}
div#sarah-burningham img,
div#grant-burningham img {
width: 50%;
margin: 0 auto 50px;
display: block;
}
}
div#sarah-burningham:after {
content: "";
display: block;
width: 0px;
height: 1px;
background-color: #626262;
margin: 60px auto;
opacity: 0.7;
-webkit-transition: width 2s 1s;
-o-transition: width 2s 1s;
transition: width 2s 1s;
}
div#sarah-burningham.show:after {
width: 100%;
}
@media (min-width: 767px) {
div#sarah-burningham.show:after {
width: 340px;
}
}
div#sarah-burningham blockquote,
div#grant-burningham blockquote {
margin: 0 auto;
display: block;
}
.slideshow {
background-color: gray;
border: white solid 0.5rem;
overflow: hidden;
z-index: -1;
cursor: pointer;
position: relative;
z-index: 1000;
}
.slide {
height: 100%;
width: 100%;
}
.slide img {
object-fit: cover;
font-family: "object-fit: cover;";
height: 100%;
width: 100%;
}
.slide .caption {
position: absolute;
bottom: 100px;
color: white;
width: 100%;
text-align: center;
font-style: italic;
text-shadow: 1px 1px 1px black;
}
.slide .caption a {
color: white;
}
.slide .caption a:hover {
color: #f0bf1a;
}
@media (min-width: 767px) {
.slideshow {
max-width: 50rem;
margin: 0 auto;
}
}
#contact .page-content {
padding-bottom: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 767px) {
#contact .page-content {
width: 95%;
padding: 0;
top: 40%;
}
#contact .page-content h4,
#contact .page-content p {
padding: 0 2.5%;
}
}
#contact img {
opacity: 0;
transition: opacity 3s 0.5s;
}
#contact p {
opacity: 0;
transition: opacity 3s 0.75s;
}
#contact.show img,
#contact.show p {
opacity: 1;
}
#contact img,
header .logo-holder {
width: 90%;
margin-bottom: 25px;
}
header .logo-holder {
opacity: 0;
margin: 0 auto;
}
header .logo-holder svg path.logo-bird {
opacity: 0.25;
}
header .logo-holder svg path {
fill: #fff;
}
.fade-in header .logo-holder {
transition: opacity 2s ease-in;
opacity: 1;
}
#contact h3,
#contact h4 {
font-weight: normal;
letter-spacing: 1px;
font-size: 1.05rem;
margin: 5px 0 10px 0;
color: #fff;
line-height: 1;
}
#contact p {
color: black;
margin: 0;
font-size: 0.9rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;    }
#contact p em,
#video-landing p em {
margin: 0;
font-family: "MrsEaves";
font-size: 0.9rem;
}
#contact a {
color: black;
}
#contact a:hover {
color: #6d5505;
}
@media (min-width: 767px) {
#contact img,
header .logo-holder {
width: 480px;
}
}
#video-landing .down-arrow {
bottom: 0;
}
video#bgvid {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
object-position: 45% 50%;
width: 100%;
height: 100vh;
height: 100svh;
z-index: -100;
} body.fade-back video {
opacity: 0.8;
transition: opacity 0.75s ease;
}
video::-webkit-media-controls {
display: none !important;
}  #credit svg svg.siteby path,
#credit svg svg.d path,
#credit svg svg.therest path {
fill: #eee;
} #credit svg svg.siteby,
#credit svg svg.therest {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.75s ease, filter 0.75s ease;
-moz-transition: opacity 0.75s ease, filter 0.75s ease;
-ms-transition: opacity 0.75s ease, filter 0.75s ease;
-o-transition: opacity 0.75s ease, filter 0.75s ease;
transition: opacity 0.75s ease, filter 0.75s ease;
}
#credit {
opacity: 0;
filter: alpha(opacity=0);
margin: auto;
padding: 0;
overflow: hidden;
display: block;
position: absolute;
bottom: 1rem;
top: auto;
right: 0;
left: 0;
width: 200px;
height: 12px;
max-width: 10px;
-webkit-transition: max-width 0.75s ease, opacity 0.5s ease-in;
-moz-transition: max-width 0.75s ease, opacity 0.5s ease-in;
-ms-transition: max-width 0.75s ease, opacity 0.5s ease-in;
-o-transition: max-width 0.75s ease, opacity 0.5s ease-in;
transition: max-width 0.75s ease, opacity 0.5s ease-in;
}
#credit svg {
height: 100%;
position: absolute;
left: 0;
right: auto;
} #credit > a {
display: block;
position: relative;
margin: 0 !important;
padding: 0 !important;
height: 12px;
width: 200px;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
-webkit-transition: transform 0.75s ease;
-moz-transition: transform 0.75s ease;
-ms-transition: transform 0.75s ease;
-o-transition: transform 0.75s ease;
transition: transform 0.75s ease;
}
#credit:hover {
max-width: 200px;
}
#credit:hover > a {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#credit:hover svg svg.siteby,
#credit:hover svg svg.therest {
opacity: 1;
filter: alpha(opacity=100);
}