body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-spacing:0;border-collapse:collapse;}input,textarea,button{-webkit-appearance:none;}input::-moz-focus-inner{margin-top:0;margin-bottom:-1px;padding:0;border:0;}

/*--------------------------------------------------------------
1 - General
--------------------------------------------------------------*/


/* Document Styling ************************************/

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
font: normal 13px/1.7em "Open Sans", sans-serif;
}
body {
margin: 0;
padding: 0;
background: #eee;
font: normal 13px/1.7em "Open Sans", sans-serif;
}


/* Text Styling ************************************/

a {
text-decoration: none;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 15px 0;
padding: 0;
word-wrap: break-word;
font-weight: lighter;
}
h1 {
font-size: 36px;
line-height: 46px;
}
h2,
.gp-theme .loop-title {
font-size: 22px;
line-height: 32px;
}
h3 {
font-size: 20px;
line-height: 30px;
}
h4 {
font-weight: normal;
font-size: 18px;
line-height: 28px;
}
h5 {
font-weight: normal;
font-size: 16px;
line-height: 20px;
}
h6 {
font-weight: normal;
font-size: 14px;
line-height: 18px;
}
p {
margin-bottom: 12px;
}
p:first-child {
margin-bottom: 12px;
}
p:last-child {
margin-bottom: 0;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
small {
font-size: xx-small;
line-height: 1em;
}
sup {
vertical-align: top;
font-size: xx-small;
line-height: 1em;
} 
sub {
vertical-align: bottom;
font-size: xx-small;
line-height: 1em;
}


/* List Styling ************************************/

ol {
margin: 0;
padding: 0;
list-style-type: decimal;
}
ul {
margin: 0;
padding: 0;
list-style-type: square;
}
li {
margin: 0 0 10px 20px;
}
li > ul,
li > ol {
margin: 12px 0;
}
li:last-child {
margin-bottom: 0;
}


/* Form Styling ************************************/

input,
textarea,
select {
margin: 0;
padding: 8px;
max-width: 100%;
border-width: 1px;
border-style: solid;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
input:focus,
textarea:focus,
select:focus {
border-color: #ccc;
}
input[type="text"],
input[type="password"] {
height: 40px;
}
select {
line-height: 15px;
}
textarea {
width: 100%;
height: 150px;
line-height: 1.5em;
resize: none;
}
select {
padding: 10px 40px 10px 10px;
max-width: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAQAAAAUexYcAAAAP0lEQVR4AWN49/8dA7lwVDMcpgmmhaYxQGEaEGODeDSfgWqaCYQENWNqX5WWBtRYDlJGWDOmATNBtuOEIzKeAXbnV8ghxE1LAAAAAElFTkSuQmCC);
background-position: center right;
background-repeat: no-repeat;
-webkit-appearance: none;
}
@-moz-document url-prefix() { /* FireFox fix */
select {
padding-right: 8px;
background-image: none;
}
}
@media screen�{ /* IE 8/9/10 Fix */
select {
padding-right: 8px;
background-image: none;
}
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
display: inline-block;
margin: 0;
padding: 13.5px 13px;
border: 0;
border-radius: 3px;
box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1);
font-size: 13px;
line-height: 1;
cursor: pointer;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
input[type="radio"],
input[type="checkbox"] {
border: 0;
background: transparent;
}
input[type="radio"] {
-webkit-appearance: radio;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
fieldset {
margin: 0;
padding: 20px 15px;
border-width: 1px;
border-style: solid;
}
legend {
font-size: 14px;
}
label {
font-weight: bold;
}


/* Table Styling ************************************/

table {
width: 100%;
}
th {
padding: 8px;
vertical-align: middle;
text-align: left;
font-weight: bold;
}
td {
padding: 8px;
vertical-align: middle;
}


/* Other Styling ************************************/

img {
max-width: 100%;
height: auto;
}
.avatar {
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 100%;
}
object,
embed,
video,
iframe {
max-width: 100%;
}
hr {
position: relative;
clear: both;
margin: 20px 0;
padding: 0;
width: 100%;
height: 1px;
border: 0;
}
pre {
overflow: auto;
margin: 5px 0 20px 0;
padding: 30px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 12px;
font-family: "Courier New";
}
code {
font-family: "Courier New";
}
blockquote {
position: relative;
overflow: hidden;
margin: 25px 0;
padding: 20px 50px 20px 20px;
font-size: 16px;
line-height: 26px;
}
blockquote:before {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
color: #000;
content: "";
font-size: 18px;
font-family: "FontAwesome";
opacity: 0.2;
filter: alpha(opacity=20);
}
blockquote cite {
margin-top: 15px;
}
cite {
display: block;
font-size: 12px;
opacity: 0.8;
filter: alpha(opacity=80);
}
mark {
padding: 3px 5px;
border: 1px solid #FFD600;
background: #FFEB00;
color: #726C29;
font-weight: bold;
}
ins {
text-decoration: none;
}
dl {
margin-bottom: 20px;
}
dd {
margin-bottom: 10px;
}
dt {
font-weight: bold;
}
.hidden {
display: none;
}
.border-triangle {
position: absolute;
top: 1px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-bottom: 8px solid rgba(0, 0, 0, 0);
border-left-width: 10px;
text-indent: -9999px;
}


/* Alignments, Captions, Galleries ************************************/
.align-center,
.aligncenter {
position: relative;
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.align-left,
.alignleft {
position: relative;
float: left;
margin: 10px 20px 10px 0;
}
.align-right,
.alignright {
position: relative;
float: right;
margin: 10px 0 10px 20px;
}
.wp-caption {
position: relative;
padding: 0;
max-width: 100%;
}
.wp-caption img {
margin: 0;
}
.wp-caption-text {
margin: 5px 0 12px !important;
font-size: 11px;
}
.gallery {
overflow: hidden !important;
margin-bottom: 20px !important;
}
.gallery-item {
margin: 0;
}
.gallery-item img {
max-width: 100% !important;
border: 0 !important;
}
.gallery-caption {
margin: 10px 0;
}


/*--------------------------------------------------------------
2 - Content Areas
--------------------------------------------------------------*/


/* Page Widths ************************************/

.container {
width: 1040px;
}


/* Page Wrapper ************************************/

#page-wrapper {
position: relative;
overflow: hidden;
margin: 0 auto;
width: 100%;
}


/* Container  ************************************/

.container {
position: relative;
margin: 0 auto;
}


/* Content Wrapper  ************************************/

#content-wrapper {
position: relative;
margin: 0 auto;
}


/* Main Content ************************************/

#content {
overflow: hidden;
position: relative;
float: left;
margin: 0 auto;
width: 700px;
}
#content-wrapper.container > #content {
padding: 50px 0;
}
.fullwidth #content {
width: 100% !important;
}


/* Sidebar ************************************/

#sidebar {
position: relative;
padding: 50px 0;
width: 300px;
}
.right-sidebar #sidebar {
float: right;
}


/*--------------------------------------------------------------
3 - Header (logo, search bar)
--------------------------------------------------------------*/


/* Main Header ************************************/

#header {
position: relative;
z-index: 498;
float: left;
clear: both;
width: 100%;
background: #222;
}
#header:after {
clear: both;
content: " ";
}
.gp-fixed-header #header {
position: fixed;
}


/* Logo ************************************/

#logo { 
float: left;
margin: 0;
width: auto;
font-size: 12px;
line-height: 0;
}
#logo img {
max-height: 100%;
width: auto !important;
}
.logo-details {
display: block;
margin-top: -1px;
width: 1px;
height: 1px;
text-indent: -9999px;
}


/* Search Form ************************************/

#search-button {
float: left;
padding: 0 15px;
font-size: 13px;
font-family: "FontAwesome";
cursor: pointer;
}
#search-button:before {
content: "";
}
.search-outer {
position: relative;
z-index: 497;
display: none;
float: left;
clear: both;
overflow: hidden;
padding: 30px 0;
width: 100%;
border-style: solid;
border-bottom-width: 1px;
}
.search-outer #s,
.search-outer #s2 {
padding: 0 70px 0 0;
height: 53px;
border: 0;
background: none !important;
box-shadow: none;
font-weight: lighter;
font-size: 40px;
line-height: 53px;
}
.search-outer #searchsubmit,
.search-outer #searchsubmit2 {
top: 0;
right: 0;
padding: 16px 17px 17px;
font-size: 20px;
}


/*--------------------------------------------------------------
4 - Navigation
--------------------------------------------------------------*/


/* Desktop Navigation ************************************/

/* Top Level */
.nav  {
padding: 0 0 0 10px;
}
.nav .menu {
float: left;
margin: 0;
padding: 0;
text-align: left;
}
.nav .menu li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
}
.nav .menu > li > a {
padding: 0 15px;
font-size: 12px;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
.nav .menu > li.fa > a {
padding-left: 10px;
}

/* Dropdowns */
.nav .sub-menu {
position: absolute;
top: auto;
left: auto;
z-index: 499;
display: none;
overflow: visible !important;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
line-height: 1;
}
.nav .menu > li.fa > .sub-menu {
margin-top: -1px;
}
.nav .sub-menu li {
float: none;
}
.nav .sub-menu li.fa:before {
position: absolute;
top: 16px;
left: 15px;
}
.nav .sub-menu li.fa > a {
padding-left: 30px !important;
}
.nav li:hover > .sub-menu {
display: block;
}
.nav .sub-menu a {
display: block;
margin: 0;
padding: 15px;
width: 16em;
border-style: solid;
border-top-width: 1px;
font-size: 12px;
font-family: "Open Sans", sans-serif;
line-height: 1.5em;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
.nav .sub-menu > li:first-child > a {
border: 0;
}
.nav .sub-menu li .sub-menu {
top: 0;
left: 100%;
}

/* Mega Menus */
.nav .menu li.megamenu {
position: static;
}
.nav .menu li.megamenu > .sub-menu {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
width: 98%;
}
.nav .menu li.megamenu > .sub-menu > li {
display: table-cell;
padding: 15px;
border: 0;
border-style: solid;
border-left-width: 1px;
}
.nav .menu li.megamenu > .sub-menu > li:first-child {
border-left: 0;
}
.nav .menu li.columns-2 > .sub-menu > li {
width: 50%;
}
.nav .menu li.megamenu > .sub-menu > li > a {
font-size: 14px;
}
.nav .menu li.megamenu > .sub-menu > li > a:hover {
background: none;
}
.nav .menu li.megamenu > .sub-menu > li.fa:before {
top: 27px;
left: 25px;
}
.nav .menu li.megamenu .sub-menu li a {
padding: 8px;
width: 100%;
border: 0;
}
.nav .menu li.megamenu.fa > .sub-menu > a {
padding-left: 30px !important;
}
.nav .menu li.megamenu .sub-menu .sub-menu {
position: relative;
top: auto;
left: auto;
display: block;
border: 0;
}
.nav .menu li.megamenu .sub-menu .sub-menu li {
width: 100%;
}
.nav .menu li.megamenu .sub-menu .sub-menu li.fa:before {
top: 10px;
left: 8px;
}


/* Mobile Navigation  ************************************/

#mobile-nav {
position: relative;
z-index: 498;
display: none;
overflow: hidden;
padding: 20px 20px 30px;
width: 100%;
border-style: solid;
border-bottom-width: 1px;
}
#mobile-nav .menu li {
position: relative;
float: none;
margin: 0;
width: 100%;
list-style-type: none;
}
#mobile-nav .menu li.fa:before {
position: absolute;
top: 15px;
left: 0;
}
#mobile-nav .menu li a {
display: block;
padding: 15px 0;
border-style: solid;
border-bottom-width: 1px;
}
#mobile-nav .menu > li > a {
font-weight: bold;
}
#mobile-nav .menu > li.fa > a {
padding-left: 20px;
}
#mobile-nav .menu li .sub-menu {
margin: 0;
}
#mobile-nav .menu li .sub-menu > li.fa:before {
left: 10px;
}
#mobile-nav .menu li .sub-menu .sub-menu > li.fa:before {
left: 20px;
}
#mobile-nav .menu li .sub-menu .sub-menu .sub-menu > li.fa:before {
left: 30px;
}
#mobile-nav .menu li .sub-menu a {
padding-left: 10px;
}
#mobile-nav .menu li .sub-menu li.fa > a {
padding-left: 30px;
}
#mobile-nav .menu li .sub-menu .sub-menu a {
padding-left: 20px;
}
#mobile-nav .menu li .sub-menu .sub-menu li.fa > a {
padding-left: 40px;
}
#mobile-nav .menu li .sub-menu .sub-menu .sub-menu a {
padding-left: 30px;
}
#mobile-nav .menu li .sub-menu .sub-menu .sub-menu li.fa > a {
padding-left: 50px;
}
.mobile-button {
display: none;
float: right;
margin-left: 20px;
font-size: 18px;
cursor: pointer;
}


/*--------------------------------------------------------------
5 - Category, Tag, Archive, Search & Author Pages
--------------------------------------------------------------*/


/* Standard Post Loop ************************************/

.post-wrapper {
position: relative;
width: 100%;
}
.post-loop {
position: relative;
float: left;
overflow: hidden;
margin-bottom: 40px;
padding-bottom: 20px;
width: 100%;
border-style: solid;
border-bottom-width: 1px;
}
.post-loop .entry-header {
overflow: visible;
margin: 0 0 20px 0;
}
.post-loop .entry-header h2 {
margin: 0 0 10px 0;
font-weight: normal;
}
.post-loop .entry-content {
margin-bottom: 20px;
}
.post-loop .meta-tags {
margin: 10px 0 0 0;
}
.post-loop.sticky:after {
position: absolute;
top: 1px;
right: 1px;
width: 0;
height: 0;
border-bottom: 18px solid rgba(0, 0, 0, 0);
content: "";
}
.post-loop .read-more {
margin-left: 5px;
}


/* Masonry Post Loop ************************************/

.js .blog-masonry {
opacity: 0;
filter: alpha(opacity=0);
}
.blog-masonry.post-wrapper {
width: 102%;
}
.blog-masonry .post-loop {
position: relative;
display: inline-block;
margin-bottom: 2%;
padding: 0;
width: 48%;
border: 0;
}
.blog-masonry .post-loop:before {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
color: #000;
font-size: 18px;
font-family: "FontAwesome";
opacity: 0.2;
filter: alpha(opacity=20);
}
.blog-masonry .format-standard.post-loop:before {
content: "";
}
.blog-masonry .format-video.post-loop:before {
content: "";
}
.blog-masonry .format-audio.post-loop:before {
content: "";
}
.blog-masonry .format-gallery.post-loop:before {
content: "";
}
.blog-masonry .format-quote.post-loop:before {
content: "";
}
.blog-masonry .format-link.post-loop:before {
content: "";
}
.blog-masonry .post-loop.sticky:after {
right: auto;
left: 1px;
border-width: solid;
border-right: 0;
border-bottom: 18px solid rgba(0, 0, 0, 0);
border-left-width: 20px;
}
.blog-masonry .entry-header {
margin: 0;
padding: 30px 40px 20px 30px;
}
.blog-masonry .entry-content {
margin: 0;
padding: 0 30px 30px;
}


/* Isotope ************************************/

.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
pointer-events: none;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}


/*--------------------------------------------------------------
6 - Single Post/Page
--------------------------------------------------------------*/


/* Entry Header ************************************/

.entry-header {
position: relative;
overflow: hidden;
width: 100%;
}
.entry-header.post-header {
margin-bottom: 40px;
padding-bottom: 30px;
border-style: solid;
border-bottom-width: 1px;
}
.entry-header.page-header {
padding: 50px 0;
border-style: solid;
border-bottom-width: 1px;
}
.entry-title {
margin: 0;
}
.post-header .entry-title {
margin: 0 0 5px 0;
}
.subtitle {
margin: 10px 0;
font-weight: normal;
}
.entry-header .avatar {
display: block;
float: left;
margin: 10px 30px 0 0;
border-width: 4px;
border-radius: 100%;
}


/* Entry Meta ************************************/

.entry-meta {
position: relative;
overflow: hidden;
font-size: 11px;
line-height: 1.5em;
}
.entry-meta span:before {
content: " ·  ";
}
.entry-meta span:first-child:before {
content: "";
}
.entry-meta a:hover {
text-decoration: underline;
}
.meta-tags {
position: relative;
overflow: hidden;
margin-top: 40px;
width: 100%;
}
.meta-tags a,
.tagcloud a {
display: inline-block;
margin-bottom: 4px;
padding: 4px;
border-radius: 3px;
font-size: 11px !important;
line-height: 1;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}


/* Post Thumbnail ************************************/

.post-thumbnail {
position: relative;
margin: 0 0 20px;
max-width: 100%;
line-height: 0;
}
.wrap {
float: left;
margin: 0 20px 10px 0 !important;
}


/* Entry Content ************************************/

.entry-content {
width: 100%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-ms-hyphens: auto;
}


/* Post Formats ************************************/

/* Audio Shortcode */
.post-format-audio-content {
margin-bottom: 20px;
}
.post-format-audio-content audio {
display: none;
}
.mejs-container .mejs-controls > div:last-of-type {
position: relative;
top: -26px;
float: right;
clear: both; /* Fix for volume control dropping */
}
.mejs-container .mejs-controls .mejs-button button:focus {
outline: none;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #555;
}

/* Gallery Shortcode */
.post-format-gallery-content {
margin-bottom: 20px;
}
.post-format-gallery-content img {
display: block;
margin-bottom: 10px;
}

/* Video Shortcode */
.post-format-video-content {
margin-bottom: 20px;
}
.mejs-overlay-button {
display: none;
}


/* Author Info ************************************/

.author-info {
position: relative;
overflow: hidden;
margin-top: 40px;
padding-top: 40px;
width: 100%;
border-style: solid;
border-top-width: 1px;
}
.author-meta {
overflow: hidden;
}
.author-info .avatar {
float: left;
margin-right: 20px;
width: 80px;
height: 80px;
border-width: 4px;
}
.author-info .author-name {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
}


/* Related Posts ************************************/

.related-posts {
position: relative;
overflow: hidden;
margin-top: 40px;
padding-top: 40px;
width: 100%;
border-style: solid;
border-top-width: 1px;
}
.related-posts h3 {
position: relative;
float: left;
margin: 0 0 20px 0;
width: 100%;
font-weight: normal;
line-height: 24px;
}
.related-posts .post-loop {
margin: 0 0 0 4%;
padding: 0;
border: 0;
}
.related-posts-title + .post-loop {
margin-left: 0;
}
.related-posts .post-thumbnail {
margin-bottom: 15px;
}
.related-posts .no-thumbnail {
max-width: 100%;
color: #bbb;
text-align: center;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.related-posts .post-loop strong a {
display: block;
margin: 0 0 4px 0;
line-height: 1.5em;
}
.related-posts .post-loop strong a:hover {
text-decoration: underline;
}


/*--------------------------------------------------------------
7 - Comments
--------------------------------------------------------------*/


/* Comment List ************************************/

#comments {
position: relative;
overflow: hidden;
margin-top: 40px;
padding-top: 40px;
width: 100%;
border-style: solid;
border-top-width: 1px;
}
#comments h3 {
margin: 0 0 30px 0;
font-weight: normal;
line-height: 24px;
}
#comments ol.commentlist {
width: 100%;
list-style: none;
}
#comments ol.commentlist li {
position: relative;
margin: 0 0 20px 0;
padding: 0;
border: 0;
list-style: none;
}
#comments ol.commentlist li .comment_container {
overflow: hidden;
padding-bottom: 20px;
border-style: solid;
border-bottom-width: 1px;
}
#comments ol.commentlist > li:last-child .comment_container {
border: 0;
}
#comments ol.commentlist .children li.comment {
margin: 20px 0 0 20px;
}
#comments ol.commentlist li .avatar {
position: relative;
top: 0;
left: 0;
float: left;
margin: 0;
width: 60px;
height: auto;
}
#comments .bypostauthor .avatar {
}
#comments ol.commentlist li .comment-text {
margin: 0 0 0 80px;
}
#comments ol.commentlist li .comment-text .meta {
margin: 0 0 3px;
}
#comments ol.commentlist li .comment-text [itemprop="author"] {
font-weight: normal;
}
#comments ol.commentlist li .comment-text [itemprop="author"]:after {
content: " · ";
}
.comment-reply-link,
#cancel-comment-reply-link {
display: block;
margin-top: 10px;
font-weight: bold;
font-size: 12px;
line-height: 1;
}
.comment-reply-title small {
float: right;
}
.required {
font-weight: bold;
}

/* Comment Form ************************************/

#reply-title {
margin: 0 0 20px 0;
font-weight: normal;
font-size: 20px;
line-height: 1;
}
#respond p {
margin: 10px 0;
}
#respond p.form-submit {
margin-bottom: 0;
}
#commentform input {
display: block;
}
.form-allowed-tags {
display: none;
}
.commentlist #respond {
margin: 20px 0 0;
width: auto;
}
#respond .form-submit {
text-align: right;
}


/*--------------------------------------------------------------
8 - Other Pages & Page Templates
--------------------------------------------------------------*/


/* 404 Error Page ************************************/

.error404 #content-wrapper.container > #content {
padding: 20% 0;
text-align: center;
}
.error404 h1 {
margin-bottom: 40px;
font-size: 70px;
line-height: 1;
}
.error404 h3 {
margin: 0 0 20px;
}


/* Attachment Page ************************************/

.attachment p {
margin-top: 12px;
}


/* Password Protected Page ************************************/

input[id*="pwbox-"] {
margin-bottom: 10px;
}
input.pwsubmit {
padding-top: 0;
padding-bottom: 0;
height: 40px;
line-height: 40px;
}


/* Search Page ************************************/

#new-search {
overflow: hidden;
margin-bottom: 50px;
padding-bottom: 50px;
border-style: solid;
border-bottom-width: 1px;
}
#new-search #searchform {
max-width: 300px;
}


/*--------------------------------------------------------------
10 - Footer
--------------------------------------------------------------*/


/* Footer  ************************************/

#footer {
float: left;
overflow: hidden;
width: 100%;
margin-top: -1px;
}


/* Footer Bottom  ************************************/

#footer-bottom {
position: relative;
float: left;
padding: 20px 0;
width: 100%;
font-size: 11px;
line-height: 1.5em;
}


/* Copyright  ************************************/

#copyright {
float: left;
}


/* Footer Navigation  ************************************/

#footer-nav {
float: right;
padding: 0;
}
#footer-nav .menu li {
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
}
#footer-nav .menu li:before {
margin: 0 10px;
content: "|";
}
#footer-nav .menu li:first-child:before {
margin: 0;
content: "";
}
#footer-nav .menu > li > a {
padding: 0;
font-size: 11px;
}
#footer-nav .menu li:hover > .sub-menu {
display: none;
}


/* Social Icons ************************************/

.social-icons {
float: right;
margin-left: 20px;
text-align: right;
}
.social-icons a {
display: inline-block;
margin: 0 13px 0 0;
font-size: 14px;
}
.social-icons a:last-child {
margin: 0;
}


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


/* General Widgets ************************************/

.widget {
position: relative;
float: left;
margin-bottom: 40px;
width: 100%;
}
.widget ul li {
overflow: hidden;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
border-style: solid;
border-top-width: 1px;
list-style-type: none;
}
.widget ul li:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.widget ul ul li {
margin-left: 10px;
}
.widget .current-cat > a {
text-decoration: underline;
}
.widgettitle {
margin: 0 0 30px 0;
width: 100%;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
line-height: 1.2em;
}


/* GP Recent Posts Widget ************************************/

.gp-recent-posts .post-loop {
margin-bottom: 15px;
padding-bottom: 15px;
}
.gp-recent-posts .post-thumbnail {
float: left;
margin: 0 10px 0 0;
}
.gp-recent-posts .no-thumbnail {
width: 55px;
height: 55px;
color: #bbb;
text-align: center;
line-height: 55px;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.gp-recent-posts .post-loop strong a {
display: block;
margin: 0 0 4px 0;
line-height: 1.5em;
}
.gp-recent-posts .post-loop strong a:hover {
text-decoration: underline;
}


/* GP Recent Comments Widget ************************************/

.gp-recent-comments .avatar {
float: left;
margin-right: 10px;
}


/* RSS Widget ************************************/

.widget_recent_entries .post-date,
.widget_rss .rss-date {
margin-left: 12px;
color: #484848;
font-size: 11px;
}


/* Search Widget ************************************/

#searchform,
#searchform2 {
position: relative;
}
#s,
#s2 {
position: relative;
float: left;
padding-right: 45px;
width: 100%;
height: 40px;
}
#searchsubmit,
#searchsubmit2 {
position: absolute;
top: 8px;
right: 10px;
padding: 6px 7px 7px;
border-radius: 100%;
font-family: "FontAwesome";
}


/* Calendar Widget ************************************/

#wp-calendar {
margin: 0 auto;
}
#wp-calendar th {
border: 0;
text-align: center;
font-weight: bold;
}
#wp-calendar td {
padding: 8px 0;
border: 0;
text-align: center;
}
#wp-calendar caption {
margin-bottom: 10px;
text-align: right;
font-weight: bold;
}


/*--------------------------------------------------------------
12 - Page Numbers
--------------------------------------------------------------*/


ul.page-numbers {
margin: 20px 0;
width: 100%;
text-align: center;
font-size: 11px;
}
.blog-masonry + ul.page-numbers {
opacity: 0;
}
ul.page-numbers li,
ul.page-numbers > span,
ul.page-numbers.single-nav > a {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
ul.page-numbers .page-numbers {
display: inline-block;
margin: 0;
width: 35px;
height: 35px;
border-radius: 100%;
line-height: 35px;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
ul.page-numbers.single-nav .page-numbers {
margin: 0;
}


/*--------------------------------------------------------------
14 - Back To Top Button
--------------------------------------------------------------*/


#toTop {
position: fixed;
right: 30px;
bottom: 53px;
z-index: 9999;
display: none;
overflow: hidden;
padding: 12px 15px;
border-radius: 3px;
font-size: 12px;
line-height: 1;
opacity: 0.7;
filter: alpha(opacity=70);
}
#toTop:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#toTop:active,
#toTop:focus {
outline: none;
}


/*--------------------------------------------------------------
18 - Media Queries
--------------------------------------------------------------*/
	
@media only screen and (max-width: 1082px) {  

	/* Tablet (Landscape) ************************************/

	.gp-responsive .container {
	width: 940px;
	}	
	.gp-responsive #content {
	width: 700px;
	}	
	.gp-responsive #sidebar {
	width: 200px;
	}
	.gp-responsive.gp-fixed-header #header {
	position: relative;
	}
	.gp-responsive #fixed-header-padding {
	padding-top: 0;
	}
	.gp-responsive .nav .menu > li > a {
	padding: 0 10px;
	}	
	.gp-responsive #toTop {
	display: none !important;
	}
			
}

@media only screen and (max-width: 982px) {	

	/* Tablet (Portrait) ************************************/

	.gp-responsive .container {
	width: 700px;
	}	
	.gp-responsive #content {
	width: 480px;
	}
	.gp-responsive #sidebar {
	width: 180px;
	}	
	.gp-responsive #desktop-search {
	display: none !important;
	}
	.gp-responsive #mobile-nav .search-outer {
	position: relative;
	display: block;
	margin-bottom: 20px;
	background: none;
	padding: 0;
	border: 0;
	}
	.gp-responsive #mobile-nav #s,
	.gp-responsive #mobile-nav #s2 {
	padding-right: 60px;
	font-size: 29px;
	}
	.gp-responsive #mobile-nav #searchsubmit,
	.gp-responsive #mobile-nav #searchsubmit2 {
	padding: 11px 12px 12px;
	font-size: 15px;
	}			
	.gp-responsive #main-nav {
	display: none;
	}
	.gp-responsive .mobile-button {
	display: block;
	}	
	.gp-responsive .blog-masonry .post-loop {
	width: 100%;
	} 
			
}

@media only screen and (max-width: 767px) {
	
	/* Mobile (Landscape) ************************************/
	.gp-responsive .container {
	padding-right: 20px;
	padding-left: 20px;
	width: 100% !important;
	}		
	.gp-responsive #content {
	width: 100% !important;
	}
	.gp-responsive #content-wrapper.container > #content {
	padding: 30px 0;
	}	
	.gp-responsive #sidebar {
	padding: 30px 0;
	width: 100%;
	border-style: solid;
	border-top-width: 1px;
	}
	.gp-responsive .blog-masonry .post-loop {
	width: 100% !important;
	}
	.gp-responsive .blog-masonry.post-wrapper {
	width: 100%;
	}		
	.gp-responsive .entry-header .avatar {
	display: none;
	}	
	.gp-responsive .related-posts .post-loop {
	margin: 0 0 20px 0;
	width: 100% !important;
	}
	.gp-responsive .related-posts .post-loop:last-child {
	margin-bottom: 0;
	}	
	.gp-responsive .related-posts .post-thumbnail {
	float: left;
	margin: 0 15px 0 0;
	max-width: 50%;
	}
	.gp-responsive .related-posts .entry-header {
	float: left;
	padding: 0 0 0 15px;
	max-width: 50%;
	}
	.gp-responsive .entry-header.page-header {
	padding: 25px 0;
	}	
	.gp-responsive.error404 h1 {
	margin-bottom: 20px;
	font-size: 30px;
	}
	.gp-responsive.error404 h2 {
	font-size: 18px;
	line-height: 28px;
	}	
	.gp-responsive #footer-bottom .container > div {
	margin-bottom: 15px;
	}
	.gp-responsive #footer-bottom .container > div:last-child {
	margin-bottom: 0;
	}	
	.gp-responsive #copyright,
	.gp-responsive #footer-nav,
	.gp-responsive #footer-nav.nav .menu,
	.gp-responsive #footer-bottom .social-icons {
	display: inline-block;
	float: none;
	margin-left: 0;
	width: 100%;
	text-align: center;
	}
	.gp-responsive #footer-nav.nav .menu {
	width: auto;
	}
	.gp-responsive #footer-bottom .social-icons a {
	line-height: 1 !important;
	}
		
}

@media only screen and (max-width: 320px) {	
	
	/* Mobile (Portrait) ************************************/

	.gp-responsive .mobile-button {
	margin-left: 10px;
	}	
	.gp-responsive.gp-theme input[name="update_cart"] {
	margin-bottom: 10px !important;
	}
	
}