/* ------------------------------
   Import Fonts
   ------------------------------ */

@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Slab:400,700,300,100|Gloria+Hallelujah);
   

   
/* ------------------------------
   Setup / General
   ------------------------------ */

body { font-family: Ubuntu, helvetica, sans-serif; font-size: 16px; }
h1, h2, h3, h4, .entry-title { font-family: 'Roboto Slab', serif; margin: 0 0 20px; 0; }
h1, h1 a, h1 a:visited, h1 a:link, h1 a:active { color: #000; font-size: 28px; line-height: 50px; }
h2, h2 a, h2 a:visited, h2 a:link, h2 a:active { color: #f60; font-size: 24px; line-height: 26px; }
h3, h3 a, h3 a:visited, h3 a:link, h3 a:active { color: #000; font-size: 18px; line-height: 20px; }
h4, h4 a, h4 a:visited, h4 a:link, h4 a:active { color: #f60; font-size: 16px; line-height: 18px; }
a, a:visited, a:link, a:active { text-decoration: none; color: #f60; }
a:hover { text-decoration: none; color: #000; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: Ubuntu, helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .5em 1em .5em;
	margin-top: 1px;
	color: rgba(0, 0, 0, .7);
	border: 1px solid;
	border-color: #ddd #ddd #ccc;
	border-radius: 0px;
	background: #e6e6e6;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	-webkit-appearance: button;
	cursor: pointer;
}

h2 small {
	color: #000;
	font-size: 60%;
	line-height: 0.85;
}

h2 small,
h3 small {
	font-weight: 600;
}

h2 small a,
h3 small a {
	font-size: 60%;
	line-height: 0.85;	
}





/**
 * This sets up our main content area, and floating sidebar
 * Our 3 primary page elements need to float otherwise
 * our sidebar will push themm down the page
 * when it's included
 *
 */
#primary {
	padding-right: 300px;
}

#secondary {
	float: right;
	width: 280px;
	padding-left: 20px;
	margin: 0 0 0 0 !important;
	border-left: 1px solid #d8d8d8;
}

#main > header.entry-header,
#main > section.entry-content,
#main > article.entry-content,
#main > footer.entry-footer {
	float: left;
}

#main article >section.entry-content {
	position: relative;
	padding-top: 30px;
}

#main article > section.entry-content:before {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	content: '';
	height: 1px;
	width: 98%;
	background: -moz-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%, rgba(192,192,192,0) 75%);
	background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(192,192,192,1)), color-stop(75%,rgba(192,192,192,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
	background: -o-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
	background: radial-gradient(ellipse at center, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
}




/* ------------------------------
   Site-wide classes
   ------------------------------ */

.call-to-action {
	text-align: center;
	font-size: 30px;
	line-height: 42px;
	padding: 0 10%;
}

.call-to-action-phone {
	text-align: center;
	font-weight: bold;
	font-size: 60px;
	line-height: 78px;
}

.content-heading {
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	line-height: 60px;
}

.content-subheading {
	position: relative;
	font-weight: 600;
	padding: 15px 5%;
	text-align: center;
	line-height: 1.5;
	margin: -15px 10% 20px 10%;
}

.content-subheading:before {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	content: '';
	height: 1px;
	width: 98%;
	background: -moz-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%, rgba(192,192,192,0) 75%);
	background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(192,192,192,1)), color-stop(75%,rgba(192,192,192,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
	background: -o-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
	background: radial-gradient(ellipse at center, rgba(192,192,192,1) 0%,rgba(192,192,192,0) 75%);
}

.number {
	background: #f60;
	display: inline-block;
	margin: 0 0 0 -60px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: 800;
	color: #fff;
	font-size: 24px;
	position: absolute;
}

.star-on,
.star-off {
	margin: 0 2px;
}

.star-on {
	color: #fc0;
}

.star-off {
	color: #ccc;
}

#google-map {
	height: 600px;
	margin-left: 50%;
	transform: translateX(-50vw);
	width: 100vw;
	margin-right: -50vw;
}

#google-map img {
	max-width: none !important;
	margin: -20px 20px 0 30px;
}

#google-map p {
	margin: 5px 0 10px 0;
}

.gm-style-iw {
	width: 480px !important;
	top: 15px !important;
	left: 0px !important;
	background-color: #fff;
	box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
	border: 1px solid rgba(72, 181, 233, 0.6);
	border-radius: 2px 2px 10px 10px;
}

#iw-container {
	margin-bottom: 10px;
}

#iw-container .iw-title {
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	font-weight: 400;
	padding: 10px;
	background-color: #444;
	color: white;
	margin: 0;
	border-radius: 2px 2px 0 0;
}

#iw-container .iw-content {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	margin-right: 1px;
	padding: 15px 5px 20px 15px;
	max-height: 215px;
	overflow-y: auto;
	overflow-x: hidden;
}

.iw-content img {
	float: right;
	margin: 0 5px 5px 10px; 
}

.iw-subTitle {
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0;
}

.iw-bottom-gradient {
	position: absolute;
	width: 456px;
	height: 25px;
	bottom: 10px;
	right: 18px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}





/* ------------------------------
   Site Header & Navigation
   ------------------------------ */

#site-header {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 100;
	background: #fff;
}

#header-wrapper {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

#site-branding,
#site-navigation-main,
#site-navigation-user,
#site-navigation-social {
	position: absolute;
	height: 60px;
	line-height: 60px;
	margin: 0;
	text-align:	center;
	text-shadow: 1px 1px 1px #fff;
}

#site-branding { left: -3%; width: 15%; }
#site-navigation-user { left: 14%; width: 24%; }
#site-navigation-social { left: 38%; width: 60%; }
#site-navigation-main { left: 98%; width: 2%; }

#site-branding img  {
	width: 100%;
	max-width: 180px;
}

#site-branding a {
	line-height: 60px;
}

#site-navigation-main { text-align: center; }
#site-navigation-main a { color: #f60; font-size: 24px; }
#site-navigation-main i:hover { color: #000; }

.mobile-navigation,
.hidden {
	display: none;
}

#site-navigation-menu {
	position: relative;
	top: 80px;
	width: 100%;
	height: 120px;
	vertical-align: top;
	margin: 0 auto;
	z-index: 95;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

.home #site-navigation-menu {
	margin-top: 0;
}

#site-navigation-menu .menu-main-menu-container {
	position: absolute;
	z-index: 96;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 13px;
	color: #444;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

.home #site-navigation-menu .menu-main-menu-container {
	top: 0px;
}

#site-navigation-menu .menu-main-menu-container ul {
	padding: 0;
	margin: 0;
	text-align: center;
}

#site-navigation-menu .menu-main-menu-container ul li {
	list-type: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

#site-navigation-menu .menu-main-menu-container ul li a {
	display: inline-block;
	min-width: 120px;
	max-width: 240px;
	line-height: 40px;
	margin: 0 15px;
	padding: 0 25px;
	background: transparent;
	color: #444;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	white-space: nowrap;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
}

#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(1) .front { background: url('https://21designs.com.au/wp-content/uploads/home-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(2) .front { background: url('https://21designs.com.au/wp-content/uploads/about-us-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(3) .front { background: url('https://21designs.com.au/wp-content/uploads/web-design-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(4) .front { background: url('https://21designs.com.au/wp-content/uploads/web-development-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(5) .front { background: url('https://21designs.com.au/wp-content/uploads/web-hosting-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(6) .front { background: url('https://21designs.com.au/wp-content/uploads/seo-and-marketing-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(7) .front { background: url('https://21designs.com.au/wp-content/uploads/latest-180x180.png') transparent top center no-repeat; background-size: 80px; }

#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(1) .back { background: url('https://21designs.com.au/wp-content/uploads/home-current-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(2) .back { background: url('https://21designs.com.au/wp-content/uploads/about-us-current-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(3) .back { background: url('https://21designs.com.au/wp-content/uploads/web-design-current-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(4) .back { background: url('https://21designs.com.au/wp-content/uploads/web-development-current-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(5) .back { background: url('https://21designs.com.au/wp-content/uploads/web-hosting-current-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(6) .back { background: url('https://21designs.com.au/wp-content/uploads/seo-and-marketing-current-180x180.png') transparent top center no-repeat; background-size: 80px; }
#site-navigation-menu .menu-main-menu-container ul li:nth-of-type(7) .back { background: url('https://21designs.com.au/wp-content/uploads/latest-current-180x180.png') transparent top center no-repeat; background-size: 80px; }

#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(1) .front { background-image: url('https://21designs.com.au/wp-content/uploads/home-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(2) .front { background-image: url('https://21designs.com.au/wp-content/uploads/about-us-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(3) .front { background-image: url('https://21designs.com.au/wp-content/uploads/web-design-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(4) .front { background-image: url('https://21designs.com.au/wp-content/uploads/web-development-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(5) .front { background-image: url('https://21designs.com.au/wp-content/uploads/web-hosting-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(6) .front { background-image: url('https://21designs.com.au/wp-content/uploads/seo-and-marketing-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-menu-item:nth-of-type(7) .front { background-image: url('https://21designs.com.au/wp-content/uploads/latest-current-180x180.png'); }

#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(1) .front { background-image: url('https://21designs.com.au/wp-content/uploads/home-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(2) .front { background-image: url('https://21designs.com.au/wp-content/uploads/about-us-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(3) .front { background-image: url('https://21designs.com.au/wp-content/uploads/web-design-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(4) .front { background-image: url('https://21designs.com.au/wp-content/uploads/web-development-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(5) .front { background-image: url('https://21designs.com.au/wp-content/uploads/web-hosting-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(6) .front { background-image: url('https://21designs.com.au/wp-content/uploads/seo-and-marketing-current-180x180.png'); }
#site-navigation-menu .menu-main-menu-container ul li.current-page-ancestor:nth-of-type(7) .front { background-image: url('https://21designs.com.au/wp-content/uploads/latest-current-180x180.png'); }

#site-navigation-menu .menu-main-menu-container ul li:hover a { color: #f60; }

#site-navigation-menu .menu-main-menu-container ul li ul { display: none; }
#site-navigation-menu .menu-main-menu-container ul li ul li { list-type: none; }
#site-navigation-menu .menu-main-menu-container ul li ul { display: none; }
#site-navigation-menu .menu-main-menu-container ul li ul li { list-type: none; }


#sub-navigation-menu {
	margin-top: 20px;
}

#sub-navigation-menu .flip-container,
#sub-navigation-menu .front,
#sub-navigation-menu .back {
	height: 60px;
}

#sub-navigation-menu .front {
	opacity: 0.4;
}

#sub-navigation-menu .back {
	opacity: 1;
}

/* ------------------------------
   About Menu
   ------------------------------ */

#sub-navigation-menu .menu-about-menu-container ul { padding: 0; margin: 0; text-align: center; }
#sub-navigation-menu .menu-about-menu-container ul li {
	list-type: none;
	padding: 0;
	margin: 0 auto;
	vertical-align: top;
	display: inline-block;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

#sub-navigation-menu .menu-about-menu-container ul li a {
	display: inline-block;
	min-width: 90px;
	max-width: 120px;
	line-height: 1.6;
	margin: 0 15px;
	padding: 0;
	background: transparent;
	color: #444;
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(1) .front { overflow: hidden; background: url('https://21designs.com.au/wp-content/uploads/who-we-are-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(2) .front { background: url('https://21designs.com.au/wp-content/uploads/what-we-believe-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(3) .front { background: url('https://21designs.com.au/wp-content/uploads/creative-skills-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(4) .front { background: url('https://21designs.com.au/wp-content/uploads/technical-ability-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(5) .front { background: url('https://21designs.com.au/wp-content/uploads/business-experience-180x180.png') transparent top center no-repeat; background-size: 60px; }

#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(1) .back { overflow: hidden; background: url('https://21designs.com.au/wp-content/uploads/who-we-are-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(2) .back { background: url('https://21designs.com.au/wp-content/uploads/what-we-believe-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(3) .back { background: url('https://21designs.com.au/wp-content/uploads/creative-skills-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(4) .back { background: url('https://21designs.com.au/wp-content/uploads/technical-ability-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-about-menu-container ul li:nth-of-type(5) .back { background: url('https://21designs.com.au/wp-content/uploads/business-experience-current-180x180.png') transparent top center no-repeat; background-size: 60px; }

#sub-navigation-menu .menu-about-menu-container ul li.current-menu-item:nth-of-type(1) .front { background-image: url('https://21designs.com.au/wp-content/uploads/who-we-are-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-about-menu-container ul li.current-menu-item:nth-of-type(2) .front { background-image: url('https://21designs.com.au/wp-content/uploads/what-we-believe-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-about-menu-container ul li.current-menu-item:nth-of-type(3) .front { background-image: url('https://21designs.com.au/wp-content/uploads/creative-skills-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-about-menu-container ul li.current-menu-item:nth-of-type(4) .front { background-image: url('https://21designs.com.au/wp-content/uploads/technical-ability-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-about-menu-container ul li.current-menu-item:nth-of-type(5) .front { background-image: url('https://21designs.com.au/wp-content/uploads/business-experience-current-180x180.png'); opacity: 1; }

#sub-navigation-menu .menu-about-menu-container ul li.current-menu-item a {
	color: #f60;
}

#sub-navigation-menu .menu-about-menu-container ul li:hover a {
	color: #f60;
}

#sub-navigation-menu .menu-about-menu-container ul li ul { display: none; }
#sub-navigation-menu .menu-about-menu-container ul li ul li { list-type: none; }
#sub-navigation-menu .menu-about-menu-container ul li ul { display: none; }
#sub-navigation-menu .menu-about-menu-container ul li ul li { list-type: none; }

/* ------------------------------
   Web Design Menu
   ------------------------------ */

#sub-navigation-menu .menu-web-design-container ul { padding: 0; margin: 0; text-align: center; }
#sub-navigation-menu .menu-web-design-container ul li {
	list-type: none;
	padding: 0;
	margin: 0 auto;
	vertical-align: top;
	display: inline-block;
	-webkit-transition: all 0.1s ease-out;
}

#sub-navigation-menu .menu-web-design-container ul li a {
	display: inline-block;
	min-width: 90px;
	max-width: 120px;
	line-height: 1.6;
	margin: 0 15px;
	padding: 0;
	background: transparent;color: #444;
	-webkit-transition: all 0.1s ease-out;
}

#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(1) .front { overflow: hidden; background: url('https://21designs.com.au/wp-content/uploads/content-management-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(2) .front { background: url('https://21designs.com.au/wp-content/uploads/online-store-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(3) .front { background: url('https://21designs.com.au/wp-content/uploads/membership-social-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(4) .front { background: url('https://21designs.com.au/wp-content/uploads/mobile-friendly-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(5) .front { background: url('https://21designs.com.au/wp-content/uploads/portfolio-180x180.png') transparent top center no-repeat; background-size: 60px; }

#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(1) .back { overflow: hidden; background: url('https://21designs.com.au/wp-content/uploads/content-management-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(2) .back { background: url('https://21designs.com.au/wp-content/uploads/online-store-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(3) .back { background: url('https://21designs.com.au/wp-content/uploads/membership-social-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(4) .back { background: url('https://21designs.com.au/wp-content/uploads/mobile-friendly-current-180x180.png') transparent top center no-repeat; background-size: 60px; }
#sub-navigation-menu .menu-web-design-container ul li:nth-of-type(5) .back { background: url('https://21designs.com.au/wp-content/uploads/portfolio-current-180x180.png') transparent top center no-repeat; background-size: 60px; }

#sub-navigation-menu .menu-web-design-container ul li.current-menu-item:nth-of-type(1) .front { background-image: url('https://21designs.com.au/wp-content/uploads/content-management-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-web-design-container ul li.current-menu-item:nth-of-type(2) .front { background-image: url('https://21designs.com.au/wp-content/uploads/online-store-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-web-design-container ul li.current-menu-item:nth-of-type(3) .front { background-image: url('https://21designs.com.au/wp-content/uploads/membership-social-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-web-design-container ul li.current-menu-item:nth-of-type(4) .front { background-image: url('https://21designs.com.au/wp-content/uploads/mobile-friendly-current-180x180.png'); opacity: 1; }
#sub-navigation-menu .menu-web-design-container ul li.current-menu-item:nth-of-type(5) .front { background-image: url('https://21designs.com.au/wp-content/uploads/portfolio-current-180x180.png'); opacity: 1; }

#sub-navigation-menu .menu-web-design-container ul li:hover a { color: #f60; }

#sub-navigation-menu .menu-web-design-container ul li ul { display: none; }
#sub-navigation-menu .menu-web-design-container ul li ul li { list-type: none; }
#sub-navigation-menu .menu-web-design-container ul li ul { display: none; }
#sub-navigation-menu .menu-web-design-container ul li ul li { list-type: none; }


.flip-container { perspective: 1000; }
.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); }
.flip-container, .front, .back { width: 100%; height: 80px; }
.flipper { transition: 0.3s; transform-style: preserve-3d; position: relative; }
.front, .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; }
.front { z-index: 2; transform: rotateY(0deg); }
.back { transform: rotateY(180deg); }


#site-navigation-user ul,
#site-navigation-social  ul { text-align: center; margin: 0 auto; width: 100%; }

#site-navigation-user ul li,
#site-navigation-social ul li { margin: 0; padding: 0 10px; display: inline-block; list-style: none; color: #444; }

#site-navigation-user ul li a,
#site-navigation-social ul li a { margin: 0; padding: 0; color: #444; font-size: 11px; line-height: 60px; display: inline-block; }

#site-navigation-user ul li a:hover,
#site-navigation-user ul li a:hover:before,
#site-navigation-social ul li a:hover,
#site-navigation-social ul li a:hover:before { color: #f60; }

#site-navigation-user ul li a:before,
#site-navigation-social ul li a:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #444;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#site-navigation-user ul li:nth-of-type(1) a:before { content: "\f023"; }
#site-navigation-user ul li:nth-of-type(2) a:before { content: "\f007"; }
#site-navigation-user ul li:nth-of-type(3) a:before { content: "\f013"; }

#site-navigation-user .current-menu-item a,
#site-navigation-user .current-menu-item a:before { color: #f80; }


#site-navigation-social ul li:nth-of-type(1) a:before { content: "\f09a"; }
#site-navigation-social ul li:nth-of-type(1) a:hover, #site-navigation-social ul li:nth-of-type(1) a:hover:before { color: #4060ff; }
#site-navigation-social ul li:nth-of-type(2) a:before { content: "\f0d5"; }
#site-navigation-social ul li:nth-of-type(2) a:hover, #site-navigation-social ul li:nth-of-type(2) a:hover:before { color: #f00; }
#site-navigation-social ul li:nth-of-type(3) a:before { content: "\f099"; }
#site-navigation-social ul li:nth-of-type(3) a:hover, #site-navigation-social ul li:nth-of-type(3) a:hover:before { color: #40bfff; }
#site-navigation-social ul li:nth-of-type(4) a:before { content: "\f167"; }
#site-navigation-social ul li:nth-of-type(4) a:hover, #site-navigation-social ul li:nth-of-type(4) a:hover:before { color: #b00; }
#site-navigation-social ul li:nth-of-type(5) a:before { content: "\f095"; }
#site-navigation-social ul li:nth-of-type(5) a:hover, #site-navigation-social ul li:nth-of-type(5) a:hover:before { color: #f80; }

#site-navigation-social .current-menu-item a, #site-navigation-social .current-menu-item a:before { color: #f80; }

#breadcrumbs {
	font-size: 14px;
	line-height: 45px;
	color: #aaa;
	background: rgba( 248, 248, 248, 0.5 );
	text-align: center;
	position: absolute;
	z-index: 98;
	top: 40px;
	width: 100%;
	height: 45px;
	overflow: hidden;
}

#breadcrumbs .inner { width: 100%; max-width: 1280px; margin: 0 auto; }
#breadcrumbs .inner a { color: #aaa; }
#breadcrumbs .inner a:hover { color: #f60; }
#breadcrumbs .inner i { margin: 0 5px; }
.home #breadcrumbs { display: none; }
.breadcrumb_last { color: #000; }

#subscriber-panel {
	position: fixed;
	z-index: 98;
	bottom: 0px;
	z-index: 98;
	border-top: 1px solid #000;
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: rgba(0,0,0,0.85);
	-webkit-transition: all 0.4s ease-out;
}

.subscriber-form {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	opacity: 0.65;
	text-align: center;
	-webkit-transition: all 0.4s ease-out;
}

.subscriber-form .widget {
	margin: 0;
}

.subscriber-form .wpcf7 form {
	text-align: right;
	background: transparent;
	width: 55%;
	height: 50px;
	padding: 10px;
}

.subscriber-form .wpcf7 form p {
	margin: 0;
}

.subscriber-form .wpcf7 form input {
	font-size: 12px;
}

.subscriber-form .wpcf7 form input[type="text"],
.subscriber-form .wpcf7 form input[type="email"] {
	font-family: Ubuntu, helvetica, sans-serif;
	padding-left: 10px;
	border-color: #888;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background: #444;
	color: #fff;
	max-width: 240px;
	margin-right: 10px;
}

.subscriber-form .wpcf7 form input[type="submit"] {
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #888;
    background: #444;
    text-shadow: none;
    color: #fff;
}

.subscriber-form .wpcf7 form .ajax-loader {
	position: absolute;
	margin-left: 300px;
	margin-top: 18px;
}

.subscriber-form img {
	position: absolute;
	margin-top:-10px;
	margin-right: -20px;
}

.subscriber-form h1.widget-title {
	float: right;
	text-align: left;
	width: 44%;
	font-family: 'Gloria Hallelujah', cursive;
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 0;
}

.subscriber-form .wpcf7-response-output { position: absolute; z-index: 999; left: calc(50% - 640px); width: 1280px; text-align: center; margin: 20px 0 0 0; border: none; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 13px; padding: 10px; }
.subscriber-form .wpcf7-response-output:after { 
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.subscriber-form .wpcf7 form p {
	position: relative;
	display: inline;
}

.wpcf7-not-valid-tip {
	position: absolute;
	top: -10px;
	left: -475px;
	width: 210px;
	color: #fff !important;
	font-size: 13px !important;
	background: #000;
	text-align: center;
	border-radius: 0px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
	cursor: pointer;
	opacity: 0.8;
	padding: 10px;
	z-index: 999;
}
.wpcf7-not-valid-tip a { color: #f80; }
.wpcf7-not-valid-tip:after {
	content: '';
	position: absolute;
	top: 22px;
	left: 100%;
	margin-top: -8px;
	width: 0; height: 0;
	border-left: 8px solid #000000;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.contact-form .wpcf7-not-valid-tip {

	left: 320px;

}

.contact-form .wpcf7-not-valid-tip:after {

	right: 100%;

	left: auto;

	border-right: 8px solid #000000;
	border-left: none;

}

.home header h1 {
	margin-top: 20px;
	font-size: 36px;
	font-weight: 800;
}

/*

*/




/* ------------------------------
   Widgets
   ------------------------------ */

.widget { margin: 0 0 10px 0; }
.widget ul { margin: 0; }
.widget ul li { margin: 10px 0 5px 0; font-size: 18px; }
.widget ul li a, .widget ul li a:before { color: #f60; }
.widget ul li a:before { font-family: FontAwesome; content: '\f0da'; position: absolute; margin-left: -10px; }
.widget ul li ul li { font-size: 16px; }
.widget ul li ul li a:before { font-family: FontAwesome; content: ''; position: absolute; margin-left: -10px; }
.widget ul li ul li a, .widget ul li ul li a:before { color: #666; }
.widget ul li ul li { font-size: 14px; }
.widget ul li ul li ul li a:before { font-family: FontAwesome; content: '\f105'; position: absolute; margin-left: -10px; }
.widget ul li ul li ul li a, .widget ul li ul li ul li a:before { color: #aaa; }


/* ------------------------------
   Custom Layouts
   ------------------------------ */

.one-half { width: 48%; margin: 2% 1% 0 1%; float: left; }
.one-third { width: 29%; margin: 2% 2% 0 2%; float: left; }
.two-thirds { width: 62%; margin: 2% 2% 0 2%; float: left; }
.one-quarter { width: 21%; margin: 2% 2% 0 2%; float: left; }
.three-quarters { width: 71%; margin: 2% 2% 0 2%; float: left; }
.one-fifth { width: 16%; margin: 2% 2% 0 2%; float: left; }
.two-fifths { width: 36%; margin: 2% 2% 0 2%; float: left; }
.three-fifths { width: 56%; margin: 2% 2% 0 2%; float: left; }
.four-fifths { width: 76%; margin: 2% 2% 0 2%; float: left; }
.one-sixth { width: 12.66%; margin: 2% 2% 0 2%; float: left; }
.two-sixths { width: 29%; margin: 2% 2% 0 2%; float: left; }
.three-sixths { width: 46%; margin: 2% 2% 0 2%; float: left; }
.four-sixths { width: 62.66%; margin: 2% 2% 0 2%; float: left; }
.five-sixths { width: 79.33%; margin: 2% 2% 0 2%; float: left; }
.last { clear: both; }

.boxed {
	border: 2px solid #eee;
	border-radius: 4px;
	padding: 20px;
}

.boxed-image {
	border: 2px solid #eee;
	border-radius: 4px;
	padding: 20px;
}

.boxed-image h2,
.boxed-image h3,
.boxed-image h4,
.boxed-image h5,
.boxed-image h6 {
	margin-top: 0;
	clear: none;
}

.boxed-image img {
	margin-bottom: 20px;
	border-radius: 4px;
}





/* ------------------------------
   Content
   ------------------------------ */

.entry-header img, .post-entry img {
	border: 1px solid #d8d8d8;
	padding: 5px;
}

.entry-header .gallery {
	margin: 1em 0;
}

.entry-header .gallery-columns-4 .gallery-item {
	width: 24%;
}

.entry-header .gallery-item img {
	float: none;
	border: none;
	margin: 0;
	padding: 0;
}

.gallery .gallery-item .gallery-icon {
	padding: 0 20px;
}

.entry-title { color: #1a3466; font-size: 28px; line-height: 50px; }

.site-title { display: inline-block; margin: 0 0 0 180px; color: #fff; font-size: 60px; font-family: 'Roboto Slab', serif; text-shadow: 2px 2px 2px #444; }
.site-title a { color: #fff; }
.site-description { display: inline-block; margin: 0; color: #1a3466; font-size: 18px; font-family: Ubuntu, helvetica, sans-serif; font-weight: 700; text-shadow: 1px 1px 1px #cce7ff; float: right; line-height: 100px; }

#content { margin: 120px auto; padding: 0; width: 100%; max-width: 1280px; transition: all .25s ease-out; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; }

.page-content blockquote,
.entry-header blockquote,
.entry-content blockquote,
.entry-summary blockquote {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	margin: 0 15%;
	padding: 2%;
	/* background: #f4f4f4; */
	/* border: 1px solid #eee; */
	border-radius: 5px;
	color: #bbb;
	font-style: italic;
	z-index: 1;
	position: relative;
}

.page-content blockquote p,
.entry-header blockquote p,
.entry-content blockquote p,
.entry-summary blockquote p {
	margin: 0;
	padding: 0;
}

.page-content ul,
.entry-header ul,
.entry-content ul,
.entry-summary ul {
	list-style: none;
}

.page-content ul li,
.entry-header ul li,
.entry-content ul li,
.entry-summary ul li {
	margin: 12px 0;
}

.entry-content ul li:before,
.entry-summary ul li:before {
	position: absolute;
	margin-left: -30px;
	font-family: FontAwesome;
	content: '\f061';
	color: #f60;
}

.wp-caption .wp-caption-text { margin: 0; font-size: 10px; background: #eee; color: #555; padding: 5px 5px 10px 5px; }

.portfolio-images .wp-block-image figcaption {
	font-weight: 600;
	font-size: 2rem;
	margin: 1rem 0 0 0;
}

.portfolio-images .wp-block-image figcaption a {
	color: #fff;
}

.portfolio-images .wp-block-image img {
	border: 3px solid #fff;
}

.wp-block-columns.portfolio-images {
	width: 100vw;
	transform: translateX(-50%);
	margin-left: 50%;
	padding: 60px 80px 20px 80px;
	background: #222;
}

.page-template-default #primary,
.page-template-front-page #primary,
.page-template-about #primary,
.page-template-webdesign #primary,
.page-template-webdevelopment #primary,
.page-template- #primary,
.page-template-webhosting #primary,
.page-template-onlinemarketing #primary {
	padding-right: 0;
}

#primary .entry-title,
#primary .entry-meta,
#primary .entry-extras {
/*	display: block; */
}

.page-template-default #primary .entry-title,
.page-template-front-page #primary .entry-title,
.page-template-about #primary .entry-title,
.page-template-webdesign #primary .entry-title,
.page-template-webdevelopment #primary .entry-title,
.page-template- #primary .entry-title,
.page-template-webhosting #primary .entry-title,
.page-template-onlinemarketing #primary .entry-title {
	display: inline-block;
	width: 100%;
}

#secondary { font-size: 12px; color: #555; }
#secondary h1, #secondary h2, #secondary h3, #secondary h4, #secondary .entry-title { margin: 0 0 10px; }
#secondary ul { margin: 0 0 0 15px; padding: 0; }
#secondary ul li { list-style: none; margin: 0; padding: 0; }
#secondary ul li .post-date { display: block; margin-bottom: 5px; color: #f60; font-size: 11px; }
#secondary img { border: 2px solid #d8d8d8; border-radius: 7px; padding: 5px; }
#secondary .search-field { width: calc(100% - 10px); height: 28px; line-height: 28px; padding-left: 8px; font-size: 14px; border: 1px solid #aaa; }

.entry-title, .entry-title a:link, .entry-title a:hover, .entry-title a:visited { margin: 0; font-family: 'Roboto Slab', serif; font-weight: 800; color: #000; text-align: center; font-size: 36px; line-height: 48px; }
.page-content, .entry-content, .entry-summary { margin-top: 0 0 30px 0; }

.entry-meta {
	margin: 0;
	line-height: 2.2;
	padding-left: 15px;
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
}

.entry-extras { margin: 10px 0 0 0; padding-left: 10px; }
.entry-extras span { line-height: 14px; }
.entry-meta i, .entry-extras i { color: #aaa; margin-right: 10px; }
.posted-on, .entry-date, .byline, .meta-categories, .meta-tags, .meta-rss { color: #aaa; font-size: 13px; line-height: 30px; }
.meta-tags a { margin-right: 2px; }
.meta-tags a:after { content: ', '; }
.meta-tags a:last-child:after { content: ''; }
.posted-on time, .entry-date a, .byline a, .meta-categories a, .meta-tags a, .meta-rss a { color: #f60; }

article footer {
	border-top: 1px solid #ddd;
	padding-top:5px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #aaa;
	font-size: 12px;
    float: left;
}

#slideshow {
	position: relative;
	top: 60px;
	font-family: 'Roboto Slab', sans-serif;
	z-index: 96;
}

.forcefullwidth_wrapper_tp_banner {
	background: #fff;
}

.button { font-family: 'Roboto Slab', sans-serif; display: block; margin: 20px auto 0 auto; line-height: 30px; font-size: 20px; font-weight: 700; text-align: center; color: #fff !important; text-shadow: 1px 1px 2px #000; padding: 12px 20px; max-width: 360px; min-width: 180px; background: #f60; border-radius: 4px; }
.button:hover { background: #000; }


#slideshow .slide-greatwebsites-heading { font-size: 60px; color: #000000; font-weight: 800; text-align: center; }
#slideshow .slide-greatwebsites-tagline { font-size: 30px; line-height: 36px; font-weight: 800; color: #ff6600; text-align: center; }
#slideshow .slide-greatwebsites-text { font-size: 20px; line-height: 36px; font-weight: 400; color: #333333; text-align: center; }

#slideshow .slide-websecurity-heading { font-size: 48px; color: #000000; font-weight: 800; text-align: center; }
#slideshow .slide-websecurity-tagline { font-size: 30px; line-height: 36px; font-weight: 800; color: #ff6600; text-align: center; width: 800px; }
#slideshow .slide-websecurity-features-title { font-size: 24px; line-height: 48px; font-weight: 800; color: #000000; text-align: left; width: 800px; }
#slideshow .slide-websecurity-features-list { width: 800px; }
#slideshow .slide-websecurity-features-list li { font-size: 20px; line-height: 32px; font-weight: 400; color: #333333; text-align: left; position: initial; visibility: visible; list-style: disc; }

#slideshow-shadow-main { position: fixed; z-index: 98; display: block; width: 100%; height: 60px; top: 60px; left: 0; margin: 0; padding: 0; background: url('../images/shadow-slideshow-main.png') top center no-repeat; background-size: 100%; }
#slideshow-shadow-top { position: fixed; z-index: 98; display: block; width: 100%; height: 90px; left: 0; margin: -50px 0 0 0; padding: 0; background: url('../images/shadow-slideshow-top.png') top center no-repeat; background-size: 100%; }
#slideshow-shadow-bottom { position: absolute; z-index: 98; width: 100%; height: 90px; margin: -30px 0 0 0; padding: 0; background: url('../images/shadow-slideshow-bottom.png') bottom center no-repeat; background-size: 100%; }

#mini-slideshow { position: relative; top: 60px; z-index: 97; }
#mini-slideshow-shadow-top { position: relative; z-index: 98; display: block; width: 100%; height: 60px; margin: 0; padding: 0; background: url('../images/shadow-slideshow-top.png') top center no-repeat; background-size: 100%; }
#mini-slideshow-shadow-bottom { position: relative; z-index: 98; display: block; width: 100%; height: 90px; top: 150px; margin: 0; padding: 0; background: url('../images/shadow-slideshow-bottom.png') bottom center no-repeat; background-size: 100%; }

/* Homepage form */
.wpcf7 form {
	/* border: 1px solid #ccc; */
	padding: 12px;
	width: 266px;
	height: 276px;
	display: inline-block;
	/* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; */
	background: #e8e8e8;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top, #e8e8e8 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top, #e8e8e8 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom, #e8e8e8 0%,#f4f4f4 100%);
}
.form-text { text-align: center; margin: 0 auto; }
.form-text .your-site, .form-select .type-of-site, .form-select .type-of-work { display: none !important; }
.form-text input { width: 205px; font-size: 12px; color: #777; margin: 3px auto !important; }
.form-text input {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px 8px !important;
}
.form-select { width: 100%; text-align: center; margin: 0 auto; }
.form-select select { width: 222px; line-height: 30px; font-size: 12px; color: #777; margin: 3px auto !important; }
.form-select select {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px !important;
}
.form-textarea { width: 100%; text-align: center; margin: 0 auto; }
.form-textarea textarea { width: 209px; height: 70px; font-size: 12px; color: #777; margin: 3px auto !important; }
.form-submit { width: 240px; text-align: center; position: relative; display: inline-block; }
.form-submit input {
	color: #595a5a !important;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);
	border: 1px solid #c3c3c3;
	text-shadow: 1px 1px 1px #fff;
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
	position: relative;
	font-weight: bold !important;
	font-size: 12px;
	display: inline-block;
	line-height: 26px !important;
	padding: 1px 20px 1px 40px!important;
	text-decoration: none !important;
	margin: 15px 70px 0 70px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	-webkit-transition: all 0.2s ease-out;
}

.feature-title { font-family: 'Gloria Hallelujah', cursive; font-weight: bold; line-height: 42px; }

.feature-icon {
	display: block;
	/* float: right; */
	width: 240px;
	height: 240px;
	margin: 0 auto;
	text-align: center;
}
.feature-icon img {
	-webkit-transition: all 0.2s ease-out;
	width: 180px;
	height: 180px;
}

.feature-icon:hover img {
	width: 240px;
	height: 240px;
}

.feature-icon:hover h3 {
	color: #f60;
}


/**
 * Feature images with magazine style descriptions
 *
 */

.feature-with-text,
.round-feature-with-text {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.feature-with-text figure,
.round-feature-with-text figure {
	overflow: hidden;
	width: 300px;
}

.round-feature-with-text figure {
	border-radius: 50%;
	box-shadow: 0 0 16px rgba(0,0,0,0.15);
	border: 13px solid #fff;
	transition: all .75s ease-in-out;
	-webkit-transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	-o-transition: all .75s ease-in-out;
}

.round-feature-with-text figure:hover {
	transform: rotateZ(360deg);
}

.feature-with-text,
.round-feature-with-text {
	grid-template-columns: 360px auto;
}

.feature-with-text.has-media-on-the-right,
.round-feature-with-text.has-media-on-the-right {
	grid-template-columns: auto 330px;
}

.feature-with-text div,
.round-feature-with-text div {
	text-align: left;
}

.feature-with-text.has-media-on-the-right div,
.round-feature-with-text.has-media-on-the-right div {
	text-align: right;
}

.feature-with-text .has-medium-font-size,
.round-feature-with-text .has-medium-font-size {
	font-size: 2rem;
	line-height: 1.8;
}

.has-medium-font-size {
	font-size: 2rem;   
}

.feature-with-text p,
.round-feature-with-text p {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.feature-with-text .has-medium-font-size strong,
.round-feature-with-text .has-medium-font-size strong {
	font-size: 2.4rem;
	line-height: 2.4;
	color: #f60;
	display: block;
}

/* ------------------------------
   Portfolio
   ------------------------------ */





/* Price Tables */

.pricetable h3.pricetable-name {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
}

.pricetable h4.pricetable-price {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px !important;
	font-weight: 400;
	font-style: normal !important;
	color: #fff !important;
	background-color: #333 !important;
}

.pricetable h4.pricetable-price {
    color: #888888;
    font-size: 14px;
    border: 1px solid #efefed;
    border-width: 1px 0;
    background-color: #fbfaf8;
    padding: 10px 0;
    text-align: center;
    font-style: italic;
}

.pricetable .pricetable-header p {
	font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0;
    padding: 15px;
	background-color: #bbbbbb !important;
}

.pricetable .pricetable-feature {
	font-family: 'Roboto Slab', sans-serif;
    font-size: 14px;
    color: #444;
    text-align: center;
}

.pricetable .pricetable-button-container a {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 30px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	width: 90%;
	display: block;
	margin: 10px auto;
	padding: 12px;
	background: #f80;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.pricetable .pricetable-featured .pricetable-button-container a {
	background: #000;
}

.pricetable .pricetable-button-container a {
	border: none;
	box-shadow: none;
}

.pricetable .pricetable-button-container a:hover {
	background: #000;
}

.pricetable .pricetable-featured .pricetable-button-container a:hover {
	background: #f40;
}

.pricetable .pricetable-button-container a .pricetable-gradient {
	background: transparent;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pricetable .pricetable-button-container a:hover .pricetable-gradient {
	border-color: transparent;
	background: transparent;
	filter: none;
}

.pricetable .pricetable-button-container a .pricetable-gradient, .pricetable .pricetable-button-container a .pricetable-noise {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.pricetable .pricetable-button-container .pricetable-noise {
	padding: 0;
	background: none;
}

.pricetable .pricetable-column.pricetable-featured {
    border: 1px solid #d3d3d3;
    padding: 4px 0;
    background: #f4f0e8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pricetable .pricetable-column.pricetable-featured .pricetable-column-inner {
    background: #f4f0e8;
}

#site-footer {
	width: 100%;
	background: #333;
	margin-top: 30px;
	padding: 30px;
	color: #fff;
	text-align: center;
}

#site-footer ul {
	list-style: none;
	text-align: left;
}

#site-footer .widget ul li {
    margin: 5px 0 0 15px;
    font-size: 16px;
}

#site-footer .widget ul li ul li {
    margin: 5px 0 0 25px;
    font-size: 14px;
}

#site-footer h1, #site-footer h3 {
	text-align: left;
	color: #f80;
}

#site-footer h2, #site-footer h4 {
	text-align: left;
	color: #ccc;
}

#site-footer a {
	color: #fff;
}

#site-footer a:hover {
	color: #f60;
}

#site-footer .footer-columns {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 20px auto;
}

#site-footer .footer-columns .footer-column {
	float: left;
	width: 21%;
	margin: 0 2%;
}

#site-footer .footer-columns .widget_simpleimage p {
	text-align: left;
}

#site-footer .footer-columns .widget_simpleimage p img {
	max-width: 150px;
	float: left;
	margin: 0 0 80px -60px;
}

#site-footer .site-info {
	font-size: 13px;
	color: #ccc;
	text-align: center;
	margin: 20px auto;
	padding-top: 20px;
	border-top: 1px solid #444;
}

#site-footer #footer-column-1 h3,
#site-footer #footer-column-4 h3 {
	text-align: center;
}

#site-footer .organisation-data {
	text-align: center;
}

#site-footer .organisation-data p {
	margin: 10px 0 0 0;
}

#site-footer .organisation-data h5,
#site-footer .organisation-data h6 {
	font-family: 'Roboto Slab', serif;
	margin: 10px 0;
	color: #fa0;
}

#site-footer .organisation-data .google-plus-logo {
	width: 100%;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url( '../images/official-full-google-plus-logo.png' ) transparent center center no-repeat;
	background-size: contain;
}

#site-footer .organisation-data .glyphicon {
	font-size: 24px;
	color: #fa0;
}



/* ------------------------------
   Page Template Specific
   ------------------------------ */

.post-entry {
	clear: both;
	margin: 20px 0;
}

.post-entry .entry-title,
.post-entry .entry-meta,
.post-entry .entry-extras {
	display: block;
	width: 100%;
}

.post-entry h1.entry-title {
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 20px;
}

.post-entry h2.entry-title {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}

.archive .entry-title,
.archive .entry-title a:link,
.archive .entry-title a:hover,
.archive .entry-title a:visited,
.single .entry-title,
.single .entry-title a:link,
.single .entry-title a:hover,
.single .entry-title a:visited,
.page-template-blog-home .entry-title,
.page-template-blog-home .entry-title a:link,
.page-template-blog-home .entry-title a:hover,
.page-template-blog-home .entry-title a:visited,
.page-template-snippets-home .entry-title,
.page-template-snippets-home .entry-title a:link,
.page-template-snippets-home .entry-title a:hover,
.page-template-snippets-home .entry-title a:visited,
.page-template-portfolio-home .entry-title,
.page-template-portfolio-home .entry-title a:link,
.page-template-portfolio-home .entry-title a:hover,
.page-template-portfolio-home .entry-title a:visited { text-align: left; }


#term-container { text-align: center; }
#term-container, #post-container {
	float: left;
	padding-top: 20px;
	border-top: 1px solid #d8d8d8;
	margin: 20px auto;
}
.term-entry { width: 240px; margin: 0 20px; padding: 20px 5px; display: inline-block; border: 2px solid #d8d8d8; }

.prev-next-posts { clear: both; position: relative; border-top: 1px solid #d8d8d8; margin: 20px 0; padding-top: 20px; float: right; }
.page-numbers { border: 1px solid #ccc; display: inline-block; padding: 0 10px; background: #f4f4f4; font-size: 12px; line-height: 24px; }
.page-numbers.current { border: 1px solid #000; background: #555; color: #fff;  }
.prev.page-numbers { border: 1px solid #000; background: #555; color: #fff; float: left; margin-right: 5px; }
.next.page-numbers { border: 1px solid #000; background: #555; color: #fff; float: right; margin-left: 5px; }
.prev.page-numbers i, .next.page-numbers i { position: relative; top: 1px; }
.page-num { position: absolute; top: -10px; width: 100%; left: 0; text-align: center; color: #aaa; }

/* ------------------------------
   Widget Specific
   ------------------------------ */

#myCanvasContainer { margin-top: -15px; }
/* .widget_cardoza_3d_tagcloud h1 { display: none; } */