/*
Theme name: PS blog
Description: Custom Theme
*/

/******* PS blog WordPress CSS *******/

/* Common elements styling */
img { padding: 0; max-width: 100%; width: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 60%; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: none; max-width: 100%; width:auto; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/* Additional style */
.article .article-entry blockquote { border-left: 2px solid #00919c; padding-left: 20px; font-style: italic; margin-bottom: 10px; }
.article .article-entry ul,
.article .article-entry ol { list-style-position: inside; }
.article .article-entry ul ul,
.article .article-entry ol ol { margin-left: 20px; }

/******* /PS blog WordPress CSS *******/

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle;   }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #fff; font-family: verdana, sans-serif; font-size: 13px; line-height: 1.38; color: #333; }

a { color: #333; text-decoration: none; }
a:hover { color: #333; }


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */
.gallery-row:after,
.gallery:after,
.article-single ol:after,
.footer-nav ul:after,
.footer:after,
.widget-pinterest ul:after,
.widget-popular ul:after,
.widget-body:after,
.widget-search:after,
.content:after,
.article:after,
.article-head:after,
.main:after,
.header-content:after,
.nav ul:after,
.socials ul:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.alignleft { float: left;  }
.alignright { float: right;  }
.hidden { display: none; visibility: hidden;  }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { width: 778px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header {text-align: center; padding-top: 2px;  }

.header .header-content { border-top: 1px solid #58574b; border-bottom: 1px solid #58574b; margin-bottom: 48px; margin-top: 14px;  }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding-bottom: 70px;   }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #58574b; padding: 26px 0; margin-bottom: 40px;  }

.footer .footer-nav { float: left; width: 77%;  }

.footer .footer-nav ul { list-style-type: none;  }
.footer .footer-nav li { float: left;  }
.footer .footer-nav a { display: block; padding: 1px 21px; font: 18px/1.2 'Georgia',sans-serif; color: #fff; text-transform: uppercase; border-right: 2px solid #d6d5d3;  }
.footer .footer-nav a:hover { color: #00919c;  }

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

.content { float: left; width: 60%; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { float: right; width: 31.3%;  }

.widgets { list-style-type: none; }
.widgets .widget ul { list-style-type: none; list-style-position: inside; }
.widgets .widget a { color: #00919c; text-decoration: none; }
.widgets .widget a:hover { color: #000; }

.widget:after { content:''; background:  url(images/border.jpg) repeat-x 0 0; width:  100%; height:  2px; display: inline-block; margin-top: 25px;  }

.widget h3.widget-title { font-size: 16px; color: #00919c; text-transform: uppercase;  font-family: 'Georgia',sans-serif; font-weight: 400;  }

/*  widget-search  */

.widget-search p, .widget-search p, .custom-html-widget p { color: #231f20; font: 11px/1.2 verdana,sans-serif;  }
.widget-search p:first-child img { padding-top: 7px; margin-left: 5px; width: 18%; height: auto;  }
.widget-search p:nth-child(2) { width: 76%; float: right;  }

.custom-html-widget label span.screen-reader-text {
    padding-bottom: .25em;
    display: block;
}
.custom-html-widget input.search-submit.screen-reader-text {
    top: 49px;
}

/*  search-form  */

.search-form { padding-top: 28px; display: block; position: relative;  }

.search-form .search-field {  width: 100%; padding: 3px 33px 2px 10px; font: 12px/1.2 verdana,sans-serif;color: #231f20; box-shadow: 0px 0px 0px 1px rgba(129,129,119,1); border: 1px solid #58574b;  }
.search-form .search-field:focus { border-color: #000;  }
.search-form .search-submit { position: absolute; right: 7px; background: transparent url(images/ico-search.png) no-repeat 0 0; width: 16px; height: 18px; border: none; font-size: 0; line-height: 0; text-indent: -4004px; top: 29px;  }
.search-form .search-submit:hover  { opacity: .8;  }

/*  gform_widget  */

.gform_widget .gform_wrapper { margin: 0; max-width: 100%;  }
.gform_widget .gform_wrapper .gform_heading { margin-bottom: 0px; }

.gform_widget .gform_wrapper h3.gform_title { font: 17px/1.2 'Georgia',sans-serif; color: #00919c; text-transform: uppercase;   margin-bottom: -5px;  }

.gform_widget .gform_wrapper .gform_description { font: 11px/1.2 verdana,sans-serif; color: #231f20;  }

.gform_widget .gform_wrapper .gform_body .gform_fields { list-style-type: none;  }
.gform_widget .gform_wrapper .gform_body .gform_fields input { box-shadow: 0px 0px 0px 1px rgba(129,129,119,1); border: 1px solid #58574b; padding: 0px;  }
.gform_widget .gform_wrapper .gform_body .gform_fields input:focus { border-color: #000;  }
.gform_widget .gform_wrapper .gform_body .gform_fields .large { width: 100%; }
.gform_widget .gform_wrapper .gfield_label { display: none; }

.gform_widget .gform_wrapper .gform_footer { margin-top: 0; padding-top: 8px; padding-bottom: 0; margin-bottom: -11px;   }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { font-size: 13px;  }
.gform_widget .gform_wrapper .gform_button { background-color: #ebeced; border: none; display: block; width: 100%; padding: 9px 0; color: #58574b; font-size: 18px; 	text-transform: uppercase;  }
.gform_widget .gform_wrapper .gform_button:hover { background-color: #ccc;  }
.gform_ajax_spinner { margin: 10px auto 0; display: inherit; }

/*  widget-popular  */

.widget-popular:after { margin-top: 0px; margin-bottom: 13px;  }

.widget-popular .widget-title { padding-bottom: 25px; padding-top: 15px;  }

.widget-popular ul { list-style-type: none;  }
.widget-popular li { float: left; margin: 0 24px 28px 0; width: 45%;  }
.widget-popular li img { width: 100%; height: auto;  }
.widget-popular li:nth-child(2) { margin: 0;  }
.widget-popular li:nth-child(4) { margin: 0;  }
.widget-popular a:hover { opacity: .7;  }

/*  widget-instagram  */

.widget-instagram { padding: 10px 2px 0;  }
.widget-instagram:after { margin-top: 32px;  }

.widget-instagram h3.widget-title  { line-height: 1.34;  }

.widget-instagram p img { margin-top: 7px; margin-right: 6px;  }

.widget-instagram p { font: 11px/1.2 verdana,sans-serif; color: #231f20;  }
.widget-instagram h3 + p { padding-bottom: 7px; margin-top: -2px;  }
.widget-instagram .instagram-post-content { font-size: 11px; padding-bottom: 17px;  }
.widget-instagram p span { font-size: 12px; color: #c8c9d0; display: block; padding: 29px 0 9px;  }
.widget-instagram p a { color: #00919c;  }
.widget-instagram p a:hover { color: #000;  }
.widget-instagram > a:last-child { background-color: #ebeced; border: none; display: block; width: 100%; padding: 16px 0; color: #58574b; font-size: 12px; 	text-transform: uppercase; text-align: center;  }
.widget-instagram > a:last-child:hover { background-color: #ccc;  }

/*  widget-pinterest  */

.widget-pinterest:after { margin-top: 33px;  }

.widget-pinterest h3.widget-title { padding-bottom: 24px; padding-top: 13px;  }

.widget-pinterest ul { list-style-type: none;  }
.widget-pinterest li { float: left; margin: 0 23px 24px 0; width: 45%;  }
.widget-pinterest li img { width: 100%; height: auto;  }
.widget-pinterest li a:hover  { opacity: .7;  }
.widget-pinterest li:nth-child(2) { margin: 0;  }
.widget-pinterest li:nth-child(4) { margin: 0;  }

.widget-pinterest > a:last-child { background-color: #ebeced; border: none; display: block; width: 100%; padding: 16px 0; color: #58574b; font-size: 12px; 	text-transform: uppercase; text-align: center; margin-top: -8px;  }
.widget-pinterest > a:last-child:hover { background-color: #ccc;  }

/*  widget_archive / widget_categories */

.widget_categories,
.widget_archive { margin-bottom: 8px; }
.widget_categories:after,
.widget_archive:after { display: none; }
.widget_categories .widget-title,
.widget_archive .widget-title { text-transform: uppercase; font: 24px/1.2 'Georgia',sans-serif; color: #00919c; margin: 3px 0 3px; }
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text { display: none; }
.widget_categories .dk-select,
.widget_archive .dk-select { max-width: 100%; margin: 0; width: 100%; max-width: 100%; font: 12px/1.2 verdana,sans-serif; color: #231f20; border: 2px solid #58574b; max-width: 100%; }
.widget_categories .dk-select li,
.widget_archive .dk-select li { margin-bottom: 8px;  }
.widget_categories select,
.widget_archive select { font: 12px/1.2 verdana,sans-serif; color: #231f20; border: 2px solid #58574b; max-width: 100%; }

.dk-selected { border: none; padding: 5px;  }
.dk-selected:after { border-left: 2px solid #58574b; margin: 0 1.8em -0px 0;   }
.dk-selected:before  { border-width: 0.45em 0.35em 0; border-top-color: #00919c;   }

.dk-selected:hover, .dk-selected:focus {
  outline: none;
  border-color: #3297fd; }
.dk-selected:hover:before, .dk-selected:focus:before {
    border-top-color: #00919c; }
.dk-selected:hover:after, .dk-selected:focus:after {
    border-left-color: #58574b; }

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
  border-width: 0 0.35em 0.45em;
}

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options { border-color: #58574b;  }

.dk-select-options { border-radius: 0; border: 2px solid #58574b;  }
.dk-select-open-down .dk-select-options { border-radius: 0;  }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/*  nav  */

.nav { font: 18px/1.2 'Georgia',sans-serif; float: left; position: relative; width: 77%;  }

.nav .active + ul { visibility: visible; opacity: 1;  }

.nav .search-form { display: none;  }
.nav ul { list-style-type: none;  }
.nav li { float: left; position: relative;  }
.nav li a { display: inline-block; padding: 2px 23px; text-transform: uppercase; color: #58574b;  }
.nav li a:hover {   }
.nav li:hover  .sub-menu { visibility: visible; opacity: 1;  }

.nav .sub-menu { visibility: hidden; opacity: 0;  background-color: #fff; border: 1px solid #8b8a82; border-top: none; position: absolute; top: 100%;  width: 100%; z-index: 6000;  }
.nav .sub-menu li { float: none; display: block; padding: 0;  }
.nav .sub-menu a  { border-bottom: 1px solid #8b8a82; width: 100%; text-align: center; font-size: 12px; padding: 7px 0; text-align: center;  }
.nav .sub-menu a:hover { color: #000;  }
.nav .sub-menu li:last-child a { border: none;  }


/*  socials  */

.socials { float: right; width: 23%;  }

.socials ul { list-style-type: none;  }
.socials li { float: left; margin-right: 7px;  }
.socials li:last-child { margin-right: 0;  }
.socials li > span:hover { opacity: .8;  }

/*  article  */

.ico-scizzors { display: inline-block; background: url(images/ico-scizzors.png) no-repeat 0 0; width: 23px; height: 28px; vertical-align: middle;  }
.ico-present  { display: inline-block; background: url(images/ico-gift.png) no-repeat 0 0; width: 21px; height: 21px; vertical-align: middle;  }
.ico-ballon { display: inline-block; background:  url(images/ico-ballon.png) no-repeat 0 0; width:  19px; height:  32px; vertical-align: middle;  }
.ico-pen { display: inline-block; background:  url(images/ico-pen.png) no-repeat 0 0; width:  14px; height:  42px; vertical-align: middle;  }

.articles { list-style-type: none;  }

.article:nth-child(3) {  margin-top: 43px; }
.article:nth-child(3) h2.article-title { font-size: 27px;  }
.article:nth-child(4) h2.article-title { font-size: 27px; padding-bottom: 34px;  }

.article .article-head { padding-top: 4px; padding-left: 11px;  }

.article h2.article-title { font: 26px/1.2 'Georgia',sans-serif; text-transform: uppercase; font-weight: 400; color: #231f20; float: right; text-align: left; width: 68%; padding-bottom: 17px;  }
.article h2.article-title a { color: inherit;  }
.article h2.article-title a:hover { color: #ccc;  }

.article .article-meta { float: left; padding-top: 2px; margin-left: -4px; position: absolute; max-width: 160px; }

.article .article-meta .article-meta-main,
.article .article-meta .article-meta-main a { font-size: 20px; color: #58574b; text-transform: uppercase; }
.article .article-meta .article-meta-main a { word-wrap: break-word; }
.article .article-meta .article-meta-main img { width: 16%; margin-right: 6px; height: auto;  }
.article .article-head .article-meta .article-meta-secondary { font: 11px/1.2 verdana,sans-serif; color: #231f20; text-transform: uppercase; padding-left: 10px;  }
.article .article-meta .article-meta-secondary a { color: #00919c; }
.article .article-meta .article-meta-secondary a:hover { color: #000; }

.article .article-body { width: 70%; float: right;  margin-bottom: 29px; padding-left: 20px;  }
.article .article-body:after { content:''; background:  url(images/border.jpg) repeat-x 0 0; width:  100%; height:  2px; display: inline-block;  }

.article .article-entry { padding-bottom: 22px; }
body.archive.author .article .article-entry { padding-bottom: 0; }
.article .article-entry img { margin-bottom: 25px; height: auto;   }
.article .article-entry p, .article .article-entry ol { font: 13px/1.3 verdana,sans-serif; color: #231f20; }
.article .article-entry p, .article .article-entry ul { font: 13px/1.3 verdana,sans-serif; color: #231f20; }
.article .article-entry p .more-link { font-family: georgia, serif; }
.article .article-entry p a, .article .article-entry li a { color: #00919c; margin: 0;   }
.article .article-entry p a:hover, .article .article-entry li a:hover { color: #000;  }

.article .article-entry ol li { margin-bottom: 8px; line-height: 130%; }
.article .article-entry ul li { margin-bottom: 8px; line-height: 130%; }

.article:first-child .more-link { margin-top: 5px;  }
.more-link { font-size: 19px; color: #00919c; text-transform: uppercase; margin-top: 25px; display: inline-block;  }


.ico-arrow-right { background: url(images/ico-arrow-next.png) no-repeat 0 0; width: 9px; height: 17px; display: inline-block; vertical-align: middle; margin-top: -6px;  }
.ico-arrow-small { background:  url(images/ico-arrow-next.png) no-repeat 0 0; width:  9px; height:  17px; display: inline-block; vertical-align: middle; margin-top: -4px;  }

.article-single .article-body { width: 100%; padding-left: 0; padding-top: 25px;  }
.article-author .article-body:after,
.article-single .article-body:after { display: none;  }

.article-single .article-entry p { padding-bottom: 24px;  }

.article-single .gallery.gallery-columns-3 .gallery-item { margin-bottom: 7px; }

.article-author .article-entry img,
.article-single .article-entry img { margin-bottom: 0;  }

.article-single .article-entry p.article-tags { font-size: 16px; padding-top: 27px;   }
.article-single .article-entry p.article-tags span { color: #ec008c; }
.article-single .article-entry p.article-tags a { color: #00919c;  }
.article-single .article-entry p.article-tags a:hover { color: #000;  }

.article-author .article-entry h3,
.article-single .article-entry h3 { font-size: 20px; color: #00919c; font-family: 'Georgia',sans-serif; text-transform: uppercase; font-weight: 400;  }
.article-single .article-entry h3 { padding-top: 13px;  }
.article-single .article-entry h3:after { content:''; display: inline-block; background: url(images/temp/border-gallery.jpg) repeat-x 0 0; width: 100%; height: 4px; margin: 14px 0;  }
.article-single .article-entry h3 .socials { width: auto; float: none; display: inline-block; padding: 0; -webkit-transform: translateY(15%); 
    -ms-transform: translateY(15%); 
     -o-transform: translateY(15%); 
        transform: translateY(15%);  }
.article-single h3 .socials li { margin-right: 4px; margin-bottom:0 !important; }

.article-author h2.article-title { padding-bottom: 23px;  }

.article-author .article-meta { padding-top: 6px; margin-left: -2px;  }
.article-author .article-meta .article-meta-secondary { padding-left: 0; padding-top: 4px; margin-left: -4px;  }

.article-author .article-entry p { padding-bottom: 17px;  }
.author-posts-caption,
.other-authors-caption,
.article-author .article-entry h4 ,
.article-single .article-entry h4 { color: #58574b; text-transform: uppercase; font-size: 20px; display: inline-block; padding: 8px; background-color: #ebeced; margin-bottom: 19px; margin-top: 11px;  }

.article-single h2.article-title { font-size: 26px; padding-bottom: 22px;  }
.article-single .article-meta { padding-top: 4px; margin-left: -8px;  }
.article-single .article-meta .article-meta-main { padding-bottom: 8px;  }
.article-single .article-meta .article-meta-secondary { padding-left: 3px;  }

.article-single .gform_wrapper { max-width: 100%; margin: -27px 0 0 0; }

.article-single .gform_wrapper h3.gform_title { margin: 0; padding-bottom: 1px;  }

.article-single .gform_wrapper h3.gform_title:after { display: none;  }

.article-single .gform_wrapper form li { padding-bottom: 20px;  }

.article-single .gform_wrapper .gform_heading { margin-bottom: 0; width: 100%;  }
.article-single .gform_wrapper .gform_body { margin-left: -3px;  }

.article-single .gform_wrapper .gfield_label { float: right; width: 39%; font-size: 19px; color: #231f20; font-family: verdana,sans-serif; margin: 0;  }

.article-single .gform_wrapper .ginput_container textarea { border: 2px solid #58574b; }
.article-single .gform_wrapper .ginput_container textarea.medium  { height: 11.675em;  }

.article-single .gform_wrapper label.gfield_label + div.ginput_container { margin-top: 9px;  }

.article-single .gform_wrapper .ginput_container input { border: 2px solid #58574b; padding: 6px; width: 59%;  }

.article-single .gform_wrapper .gform_footer { padding: 0; margin: -14px 0 0 0;  }
.article-single .gform_wrapper .gform_footer .gform_button {  background-color: #ebeced; border: none; display: block; width: 35%; padding: 18px 0; color: #58574b; font-size: 18px; 	text-transform: uppercase; }
.article-single .gform_wrapper .gform_footer .gform_button:hover { background-color: #ccc;  }

.article-author h3:after { display: none;  }

.article-author .article-entry p:nth-child(3):after { content:''; display: inline-block; background: url(images/temp/border-gallery.jpg) repeat-x 0 0; width: 100%; height: 4px; margin: 27px 0 0; }
.author-posts-caption,
.other-authors-caption,
.article-author .article-entry h4 { padding-right: 106px;  }
.article-author .gallery-item { margin-bottom: 20px;  }
.article-author .gallery:after { margin: 17px 0;  }


article.article.page .article-head,
body.error404 article.article .article-head { padding: 0; }
article.article.page .article-body,
body.error404 article.article .article-body,
article.article.page .article-head .article-title,
body.error404 article.article .article-head .article-title { float: none; width: auto; }
article.article.page .article-body,
body.error404 article.article .article-body { padding-left: 0; }
body.error404 article.article .article-body .article-entry p:first-child,
article.article.page .article-body .article-entry p:first-child { text-align: left; }

.pagination,
.pagination a { color: #00919c; }
.pagination:hover,
.pagination a:hover { color: #000; }

/* Comments */
#comments { padding-top: 15px; }
#comments p { padding-bottom: 18.2px; }
#comments a { color: #00919c; }
#comments a:hover { color: #000; }
#comments ol,
#comments ul { padding: 0; margin: 0; list-style: none outside none; }
#comments h3 { position: relative; padding: 0 0 10px; }
#comments h3 small { position: absolute; top: 0; right: 0; }

#comments,
#comments .children { position: relative; } 
#comments .children:before,
#comments .children:after { content: ''; position: absolute; display: block; } 
#comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
#comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3;  } 

#comments .comment { position: relative; border-top: 1px dashed #363636; }
#comments .children { padding-left: 70px; } 
#comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } 
#comments .says { padding-left: 5px; } 
#comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } 

#comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } 

#comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

#comments .comment-meta { padding-bottom: 12px; } 
#comments .comment-meta a { color: #363636; }

#comments .comment-reply { padding-top: 10px; text-align: right; } 
#comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } 
#comments .comment-reply a:hover { text-decoration: none; opacity: .8; } 

#comments { max-width: 100%; margin: -27px 0 0 0; }
#comments .comment-author img { width: auto; }
#comments h3 { margin: 0; padding-bottom: 1px; margin-bottom: 0; width: 100%;   font-size: 26px;
  color: #00919c;
  font-family: 'Georgia',sans-serif;
  text-transform: uppercase;
  font-weight: 400; }
#comments h3:after { display: none; }
#comments #commentform > p { position: relative; overflow: hidden; padding-bottom: 20px; font-family: georgia, serif; font-size: 16px; line-height: 1.38; color: #333; margin-top: 9px; }
#comments #commentform > p.comment-form-url { margin-top: 0; }
#comments #commentform > p label { float: right; width: 39%; font-size: 13px; color: #231f20; font-family: verdana,sans-serif; margin: 0; font-weight: 700; line-height: 1.3; text-align: left; 
  clear: both; }
#comments #commentform textarea,
#comments #commentform input { float: left; border: 2px solid #58574b; padding: 6px; width: 59%; outline-style: none; font-size: inherit; font-family: inherit; letter-spacing: normal; text-indent: .25em; }
#comments #commentform textarea { border: 2px solid #58574b; height: 11.675em; width: 97.5%; }
#comments .comment-form-comment label { display: none; }
#comments #commentform .form-submit { padding: 0; margin: -6px 0 0 0; }
#comments .form-submit #submit { background-color: #ebeced; border: none; display: block; width: 35%; padding: 18px 0; color: #58574b; font-size: 18px; text-transform: uppercase; }
#comments .form-submit #submit:hover { background-color: #ccc; }

/*  gallery  */

.gallery-columns-3 .gallery-item { width: 30%; } 
.gallery:after { content:''; display: inline-block; background: url(images/temp/border-gallery.jpg) repeat-x 0 0; width: 100%; height: 4px; margin: 31px 0;   }
.gallery .gallery-item { float: left; margin-right: 7px; }
.gallery .gallery-item img { width: 100%; height: auto;  }
.gallery .gallery-item a:hover { opacity: .7;  }
.gallery .gallery-item:nth-child(3n+3) { margin-right: 0;  }

.gallery > a { font-size: 18px;  color: #00919c; text-transform: uppercase; float: right; margin-top: -6px;  }
.gallery > a:hover  { color: #000;  }
.gallery > a span { font-family: 'Wingdings3',serif; }

.gallery-secondary:after { display: none;  }
.gallery-secondary .gallery-item { width: 47.8%; float: left; margin-bottom: 33px;  }
.gallery-secondary .gallery-item + .gallery-item { float: right;  }
.gallery-secondary .gallery-item .gallery-caption { font: 14px/1.35 verdana,sans-serif; color: #231f20; padding-top: 8px;  }
.gallery-secondary .gallery-item .gallery-caption a { display: block; color: #231f20; text-transform: uppercase; font-size: 17px; font-family: 'Georgia',sans-serif;  }

/*  paging  */

.paging > div,
.paging > div a { text-transform: uppercase; font-size: 24px; color: #00919c;  }
.paging > div:hover,
.paging > div a:hover { color: #000;  }
.paging > div span { font-family: 'Wingdings3',serif; }
.paging .paging-prev .ico-arrow-small { -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

/*  burger-menu  */

.btn-menu { display: none; height: 9px; padding-top: 9px; }
.btn-menu span { position: relative; display: block; width: 30px; height: 15px; border-top: 3px solid #58574b; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #58574b; content: ''; left: 0;  }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
    -webkit-transition: all .3s linear; 
            transition: all .3s linear; 
 }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #58574b; }

.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
        transform: rotate(45deg) translate(2.5px, 6px);

}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        transform: rotate(-45deg) translate(2.5px, -6px); 
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { background: url(images/temp/logo.jpg) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4004px;display: inline-block;width: 990px;height: 175px; margin-left: -99px;   }


/* ------------------------------------------------------------ *\
	media
\* ------------------------------------------------------------ */

@media(max-width: 767px){
	.shell { max-width: 768px; padding: 0 15px; width: auto;   }

	.logo { -webkit-background-size: cover; 	        background-size: cover; width: 280px; height: 51px; margin-left: 0;   }

	.header { position: fixed; width: 100%; background-color: #fff; padding-right: 25px;   }

	.header .header-content { margin-bottom: 18px;  }
	.header .header-content .socials { display: none;  }

	.main { padding-top: 170px;   }
	
	.btn-menu { display: inline-block;  }
	
	.nav { width: 100%; position: relative; top: -7px;  }
	
	.nav .search-form { display: block; padding: 0;  border-bottom: 1px solid #cfcfcb;  padding-bottom: 7px; }
	.nav .search-form .search-field { border: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 35px;  }
	.nav .search-form .search-submit { top: 6px;  }
	
	.nav > ul { overflow-y: scroll; height: 400px; }
	.nav ul { visibility: hidden; opacity: 0; position: absolute; top: 130%; left: 0; background-color: #ffffff; width: 100%;  }
	.nav li { float: none; width: 100%; text-align: left; border-bottom: 1px solid #cfcfcb; padding: 10px 0; }
	.nav li:after { content:'+'; text-align: right; position: absolute; right: 10px; top: 11px; display: inline-block;  }
	.nav li:hover:after { content:'-'; right:12px; top:10px}
	.nav li a { font-size: 28px; color: #58574b;    }

	.nav li:hover >.sub-menu { display: none; visibility: visible; opacity: 0;  }
	
	.nav li.visible > ul.sub-menu { visibility: visible; opacity: 1; display: block; position: relative;   }
	.nav .sub-menu { display: block; border: none;  }
	.nav .sub-menu a { font-size: 22px; color: #58574b; text-align: left; padding: 2px 40px; display: block; border-bottom: none; display: block;  }
	.nav .sub-menu li:last-child { border: none;  }
	

	.content { float: none; width: 100%;  }
	.sidebar { float: none; width: 100%;  }

	.article .article-body { padding-left: 0;  }
	.article .article-meta { float: none; position: static; margin-bottom: 15px; }
	.article .article-meta .article-meta-main,
	.article .article-meta .article-meta-main a { font-size: 22px; }
	.article .article-meta .article-meta-secondary { font-size: 12px;  }
	.article h2.article-title { width: 100%; font-size: 32px; width: 100%; text-align: left; float: none;  }
	.article:nth-child(3) h2.article-title {  font-size: 32px; }
	.article:nth-child(4) h2.article-title {  font-size: 32px;  padding-bottom: 15px; }
	.article .article-body { width: 100%;  }
	.article .article-entry p { font-size: 15px;  }
	
	.paging { display: none;  }
	
	.widget-search { display: none;  }

	.widget-popular li { padding-bottom: 35px; margin: 0;  }
	.widget-popular li:nth-child(2n+2) { float: right;  }
	
	.widget-instagram p:first-child img { width: auto; height: auto;  }	
	.widget-instagram img { width: 100%; height: auto;  }
	
	.widget-pinterest > a:last-child,
	.widget-instagram > a:last-child { font-size: 14px;  }

	.widget-pinterest li img { width: 100%; height: auto;  }
	.widget-pinterest li:nth-child(2n+2) { float: right;  }
	.widget-pinterest li { margin: 0; padding-bottom: 35px; width: 45%;  }

	.more-link { font-size: 20px;  }

	.gallery .gallery-item ,
	.gallery-secondary  .gallery-item { float: none; text-align: center; width: 100%;  }
	.gallery-secondary .gallery-item + .gallery-item { float: none;  }
	.gallery-secondary  .gallery-item img  {  }

	.footer {  }
	.footer .footer-nav { width: 100%; float: none;  }
	.footer .footer-nav li { width: 33%; text-align: center; padding-bottom: 20px;  }
	.footer .footer-nav li:nth-child(3n+3) a { border: none;  }
	.footer .footer-nav a { font-size: 18px; padding: 0;  }
	.footer .socials { float: none; width: 100%; text-align: center;  }
	.footer .socials ul { display: inline-block;  }
}
/* ------------------------------------------------------------ *\
	PS Aftermarket Customization
\* ------------------------------------------------------------ */

/*@media columns for images*/

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
                float: left;
    /* For tablets: */
 
    .mcol-1-4 {width: 23.25%; float: left; margin: 1%;}
    .mcol-1-3 {width: 31.33%; float: left; margin: 1%;}
    .mcol-1-2 {width: 48%; float: left; margin: 1%;}
    .mcol-2-3 {width: 64.67%; float: left; margin: 1%;}
    .mcol-3-4 {width: 72.25%; float: left; margin: 1%;}
    .mcol-full {width: 100%; float: left;}
}
@media only screen and (min-width: 768px) {
                float: left;
    /* For desktop: */
    .col-1-4 {width: 23.25%; float: left; margin: 1%;}
    .col-1-3 {width: 31.333%; float: left; margin: 1%;}
    .col-1-2 {width: 48%; float: left; margin: 1%;}
    .col-2-3 {width: 64.67%; float: left; margin: 1%;}
    .col-3-4 {width: 72.25%; float: left; margin: 1%;}
   .col-full {width: 100%; float: left;}
}

/* h tag rules*/

h1 {display: block; margin-top: 0.67em; margin-bottom: 0.67em;}
h2 {display: block; margin-top: 0.83em; margin-bottom: 0.83em;}
h3 {display: block; margin-top: 1em; margin-bottom: 1em;}
h4 {display: block; margin-top: 1.33em; margin-bottom: 1.33em;}
h5 {display: block; margin-top: 1.67em; margin-bottom: 1.67em;}
h6 {display: block; margin-top: 2.33em; margin-bottom: 2.33em;}