html, body{font-size: 100%;margin: 0px;padding: 0px;border: 0px;}body{font: 1em/1.25 Arial, Helvetica, sans-serif;font-family: Arial, Helvetica, sans-serif;}h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; font-weight: normal;font-family: Arial, Helvetica, sans-serif;}p, li, dd, dt, ul, ol,blockquote, q, acronym, abbr, a, input, select, textarea{margin: 0; padding: 0;font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif;font-family: Arial, Helvetica, sans-serif;}a,a:link,a:active{cursor: pointer;font-weight: bold;text-decoration: underline; font-family: Arial, Helvetica, sans-serif;	outline: none;}a:hover{	text-decoration: underline;}img{border:none;}form {margin: 0;padding: 0;  display: inline;}.clear { clear: both; font-size: 1px; line-height: 1px; }  html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
.mobile-only { display: none !important; }
.desktop-only { display: block !important; }
.tiny-screen-only { display: none !important; }
#mobile-indicator { display: none; }
.desktop-only-inline { display: inline !important; }
a:link, a:visited { font-weight: normal; color: #f8970c; }
a:visited { color: #f8970c; }
a:hover { color: #fbb655; }
::selection { background: #ffe6a9; color: #222; }
::-moz-selection { background: #ffe6a9; color: #222; }
body
{
width: 100%;
text-align: center;
background: #fff;
color: #040404;
}
p, 
ul li, 
ol li 
{
margin: 0 0 15px 0;
color: #585858;
}
ul li
{
margin: 0 0 5px 0; 
padding-left: 18px; 
list-style: none;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/bullet-point.gif) no-repeat 0 4px;
}
ol li
{
margin: 0 0 15px 15px;
}
.content ul,
.content ol
{
margin: 0 0 15px 0;
}
ul li ul li, 
ol li ol li 
{ 
list-style: disc; 
}
.content p,
.content ul li,
.content ol li
{
color: #565763;
line-height: 1.45em;
font-size: 0.9em;
} h1, h2, h3, h4, h5, h6
{
margin: 0 0 10px 0;
padding: 0 0 0 0;
color: #f5ad26;
line-height: 1.3em;
clear: both;
display: inline-block; }
h1
{
font-size: 1.5em;
margin: 0 0 10px 0;
}
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
body.home h1
{
display: none;
} div.highlighted
{
background: #ffffcc;
padding: 10px 20px 8px 20px;
border: #bbb dashed 1px;
margin: 0 0 18px 0;
border-radius: 3px;
}
div.highlighted ul
{
margin-bottom: 8px;
} div.highlighted.compact-list ul li
{
width: 32%;
margin: 0;
float: left;
}
@media screen and (max-width:750px)
{
div.highlighted.compact-list ul li { width: 49%; }
}
@media screen and (max-width:500px)
{
div.highlighted.compact-list ul li { width: 100%; }
}
div.highlighted ul:after
{
content: "";
display: table;
clear: both;
} #container 
{
width: 100%;
padding: 0;
text-align: left;
}
article,
.home-intro
{
width: 993px;
position: relative;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
min-height: 450px;
clear: both; } .alignleft { display: inline; float: left; margin: 10px 30px 10px 0; }
.alignright { display: inline; float: right; margin: 10px 0 10px 30px; }
.aligncenter { clear: both;	display: block;	margin: 10px auto 10px auto; }
hr
{
background-color: #ccc; 
color: #ccc; 
border-width: 0; 
height: 2px; 
line-height:0; 
margin: 20px 0 20px 0; 
page-break-after: always; 
text-align: center; 
width: 100%;
} #container .pagination-container
{
margin: 20px 0 0 0;
padding: 15px 0 15px 0;
border-top: #feae17 solid 3px;
font-size: 1em;
clear: both;
}
#container .pagination-container a
{
font-weight: normal;
color: #feae17;
}
#container .pagination-container a:hover
{
color: #5a903a;	
}
#container .pagination-container span.current
{
color: #5a903a;
font-weight: bold;
}
span.search-term
{
color: #555555;
font-weight: normal;
} table {	border: #aaa solid 1px; border-collapse: collapse; margin: 0 0 20px 0; background: #eee; }
td { padding: 10px; font-size: 0.95em; }
td p { font-size: 0.95em; } p.admin-edit-link { margin: 0; display: block; }
p.admin-edit-link a 
{
display: block; z-index: 8000; background: #ddd; padding: 3px 12px;	margin: 0; color: #555; border: #aaa solid 1px; width: auto; text-align: center;
position: absolute; top: 5px; right: 5px; text-decoration: none; font-size: 0.75em; text-transform: lowercase; border-radius: 3px;
}
p.admin-edit-link.changeBannerOrder a
{ 
padding: 7px 10px; text-transform: none; width: 228px; margin: 0 0 10px 0; position: relative; top: 0; left: 0; float: left; clear: both; background: #ddd;
}
p.admin-edit-link a:hover { background: #eee !important; } p.chickens-404-para
{
color: orange;
font-weight: bold;
font-size: 1.5em;
margin: 0;
}
img.chickens-404 
{
max-width: 200px !important;
height: auto;
-moz-transform: scaleX(-1);	-o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";
} #header 
{
width: 993px;
padding: 45px 0 12px 0;
margin: 0 auto;
}
#header-extra
{
float: left;
margin: 85px 0 0 40px;
}
#header-extra p
{
font-size: 1.35em;
margin: 0;
padding: 0;
line-height: 1.2em;
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
text-transform: capitalize;
}
#header-extra p#header-strapline
{
color: #5d4d41;
letter-spacing: -0.04em;
} #header-extra p#header-phone-number,
#header-extra p#header-phone-number a
{
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
color: #fba124;
letter-spacing: 0.1em;
text-decoration: none;
cursor: default;
line-height: 1.2em; } a.logo,
a.logo-white
{
display: block;
z-index: 1;
float: left;
display: block;
width: 333px;
height: auto;
margin: 0 0 0 20px;
position: relative;
}
a.logo-white
{
width: 88px;
margin: 0;
}
a.logo img,
a.logo-white img
{
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width:1010px)
{
#header 
{
width: 100%;
padding: 0;
margin: 0 0 15px 0;
}
#header-extra
{
float: left; 
clear: none;
margin: 49px 0 0 20px;
}
a.logo
{
float: left;
width: auto;
max-width: 260px;
margin: 0;
position: static;
}
#nav-bar a.logo-white
{
width: 123px;
height: 29px;
margin: 4px 0 0 4px;
}
}
@media screen and (max-width:620px)
{
#header-extra
{
clear: both;
margin: 0;
width: 100%;
}
#header-extra p
{
text-align: center;
font-size: 1.3em;
line-height: 1.1em;
}
a.logo
{
margin-bottom: 12px;
margin-right: auto;
margin-left: auto;
float: none;
clear: both;
}
}
@media screen and (max-width:400px)
{
#header { margin: 0 0 10px 0; }
#header-extra p { font-size: 1em; }
#header-extra p#header-phone-number a
{
font-size: 1.3em;
}
a.logo { max-width: 220px; }
}  a#menu-toggle-small-screens { display: none; }
#nav-main
{
width: 993px;
margin: 0 auto;
background: transparent;
position: relative;
}
#nav-main ul.menu
{
width: 100%;
margin: 0;
display: block;
padding: 0 0 0 0;
list-style: none;
position: relative;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
#nav-main ul.menu li
{
float: left;
display: block;
width: auto;
padding: 0;
margin: 0;
background: none;
line-height: normal;
}
#nav-main ul.menu li a
{
background: #715f51;
font-size: 0.75em;
font-weight: 700;
font-family: 'Roboto Slab', sans-serif;
color: #fff;
text-align: center;
white-space: nowrap;
display: block;
text-decoration: none;
width: auto;
line-height: normal;
border-radius: 4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 10px 13px 7px 13px;
margin: 3px 0 0 1px; }
#nav-main ul.menu li a:hover
{
background: #5b913b;
}
#nav-main ul.menu li.current_page_item a,
#nav-main ul.menu li.current_page_item a:hover,
#nav-main ul.menu li.current-menu-item a,
#nav-main ul.menu li.current-menu-item a:hover,
#nav-main ul.menu li.current-page-ancestor a,
#nav-main ul.menu li.current-page-ancestor a:hover,
body.blog #nav-main ul.menu li.current_page_parent a,
body.blog #nav-main ul.menu li.current_page_parent a:hover,
body.single-post #nav-main ul.menu li.current_page_parent a,
body.single-post #nav-main ul.menu li.current_page_parent a:hover
{
background-color: #ece6d6;
color: #715f51;
text-decoration: none;
padding-bottom: 10px;
margin-top: 0;
box-shadow: #ccc 0 -1px 4px;
box-shadow: rgba(0, 0, 0, 0.3) 0 -1px 4px;
} #nav-main ul.menu ul
{
top: 44px;
display: none;
height: auto;
position: absolute;
z-index: 9500;
box-shadow: #444 0 6px 6px;
box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px;
margin: 0 0 0 -3px;
padding: 0;
width: auto;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
} #nav-main ul.menu li:hover ul
{ 
display: block;
}
#nav-main ul.menu ul li
{
float: none;
background: none;
margin: 0;
padding: 0;
border: none;
background: none;
list-style: none;
} #nav-main ul.menu ul li a
{
background: #565763 !important;
text-align: left;
color: #fff !important;
padding: 9px 15px 9px 15px !important;
margin: 0;
font-weight: normal;
font-size: 0.775em;
display: block;
min-width: 200px;
border-bottom: #fff solid 1px;
border-right: #fff solid 3px;
border-left: #fff solid 3px;
text-shadow: none;
} #nav-main ul.menu li ul li.current-cat a,
#nav-main ul.menu li ul ul li.current-cat a
{
color: #000 !important;
text-decoration: none;
background: #ddd !important;
}
#nav-main ul.menu li ul li a:hover,
#nav-main ul.menu li ul li.current-menu-item a:hover,
#nav-main ul.menu li ul li.current_page_item a:hover
{
color: #3a3a3c !important;
background: #f9c350 !important;
} #nav-main ul.menu ul ul
{
display: none !important;
}  .home-content,
.home-sidebar
{
width: 510px;
float: left;
margin: 15px 0 40px 0;
}
.home-content
{
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/butterfly-alt.png) no-repeat 70% 0;
background-size: 30px 32px;
}
.home-sidebar
{
width: 450px;
padding: 0 15px 0 25px;
float: right;
background: #f9dd6b;
box-shadow: #bbb -5px 5px 10px;
box-shadow: rgba(0, 0, 0, 0.25) -5px 5px 10px;
}
.content img.home-page-chicks
{
float: right;
margin: -15px 0 15px 0;
}
@media screen and (max-width:1010px)
{
.home-content,
.home-sidebar
{
width: 100%;
clear: both;
margin: 0 0 40px 0;
}
.home-content
{
background-position: 280px 0;
}
.content img.home-page-chicks
{
float: left !important;
margin: 0;
}
}
@media screen and (max-width:360px)
{
.home-content
{
background-image: none;
}
}
.home-content h2,
.home-sidebar h2
{
background: #f2b142;
color: #fff;
font-weight: bold;
font-size: 1.15em;
line-height: normal;
padding: 8px 20px 8px 20px;
margin-bottom: 20px;
margin-top: -10px;
-ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);
box-shadow: #b18100 -4px 5px 0;
}
.home-content p
{
font-size: 0.9em;
color: #606060;
line-height: 1.7em;
}
.home-content p strong a
{
text-decoration: none;
color: #eda11f;
font-weight: bold;
}
.home-content p.intro,
.home-content p.outro
{
color: #7b6e63;
font-weight: bold;
font-size: 1.075em;
line-height: 1.5em;
}
.home-content p.outro
{
color: #88a218;
} .home-sidebar h2
{
margin-left: -22px;
}
.home-sidebar p
{
color: #606060;
line-height: 1.8em;
}
.home-sidebar p:last-of-type
{
margin-bottom: 0;
}
.home-sidebar img.madeline-photo
{
box-sizing: content-box;
float: right;
display: block;
width: 134px;
height: 200px;
margin: -60px -30px 15px 30px;
border: #ede5d9 solid 10px;
box-shadow: #bbb -5px 5px 10px;
box-shadow: rgba(0, 0, 0, 0.25) -5px 5px 10px;
-ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg);
}
.home-sidebar img.madeline-photo-sticky-tape
{
position: absolute;
top: -13px;
right: 15px;
opacity: 0.75;
}
br.clear-img-small-screens
{
clear: both;
display: none;
}
.home-sidebar img.madeline-sig
{
display: block;
margin: 0 0 0 -49px;
}
@media screen and (max-width:1010px)
{
.home-sidebar img.madeline-photo-sticky-tape
{
display: none !important;
}
.home-sidebar img.madeline-photo
{
float: left;
margin: 0 35px 30px 0;
} a#menu-toggle-small-screens { display: block; }
#nav-bar 
{
box-sizing: content-box;
background: #715f51; border-bottom: #feaf16 solid 5px; z-index: 9000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 35px;
margin: 0;
padding: 0;
box-shadow: #777 0 0 15px;
box-shadow: rgba(0, 0, 0, 0.25) 0 0 10px;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
} a#menu-toggle-small-screens 
{
box-sizing: content-box;
color: #fff;
background: #715f51;
padding: 10px 0 0 10px;
height: 25px;
width: 80px;
display: block;
float: right;
font-size: 0.8em;
text-transform: uppercase;
text-decoration: none;
}
a#menu-toggle-small-screens:hover { }
.border-menu { position: relative; padding-left: 1.25em; }
.border-menu:before 
{
box-sizing: content-box;
content: "";
position: absolute;
top: 10px;
right: 12px;
width: 22px;
height: 3px;
border-top: 9px double #fff;
border-bottom: 3px solid #fff;
} #nav-main.responsive
{
display: block;
}
#nav-main
{
display: none;
background: #715f51; z-index: 8000;
position: fixed;
overflow: auto;
margin: 40px 0 0 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
overflow-y: scroll;	-webkit-overflow-scrolling: touch; }
#nav-main ul.menu
{
box-sizing: content-box;
width: 80%;
padding: 30px 10% 100px 10%; float: left;
clear: both;
}
#nav-main ul.menu li
{
float: left;
clear: both;
display: block;
width: 100%;
padding: 0;
margin: 0;
background: none;
line-height: normal;
}
#nav-main ul.menu li a,
#nav-main ul.menu li a:hover
{
font-weight: 400;
background: #715f51; white-space: normal;
display: block;
text-indent: inherit;
background-image: none;
border-radius: 5px;
border: #fff solid 1px;
font-size: 0.9em;
padding: 12px 5px !important;
margin: 0 0 10px 0;
width: auto;
line-height: normal;
box-shadow: 0;
}
#nav-main ul.menu li.current_page_item a,
#nav-main ul.menu li.current_page_item a:hover,
#nav-main ul.menu li.current-menu-item a,
#nav-main ul.menu li.current-menu-item a:hover,
#nav-main ul.menu li.current-page-ancestor a,
#nav-main ul.menu li.current-page-ancestor a:hover,
body.blog #nav-main ul.menu li.current_page_parent a,
body.blog #nav-main ul.menu li.current_page_parent a:hover,
body.single-post #nav-main ul.menu li.current_page_parent a,
body.single-post #nav-main ul.menu li.current_page_parent a:hover
{
background: #e9e3d3;
color: #715f51; font-weight: 700;
}
#nav-main ul.menu ul
{
display: none;
} }
@media screen and (max-width:500px)
{
br.clear-img-small-screens
{
display: block;
}
#nav-main ul.menu li a,
#nav-main ul.menu li a:hover
{
font-size: 0.8em;
padding: 8px 5px !important;
margin: 0 0 5px 0;
}
#nav-main ul.menu
{
padding: 15px 10% 70px 10%;
}
}  #slides
{
width: 993px;	
margin: 0 auto 30px auto;
box-shadow: #aaa 0 2px 3px;	box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px;
border-radius: 3px;	border-top-left-radius: 0; border-top-right-radius: 0;
}
#slides.multiple-slides
{
overflow: hidden;
}
.top-banner
{
position: relative;
z-index: 999;
background: #ece6d6;
padding: 15px;
width: 993px;	
margin: 0;
}
.top-banner.empty {
padding: 8px 15px;
}
.top-banner-inner
{
min-height: 325px;
padding: 40px;
background: #f5a321 url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/bg.jpg) repeat 0 0;
}
.top-banner p,
.top-banner li
{
width: 53%;
color: #fff;
font-size: 1.45em;
padding: 0;
margin: 0 0 10px 0;
line-height: 1.7em;
font-family: 'Muli', sans-serif;
font-weight: 400;
}
.top-banner.bannerAlt4 p,
.top-banner.bannerAlt5 p
{
width: 100%;
}
.top-banner ul 
{
margin: 10px 0 0 0; padding: 0;
}
.top-banner li
{
list-style: inherit; 
background: none; 
margin: 0 0 10px 20px;
padding: 0;
line-height: 1.2em;
}
.top-banner p:last-of-type, 
.top-banner li:last-of-type 
{
margin-bottom: 0;
} .top-banner-images
{
position: absolute;
top: 0;
right: 0;
width: 45%;
}
.top-banner-images div
{
top: 40px;
left: 0;
display: block;
position: absolute;
width: 250px;
border: #fff solid 12px;
box-shadow: #999 0 0 7px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 7px;
-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);
} .top-banner-images div::before
{
content: "";
position: absolute;
top: -28px;
left: 50%;
left: calc(50% - 30px);
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sticky-tape.png) no-repeat 0 0;
background-size: 60px 30px;
width: 60px;
height: 30px;
}
.top-banner-images img
{
width: 100%;
height: auto;
display: block;
}
.top-banner-images div:nth-child(2)
{
top: 25px;
left: auto;
right: 0px;
-ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg);
}
.top-banner-images div:nth-child(3)
{
top: 170px;
left: auto;
right: 100px;
-ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);
}
.top-banner-images div:nth-child(1) { z-index: 1; }
.top-banner-images div:nth-child(2) { z-index: 2; }
.top-banner-images div:nth-child(3) { z-index: 3; }  .top-banner-images.total-images-in-banner-is-1 div:nth-child(1)
{
top: 30px;
width: 430px;
-ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);
} .top-banner-images.total-images-in-banner-is-2 div:nth-child(1),
.top-banner-images.total-images-in-banner-is-2 div:nth-child(2)
{
width: 280px;
}
.top-banner-images.total-images-in-banner-is-2 div:nth-child(2)
{
top: 140px;
} @media screen and (max-width:1010px)
{
#slides
{
display: none; width: 100%;
} body.page #slides { display: block; }
.top-banner
{
width: 100%;
padding: 0;
min-height: 0;
box-shadow: #aaa 0 2px 6px;	
box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px;
}
.top-banner.empty {
display: none;
}
.top-banner-inner
{
width: 100%;
margin: 0;
min-height: 0;
padding: 20px 25px;
}
.top-banner,
.top-banner-inner
{
border-radius: 3px;
}
.top-banner p,
.top-banner li
{
width: 100%;
font-size: 1.3em; line-height: 1.1em;
}
.top-banner p
{
line-height: 1.4em;
}
.top-banner li { width: 45%; padding-right: 5%; float: left; }  .top-banner-images
{
position: relative;
top: inherit;
right: inherit;
width: 100%;
margin: 20px 0 0 0;
}
.top-banner-images div
{
position: static;
top: inherit !important; left: inherit !important; right: inherit !important;
width: auto;
max-width: 33%;
margin: 0;
float: left;
-ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg);
}
.top-banner-images div:nth-child(2)
{
top: inherit; left: inherit; right: inherit;
-ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg);
}
.top-banner-images div:nth-child(3)
{
-ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg);	
}
} @media screen and (max-width:660px)
{
.top-banner li { width: 90%; padding-right: 0; } .top-banner-images
{
width: 100%;
}
.top-banner-images div
{
max-width: 50%;
}
.top-banner-images div:nth-child(3)
{
-ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg);
}
} @media screen and (max-width:450px)
{	
.top-banner-images
{
width: 100%;
padding: 0;
margin: 50px 0 0 0;
}
.top-banner-images div
{
float: none;
max-width: 100%; margin: -20px auto 10px auto;
}
.top-banner-images div:nth-child(3)
{
-ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg);
}
} .top-banner-special.top-banner
{
overflow: hidden;
}
.top-banner-special.top-banner .top-banner-inner
{ background: #8dbde4;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYmRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzhkYmRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGViZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #8dbde4 0%, #8dbde4 38%, #ddebf7 100%); background: -webkit-linear-gradient(top, #8dbde4 0%,#8dbde4 38%,#ddebf7 100%); background: linear-gradient(to bottom, #8dbde4 0%,#8dbde4 38%,#ddebf7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dbde4', endColorstr='#ddebf7',GradientType=0 ); padding: 0;
min-height: 320px;
position: relative;
} .bannerAlt3.top-banner-special.top-banner .top-banner-inner
{ background: #b8d7f1; background: -moz-linear-gradient(top, #b8d7f1 0%, #b8d7f1 30%, #ebf5fd 100%); background: -webkit-linear-gradient(top, #b8d7f1 0%,#b8d7f1 30%,#ebf5fd 100%); background: linear-gradient(to bottom, #b8d7f1 0%,#b8d7f1 30%,#ebf5fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d7f1', endColorstr='#ebf5fd',GradientType=0 ); } .bannerAlt4.top-banner-special.top-banner .top-banner-inner
{ background: #5aa7a4; background: -moz-linear-gradient(top, #5aa7a4 0%, #cee2e6 53%); background: -webkit-linear-gradient(top, #5aa7a4 0%,#cee2e6 53%); background: linear-gradient(to bottom, #5aa7a4 0%,#cee2e6 53%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa7a4', endColorstr='#cee2e6',GradientType=0 ); } .bannerAlt5.top-banner-special.top-banner .top-banner-inner
{
background: #fff;
} .bannerAlt5 .in-front
{
width: 500px;
margin: 70px 0 0 400px;
}
.bannerAlt5 .in-front p
{
font-size: 1.45em;
font-family: 'Muli', sans-serif !important;
font-weight: 400 !important;
}
.bannerAlt5 .in-front p.in-front-title
{
font-family: 'Roboto Slab', sans-serif !important;
font-weight: 700 !important;
font-size: 2.4em;
line-height: 0.9em !important;
margin: 0 0 10px 0 !important;
}
img.mug-photo
{
position: absolute; 
top: 45px; 
left: 176px;
width: 192px;
height: 206px;
} .bannerAlt4 .in-front
{
width: 487px;
margin: 50px 0 0 420px;
}
.bannerAlt4 .in-front p.special-line-3
{
text-transform: capitalize;
text-align: center;
font-size: 2.3em;
}
.bannerAlt4 .in-front p.special-line-4 a
{
font-family: 'Muli', sans-serif !important;
text-transform: lowercase;
text-align: center;
font-size: 0.73em;
background: #647233;
text-decoration: none;
color: #fff;
padding: 5px;
width: 100%;
display: block;
border-radius: 5px;
margin: 115px 0 0 0;
}
.bannerAlt4 .in-front p.special-line-4 a:hover
{
background: #7d8f40;
}
@media screen and (max-width:1010px)
{ .bannerAlt4 .in-front p.special-line-3
{
width: 100%;
}
.bannerAlt4 .in-front p.special-line-4 a
{
width: 94%;
position: absolute;
bottom: 15px;
left: 3%;
} .bannerAlt5 .top-banner-special-overlay
{
background: #99b424 !important;
}
.bannerAlt4 .in-front,
.bannerAlt5 .in-front
{
width: 100%;
margin: 0 0 0 0;
}
img.mug-photo
{
position: relative; 
width: auto;
height: auto;
max-width: 150px;
top: 15px;
left: 15px;
margin: 0 0 25px 0;
}
}
@media screen and (max-width:600px)
{
.bannerAlt5 .in-front p
{
font-size: 1.2em;
text-align: center;
}
.bannerAlt5 .in-front p.in-front-title
{
font-size: 1.6em !important;
}
img.mug-photo
{
display: block !important;
position: static !important;
top: 20px !important;
left: auto !important;
margin: 0 auto 20px auto !important;
}
} .bannerAlt1.top-banner-special.top-banner .top-banner-inner,
.bannerAlt2.top-banner-special.top-banner .top-banner-inner
{
background: #a0c5e8 url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sun-beams.gif) no-repeat 0 0;
background-size: 963px 320px;
}
@media screen and (max-width:1010px)
{
.bannerAlt1.top-banner-special.top-banner .top-banner-inner,
.bannerAlt2.top-banner-special.top-banner .top-banner-inner
{
background-position: bottom right;
background-size: 1926px 640px;
}
}
.top-banner-special-overlay
{
background: transparent none no-repeat 0 0; background-size: 963px 320px;
width: 970px;
min-height: 320px;
position: absolute;
bottom: 0;
left: 0;
z-index: 8000;
}
.bannerAlt1 .top-banner-special-overlay
{
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/foreground-from-99.gif);
}
.bannerAlt2 .top-banner-special-overlay
{
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/foreground-99-sept-2022.gif);
}
.bannerAlt3 .top-banner-special-overlay
{
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/foreground-mug.gif);
}
.bannerAlt4 .top-banner-special-overlay
{
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/foreground-ducks.gif);
}
.bannerAlt5 .top-banner-special-overlay
{
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/foreground-mug2.gif);
}
.top-banner.top-banner-special .top-banner-inner p
{
margin: 0;
padding: 0;
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
line-height: normal;
} .top-banner-special.top-banner p.special-title
{
background: transparent none no-repeat 0 0; width: auto;
float: left;
display: block;
clear: none;
color: #786a5f;
font-size: 5em;
padding: 10px 120px 30px 50px;
line-height: 0.9em;
position: absolute;
top: 50px;
left: -28px;
}
.top-banner-special.top-banner.bannerAlt0 p.special-title
{
-ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg);
}
.top-banner-special.top-banner.bannerAlt1 p.special-title
{
color: #7a6b5d;
text-transform: uppercase;
font-size: 2.2em;
text-align: center;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/shape-cloud.gif) no-repeat 0 0;
width: auto;
height: 322px;
padding: 30px 80px 30px 55px;
top: 12px;
left: 30px;
background-size: 322px 205px;
}
.top-banner-special.top-banner.bannerAlt1 p.special-title span
{
font-size: 3.3em;
line-height: 0.75em;
}
.top-banner-special.top-banner.bannerAlt2 p.special-title
{
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/shape-balloons-sept2022-a.gif) no-repeat 0 0; width: 310px;
height: 243px;
padding: 0;
top: 8px;
left: 15px;
background-size: 310px 243px;
text-indent: -9999px;
z-index: 9799; } .top-banner-special.top-banner.bannerAlt2.version-a p.special-title
{
color: #7a6b5d;
text-transform: uppercase;
font-size: 2.2em;
text-align: center;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/shape-cloud-sept2022-a.gif) no-repeat 0 0;
width: 644px;
height: 322px;
padding: 30px 80px 30px 55px;
top: 29px; left: 48px; background-size: 322px 205px;
z-index: 1; }
.top-banner-special.top-banner.bannerAlt2.version-b p.special-title
{
color: #7a6b5d;
text-transform: uppercase;
font-size: 2.2em;
text-align: center;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/shape-red-balloons-sept2022-a.gif) no-repeat 0 0;
width: 644px;
height: 446px;
padding: 30px 80px 30px 55px;
top: 13px;
left: 33px;
background-size: 322px 205px;
z-index: 9799; } .top-banner-special.top-banner.bannerAlt4 p.special-title,
.top-banner-special.top-banner.bannerAlt5 p.special-title
{
display: none;
}
.top-banner-special.top-banner div.special-big-text
{
width: 450px;
float: right;
margin: 20px 0 20px 0;
}
.top-banner-special.top-banner div.special-big-text p
{
width: 100%;
display: block;
text-transform: uppercase;
font-size: 3.2em;
line-height: 0.9em;
}
.top-banner-special.top-banner div.special-big-text p.special-line-1
{
font-size: 4em;
color: #4784b1;
}
.top-banner-special.top-banner div.special-big-text p.special-line-2
{
color: #fff00a;
}
.top-banner-special.top-banner div.special-big-text p.special-line-3
{
font-size: 3.6em;
color: #fff;
}
.top-banner-special.top-banner div.special-big-text p.special-line-4
{
font-size: 3.75em;
color: #7b6b5e;
}
.top-banner-special.top-banner div.special-big-text p.special-line-4 sup
{
font-size: 0.5em;
} .top-banner-special.top-banner.bannerAlt1 div.special-big-text
{
margin-top: 15px;
width: 580px;
}
.top-banner-special.top-banner.bannerAlt2 div.special-big-text
{
margin-top: 25px;
width: 550px;
}
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-1,
.top-banner-special.top-banner.bannerAlt2 div.special-big-text p.special-line-1
{
color: #fff; }
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-1,
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-2,
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-3,
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-4,
.top-banner-special.top-banner.bannerAlt2 div.special-big-text p.special-line-1,
.top-banner-special.top-banner.bannerAlt2 div.special-big-text p.special-line-2,
.top-banner-special.top-banner.bannerAlt2 div.special-big-text p.special-line-3,
.top-banner-special.top-banner.bannerAlt2 div.special-big-text p.special-line-4
{
font-size: 2.8em;
text-align: center;
}
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-2
{
font-size: 2em;
}
.top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-3
{
color: #fff00a;
font-size: 3.9em;
}
.top-banner-special.top-banner.bannerAlt2 div.special-big-text p.special-line-3
{
color: #fff00a;
font-size: 3.6em;
} .top-banner-special.top-banner.bannerAlt2.version-a div.special-big-text p.special-line-3,
.top-banner-special.top-banner.bannerAlt2.version-b div.special-big-text p.special-line-3
{
color: #e43260;
text-shadow: 0 0 7px #fff;
} .top-banner-special.top-banner.bannerAlt1 div.special-big-text p.special-line-4
{
color: #fff;
font-size: 1.9em;
} .top-banner-special.top-banner.bannerAlt3 div.special-big-text
{
margin-top: 50px;
width: 550px;
}
.top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-1,
.top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-2
{
font-size: 2.25em;
color: #616161;
text-transform: capitalize;
line-height: 1.1em;
text-align: center;
}
.top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-1
{
margin-bottom: 10px;
}
.top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-2
{
font-family: 'Muli', sans-serif;
font-size: 1.7em;
font-weight: 400;
text-transform: none;
line-height: normal;
}
.top-banner-special.top-banner p.special-small-print
{
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
font-size: 0.8em;
width: 100%;
line-height: normal;
padding: 20px 80px 12px 20px;
float: left;
clear: both;
z-index: 9000;
position: absolute;
bottom: 10px;
left: 10px;
}
#container .top-banner-special.top-banner.bannerAlt1 p.special-small-print,
#container .top-banner-special.top-banner.bannerAlt2 p.special-small-print
{
padding-left: 40px;
font-size: 0.75em;
}
@media screen and (max-width:1010px)
{ #container .top-banner-special.top-banner p.special-title
{
clear: both;
position: relative;
top: 30px;
height: 240px;
} #container .top-banner-special.top-banner.version-c p.special-title
{
height: 195px;
margin-bottom: 30px;
} #container .top-banner-special.top-banner.bannerAlt3 p.special-title
{
display: none;
}
#container .top-banner-special.top-banner div.special-big-text
{
width: 100%;
float: left;
clear: both;
margin: 5px 0 0 0;
padding: 0 15px;
}
#container .top-banner-special.top-banner div.special-big-text p
{
font-size: 2.2em !important;
line-height: 0.9em;
display: inline !important;
margin: 0 10px 0 0 !important;
}
#container .top-banner-special.top-banner.bannerAlt3 div.special-big-text
{
margin: 25px 0 0 0;
padding: 0 40px;
text-align: center;
}
#container .top-banner-special-overlay
{
width: 100%;
background-size: 1150px 350px;
position: relative;
top: auto;
bottom: 0;
left: 0;
background-position: bottom right;
min-height: 150px;
}
#container .bannerAlt0 .top-banner-special-overlay
{
background-position: 0 -135px;
min-height: 185px;
}
#container .bannerAlt1 .top-banner-special-overlay,
#container .bannerAlt2 .top-banner-special-overlay
{
background-position: 0 -145px;
min-height: 195px;
}
#container .bannerAlt3 .top-banner-special-overlay
{
background-position: 0 0;
min-height: 350px;
}
#container .bannerAlt4 .top-banner-special-overlay,
#container .bannerAlt5 .top-banner-special-overlay
{
min-height: inherit;
padding: 0 15px 20px 15px;
margin: 0;
top: 0;
bottom: auto;
}
#container .bannerAlt4 .top-banner-special-overlay
{
margin: 0;
top: 0;
bottom: auto;
background-position: bottom center;
background-size: 1600px 500px;
}
#container .top-banner-special.top-banner p.special-small-print
{
position: relative;
bottom: auto;
left: auto;
padding: 0 20px 20px 20px;
background: #59903a;
margin: -10px 0 0 0;
}
#container .top-banner-special.top-banner.bannerAlt0 p.special-small-print
{
background: #5a923b;
}
#container .top-banner-special.top-banner.bannerAlt3 p.special-small-print
{
background: #92b63f;
}
#container .top-banner-special.top-banner.bannerAlt4 p.special-small-print,
#container .top-banner-special.top-banner.bannerAlt5 p.special-small-print
{
margin: 0;
padding: 0;
background: #99b524;
}
.home-intro { width: 100%; }
}
@media screen and (max-width:690px)
{
.top-banner-special.top-banner.bannerAlt1 p.special-title,
.top-banner-special.top-banner.bannerAlt2 p.special-title
{
font-size: 1.3em;
background-size: 250px 160px;
top: 0;
left: 5px;
margin: 0;
padding: 35px 0 0 0;
width: 250px;
height: 200px !important;
} .top-banner-special.top-banner.bannerAlt2.version-a p.special-title
{
height: 240px !important;
}
.top-banner-special.top-banner.bannerAlt2 p.special-title
{
background-size: 240px 180px;
}
#container .top-banner-special.top-banner div.special-big-text p
{
font-size: 2em !important;
}
#container .top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-1,
#container .top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-2
{
clear: both !important;
display: block !important;
}
#container .top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-1
{
font-size: 1.7em !important;
margin-bottom: 10px !important;
}
#container .top-banner-special.top-banner.bannerAlt3 div.special-big-text p.special-line-2
{
font-size: 1.2em !important;
}
#container .top-banner-special-overlay
{
background-position: bottom right;
}
#container .bannerAlt0 .top-banner-special-overlay
{
background-position: -340px -135px;
}
#container .bannerAlt3 .top-banner-special-overlay
{
background-size: 700px 250px;
min-height: 250px;
}
} .content
{
width: 720px;
padding: 0 0 0 0;
float: left;
}
.content.wide {
width: 100%;
}
.sidebar
{
width: 250px;
float: right;
margin-top: 42px; }
.content.wide .sidebar {
margin: 10px 0 10px 20px;
} body.page-template-page-special-sidebar .content
{
width: 520px;
padding-right: 40px;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/dashes.png) repeat-y top right; background-size: 6px 84px;
}
body.page-template-page-special-sidebar .sidebar
{
width: 450px;
margin-top: 0; } .sidebar-banner
{
width: 100%;
padding: 10px;
background: #eaceaa url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/canvas-texture.jpg) repeat 0 0;
background-size: 352px 208px;
}
.sidebar-banner-outer
{
width: 100%;
background: #f2eee3 url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/side-banner-bg.jpg) repeat 0 0; }
.sidebar-banner-inner
{
width: 100%;
padding: 0;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/stitching-vert.png) repeat-y top right; background-size: 11px 92px;
}
.sidebar-banner-inner a
{
display: block;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/stitching-vert.png) repeat-y top left; background-size: 11px 92px;
text-decoration: none;
width: 100%;
padding: 10px 26px;
}
.sidebar-banner-inner a:hover { opacity: 0.9; }
.sidebar-banner-inner a h3
{
color: #735f52;
font-weight: bold;
font-size: 2.1em;
font-family: "Times New Roman", Times, serif;
line-height: 0.9em;
margin: 0 0 15px 0;
padding: 0 12px 0 0;
position: relative;
}
.sidebar-banner-inner a h3 img
{
display: block;
position: absolute;
top: -11px;
right: -5px;
}
.sidebar-banner-inner a p.sidebar-banner-text
{
color: #f8970c;
font-size: 1.3em;
line-height: 1.5em;
margin: 0;
}
.sidebar-banner-inner a p.sidebar-banner-link
{
font-family: 'Muli', sans-serif;
font-weight: 400;
color: #7b6859;
font-size: 0.85em;
line-height: normal;
padding: 0 0 0 0;
margin: 0;
}
.sidebar-banner-inner a:hover p.sidebar-banner-link { text-decoration: underline; }
img.chickens-inside-banner
{
margin: 5px 0 -20px 10px;
} .sidebar-banner-inner::before,
.sidebar-banner-inner::after
{
content: " ";
display: block !important;
width: 100%;
height: 11px;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/stitching-horiz.png) repeat-x 0 0; background-size: 92px 11px;
}
@media screen and (max-width:1010px)
{
.sidebar
{
float: left;
clear: both;
width: 100%;
margin: 30px auto 20px auto;
}
.sidebar-banner
{
max-width: 360px;
}
body.page-template-page-special-sidebar .sidebar
{
width: 100%;
float: left;
clear: both;
margin: 0;
}
}
@media screen and (max-width:800px)
{
.sidebar-banner
{
margin: 0 auto;
}
} .boxes-container
{
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/dashes.png) repeat-y 354px 0; background-size: 6px 84px;
margin: 8px 0 15px 0;
float: left;
clear: both;
}
.box
{
position: relative;
float: left;
width: 340px;
}
.more-than-two-boxes .box
{
margin-bottom: 30px;
}
.box.last-in-row
{
margin-left: 34px;
background: none;
}
.box h2
{
font-size: 1.4em;
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
margin: 0 0 15px 0;
padding: 0;
line-height: 0.8em;
}
.box:first-child h2
{
color: #9eb342;
}
.content img.box-mini-chicks
{
display: block;
position: absolute;
top: -18px;
left: 240px;
z-index: 1500;
width: 90px;
height: 54px;
} .box a
{
display: block;
position: relative;
padding: 10px;
margin: 0 0 20px 0;
background: #f2eee3 url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/sidebar-banners/side-banner-bg.jpg) repeat 0 0;
box-shadow: #777 0 0 4px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 4px;
}
.content .box a img
{
display: block;
max-width: none;
width: 320px;
height:	220px;
margin: 0;
padding: 0;
} .box a span
{
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
text-transform: capitalize;
font-size: 1.15em;
color: #fff;
display: inline-block;
position: absolute;
bottom: 0; 
right: 0;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/click-here-bg-1.png) no-repeat top right;
background-size: 159px 56px;
width: 159px;
height: 56px;
padding: 15px 0 0 25px;
-ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg);
}
.box:first-child a span
{
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/click-here-bg-2.png);
-ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg);
}
.box a:hover { opacity: 0.9; }
.content .box p
{
margin: 0;
padding: 0;
}
@media screen and (max-width:800px)
{
.boxes-container
{
background: none;
margin-left: auto;
margin-right: auto;
max-width: 360px;
float: none;
}
.box,
.more-than-two-boxes .box {
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
.content .box p
{
margin: 0 0 15px 0;
}
.box a
{
margin: 0 0 15px 0;
}
.box a span,
.box.last-in-row a span
{ }
.box.last-in-row
{
padding: 20px 0 0 0;
margin: 0;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/dashes-horizontal.png) repeat-x 0 0; background-size: 84px 6px;
}
.content .box a img
{
display: block;
max-width: 360px;
width: 100%;
height:	auto;
}
}
@media screen and (max-width:420px)
{
.boxes-container
{
max-width: 100%;
}
.box
{
max-width: 100%;
}
.box a
{
margin: 0 0 10px 0;
}
.box a span,
.box.last-in-row a span
{
right: 5px;
}
.content .box a img
{
width: 100%;
max-width: 100%;
height: auto;
}
.content img.box-mini-chicks
{
left: auto;
right: 5%;
}
} .steps
{
margin-bottom: 15px;
}
.steps h1
{
margin: 0 0 25px 0;
}
.step
{
width: 100%;
position: relative;
clear: both;
float: left;
margin: 0 0 30px 0;
}
.step h3 {
background: #5c903b;
color: #fff;
display: inline-block;
margin: 0;
padding: 4px 50px 4px 10px;
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
font-size: 0.95em;
text-transform: uppercase;
position: absolute;
top: 1px;
left: 0;
-ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg);
}
.step img
{
display: block;
border: #fff solid 10px;
box-shadow: #888 0 0 4px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;
float: left;
margin: 0 0 0 15px;
}
.step p
{
float: right;
width: 240px;
padding-right: 5px;
margin: 0 0 15px 0;
font-size: 0.8em;
line-height: 1.4em;
}
.step p:last-of-type
{
margin-bottom: 0;
}
@media screen and (max-width:1010px)
{
.steps
{
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/dashes-horizontal.png) repeat-x 0 0;
background-size: 84px 6px;
padding-top: 20px;
}
.step img
{
margin: 0 0 7px 0;
}
.step p
{
float: left;
clear: both;
width: 100%;
padding: 0;
margin: 0 0 15px 0;
}
}  input[type=text],
input[type=search],
input[type=email],
input[type=textfield],
input[type=submit],
input[type=password],
input[type=tel],
textarea,
button
{
-webkit-appearance: none !important;
-moz-appearance: none !important;
border-radius: 0 !important;
}
select
{
border-radius: 0 !important;
} #container form#commentform p
{
font-size: 1em;
}
#respond p
{
font-size: 1em;	
}
#respond h3
{
clear: both;
font-size: 1.5em;
margin-top: 20px;
margin-bottom: 10px;
}
#respond small
{
font-size: 1em;	
}
.reply
{
margin-bottom: 5px;
}
textarea#comment,
input#author,
input#email,
input#url
{
padding: 8px;
width: 100%;
font-size: 1em;
color: #444;
margin-right: 10px;
}
textarea#comment
{
line-height: 1.6em;
width: 100%;	
}
#container em.comment-awaiting-moderation
{
font-size: 0.9em;
color: #F30;	
} :placeholder-shown { color: #777 !important; }
:-moz-placeholder, ::-moz-placeholder { color: #777 !important; opacity: 1; }
:-ms-input-placeholder { color: #777 !important; opacity: 1; }
::-webkit-input-placeholder { color: #777 !important; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0.35 !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { opacity: 0.35 !important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0.35 !important; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity: 0.35 !important; }  .gform_wrapper
{
background: #ffffcc;
border: #bbb dashed 1px;
padding: 10px 20px;
border-radius: 3px;
}
form ul li
{
background: none !important;
padding: 0 !important;
margin: 0 !important;
} form .ginput_container_text input,
form .ginput_container_email input,
form .ginput_container_number input,
form select,
form textarea
{
font-size: 1em !important;
border: #999 solid 1px !important;
margin: 0 !important;
padding: 7px !important;
line-height: normal !important;
text-indent: 0 !important;
}
form textarea
{
width: 100% !important;
min-height: 200px !important;
}
form select
{
padding: 5px 10px 5px 5px !important;
}
.gfield_checkbox
{
font-size: 0.9em !important;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  -o-user-select: none;
user-select: none;
} .gfield_label
{
color: #000;
font-size: 1.05em !important;
font-weight: normal !important;
padding: 8px 0 0 0 !important;
margin: 0 0 1px 0 !important;
float: none !important;
text-align: left !important;
}
body .gform_wrapper label.gfield_label + div.ginput_container
{
padding: 0 !important;
margin: 0 0 5px 0 !important;	
}
.gfield_html
{
font-size: 0.9em !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 220px !important;
width: 100% !important;
line-height: normal !important;
}
.thanks-visitor
{
font-size: 1em;
font-weight: bold;
color: #6ac40c;
} .gform_wrapper .top_label input.medium, 
.gform_wrapper .top_label select.medium 
{
width: 100% !important;
} .gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning
{
border: 0 !important;
}
.gform_wrapper .validation_message,
.gform_wrapper .gfield_required
{
color: #ff0000 !important;
}
.gform_wrapper form .gfield_description.validation_message,
.gform_wrapper form .top_label .gfield_description.validation_message
{
} .gfield_description
{
padding: 0 !important;
margin: 0 !important;
font-size: 0.85em !important;
}
.gform_wrapper form li.gfield.gfield_error.gfield_contains_required
{
margin: 0 !important;
padding: 0 !important;
}
.gform_wrapper div.validation_error
{
text-align: left !important;
color: #ff0000 !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.gform_confirmation_message
{
font-size: 1em !important;
color: #5fa200 !important;
} form#searchform 
{
display: block;
float: left;
margin: 0 0 25px 0;
padding: 0 0 0 0;
width: 100%;
}
form#searchform input.field,
textarea#comment,
input#author,
input#email,
input#url
{
width: 100%;
border: #999999 solid 1px;
background: #fff;
color: #444;
padding: 8px;
}
input#author,
input#email,
input#url
{
width: 100%;	
}
form#searchform input.field
{
padding: 7px;
margin: 0;
width: 175px;
float: left;
font-size: 0.85em; }
form#searchform input.field:focus,
textarea#comment:focus,
input#author:focus,
input#email:focus,
input#url:focus
{
color: #000;
border-color: #4B3194;
}
form#searchform input.submit,
input#submit,
.button
{
padding: 12px 40px;
margin: 0;	
display: block;
float: left;
background: #feae17;
border: none;
color: #fff;
}
.button
{
font-size: 0.95em !important;
float: none;
}
form#searchform input.submit
{
font-weight: bold;
margin: 0 0 0 0;
font-size: 0.9em;
padding: 8px 20px 7px 20px;
width: 68px;
float: right;
text-transform: uppercase;
}
form#searchform input.submit:hover,
input#submit:hover,
.button:hover
{
opacity: 0.75;
cursor: pointer;
}
@media screen and (max-width:1010px)
{
.gform_wrapper
{
padding: 10px;
}
form,
form ul,
form ul li
{
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
form textarea
{
min-height: inherit !important;
}
form#searchform
{
padding: 10px 0 30px 0 !important;
}
}  #footer
{
width: 100%;
min-height: 150px;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/footer-tile.gif) repeat-x 0 0;
background-size: 993px 150px;
margin-top: 30px;
}
#footer-outer
{
}
#footer-inner
{
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/footer.gif) no-repeat 0 0;
background-size: 993px 150px;
width: 993px;
min-height: 150px;
margin: 0 auto;
}
#footer-inner p
{
float: left;
color: #fff;
margin: 125px 0 0 0;
font-size: 0.7em;
line-height: 1.6em;
width: 40%;
}
#footer-inner p#copyright-info
{
float: left;
text-align: left;
}
#footer-inner p#credits-info
{
float: right;
text-align: right;
}
#footer-inner p a
{
color: #fff;
border-right: #fff solid 1px;
padding-right: 10px;
margin-right: 7px;
text-decoration: none;
}
#footer-inner p a:hover
{
text-decoration: underline;
}
@media screen and (max-width:1010px)
{
#footer
{
width: 100%;
padding: 140px 0 0 0;
margin-top: 20px;
text-align: center;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/footer-tile.gif) no-repeat top right;
background-size: 993px 150px;
min-height: 0;
position: relative;
z-index: 5000;
}
#footer-outer
{
width: 100%;
position: absolute;
top: 0;
left: 0;
min-height: 120px;
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/footer.gif) no-repeat top right;
background-size: 993px 150px;
z-index: 7000;
pointer-events: none;
}
#footer-inner
{
width: 100%;
padding: 0 15px 20px 15px;
float: left;
clear: both;
margin: 0;
background: #5a923b;
min-height: 0;
}
#footer-inner p
{
float: left !important;
text-align: center !important;
clear: both;
margin: 0 0 5px 0;
font-size: 0.8em;
line-height: 1.5em;
width: 100%;
}
#footer-inner p#credits-info
{
padding: 0;
margin: -5px 0 0 0;
}
#footer-inner p a
{
text-decoration: underline;
}
#footer-inner p a:last-of-type
{
border: 0;
padding-right: 0;
margin-right: 0;
}
}
@media screen and (max-width:400px)
{
.tiny-screen-only { display: block !important; }
}  #container .sidebar .blog-quick-links { padding: 0 0 0 0; }
body.single-post #container .sidebar .blog-quick-links { padding: 0 0 0 0; }
#container .sidebar .blog-quick-links h3.widget-title
{
margin: 0 0 5px 0;
display: block;
font-size: 1.2em;
padding: 0 0 5px 0;
border-bottom: #feae17 solid 3px;
color: #feae17;
}
#container .sidebar .blog-quick-links .widget
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#container .sidebar .blog-quick-links .widget ul
{
display: block;
padding: 0;
margin: 0 0 30px 0;
list-style: none;
}
#container .sidebar .blog-quick-links .widget ul li
{
padding: 0;
margin: 0;
color: #feae17;
display: block;
width: 100%;
padding: 2px 0 2px 0;
background: none;
font-size: 0.95em;
}
#container .sidebar .blog-quick-links .widget ul li a
{
display: block;
padding: 1px 2px 0 0;
float: left;
clear: both;
width: auto;
font-weight: normal;
text-decoration: none;
font-size: 0.9em;
color: #666;
}
#container .sidebar .blog-quick-links .widget ul li a:hover
{
text-decoration: underline;
} .postMetaBox
{
background: #feae17;
padding: 15px;
margin: 20px 0 20px 0;
width: 100%;
border-radius: 5px;
}
.postMetaBox p
{
margin: 0 !important;
padding: 0;
color: #fff !important;
font-weight: bold;
}
.postMetaBox p a
{
color: #fff;
}
.postMetaBox p a:hover
{
opacity: 0.8;
}
.content p.postedDate
{
font-weight: bold;
font-size: 0.8em;
}
.content p.postDate,
.content p.postDate:last-of-type
{
font-weight: normal;
font-size: 0.9em;
color: #777;
margin: 0 0 5px 0;
}
.content p a.readMoreLink
{
display: block;
clear: both;
margin: 5px 0 0 0;
width: 12em;
color: #feae17;
}
.content p a.readMoreLink:hover
{
opacity: 0.75;
}
h5.breadcrumb
{
margin: 0 0 10px 0;
padding: 0 0 0 0;
font-weight: normal;
font-size: 0.925em;
}
h5.breadcrumb a
{
color: #888;
}
h5.breadcrumb a:hover
{
opacity: 0.8;
}
.post-container
{
background: transparent url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/dashes-horizontal.png) repeat-x 0 0; background-size: 84px 6px;
margin: 0 0 20px 0;
padding: 15px 0 0 0;
}
.post-container:last-of-type,
body.single .post-container
{
margin: 0 0 0 0;
}
.post-container h3 { border: none; margin: 0 0 5px 0; }
.post-container h3 a 
{
text-decoration: none;
color: #feae17;
font-weight: normal;
font-size: 0.9em;
}
.post-container h3 a:hover { text-decoration: underline; }
.post-container h1 { margin: 0 0 5px 0; }
.post-container h1 a { font-weight: inherit; text-decoration: none; }
.post-container h1 a:hover { text-decoration: underline; } 
.comment-body
{
margin: 0 0 10px 0;
background: #EFEFEF;
padding: 10px;
border-radius: 8px;
}
#container ol.commentlist
{
margin: 0;
padding: 0 0 5px 3px;
}
#container ol.commentlist p
{
font-size: 1em;
padding: 5px 0 10px 0;
margin: 0 0 10px 0;
}
#container .comment-author,
#container .comment-meta
{
font-size: 1em;	
}
#container .comment-author a
{
font-weight: bold;
}
#container ol.commentlist li
{
padding: 0;
font-size: 1em;
background: none;
padding: 8px; }
#container ol.commentlist li ul li
{
list-style: none;	
}
#container ol.commentlist ul
{
list-style: none;	
}
h3#comments
{
margin-bottom: 1.1em;	
}
a.comment-reply-link
{
padding: 4px 12px 4px 12px;
background: #feae17;
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
}
a.comment-reply-link:hover
{
background: #777;	
} .post-listing-box
{
margin-bottom: 15px;
}
.post-listing-box .custom-excerpt,
.post-listing-box .comment-bubble
{
float: right;
width: 520px;
}
.post-listing-box .comment-bubble
{
margin: 0;
} .post-listing-box .blog-featured-image,
.single .blog-featured-image
{ float: left;
margin: 5px 0 8px 0;
clear: none;
border: #fff 10px solid;
box-shadow: #888 0 0 4px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;
}
.post-listing-box .blog-featured-image
{
width: 185px;
height: auto;
} .single .blog-featured-image
{
width: 690px;
height: auto;
float: left;
clear: both;
margin: 5px 15px 15px 0;
}
@media screen and (max-width:1010px)
{
.post-listing-box .custom-excerpt,
.post-listing-box .comment-bubble
{
display: block !important;
clear: none !important;
float: right !important;
width: 60% !important;
max-width: 60% !important;
}
.post-listing-box .comment-bubble
{
clear: right !important;
}
.post-listing-box .blog-featured-image
{
max-width: 38% !important;
width: 38% !important;
}
.single .blog-featured-image
{
max-width: 50% !important;
margin-bottom: 3px;
}
}
@media screen and (max-width:600px)
{
.post-listing-box .custom-excerpt,
.post-listing-box .comment-bubble
{
clear: both !important;
float: left !important;
width: 100% !important;
max-width: 100% !important;
}
.post-listing-box .comment-bubble
{
clear: both !important;
}
.post-listing-box .blog-featured-image
{
max-width: 50% !important;
width: 50% !important;
}
.single .blog-featured-image
{
max-width: 100% !important;
margin-bottom: 10px;
}
}
span.search-term
{
color: #555555;
font-weight: normal;
} .gallery
{
margin: 0 0 20px 0;
padding: 0;
width: 100%;
}
.gallery .gallery-item 
{
display: block; 
width: 174px;
margin: 0 6px 6px 0;
text-align: center;
padding: 0 0 0 0; 
float: left;
} .gallery.big .gallery-item 
{
width: 32%;
margin: 0 0 1% 1%;
}
.gallery.big .gallery-item.start-of-row 
{
margin-left: 0;
}
.gallery img 
{
display: block;
width: 100% !important;
height: auto;
border: 0;
display: block;
} .gallery a:hover
{
opacity: 0.85;
}
.gallery .gallery-caption
{
display: none;
}
.gallery.big .gallery-caption
{
display: block;
margin: 0 0 10px 0;
padding: 3px 0 0 0;
font-size: 1em;
text-align: left;
}
@media screen and (max-width:700px)
{
.gallery img 
{
min-width: 100% !important;
}
.gallery.big .gallery-item 
{
width: 49%;
margin: 0 0 1% 1%;
}
.gallery.big .gallery-item.start-of-row 
{
margin-left: 1%;
}
.gallery.big .gallery-item.second-item
{
margin-left: 1%;
}
.gallery.big .gallery-caption
{
min-height: 45px;
}
}
@media screen and (max-width:500px)
{
.gallery.big .gallery-item,
.gallery.big .gallery-item.end-of-row,
.gallery.big .gallery-item.second-item
{
width: 60%;
margin: 0 auto !important;
clear: both;
float: none;
}
.gallery.big .gallery-caption
{
min-height: inherit;
}
}
@media screen and (max-width:400px)
{
.gallery.big .gallery-item,
.gallery.big .gallery-item.end-of-row,
.gallery.big .gallery-item.second-item
{
width: 80%;
}
} @media screen and (max-width:1010px)
{
.hide-on-mobile { display: none !important; }
.mobile-only { display: block !important; }
.desktop-only { display: none !important; }
#mobile-indicator { display: block; }
.desktop-only-inline { display: none !important; }
body { margin: 35px 0 0 0; } #container 
{
min-height: inherit;
box-sizing: border-box;
padding: 15px;
}
h1, h2, h3, h4, h5, h6
{ }
h1 { }
p,
ul li, 
ol li 
{ }
.content ul li, 
.content ol li
{ }
.content ul li { background-position: 0 6px; }
ul li { padding-left: 15px; }
ol li { margin-left: 17px; }
.alignleft, .alignright, .aligncenter
{ 
display: block; 
float: none; 
margin: 10px 0 10px 0;
} .content img
{
width: auto;
max-width: 280px;
height: auto;
float: none;
}	
article 
{
width: 100%;
padding: 0;
min-height: 360px;
}
article h1
{
max-width: 100% !important;
width: 100% !important;
}
article p
{
max-width: 100% !important;
width: 100% !important;
} table
{
width: 100% !important;
}
tbody
{
width: 100% !important;
}
td
{
width: 100% !important;
padding: 15px;
font-size: 0.95em;
}
tr
{
width: 100% !important;
}
td p
{
font-size: 0.95em;
}
.content
{
width: auto !important;
padding: 10px 0 0 0;
float: none;
background: none !important; } .postMetaBox
{
width: auto;
margin: 20px 0 30px 0;
}
.post-container
{
float: left;
clear: both;
}
p.admin-edit-link { display: none; }
} img#ethical-hatching
{
width: auto; height: 155px;	float: right; margin: 0 20px 0 0;
}
@media screen and (max-width:1010px)
{
img#ethical-hatching
{
height: 220px; float: left;
clear: both;
margin: 0 0 0 15px;
}
.ethical-hatching-anchor-footer
{
min-height: 230px;
}
}
@media screen and (max-width:800px)
{
img#ethical-hatching
{
float: none;
clear: both;
margin: 0 auto;
}
} body.home img#ethical-hatching
{
width: auto; height: 213px;
float: right;
margin: -12px 75px -60px 0;
z-index: 9991;
position: relative;
pointer-events: none;
}
@media screen and (max-width:1010px)
{
body.home img#ethical-hatching
{
float: left; clear: both; margin: 0 0 0 15px;
}
body.home .ethical-hatching-anchor-footer
{
min-height: 230px;
}
}
@media screen and (max-width:800px)
{
body.home img#ethical-hatching
{
float: none;
clear: both;
margin: 0 auto;
}
} a#next-slide,
a#previous-slide
{
display: block;
padding: 0;
width: 32px; height: 100%;
position: absolute;
top: 0; 
text-indent: -9999px;
z-index: 500;
background: transparent none no-repeat 0 50%;
}
a#previous-slide
{
left: 0;
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/previous.png);
}
a#next-slide
{
right: 0;
background-image: url(//www.thehappychickcompany.co.uk/wp-content/themes/happychick/images/next.png);
}
a#previous-slide:hover,
a#next-slide:hover 
{
background-position: -78px 50%;
}
@media screen and (max-width:1010px)
{
a#next-slide,
a#previous-slide
{
background-position: 0 15px;
}
a#previous-slide:hover,
a#next-slide:hover 
{
background-position: -78px 15px;
}
}
@media screen and (max-width:513px)
{
.content img.home-page-chicks
{
float: left !important;
clear: both !important;
width: 100% !important;
height: auto !important;
max-width: inherit !important;
}
}