@font-face {
font-family: 'fontello';
src: url(//www.cosmictc.com.au/wp-content/plugins/themedy-toolbox/fonts/fontello/font/fontello.eot?87432099);
src: url(//www.cosmictc.com.au/wp-content/plugins/themedy-toolbox/fonts/fontello/font/fontello.eot?87432099#iefix) format('embedded-opentype'),
url(//www.cosmictc.com.au/wp-content/plugins/themedy-toolbox/fonts/fontello/font/fontello.woff?87432099) format('woff'),
url(//www.cosmictc.com.au/wp-content/plugins/themedy-toolbox/fonts/fontello/font/fontello.ttf?87432099) format('truetype'),
url(//www.cosmictc.com.au/wp-content/plugins/themedy-toolbox/fonts/fontello/font/fontello.svg?87432099#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="ja-social-icon-"]:before, [class*=" ja-social-icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
display: inline;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;    }
.ja-social-icon-duckduckgo:before { content: '\21'; } .ja-social-icon-aim:before { content: '\22'; } .ja-social-icon-delicious:before { content: '\23'; } .ja-social-icon-paypal:before { content: '\24'; } .ja-social-icon-flattr:before { content: '\25'; } .ja-social-icon-android:before { content: '\26'; } .ja-social-icon-eventful:before { content: '\27'; } .ja-social-icon-smashmag:before { content: '\2a'; } .ja-social-icon-gplus:before { content: '\2b'; } .ja-social-icon-wikipedia:before { content: '\2c'; } .ja-social-icon-lanyrd:before { content: '\2d'; } .ja-social-icon-calendar:before { content: '\2e'; } .ja-social-icon-stumbleupon:before { content: '\2f'; } .ja-social-icon-fivehundredpx:before { content: '\30'; } .ja-social-icon-pinterest:before { content: '\31'; } .ja-social-icon-bitcoin:before { content: '\32'; } .ja-social-icon-w3c:before { content: '\33'; } .ja-social-icon-foursquare:before { content: '\34'; } .ja-social-icon-html5:before { content: '\35'; } .ja-social-icon-ie:before { content: '\36'; } .ja-social-icon-call:before { content: '\37'; } .ja-social-icon-grooveshark:before { content: '\38'; } .ja-social-icon-ninetyninedesigns:before { content: '\39'; } .ja-social-icon-forrst:before { content: '\3a'; } .ja-social-icon-digg:before { content: '\3b'; } .ja-social-icon-spotify:before { content: '\3d'; } .ja-social-icon-reddit:before { content: '\3e'; } .ja-social-icon-guest:before { content: '\3f'; } .ja-social-icon-gowalla:before { content: '\40'; } .ja-social-icon-appstore:before { content: '\41'; } .ja-social-icon-blogger:before { content: '\42'; } .ja-social-icon-cc:before { content: '\43'; } .ja-social-icon-dribbble:before { content: '\44'; } .ja-social-icon-evernote:before { content: '\45'; } .ja-social-icon-flickr:before { content: '\46'; } .ja-social-icon-google:before { content: '\47'; } .ja-social-icon-viadeo:before { content: '\48'; } .ja-social-icon-instapaper:before { content: '\49'; } .ja-social-icon-weibo:before { content: '\4a'; } .ja-social-icon-klout:before { content: '\4b'; } .ja-social-icon-linkedin:before { content: '\4c'; } .ja-social-icon-meetup:before { content: '\4d'; } .ja-social-icon-vk:before { content: '\4e'; } .ja-social-icon-plancast:before { content: '\50'; } .ja-social-icon-disqus:before { content: '\51'; } .ja-social-icon-rss:before { content: '\52'; } .ja-social-icon-skype:before { content: '\53'; } .ja-social-icon-twitter:before { content: '\54'; } .ja-social-icon-youtube:before { content: '\55'; } .ja-social-icon-vimeo:before { content: '\56'; } .ja-social-icon-windows:before { content: '\57'; } .ja-social-icon-xing:before { content: '\58'; } .ja-social-icon-yahoo:before { content: '\59'; } .ja-social-icon-chrome:before { content: '\5b'; } .ja-social-icon-email:before { content: '\5d'; } .ja-social-icon-macstore:before { content: '\5e'; } .ja-social-icon-myspace:before { content: '\5f'; } .ja-social-icon-podcast:before { content: '\60'; } .ja-social-icon-amazon:before { content: '\61'; } .ja-social-icon-steam:before { content: '\62'; } .ja-social-icon-cloudapp:before { content: '\63'; } .ja-social-icon-dropbox:before { content: '\64'; } .ja-social-icon-ebay:before { content: '\65'; } .ja-social-icon-facebook:before { content: '\66'; } .ja-social-icon-github:before { content: '\67'; } .ja-social-icon-googleplay:before { content: '\68'; } .ja-social-icon-itunes:before { content: '\69'; } .ja-social-icon-plurk:before { content: '\6a'; } .ja-social-icon-songkick:before { content: '\6b'; } .ja-social-icon-lastfm:before { content: '\6c'; } .ja-social-icon-gmail:before { content: '\6d'; } .ja-social-icon-pinboard:before { content: '\6e'; } .ja-social-icon-openid:before { content: '\6f'; } .ja-social-icon-quora:before { content: '\71'; } .ja-social-icon-soundcloud:before { content: '\73'; } .ja-social-icon-tumblr:before { content: '\74'; } .ja-social-icon-eventasaurus:before { content: '\76'; } .ja-social-icon-wordpress:before { content: '\77'; } .ja-social-icon-yelp:before { content: '\79'; } .ja-social-icon-intensedebate:before { content: '\7b'; } .ja-social-icon-eventbrite:before { content: '\7c'; } .ja-social-icon-scribd:before { content: '\7d'; } .ja-social-icon-posterous:before { content: '\7e'; } .ja-social-icon-stripe:before { content: '\a3'; } .ja-social-icon-opentable:before { content: '\c7'; } .ja-social-icon-cart:before { content: '\c9'; } .ja-social-icon-print:before { content: '\d1'; } .ja-social-icon-angellist:before { content: '\d6'; } .ja-social-icon-instagram:before { content: '\dc'; } .ja-social-icon-dwolla:before { content: '\e0'; } .ja-social-icon-appnet:before { content: '\e1'; } .ja-social-icon-statusnet:before { content: '\e2'; } .ja-social-icon-acrobat:before { content: '\e3'; } .ja-social-icon-drupal:before { content: '\e4'; } .ja-social-icon-buffer:before { content: '\e5'; } .ja-social-icon-pocket:before { content: '\e7'; } .ja-social-icon-bitbucket:before { content: '\e9'; }.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.slides { font-size: 0; } .flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} .flexslider .slides img {max-width: 100%; width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { position: relative; zoom: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.flexslider .slide { overflow: hidden; }
.flexslider .slides { height: auto; }
.flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;}  .flexslider .slides .flex-caption img { width: auto; }
.flex-caption { width: 100%; }
.flex-caption .wrap { overflow: hidden; margin-top: 200px; } .flex-direction-nav li a { width: 40px; height: 75px; display: block; background-color: #ddd; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; background-repeat: no-repeat; z-index: 99;}
.flex-direction-nav li a:hover, .flex-direction-nav li a:active {opacity: 1; filter:alpha(opacity=100);}
.flex-direction-nav li .flex-next {right: 0; background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/lib/js/bg_direction_nav_right.png); background-position: 55% 50%; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.flex-direction-nav li .flex-prev {left: 0; background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/lib/js/bg_direction_nav_left.png); background-position: 45% 50%; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .flex-control-nav { position: absolute; bottom: -8px; left: 0; width: 100%; background: #eee; }
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a { width: 200px; height: 8px; display: block; background: #ddd; cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 1px 0px 0px 0px #fff; -moz-box-shadow: inset 1px 0px 0px 0px #fff; box-shadow: inset 1px 0px 0px 0px #fff;}
.flex-control-nav li:first-child a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.flex-control-nav li a:hover {background: #5f9ddc; -webkit-transition: background 0.15s linear;-moz-transition: background 0.15s linear;-o-transition: background 0.15s linear; transition: background 0.15s linear;}
.flex-control-nav li a.active {background: #5f9ddc; cursor: default;}body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
color: #555;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.5625;
margin: 0;
padding: 0;
text-decoration: none;
}
blockquote,
input,
select,
textarea,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input,
label,
select,
textarea {
color: #333;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 300;
}
li,
ol,
ul {
margin: 0;
padding: 0;
}
ol li {
list-style-type: decimal;
} a {
color: #79b800;
text-decoration: none;
-webkit-transition: color .4s ease-in-out;
-moz-transition: color .4s ease-in-out;
-ms-transition: color .4s ease-in-out;
-o-transition: color .4s ease-in-out;
transition: color .4s ease-in-out;
}
a:hover {
color: #000;
}
a img {
border: none;
} ::-moz-selection {
background-color: #96e400;
color: #fff;
}
::selection {
background-color: #96e400;
color: #fff;
} #wrap {
padding: 0;
}
.wrap {
width: 1060px;
margin: 0 auto;
clear: both;
} #header {
margin: 0 auto;
width: 100%;
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
color: #fff;
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-header.jpg) #3a3a3a;
border-bottom: 5px solid #84c900;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
-mox-box-shadow:  inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
min-height: 75px;
}
#title-area {
float: left;
overflow: hidden;
margin-right: 20px;
}
#title {
font-size: 30px;
line-height: 1.25;
margin: 0;
font-weight: 600;
}
#title a,
#title a:hover {
color: #fff;
text-decoration: none;
padding: 20px;
text-shadow: 1px 1px 0 rgba(0,0,0,.2);
display: block;
}
#title a,
body.header-image #header #title-area a {
background-color: #84c900;
-webkit-transition: background-color .5s ease-in-out;
-moz-transition: background-color .5s ease-in-out;
-ms-transition: background-color .5s ease-in-out;
-o-transition: background-color .5s ease-in-out;
transition: background-color .5s ease-in-out;
}
#title a:hover,
body.header-image #header #title-area a:hover {
background-color: #96e400;
}
#description {
display: none;
}
#header .widget-area {
display: none;
} .header-image #title-area,
.header-image #title {
display: block;
float: left;
overflow: hidden;
padding: 0;
}
#title-area .site-title.logo a {
display: inline-block;
}
.header-image #description {
display: block;
overflow: hidden;
} #nav {
color: #dcdcdc;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
#nav ul.menu {
float: right;
width: auto;
padding-top: 30px;
}
#nav ul.nav, #nav div.nav, #nav .nav {
float: right;
width: auto;
}
#nav .wrap {
clear: none;
padding: 0;
background: none;
width: auto;
}
#nav li {
float: left;
list-style-type: none;
}
#nav li a {
color: #ddd;
display: block;
font-size: 13px;
position: relative;
text-decoration: none;
line-height: 22px;
margin-left: 30px;
}
#nav li:first-child a {
margin-left: 0;
}
#nav li li a {
margin: 0;
text-shadow: none;
line-height: 20px;
text-transform: none;
}
#nav li:hover a,
#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item a {
color: #fff;
}
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background-color: #fff;
border: 1px solid #ddd;
border-top-width: 0;
color: #888;
font-size: 10px;
padding: 5px 10px;
position: relative;
width: 158px;
}
#nav li li a:hover,
#nav li li a:active,
#nav li .current_page_item a,
#nav li .current-cat a,
#nav li .current-menu-item a {
background-color: #f7f7f7;
color: #333;
border-color: #e6e6e6;
}
#nav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 180px;
z-index: 9999;
}
#nav li ul a {
width: 160px;
}
#nav li ul ul {
margin: -31px 0 0 179px;
}
#nav li:hover>ul,
#nav li.sfHover ul {
left: auto;
}
#nav .sub-menu {
border-top: 1px solid #e6e6e6;
}
.sf-sub-indicator {
display: none;
}
#mobile-menu {
clear: both;
padding: 20px;
text-align: center;
display: none;
}
#mobile-menu select {
width: 90%;
background: #fff;
border: 3px solid #222;
padding: 8px 5px;
display: inline-block;
-webkit-box-shadow:  0px 3px 0px 0px rgba(0, 0,0, 0.15);
-mox-box-shadow:  0px 3px 0px 0px rgba(0, 0,0, 0.15);
box-shadow:  0px 3px 0px 0px rgba(0, 0,0, 0.15);
-webkit-appearance: none;
height: 40px;
font-size: 14px;
} .menu li.right {
margin-left: 30px;
font-size: 13px;
line-height: 22px;
color: #fff;
}
.menu li.right a {
background: none;
border: none;
color: #333;
display: inline;
text-decoration: none;
}
.menu li.right a:hover {
color: #0d72c7;
text-decoration: none;
}
.menu li.date {
font-weight: 300;
}
.menu li.rss {
margin-left: 0;
}
.menu li.rss a {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/rss.png) no-repeat center left;
margin: 0 0 0 10px;
padding: 0 0 0 16px;
display: inline-block;
float: left;
}
.menu li.twitter {
margin-left: 0;
}
.menu li.twitter a {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/twitter-nav.png) no-repeat center left;
padding: 0 0 0 20px;
} #inner {
margin: 0 auto;
overflow: hidden;
clear: both;
}
#inner .wrap {
padding: 60px 0;
} #secondary_area {
padding: 40px 0;
background: #fff;
border-bottom: 1px solid #eee;
-webkit-box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
-mox-box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
}
#secondary_area .wrap h2,
#secondary_area .wrap h1 {
margin: 0;
font-size: 22px;
font-weight: 600;
}
#secondary_area .content {
margin-top: 20px;
}
#secondary_area .content,
#secondary_area .content p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
line-height: 36px;
} .homepage_template #inner {
display: none;
}
.slider_enabled #header {
z-index: 99999;
position: absolute;
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-header_slider.png) repeat-x top;
border: none;
-webkit-box-shadow: none;
-mox-box-shadow:  none;
box-shadow: none;
}
#featured-area {
min-height: 75px;
width: 100%;
top: 0;
z-index: 1;
background: #222;
}
.homepage-row .widgettitle,
#secondary_area h1,
#secondary_area h2,
.comments-title,
#reply-title,
.flex-caption h1,
.flex-caption h2,
.flex-caption h3 {
background: #26282b;
display: inline-block;
*display: inline;
zoom: 1;
padding: 10px 25px;
color: #fff;
text-transform: uppercase;
line-height: 38px;
margin-bottom: 40px;
font-weight: 300;
font-size: 30px;
}
.homepage-row p,
.homepage-row {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
line-height: 36px;
}
.homepage_template .section {
clear: both;
padding: 80px 0;
}
.section p {
margin-bottom: 20px;
}
#section-3 img {
margin-bottom: 20px;
}
#section-3 h4 {
font-weight: 300;
}
.section-columns {
padding-top: 50px;
margin-top: 50px;
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-sectionsep.png) no-repeat top;
}
.portfolio-grid {
width: 100%;
}
.portfolio-grid li {
width: 265px;
margin: 0;
padding: 0;
float: left;
text-align: center;
height: 200px;
overflow: hidden;
list-style: none;
}
.portfolio-grid li img {
display: block;
}
#portfolio-area {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-section.png) repeat;
color: #fff;
border: 5px solid #1a1b1d;
border-width: 5px 0;
}
#portfolio-area .homepage-row .widgettitle,
.flex-caption h1,
.flex-caption h2,
.flex-caption h3 {
background: #fff;
color: #272626;
text-shadow: none;
}
#portfolio-items {
clear: both;
}
#portfolio-controls {
margin-top: 20px;
float: right;
*display: none;
}
#portfolio-controls li {
float: left;
list-style: none; margin: 0 0 0 10px;
}
#portfolio-controls a {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-button_dark.png) repeat-x top;
display: inline-block;
color: #1e2021;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
line-height: 25px;
padding: 0 15px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255,255,255,.15);
border: 1px solid #282a2c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .25);
-mox-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .25);
box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .25);
}
#portfolio-controls li.selected a,
#portfolio-controls a:hover {
background-position: 0 -100px;
}
#portfolio-controls a:active,
#portfolio-controls li.selected a:active {
background-position: bottom;
}
.flex-caption,
.flex-caption p {
font-size: 16px;
text-shadow: 1px 1px 0 rgba(0,0,0,.3);
font-weight: 600;
}
.flex-caption,
.flex-caption p {
margin-bottom: 20px;
line-height: 30px;
color: #fff;
}
.flex-caption a {
color: #ddd;
}
.flex-caption a:hover {
text-decoration: underline;
}
.flex-caption h4,
.flex-caption h5,
.flex-caption h6 {
color: #fff;
font-size: 24px;
line-height: 46px;
margin-bottom: 20px;
}
.flex-caption h1,
.flex-caption h2,
.flex-caption h3 {
margin-bottom: 20px;
}
.flex-caption .button {
padding: 15px 25px;
text-shadow: none;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
.flexslider .slides .flex-caption img {
max-width: 50%;
margin-bottom: 0;
}
.flex-caption img {
max-width: 50%;
}
.flexslider:hover .flex-direction-nav {
opacity: 1;
}
.flexslider .flex-direction-nav {
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.flexslider .flex-direction-nav li a {
background-color: #555;
}
.flexslider .flex-direction-nav li a:hover {
background-color: #84c900;
}
.flex-caption .slider_content {
float: right;
position: relative;
width: 45%;
z-index: 1;
}
.flexslider .no-background .flex-caption {
padding-bottom: 60px;
} .breadcrumb {
font-size: 14px;
margin: -10px 0 30px;
padding: 5px 10px;
} .taxonomy-description {
background-color: #fff;
margin: -10px 0 30px;
padding: 0 0 15px;
}
.taxonomy-description p {
font-size: 14px;
padding: 15px 15px 0;
} #content-sidebar-wrap {
float: left;
width: 790px;
}
.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 100%;
}
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
float: right;
} #content {
float: left;
width: 510px;
}
.content-sidebar #content,
.sidebar-content #content {
width: 780px;
}
.sidebar-content #content,
.sidebar-sidebar-content #content {
float: right;
}
.full-width-content #content {
width: auto;
float: none;
}
.entry-title {
clear: both;
}
.post,
#wrap .page,
.hentry {
margin: 0 0 80px;
position: relative;
}
.page-template-page_blog-php .hentry,
.archive .hentry,
.search-results .hentry {
padding-left: 120px;
}
#content .post-date {
position: absolute;
left: 0;
top: 0;
width: 90px;
background: #26282B;
text-transform: uppercase;
text-align: center;
}
#content .post-date .container {
color: #fff;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 10px 5px;
font-size: 14px;
}
#content .post-date .day {
font-size: 50px;
line-height: 40px;
}
.entry-content p {
margin: 0 0 25px;
}
blockquote {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/blockquote.png) left no-repeat;
border: none;
margin: 5px 5px 20px;
padding: 25px 30px 5px 70px;
}
blockquote p {
color: #999;
font-style: italic;
}
p.subscribe-to-comments {
padding: 20px 0 10px;
}
.clear {
clear: both;
}
.clear-line {
border-bottom: 1px solid #ddd;
clear: both;
margin: 0 0 25px;
} .five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin: 0 0 20px;
padding-left: 3%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48%;
}
.one-third,
.two-sixths {
width: 31%;
}
.four-sixths,
.two-thirds {
width: 65%;
}
.one-fourth {
width: 22.5%;
}
.three-fourths {
width: 73.5%;
}
.one-fifth {
width: 17.4%;
}
.two-fifths {
width: 37.8%;
}
.three-fifths {
width: 58.2%;
}
.four-fifths {
width: 78.6%;
}
.one-sixth {
width: 14%;
}
.five-sixths {
width: 82%;
}
.first {
clear: both;
padding-left: 0;
} h1,
h2,
h2 a,
h3,
h4,
h5,
h6 {
line-height: 1.25;
margin: 0 0 10px;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 600;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6 {
color: #333;
}
h1 {
font-size: 26px;
}
.taxonomy-description h1 {
margin: 0;
}
h2,
h2 a {
font-size: 24px;
}
h2 a,
h2 a:visited {
color: #333;
}
h2 a:hover {
color: #79B800;
text-decoration: none;
}
.widget-area h2,
.widget-area h2 a {
font-size: 14px;
margin: 0 0 5px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
.taxonomy-description h1 {
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
font-size: 14px;
padding: 9px 10px 8px;
}
.widget-area h4 a {
color: #333;
text-decoration: none;
}
#footer-widgets h4 {
background: none;
border: none;
padding: 0;
color: #fff;
font-weight: 700;
}
h5 {
font-size: 18px;
}
.icon {
padding-left: 40px;
line-height: 36px;
font-weight: 300;
margin-bottom: 20px;
background-position: left center;
background-repeat: no-repeat;
}
.icon-1 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-1.png); }
.icon-2 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-2.png); }
.icon-3 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-3.png); }
.icon-4 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-4.png); }
.icon-5 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-5.png); }
.icon-6 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-6.png); }
.icon-7 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-7.png); }
.icon-8 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-8.png); }
.icon-9 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-9.png); }
.icon-10 { background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-10.png); } .entry-content ol,
.entry-content ul {
margin: 0;
padding: 0 0 25px;
}
.archive-page ul li,
.entry-content ul li {
list-style-type: square;
margin: 0 0 0 30px;
padding: 0;
}
.entry-content ol li {
margin: 0 0 0 35px;
}
.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
padding: 0;
} .post-info,
.post-meta {
font-size: 12px;
margin: 0 0 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 300;
text-transform: uppercase;
color: #aaa;
clear: both;
}
.post-meta {
border-top: 1px solid #ddd;
padding: 15px 0 0;
border-bottom: none;
margin: 0;
}
.post-info a,
.post-meta a {
color: #666;
}
.post-info a:hover,
.post-meta a:hover {
color: #000;
} .author-box {
margin: 0 0 80px;
overflow: hidden;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.author-box p {
font-size: 14px;
} .sticky {
background-color: #f5f5f5;
margin: -10px 0 40px;
padding: 20px;
} .archive-page {
float: left;
padding: 20px 0 0;
width: 45%;
} .post-comments,
.tags {
border-left: 1px solid #ddd;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
} img {
height: auto;
max-width: 100%;
}
.featuredpage img,
.featuredpost img {
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 4px;
}
.author-box .avatar {
background-color: #fff;
float: left;
margin: 0 10px 0 0;
}
.hentry .post-image {
margin: 0 0 20px 0;
width: 100%;
float: none;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 10px;
}
img.alignnone {
display: inline;
margin: 0 0 10px;
}
img.alignleft {
display: inline;
margin: 0 15px 10px 0;
}
img.alignright {
display: inline;
margin: 0 0 10px 15px;
}
.alignleft {
float: left;
margin: 0 15px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 15px;
}
.alignbottom,
.flexslider .slides .flex-caption img.alignbottom {
position: absolute;
bottom: 0;
max-width: 70%;
}
.wp-caption {
padding: 5px;
text-align: center;
}
p.wp-caption-text {
font-size: 14px;
margin: 5px 0;
}
.wp-smiley,
.wp-wink {
border: none;
float: none;
}
.gallery-caption {
} .navigation {
overflow: hidden;
width: 100%;
border-top: 1px solid #ddd;
padding-top: 60px;
text-transform: uppercase;
color: #aaa;
font-weight: 600;
clear: both;
}
#comments .navigation {
padding: 0;
border: none;
}
.navigation a,
.navigation .a,
.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
background: #333;
color: #fff;
padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.navigation a:hover,
.navigation a:hover,
.navigation li a:hover,
.navigation li.active a {
background: #84c900;
color: #fff;
}
.navigation li {
display: inline;
line-height:30px;
} .sidebar {
display: inline;
float: right;
font-size: 12px;
width: 250px;
}
#sidebar-alt {
float: left;
width: 240px;
}
.sidebar a {
color: #aaa;
}
.sidebar a:hover {
color: #000;
}
.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
float: left;
}
.content-sidebar-sidebar #sidebar-alt {
float: right;
}
.sidebar p {
font-size: inherit;
}
.sidebar p,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
color: #666;
}
.sidebar .widget {
margin: 0 0 50px;
overflow: hidden;
clear: both;
}
.sidebar.widget-area ul li,
#footer-widgets .widget-area ul li {
border-bottom: 1px solid #ddd;
list-style-type: none;
margin: 0 0 10px;
padding: 0 0 10px;
word-wrap: break-word;
}
.sidebar.widget-area ul ul li {
border: none;
margin: 0;
}
.sidebar h4.widgettitle {
margin-bottom: 15px;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
color: #333;
} .widget_archive select,
#cat {
display: inline;
margin: 5px 0 0 0;
padding: 3px;
width: 85%;
} .featuredpage,
.featuredpost {
clear: both;
margin: 0 0 15px;
overflow: hidden;
}
.featuredpage .page,
.featuredpost .post {
border-bottom: 1px solid #ddd;
margin: 0 0 5px;
overflow: hidden;
padding: 0 15px 10px;
}
#footer-widgets .featuredpage .page,
#footer-widgets .featuredpost .post {
margin: 0 0 10px;
padding: 0;
}
.more-from-category {
padding: 5px 15px 0;
} .user-profile {
overflow: hidden;
}
.user-profile p {
padding: 5px 15px 0;
}
.user-profile .posts_link {
padding: 0 15px;
} input[type="button"],
input[type="submit"],
a.button,
.button,
.reply a {
background: #84c900;
border: none;
cursor: pointer;
line-height: 20px;
text-decoration: none;
color: #fff !important;
padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
display: inline-block;
}
input:hover[type="button"],
input:hover[type="submit"],
a.button:hover,
.button:hover,
.reply a:hover {
background: #333;
text-decoration: none;
} .s {
padding: 6px 5px;
width: 160px;
margin-right: -7px;
}
#nav .s {
background-color: #fff;
margin: 2px -7px 0 0;
} .enews p {
padding: 0 0 5px 0;
}
.enews #subbox {
margin: 5px -7px 0 0;
padding: 6px 5px;
width: 75%;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
font-size: 12px;
font-style: italic;
padding: 2px 5px 0 0;
text-align: right;
}
#wp-calendar thead {
background-color: #f5f5f5;
font-weight: bold;
margin: 10px 0 0;
}
#wp-calendar td {
background-color: #f5f5f5;
padding: 2px;
text-align: center;
}
.latest-tweets ul {
margin: 0;
}
.sidebar .latest-tweets ul li {
list-style: none;
padding-left: 40px;
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/twitter-sidebar.png) 0 5px no-repeat;
margin-bottom: 10px;
font-size: 12px;
border: none;
}
.latest-tweets ul li.last {
background: none;
padding: 0;
border: none;
margin: 0;
font-weight: bold;
}
#flickr_badge_wrapper {
width: 270px;
}
flickr_badge_image {
width: auto;
}
.flickr_badge_image img {
width: auto;
float: left;
margin: 0 10px 10px 0;
display: inline-block;
zoom: 1;
}
.themedy_video_desc {
margin-top: 10px;
font-size: 11px;
} #footer-widgets {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-footer.png) #84C900;
clear: both;
font-size: 13px;
margin: 0 auto;
overflow: hidden;
width: 100%;
color: #fff;
-webkit-box-shadow: inset 0px 5px 0px 0px rgba(50, 50, 50, 0.1);
-mox-box-shadow:  inset 0px 5px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: inset 0px 5px 0px 0px rgba(50, 50, 50, 0.1);
text-shadow: 0px 2px 0 rgba(0,0,0,.1);
}
#footer-widgets .wrap {
overflow: hidden;
padding: 70px 0;
}
#footer-widgets .widget {
background: none;
border: none;
margin: 0 0 15px;
padding: 0;
clear: both;
}
#footer-widgets .widget-area ul li {
border-color: #96e400;
}
#footer-widgets .textwidget {
padding: 0;
}
#footer-widgets .widget_tag_cloud div div {
padding: 0;
}
#footer-widgets p {
font-size: inherit;
margin: 0 0 10px;
line-height: 22px;
}
#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4,
#footer-widgets h5,
#footer-widgets h6,
#footer-widgets p {
color: #fff;
}
#footer-widgets a {
background: #fff;
padding: 1px 5px;
display: inline-block;
text-shadow: none;
-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
-mox-box-shadow:  0px 2px 0px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.1);
}
#footer-widgets .flickr_badge_image a {
background: none;
padding: 0;
display: block;
}
#footer-widgets a:hover {
text-decoration: none;
}
#footer-widgets ul {
margin: 0;
}
#footer-widgets ul li {
margin: 0 0 0 20px;
}
#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
background: none;
}
.footer-widgets-1 {
float: left;
width: 31%;
}
.footer-widgets-2 {
float: left;
width: 31%;
margin-left: 3%;
}
.footer-widgets-3 {
float: left;
width: 31%;
margin-left: 3%;
} .avatar {
background: #eee;
border: none;
padding: 5px;
float: right;
margin: 5px 0 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#comments,
#respond {
margin: 0 0 15px;
overflow: hidden;
}
#respond {
margin-top: 60px;
}
#author,
#comment,
#email,
#url {
margin: 10px 5px 0 0;
padding: 5px;
width: 250px;
}
#comment {
height: 150px;
margin: 10px 0;
width: 98%;
}
.ping-list {
margin: 0 0 40px;
}
.comment-list ol,
.ping-list ol {
padding: 10px;
}
.comment-list li,
.ping-list li {
font-weight: bold;
list-style-type: none;
margin: 15px 0 5px;
padding: 10px 15px;
}
.comment-list li ul li {
list-style-type: none;
margin-right: -16px;
}
.comment-content p {
font-size: 14px;
margin: 0 0 20px;
}
.comment-list .comment-author {
font-weight: 600;
font-size: 16px;
}
.comment-list cite,
.ping-list cite {
font-style: normal;
}
.commentmetadata {
font-size: 12px;
margin: 0 0 15px;
color: #aaa;
font-weight: 300;
text-transform: uppercase;
}
.commentmetadata a {
color: #666666;
}
.commentmetadata a:hover {
color: #000;
}
.reply {
font-size: 14px;
font-weight: 300;
}
.nocomments {
text-align: center;
}
#comments .navigation {
display: block;
}
.bypostauthor {
}
.thread-alt,
.thread-even {
background-color: #fff;
padding: 40px;
-webkit-box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
-mox-box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
}
.alt,
.depth-1,
.even {
border: 1px solid #eee;
} div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
box-sizing: border-box;
font-size: 14px !important;
padding: 4px 5px !important;
}
div.gform_footer input.button {
color: #333;
}
div.gform_wrapper .ginput_complex label {
font-size: 14px;
}
div.gform_wrapper li,
div.gform_wrapper form li {
margin: 0 0 10px;
}
div.gform_wrapper .gform_footer {
border: none;
margin: 0;
padding: 0;
} .portfolio-teaser {
float: left;
padding-left:0;
margin-left:3%;
}
#content .portfolio-teaser .post-image {
margin: 0;
}
#content .portfolio-teaser h2 {
margin: 15px 0;
font-size: 18px;
font-weight: bold;
}
#content .portfolio-teaser .excerpt {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #616161;
line-height: 24px;
}
.first {
margin-left: 0;
}
.page-template_portfolio_alt #portfolio-controls {
margin-bottom: 40px;
float: left;
}
#portfolio-controls ul li {
margin-left: 0;
margin-right: 10px;
}
.page-template_portfolio_alt #portfolio-controls a {
border-color: #444;
-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .1);
-mox-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .1);
box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .1);
}
.page-template_portfolio_alt #portfolio-controls li.selected a,
.page-template_portfolio_alt #portfolio-controls a:hover {
border-color: #888;
} @media only screen and (max-width: 1080px) {
.wrap {
width: 940px;
}
#content-sidebar-wrap {
width: 670px;
}
#content {
width: 390px;
}
.content-sidebar #content,
.sidebar-content #content {
width: 660px;
}
#sidebar-alt {
width: 240px;
}
.sidebar {
width: 250px;
}
}
@media only screen and (max-width: 960px) {
body {
width: 100%;
margin: 0 auto;
}
.flex-caption h1,
.flex-caption h2,
.flex-caption h3 {
font-size: 24px;
padding: 10px 15px;
}
.flex-caption h4,
.flex-caption h5,
.flex-caption h6 {
font-size: 18px;
line-height: 40px;
}
.flex-caption p {
font-size: 14px;
}
.flex-caption .button {
font-size: 14px;
padding: 10px 20px;
}
.archive-page,
.content-sidebar #content,
.content-sidebar-sidebar #content,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.full-width-content #content,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content,
#content-sidebar-wrap,
#footer .creds,
#footer .gototop,
#footer-widgets .wrap,
#header .widget-area,
#sidebar-alt,
#wrap,
.wrap {
width: 100%;
}
#wrap {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
#secondary_area .wrap,
.homepage_template .section .wrap {
width: auto;
}
.homepage_template .section {
padding: 40px 20px;
}
.page-template-page_portfolio-php #content {
padding: 0 20px;
width: auto;
}
#description,
#title,
#title-area {
text-align: center;
}
#title-area {
margin-left: 20px;
}
.flex-caption .wrap {
width: auto;
padding: 0 20px;
}
#nav {
padding-right: 20px;
}
.menu li.right {
display: none;
}
#sidebar {
padding-top: 60px;
border-top: 1px solid #ddd;
margin-top: 60px;
}
.page-template-page_blog-php .hentry,
.archive .hentry,
.search-results .hentry {
margin-left: 20px;
}
.breadcrumb,
.sidebar .widget,
.taxonomy-description {
margin: 0 20px 20px;
}
.navigation {
padding-left: 20px;
padding-right: 20px;
}
#content {
padding: 0;
}
.page .page,
.post,
#comments,
#respond {
padding: 0 20px;
}
#secondary_area {
padding-left: 20px;
padding-right: 20px;
}
.author-box {
margin: 0 20px 40px;
}
#footer-widgets .widget {
padding: 20px 20px 0;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
margin: 0;
}
#footer-widgets .wrap,
#inner .wrap {
padding: 40px 0;
}
}
@media only screen and (max-width: 800px) {
.portfolio-grid li {
width: 240px;
height: auto;
}
}
@media only screen and (max-width: 600px) {
#title-area {
margin-left: 0;
margin-right: 0;
float: none;
}
.flexslider .slides .flex-caption img {
display: none;
}
#featured-area .flex-caption .wrap {
margin: 20px 40px;
width: auto;
}
#featured-area {
height: auto;
}
#featured-area .slide {
min-height: 300px;
}
#featured-area .flex-direction-nav li a {
top: 100px;
}
#featured-area .slide {
height: auto !important;
}
.flexslider .flex-direction-nav {
opacity: 1;
}
#portfolio-controls {
float: none;
margin: 0 0 40px 0;
}
#portfolio-controls li {
float: none;
display: inline-block;
margin: 0 10px 0 0;
}
.portfolio-grid li {
width: 150px;
height: auto;
}
body.header-image #title-area,
body.header-image #title,
body.header-image #header #title-area a {
width: 100%;
}
#nav,
#header .wrap {
display: block;
clear: both;
width: auto;
}
#nav {
padding: 20px 0;
}
#nav ul.menu {
float: none;
padding: 0;
}
#nav li {
float: none;
}
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
border-color: #999;
border-left: none;
border-right: none;
padding: 15px 0;
}
.slider_enabled #header {
position: static;
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/bg-header.jpg) #3a3a3a;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
-mox-box-shadow:  inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
}
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
padding: 0;
width: 100%;
}
#nav .menu-primary li,
#nav .menu-primary li ul,
#nav .menu-primary li ul a {
width: 100%;
}
#nav .menu-primary li a {
margin: 0;
padding: 10px 3%;
}
#nav .menu li a .sf-sub-indicator,
#nav .menu li li a .sf-sub-indicator,
#nav .menu li li li a .sf-sub-indicator {
background: url(//www.cosmictc.com.au/wp-content/themes/grind/images/icon-plus-white.png) right no-repeat;
height: 16px;
position: absolute;
right: 8px;
text-indent: -9999px;
top: 10px;
width: 16px;
display: block;
}
#nav .menu-primary li li a,
#nav .menu-primary li li a:link,
#nav .menu-primary li li a:visited {
background: none;
color: #fff;
padding: 7px 3%;
width: 94%;
}
#nav .menu-primary li li a:hover {
background: #000;
}
#nav .menu-primary li ul {
background: #333;
clear: both;
margin: 0;
padding: 0;
position: inherit;
}
#nav .menu-primary li ul ul {
background: #666;
}
#nav .menu-primary li ul ul ul {
background: #999;
}
#nav .menu-primary li ul ul {
margin: 0;
}
.flex-caption .slider_content {
width: 100%;
}
.flexslider .no-background .flex-caption {
padding-bottom: 0;
}
#mobile-menu {
display: block;
}
.mobile-menu-enabled #nav {
display: none;
}
#header #mobile-menu ul.menu {
display: block;
}
}
@media only screen and (max-width: 360px) {
#content .post-date {
display: none;
}
.page-template-page_blog-php .hentry,
.archive .hentry,
.search-results .hentry {
padding-left: 0;
}
.portfolio-grid li {
width: 140px;
}
} #header .wrap:after,
.section-columns:after,
.portfolio-grid:after,
.wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}a,
h2 a:hover {
color: #12b3ef;
}
::-moz-selection { background-color: #45c6f6; }
::selection { background-color: #45c6f6; }
#title a,
body.header-image #header #title-area a,
.flexslider .flex-direction-nav li a:hover,
.navigation a:hover,
.navigation a:hover,
.navigation li a:hover,
.navigation li.active a,
input[type="button"],
input[type="submit"],
a.button,
.button,
.reply a,
#footer-widgets {
background-color: #12b3ef;
}
#title a:hover,
body.header-image #header #title-area a:hover {
background-color: #45c6f6;
}
#header {
border-color: #12b3ef;
}
#footer-widgets .widget-area ul li {
border-color: #45c6f6;
}
#footer-widgets {
background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/styles/blue/bg-footer.png);
}
.section-columns {
background-image: url(//www.cosmictc.com.au/wp-content/themes/grind/styles/blue/bg-sectionsep.png);
}