/*
Theme Name: Matt Barnes theme
Theme URI: http://
Description:
Author:
Author URI: http://
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://
Tags: black, blue, white
Text Domain: matt
*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#222;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
ul, li { margin: 0; padding: 0; list-style: none; }
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}

.container { margin: 0 auto; position: relative; width: 1170px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }
.container-960 { width: 960px; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a { outline: none!important; text-decoration: none; color: #1b75bb; transition: all 300ms ease; }
a:hover { text-decoration: none; }
p { margin: 0; line-height: 1.4em; }
ul,li { margin: 0; padding: 0; }
h1,h2,h3,h4 { margin: 0; padding: 0; font-weight: normal; }
img { max-width: 100%; }
blockquote { margin: 0; }
html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */  overflow-x:hidden; }
body { font-family: 'CalibreRegular', sans-serif; color: #003d57; font-size: 12px; }

@font-face {
    font-family: 'Brandon_med';
    src: url('fonts/Brandon_med.eot');
    src: url('fonts/Brandon_med.eot') format('embedded-opentype'),
         url('fonts/Brandon_med.woff2') format('woff2'),
         url('fonts/Brandon_med.woff') format('woff'),
         url('fonts/Brandon_med.ttf') format('truetype'),
         url('fonts/Brandon_med.svg#Brandon_med') format('svg');
}
@font-face {
    font-family: 'Brandon_light';
    src: url('fonts/Brandon_light.eot');
    src: url('fonts/Brandon_light.eot') format('embedded-opentype'),
         url('fonts/Brandon_light.woff2') format('woff2'),
         url('fonts/Brandon_light.woff') format('woff'),
         url('fonts/Brandon_light.ttf') format('truetype'),
         url('fonts/Brandon_light.svg#Brandon_light') format('svg');
}
@font-face {
    font-family: 'CalibreLight';
    src: url('fonts/CalibreLight.eot');
    src: url('fonts/CalibreLight.eot') format('embedded-opentype'),
         url('fonts/CalibreLight.woff2') format('woff2'),
         url('fonts/CalibreLight.woff') format('woff'),
         url('fonts/CalibreLight.ttf') format('truetype'),
         url('fonts/CalibreLight.svg#CalibreLight') format('svg');
}
@font-face {
    font-family: 'CalibreRegular';
    src: url('fonts/CalibreRegular.eot');
    src: url('fonts/CalibreRegular.eot') format('embedded-opentype'),
         url('fonts/CalibreRegular.woff2') format('woff2'),
         url('fonts/CalibreRegular.woff') format('woff'),
         url('fonts/CalibreRegular.ttf') format('truetype'),
         url('fonts/CalibreRegular.svg#CalibreRegular') format('svg');
}
@font-face {
    font-family: 'Brandon_bld';
    src: url('fonts/Brandon_bld.eot');
    src: url('fonts/Brandon_bld.eot') format('embedded-opentype'),
         url('fonts/Brandon_bld.woff2') format('woff2'),
         url('fonts/Brandon_bld.woff') format('woff'),
         url('fonts/Brandon_bld.ttf') format('truetype'),
         url('fonts/Brandon_bld.svg#Brandon_bld') format('svg');
}
@font-face {
    font-family: 'CalibreMedium';
    src: url('fonts/CalibreMedium.eot');
    src: url('fonts/CalibreMedium.eot') format('embedded-opentype'),
         url('fonts/CalibreMedium.woff2') format('woff2'),
         url('fonts/CalibreMedium.woff') format('woff'),
         url('fonts/CalibreMedium.ttf') format('truetype'),
         url('fonts/CalibreMedium.svg#CalibreMedium') format('svg');
}



/* ==========================================================================
   My responsive helpers
   ========================================================================== */
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col45{width:38.33333333%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col25{width:20%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}


/* ==========================================================================
   Header
   ========================================================================== */
header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; padding-top: 45px; }
#logo { width: 270px; height: 21px; background: url(images/logo.png); display: block; overflow: hidden; text-indent: -99999px; float: left; margin-top: 9px; }
#menu { float: right; margin-top: 10px; }
#menu li { display: block; float: left; margin-left: 40px; }
#menu li a { line-height: 1em; text-transform: uppercase; color: #fdf4b1; font-family: "Brandon_med"; letter-spacing: 1px; font-size: 14px; }

#menu-toggle { display: none; }

/* ==========================================================================
   Main
   ========================================================================== */
#page-intro { height: 690px; background: url(images/img1.jpg) top center no-repeat; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); position: relative; }
#page-intro .text { position: absolute; bottom: 180px; left: 50%; width: 540px; margin-left: -270px; text-align: center; }
#page-intro .text img { margin-bottom: 55px; }
#page-intro .text p { font-size: 22px; color: #f9f5ae; font-family: "Brandon_light"; letter-spacing: 2px; }

.section { padding: 60px 0; }
.section.yellow { background: #f9f5ae; }
h2.title { font-size: 31px; color: #003d57; text-align: center; letter-spacing: 5px; margin-bottom: 60px; font-family: "Brandon_med"; }
.services-icons { max-width: 800px; margin: 0 auto; text-align: center; position: relative; }
.services-icons .line { height: 3px; right: 50px; top: 50px; left: 50px; background: #003e57; position: absolute; z-index: 1; }
.services-icons p { color: #003d57; font-size: 16px; letter-spacing: 2px; line-height: 1.1em; font-family: "Brandon_med"; }
.services-icons .icon { display: inline-block; width: 100px; height: 100px; margin-bottom: 40px; position: relative; z-index: 2; transition: all 400ms ease; }
.services-icons .icon1 { background-image: url(images/service_icon_hip.png); }
.services-icons .icon1:hover { background-image: url(images/service_icon_hip_hover.png);}
.services-icons .icon2 { background-image: url(images/service_icon_knee.png); }
.services-icons .icon2:hover { background-image: url(images/service_icon_knee_hover.png);}
.services-icons .icon3 { background-image: url(images/service_icon_sportsmed.png); }
.services-icons .icon3:hover { background-image: url(images/service_icon_sportsmed_hover.png);}
.services-icons .icon4 { background-image: url(images/service_icon_fractures.png); }
.services-icons .icon4:hover { background-image: url(images/service_icon_fractures_hover.png);}

/* ==========================================================================
   About
   ========================================================================== */
#page-intro.inner { height: 440px; }
#page-intro.bg1 { background-image: url(images/img2.jpg); }
#page-intro.bg2 { background-image: url(images/img3.jpg); }
#page-intro.bg3 { background-image: url(images/img4.jpg); }
#page-intro.bg4 { background-image: url(images/img6.jpg); }
#page-intro.bg5 { background-image: url(images/img7.jpg); }
#page-intro.bg6 { background-image: url(images/img8.jpg); }
#page-intro.inner h1 { position: absolute; bottom:140px; line-height: 1em; color: #f9f6b1; text-align: center; left: 0; width: 100%;
text-transform: uppercase;  letter-spacing: 5px; font-size: 60px; font-family: "Brandon_med"; }
.row.pad { margin: 0 -35px; }
.row.pad>div { padding: 0 35px; }
.text-section h2 { font-size: 28px; color: #003d57; margin-bottom: 20px; line-height: 1.2em; font-family: "CalibreLight"; }
.text-section p { font-size: 20px; color: #003d57; margin-bottom: 20px; line-height: 1.2em; }
.text-section img { margin-bottom: 20px; }

/* ==========================================================================
   Services
   ========================================================================== */
.services-section .text p { text-align: center; margin-bottom: 20px; font-size: 28px;
color: #003d57; font-weight: 300; font-family: "CalibreLight"; line-height: 1.2em; }
.services-section .text { max-width: 750px; margin: 0 auto; width: 100%; }
.services-section .services-icons { margin-top: 70px; }

/* ==========================================================================
   Services inner
   ========================================================================== */
.section.gray { background: #f7f7f7; }
.section-service-inner { padding-bottom: 40px; }
.section-service-inner h2 { text-align: center; font-size: 31px; color: #003d57; margin-bottom: 25px; letter-spacing: 2px; font-family: "Brandon_med";
text-transform: uppercase; }
.section-service-inner h3 { text-align: center; font-size: 28px; color: #003d57; margin-bottom: 20px; font-family: "CalibreLight"; }
.section-service-inner p { font-size: 20px; color: #003d57; margin-bottom: 20px;-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;
}
.section-img { height: 350px; background-position: top center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); }
.section-img.bg1 { background-image: url(images/img5.jpg); }
.section-banner { background: #f9f5ae; text-align: center; padding: 70px 0; }
.section-banner p { text-transform: uppercase; letter-spacing: 5px; font-size: 22px; font-family: "Brandon_bld";  margin-bottom: 35px; }
.section-banner p a { text-decoration: underline; color: #003d57; }

/* ==========================================================================
   FAQ
   ========================================================================== */
#faq-section { }
#faq-section .item { margin-bottom: 25px; border-bottom: 1px solid #f2f2f2; transition: all 600ms ease; }
#faq-section .item.active { padding-bottom: 25px; }
#faq-section .btn-toggle { font-size: 20px; display: block; color: #003d57; letter-spacing: 2px; margin-bottom: 25px; text-transform: uppercase; font-family: "Brandon_med"; }
#faq-section .item p { font-size: 20px; margin-bottom: 20px; /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;*/ line-height: 1.45em; }
#faq-section .item br { display: none; }
#faq-section .item .text { max-height: 0; overflow: hidden; transition: all 600ms ease; }
#faq-section .item.active .text { max-height: 100em; }

/* ==========================================================================
   Case studies
   ========================================================================== */
#case-studies { width: 1200px; }
#case-studies .item { width: 369px; float: left; margin-right: 30px; height: 634px; margin-bottom: 30px; }
#case-studies .item .text { padding: 20px; background: #f7f7f7; }
#case-studies .item span.date { font-size: 16px; margin-bottom: 5px; display: block; }
#case-studies .item span.author { font-size: 16px; margin-bottom: 5px; display: block; font-family: "CalibreMedium"; }
#case-studies .item h2 { margin-bottom: 15px; font-weight: normal; }
#case-studies .item h2 a { text-transform: uppercase; color: #003d57; letter-spacing: 2px; font-family: "Brandon_bld"; font-size: 18px; }
#case-studies .item p { font-size: 16px; color: #809eab; margin-bottom: 13px; font-family: "CalibreLight"; }

.section-post .text { padding: 30px; background: #f7f7f7; }
.section-post .text .info { display: block; font-size: 22px; margin-bottom: 20px; font-family: "CalibreLight";  }
.section-post .text h2 { font-size: 31px; margin-bottom: 20px; letter-spacing: 2px; font-family: "Brandon_bld"; }
.section-post .text p { font-size: 20px; margin-bottom: 15px; color: #809eab; }
.align-center { text-align: center; }
.img-wrapper, .section-post .text p.img-wrapper, .section-post .text img { margin: 30px auto 20px; }

/* ==========================================================================
   Contact
   ========================================================================== */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#003d57;opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#003d57;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#003d57;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#003d57;opacity:1;}

#map { height: 300px; width: 100%; }
.info-box { width: 100%; margin: 0 auto; max-width: 650px; }
.info-box .item { padding-left: 95px; background-position: top left; background-repeat: no-repeat; min-height: 130px; }
.info-box .item h4 { letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; font-size: 16px; font-family: "Brandon_med"; }
.info-box .item p { font-size: 20px;}
.info-box .item1 { background-image: url(images/contact_icon_location.png); }
.info-box .item2 { background-image: url(images/contact_icon_phone.png); min-height: 80px; }
.info-box .item3 { background-image: url(images/contact_icon_email.png); }
.info-box .item4 { background-image: url(images/contact_icon_fax.png); min-height: 80px; }
.form-wrapper { }
.form-wrapper p { margin-bottom: 40px; font-size: 28px; text-align: center; font-family: "CalibreLight"; }
.form-wrapper input[type="text"], .form-wrapper textarea, .form-wrapper input[type="email"] {  width: 100%; display: block; margin-bottom: 15px; height: 37px; border-radius: 0; -webkit-appearance:none;
border:2px solid #003d57; font-family: "CalibreRegular"; padding: 0 20px; font-size: 20px; padding-top: 4px; }
.form-wrapper input[type="text"].wpcf7-not-valid, .form-wrapper input[type="email"].wpcf7-not-valid { border:2px solid #d35d5d; }
.form-wrapper textarea { padding: 20px; height: 200px; }
.form-wrapper input[type="submit"] { width: 170px; height: 37px; border-radius: 0; -webkit-appearance:none; border:2px solid #003d57; font-family: "CalibreRegular";
background: none; font-size: 20px; padding: 5px 0 0; color: #004e69; }
.form-wrapper .row { margin: 0 -15px; }
.form-wrapper .row>div { padding: 0 15px; }
.wpcf7-not-valid-tip { display: none!important; }
.wpcf7-response-output { font-size: 16px; margin: 10px 0!important; padding:10px 20px 5px!important; line-height: 1em; }


/* ==========================================================================
   Footer
   ========================================================================== */
footer { background: #003e57; }
#footer-top { padding: 75px 0 10px; border-bottom: 3px solid #f9f5ae; }
#footer-bottom { padding: 10px 0 50px; }
#footer-bottom p, #footer-bottom a { color: #f9f5ae; letter-spacing: 1px; margin-bottom: 15px; line-height: 1em; display: block; font-family: "Brandon_light"; }
#footer-bottom p.designed-by { position: absolute; bottom: 3px; left: 0; }
#footer-bottom p.sub { font-size: 9px; font-family: "Brandon_med"; }
#footer-bottom .row { padding-left: 33%; }


.hide-desktop { display: none; }


/* ==========================================================================
   Responsive
   ========================================================================== */

@media only screen and (max-width: 1170px) {
    .container { width: 748px; }
    .col-md-12 { width: 100%; }
    .col-md-6 { width: 50%; }

    /* Header */
    #menu li { margin-left: 20px; }
    #menu li a { font-size: 13px; }

    /* About */
    #page-intro.inner { height: 300px; }
    #page-intro.inner h1 { bottom: 70px; }

    /* Case studies */
    #case-studies { width: 760px; }
    #case-studies .item { width: 240px; margin-right: 13px; height: 600px; }

    /* Footer */
    #footer-bottom .row { padding-left: 0; }
    footer .row>div { margin-top: 50px; }
    #footer-bottom p.designed-by { bottom: 0px; left: auto; right: 0; }

}

@media only screen and (max-width: 767px) {
    .container { width: 100%; padding: 0 10px; }
    #footer-bottom .container { padding: 0 20px; }
    .col-sm-12 { width: 100%; }
    .col-sm-6 { width: 50%; }

    .hide-mobile { display: none; }
    .show-mobile { display: block; }

    /* Header */
    header { padding-top: 35px; transition: background 400ms ease; }
    header.active { background: #003e57; }
    #logo { float: none; margin: 0 auto; width: 220px; height: 17px; background-size:220px 17px; }
    #menu { max-height: 0; overflow: hidden; transition: all 400ms ease; clear: both; width: 100%; float: none; }
    #menu li { float: none; display: block; padding-bottom: 10px; border-bottom: 1px solid #f9f5ae; margin: 0 0px 10px; }
    #menu li a { float: none; display: block; font-size: 15px; }
    .active #menu { max-height: 100em; padding: 20px 0; overflow: visible; }
    #menu-toggle { display: block; width: 26px; height: 16px; position: absolute; top: 0; left: 10px; }
    #menu-toggle span { display: block; height: 3px; border-radius: 2px; background: #f9f5ae; margin-bottom: 2px; }


    /* Homepage */
    #page-intro { height: 550px; }
    #page-intro .text { width: 100%; left: 0; margin: 0; bottom: 130px; }
    #page-intro .text br { display: none; }
    #page-intro .text p { padding: 0 10px; }
    .services-icons .line { display: none; }
    .services-icons p { margin-bottom:70px;  }

    /* About */
    #page-intro.inner { height: 210px; }
    #page-intro.inner h1 { bottom: 40px; font-size: 24px; }

    /* Services */
    .services-icons .icon { margin-bottom: 20px; }
    .services-section .text p { font-size: 18px; }
    .section-service-inner h2 { font-size: 22px;margin-bottom: 20px; letter-spacing: 1px; }
    .section-service-inner h3 { font-size: 18px; margin-bottom: 15px; }
    .section-service-inner p { font-size: 14px; margin-bottom: 15px;-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align: center;}
    .section-img { height: 200px; }
    .section-banner { padding: 50px 0; }
    .section-banner p { font-size: 18px; }

    /* FAQ */
    #faq-section .item { margin-bottom: 15px; }
    #faq-section .item.active { padding-bottom: 15px; }
    #faq-section .btn-toggle { font-size: 16px; }
    #faq-section .item p { font-size: 14px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;  }

    /* Case studies */
    #case-studies { width: 100%; }
    #case-studies .item { width: 100%; max-width: 369px; margin: 0 auto 20px; height: auto; float: none; }
    .section-post .text { padding: 15px; }
    .section-post .text .info { font-size: 16px; margin-bottom: 15px; }
    .section-post .text h2 { font-size: 26px; margin-bottom: 20px; }
    .section-post .text p { font-size: 16px; }

    /* Contact */
    #map { height: 250px; }
    .info-box .item { min-height: 120px; }
    .info-box .item4 { min-height: 70px; }
    .form-wrapper p { font-size: 20px; }

    /* Footer */
    #footer-bottom p.designed-by { right: 20px; }
    #footer-top { padding-top: 50px; }
    #footer-top .container { padding: 0 20px;}
    .col-right { text-align: right; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* =Images
-------------------------------------------------------------- */
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-container img{max-width:100%;height:auto;}
.alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
.alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px;}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center;}
.wp-caption img{margin:5px 5px 0;}
.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}
.gallery{margin:0 auto 18px;}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;}
.gallery-columns-2 .gallery-item{width:50%;}
.gallery-columns-4 .gallery-item{width:25%;}
.gallery img{border:10px solid #f1f1f1;}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto;}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;}
.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}
.gallery br+br{display:none;}
#content .attachment img{display:block;margin:0 auto;}
.wp-smiley,.gallery dl{margin:0;}

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both;}
#comments .navigation{padding:0 0 18px;}
h3#comments-title,h3#reply-title{color:#000;font-size:20px;font-weight:700;margin-bottom:0;}
h3#comments-title{padding:24px 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;margin:0 0 24px;padding:0 0 0 56px;position:relative;}
.commentlist li:last-child{border-bottom:none;margin-bottom:0;}
#comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-body blockquote p:last-child{margin-bottom:24px;}
.commentlist ol{list-style:decimal;}
.commentlist .avatar{position:absolute;top:4px;left:0;}
.comment-author cite{color:#000;font-style:normal;font-weight:700;}
.comment-author .says{font-style:italic;}
.comment-meta{font-size:12px;margin:0 0 18px;}
.comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none;}
.reply{font-size:12px;padding:0 0 24px;}
.reply a,a.comment-edit-link{color:#888;}
.commentlist .children li{border:none;margin:0;}
.nopassword,.nocomments{display:none;}
#comments .pingback{border-bottom:1px solid #e7e7e7;margin-bottom:18px;padding-bottom:18px;}
.commentlist li.comment+li.pingback{margin-top:-6px;}
#comments .pingback p{color:#888;display:block;font-size:12px;line-height:18px;margin:0;}
#comments .pingback .url{font-size:13px;font-style:italic;}
input[type="submit"]{color:#333;}
#respond{border-top:1px solid #e7e7e7;margin:24px 0;overflow:hidden;position:relative;}
#respond .comment-notes{margin-bottom:1em;}
.form-allowed-tags{line-height:1em;}
.children #respond{margin:0 48px 0 0;}
h3#reply-title{margin:18px 0;}
#comments-list #respond{margin:0 0 18px;}
#cancel-comment-reply-link{font-size:12px;font-weight:400;line-height:18px;}
#respond .required{color:#ff4b33;font-weight:700;}
#respond label{color:#888;font-size:12px;}
#respond input{margin:0 0 9px;width:98%;}
#respond textarea{width:98%;}
#respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
.commentlist,.commentlist .children{list-style:none;margin:0;}
.comment-meta a:active,.comment-meta a:hover,.reply a:hover,a.comment-edit-link:hover{color:#ff4b33;}
#respond p,#comments-list ul #respond{margin:0;}