/*--------------------------------------------------------------------------------------------------

    Theme Name: Ravage
    Theme URI: http://demo.icypixels.com/themes/ravage
    Description: Beautiful Typography theme for writers and creative artists, enabling them to share their articles, photographs and videos.
    Author: Icy Pixels
    Author URI: http://www.icypixels.com/
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Version: 1.5.6
    Tags: white, retina-ready, custom-background, custom-menu, featured-images, flexible-width, gray, light, microformats, post-formats, theme-options, translation-ready

    Designed & Handcrafted by Paul from Icy Pixels
    All files, unless otherwise stated, are released under the GNU General Public License
    version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

--------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------

    Table of Contents 

    1. CSS Reset
    2. Setup
    3. Header Styling
    4. Navigation
    5. Content Styling
        5.a.  Main Content
        5.b.  Sidebar
    6. Post Styling
    7. Comments Styling
    8. Pagination Styling
    9. Footer Styling
    10. Custom Page Templates
        10.a. Homepage
    11. Widgets
    12. External Scripts Styling

--------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------
    1.  CSS Reset
--------------------------------------------------------------------------------------------------*/

    html, 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;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline; }
    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-collapse: collapse;
        border-spacing: 0; }
    html {
        -webkit-text-size-adjust: none;
    }

/*--------------------------------------------------------------------------------------------------
    2.  Setup
--------------------------------------------------------------------------------------------------*/

body,
input,
textarea,
button {
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    border: none;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: auto;
}

body {
    border-top: 8px solid #333;
    border-bottom: 2px solid #333;
    box-sizing: border-box;
    background-color: #fff;
    color: #666;
}

button,
input[type="submit"] {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;

    border: none;

    clear: both;
    float: left;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    padding: 15px 15px;
    background: #222;
}

button:hover,
input[type="submit"]:hover {
    background-color: #c0a127;
}

#wrapper {
    position: relative;
    width:1170px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; -moz-box-sizing: border-box; 
}

.centered-wrapper {
    position: relative;
    width: 65%;
    margin: 0 auto;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}
.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}
.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}
.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}
.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}
.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}
.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}
.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}
.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}
.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}
.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

a {
    color: #c0a127;
    text-decoration: none;
    border: none;    
}

p { font-weight: 400; }

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

a img { border: none }

a, .transition {
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

ul.posts-list li.post { 
    margin: 85px 0px 0px 0px;
    padding-bottom: 0px;
    border-bottom: 5px solid #efefef;
}
ul.posts-list li.post:first-child {
    margin-top: 0;
}

ul.posts-list li.post:last-child {
    border-bottom: none;
}

ul.posts-list li.post:last-child .the-content {
    margin-bottom: 30px;
}

ul.posts-list li.post:last-child .entry-meta {
    margin-bottom: 30px;
}
section h1,
section h2,
section h3,
section h4,
section h5,
section h6 { margin-bottom: 20px; }

.module-image { 
    display:block; 
    overflow:hidden; 
    position:relative; 
}

.post .module-image a {
    display:block; 
    position:relative;
    margin-bottom: 17px;
}

.single .module-image a {
    max-height: 100%;
}

.alignleft { float: left }

.alignright { float: right }

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}

.hidden { display: none }

.navigation-links, p, .bot-margin { margin-bottom: 20px; }

.top-margin { margin-top: 20px !important; }
.no-bottom { margin-bottom: 0 !important; }
.bot-margin-double { margin-bottom: 40px; }
.bot-margin-triple { margin-bottom: 60px; }
.float-right { float: right !important; }

::-webkit-input-placeholder  { color: #d3d1d1; }
input:-moz-placeholder { color:#d3d1d1;}
.sticky {}


.page-template-template-full-width-php .container.background .full-width {
overflow: hidden;
padding-bottom: 20px;
}

.main-container.layour-st aside.sidebar { float: left !important; }


/*--------------------------------------------------------------------------------------------------
    3.  Header Styling      
--------------------------------------------------------------------------------------------------*/

header {
    margin: 0 auto;
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: hidden;
}

.logo {
    text-align: left;
    display: block;
}

    .logo a {
        font-family: 'Lora', Georgia;
        font-weight: bold;
        font-size: 88px;
        line-height: 78px;
        font-weight: bold;
        letter-spacing: -4px;
        color: #222;        
    }

    .logo a:hover { text-decoration: none; color: #111; }

    .logo-image {  }

.site-description h2 {
    font-family: 'Lora', Georgia;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-align: right;
}


.page-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 25px;
}


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

nav {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    position: relative;
}

nav select {
    display: inline-block;
    margin: 30px 20px;
    background: #F6F6F6;
    color: #666;
    padding: 5px;
    border: 1px solid #ccc;
}

    nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: right;
        text-align: right;
    }

        nav ul a {
            display: block;
            position: relative;
            color: #777;
        }

        nav ul a:hover,
        nav ul li.current-cat a, nav ul li.current_page_item a, nav ul li.current-menu-item a {
            color: #c0a127;
        }

        nav ul li.current-cat a, nav ul li.current_page_item a, nav ul li.current-menu-item a {
            border-bottom: 1px solid #c0a127;
        }

        nav ul li {
            float: right;
            display: block;
            margin: 0;
            position: relative;
            z-index: 1;
            list-style: none;
            letter-spacing: 0px;
            text-align: right;
            width: auto;
            clear: both;
            margin-bottom: 5px;
        }

        nav ul li:hover {
            visibility: inherit;
        }

        nav ul ul {
            margin-left: 20px;
        }

        nav ul ul li { width: auto; clear: both; }

        nav ul li a { margin: 0 0 0px 0; }

        nav ul a:hover,
        nav ul li.current-cat a,
        nav ul li.current_page_item a,
        nav ul li.sfHover a,
        nav ul li.current-menu-item a { text-decoration: none; }
        nav ul li.sfHover a {  }

        nav ul ul {
            padding: 0;          
        }

            nav ul ul li {
                height: auto;
                padding: 0; 
                margin: 5px 0 0px 0;
            }

            nav ul ul li:last-child { border-bottom: none }

            nav ul ul li a { }

.nav-prev {float: left;}
.nav-next {float: right;}

.navigation-posts {
    overflow: hidden;
    background: #f6f5f4;
    padding: 10px;
    margin: 10px 0;
}

.navigation-posts a {
    color: #666;
    font-weight: 300;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 14px;
}

.navigation-posts a:hover { 
    color: #c0a127;
}


/*--------------------------------------------------------------------------------------------------
    5.  Content Styling
--------------------------------------------------------------------------------------------------*/

/*--------------------------*
/*  WordPress Styles
/*--------------------------*/
.aligncenter{ display:block;  margin:0 auto}
.alignright{ float:right;  margin:10px 0 10px 10px}
.alignleft{ float:left;  margin:10px 10px 10px 0}
.floatleft{ float:left}
.floatright{ float:right}
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}
.wp-caption img{ margin:0;  padding:0;  border:0 none}

/* Wrapper div for the entire comment form. */
div#respond { }

/* Reply title. */
h3#reply-title { }

/* Cancel comment link. */
h3#reply-title small { }

/* The comment form. */
form#commentform { }

/* Comment author field. */
p.comment-form-author { }
p.comment-form-author label { display: none; }
p.comment-form-author input#author { }

/* Comment email field. */
p.comment-form-email { }
p.comment-form-email label { display: none; }
p.comment-form-email input#email { }

/* Comment URL field. */
p.comment-form-url { }
p.comment-form-url label { display: none; }
p.comment-form-url input#url { }

/* Required (*) text. */
span.required { display: none; }

/* Comment form text. */
p.comment-form-comment { }
p.comment-form-comment label { display: none; }
p.comment-form-comment textarea#comment { }

/* Must log in paragraph. */
p.must-log-in { }

/* Logged in paragraph. */
p.logged-in-as { }

/* Comment notes paragraph. */
p.comment-notes { }

/* Allowed tags paragraph. */
p.form-allowed-tags { }
p.form-allowed-tags code { }

/* Paragraph that wraps the submit button and hidden comment ID fields. */
p.form-submit { }

/* Submit button. */
input#submit { }
.wp-smiley{margin:0 !important; max-height:1em}

blockquote.left{margin-right:20px; text-align:right; margin-left:0; width:33%; float:left}
blockquote.right{margin-left:20px; text-align:left; margin-right:0; width:33%; float:right}

address{font-style:italic}abbr[title],acronym[title]{cursor:help}strong{font-weight:bold}em,cite{font-style:italic}sup{font-size:11px;vertical-align:top}sub{font-size:11px;vertical-align:bottom}caption{text-align:left}small{font-size:10px}code,pre{font:12px/18px Courier, "Courier New", monospace}pre{white-space:pre;line-height:18px;font-size:11px;clear:both;overflow:auto;padding:0 10px}thead tr th{font-size:1em}button{
    padding: 2px 10px;cursor: pointer;}

table {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 11px;
}

table caption {
    padding: 0 0 5px 0;
    width: auto;     
    font-style:italic;
    text-align: right;
}

th {
    font-weight:bold;
    line-height: 1.5em;
    text-transform: uppercase;
    text-align: left;
}

td {
    font-size: 12px;
    padding: 6px 6px 6px 12px;
}

tr th:first-child, tr td:first-child{ }


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: 'Lora', Georgia, Serif;
    color: #444;
}

h1 {
    font-size: 36px;
    line-height: 64px;
}

h2 {
    font-size: 28px;
    line-height: 48px;
}

h3 {
    font-size: 22px;
    line-height: 36px;
}

h4 {
    font-size: 16px;
    line-height: 26px;
}

h5 {
    font-size: 14px;
    line-height: 21px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

blockquote {
    border-left: 6px solid #c6c6c6;
    margin: 30px 70px 30px 70px;
    padding: 2.5% 5% 2.5% 5%;
    font-family: 'Lora', Georgia, Serif;
    font-style: italic;
    font-weight: 400;
    position: relative;
    font-size: 26px;
    line-height: 1.3em;

    color: #999;
     
}

blockquote p {
    margin-bottom: 0;
}

.post-type .blockquote:before {
    content: ",, ";
    letter-spacing: -8px;
    font-size: xx-large;
    font-weight: bold;

    color: #fff;

    font-size: 150px;
    position: absolute;
    font-style: italic;
    bottom: 55px;
    left: 15px;
}

.post-type .blockquote:after {
    content: "“ ";
    font-size: xx-large;
    font-weight: bold;

    color: #fff;

    font-size: 150px;
    position: absolute;
    font-style: italic;
    top: 25px;
    right: 15px;
}

input {
    height: 50px;
}

.ie input {
    height: 30px;
}

input,
textarea {
    color: #777;
    border: solid 1px #c6c6c6;
    border-bottom: solid 1px #bbb;
    background: #fff;
    width: 50%;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #666;
    font-weight: 300;
}

/*--------------------------------------------------------------------------------------------------
    5.a.  Main Content Styling
--------------------------------------------------------------------------------------------------*/

.main-content {
    float:left !important;
    margin-top: 0;
    margin-left: 2.127659574%;
    border-top: 1px solid #c6c6c6;
    padding-top: 50px;    
}

.main-content .entry-content ul:not(.zilla-nav),
.main-content .entry-content ol {
    width: auto;
    padding-left: 5%;
    margin-bottom: 20px;
}

.main-content .entry-content ul { list-style-type: square; }
.main-content .entry-content ol { list-style-type: decimal; }

img.alignleft {
    float: left;
    margin: 10px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 10px 0 25px 20px;
}

img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
}

embed,
object,
iframe {
    width: 100%;
}

.icy_video {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    height: 100%;
    clear: both;
}

.icy_video .video-post p {
    display: none;
}

.wp-caption {
    text-align: center;
    clear: both;
    overflow: hidden;
    font-family: "Lora", Georgia, serif;
    font-style: italic;
    position: relative;
}

.wp-caption[style] {
    width: 100% !important;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
    max-width: 100%;
    height: auto;
}

.wp-caption
.wp-caption-text {
    margin: 0;    
}

.wp-caption {
    margin: 20px 0;
}

.wp-caption img{ 
    clear: both;
    overflow: hidden;
    margin:0 auto;    
}

.wp-caption-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #444;
    padding: 20px;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    bottom: 40px;
    font-style: normal;
}

.gallery-caption
{    
    position: relative;
    background: #fff; 
    color: #666;
    font-size: 16px;
    padding: 0;
    margin: 0;
    bottom: 0;
}

.gallery{margin:0 auto 1.625em;}
.gallery a img{border:none;}
.gallery-columns-4 .gallery-item{width:23% !important;padding-right:2%; border:none}
.gallery-columns-3 .gallery-item{width:32% !important;padding-right:1.3%; border:none}
.gallery-columns-4 .gallery-item img{max-width:100%;height:auto;}
.gallery .gallery-icon img{ background: #fff; border: none !important;}

.gallery dl.gallery-item:last-child { padding-right: 0; }

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img{background:#fff;}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img{background:#fff;}

#submit { cursor: pointer; margin: 0 0 0px 0; }

/*--------------------------------------------------------------------------------------------------
    5.b.  Sidebar Styling
--------------------------------------------------------------------------------------------------*/

aside.sidebar {
    float: left;
    border-top: 1px solid #c6c6c6;
    padding-top: 50px;
    font-family: 'Lato', Arial, sans-serif;
}

#s {
    margin-bottom: 0;
    width: 100px;
    padding-right: 50px;
    padding-top: 10px;
    color: #999;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: relative;
}

#searchform {
    position: relative;
}

#searchform i {
    position: absolute;
    font-size: 36px;
    right: 10px;
    top: 10px;
    color: #c6c6c6;
}

#s:focus {
    width: 200px;
    outline: none;
}

.sidebar-left .site-description {
  float: left;
  text-align: left;
  margin-left: 0;
}

.sidebar-left .site-description h2 {
  text-align: left;
}

.sidebar-left .logo {
  float: right;
  text-align: left;
}

.sidebar-left section.main-content {
  float: right !important;
}

.sidebar-left aside.sidebar {
  float: left !important;
  margin-left: 0 !important;
}

.sidebar-left nav ul {
  float: left;
}

.sidebar-left nav ul li {
  text-align: left;
  float: left;
}

.sidebar-left .widget-separator { float: left; clear: both;}

.sidebar-left .widget-title { text-align: left; }
.sidebar-left .widget { text-align: left; }

/*--------------------------------------------------------------------------------------------------
    6.  Post Styling
--------------------------------------------------------------------------------------------------*/

.post {
    overflow: hidden;
    list-style-type: none;
}

.entry-title,
.more-link {
    cursor: pointer;
}

li.post:last-child hr {
    display: none;
} 

.entry-title {
    line-height: 1.3em;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
}

.entry-title a { 
    color: #494949;
    line-height: 1.3em;
}

.entry-title a:hover {
    color: #222;    
}

.entry-meta-top .date-of-post {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #999;
    font-family: 'Lato', Arial, sans-serif;
}

.entry-meta-top .the-category {
    font-weight: 600;
    font-size: 20px; 
    line-height: 20px;
    font-family: 'Lato', Arial, sans-serif;
    text-transform: uppercase;
}

.entry-meta-top .the-category a {
    color: #666;
}

.entry-meta {

    padding: 0.5em 0;

    clear: both;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Lato', Arial, sans-serif;
    vertical-align: middle;
    font-weight: 300;
    color: #999;
}

.entry-meta a {
    color: #999;
}

.entry-meta a:hover {
    color: #c0a127;
}

.icy-meta-data {
    margin-bottom: 20px;
}

.entry-content ul { list-style-type: disc; }

.entry-content ol { list-style-type: decimal }

.entry-content .the-content {
    margin-left: 0 !important;
    overflow: hidden;
    margin-bottom: 90px;
    clear: both;
}

.post-tags a {
    background: #ebebeb;
    color: #999;
    font-family: 'Lato';
    font-weight: 300;
    display: inline-block;
    padding: 5px 8px;
    margin: 0 5px;
}

.post-tags a:hover {
    background-color: #c0a127;
    color: #fff;
}

.post-thumb {
    margin-bottom: 10px;
}

.post-thumb a:hover { 
}

img {
    max-width: 100%;
    height: auto;
}

.container.single-post { margin-top: 30px; }

.share-post {
    padding: 10px 20px;
    text-align: center;
    color: #ededed;
    font-weight: 300;
}

.share-post a {
    color: #999;
}

.single .post-navigation .prev-post,
.single .post-navigation .next-post,
.single .post-navigation .show-grid { 
    display: inline-block;    
}

.single .post-navigation {
    float: left;
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 25px 0;
    margin-bottom: 0px;
    min-height: 40px;
    clear: both;
}

.single .post-navigation .prev-post,
.single .post-navigation .next-post {
    background-image: none;
} 

.single .post-navigation .next-post { float: right; }

.single .post-navigation .prev-post a {
    background-image: url(http://departmentofwandering.com/wp-content/themes/ravage/images/left-arrow-nav.svg);
    background-size: 22px 42px;   
    width: 22px;
    height: 42px;
    cursor: pointer;
    text-indent: -9999px;
    display: block;
}

.single .post-navigation .next-post a {
    background-image: url(http://departmentofwandering.com/wp-content/themes/ravage/images/right-arrow-nav.svg);
    background-size: 22px 42px;   
    width: 22px;
    height: 42px;
    cursor: pointer;
    text-indent: -9999px;
    display: block;
}

/*--------------------------------------------------------------------------------------------------
    7.  Comments Styling                                
--------------------------------------------------------------------------------------------------*/

.comments-container {
    margin-left: 0 !important;
    margin-top: 50px;

    padding: 0 20px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    background: #f9f9f9;
}

.comments-message { 
    margin-bottom: 40px;
    padding: 20px;
    color: #fff;
    font-style: italic;
    font-weight: 300;
    font-family: 'Lora', Georgia, Serif; 
    font-size: 24px;
    text-align: center;
    background: #999;

    margin: 0 -20px;
}

.commentaries-border {
    margin-left: 0 !important;
    margin-top: 20px;
}

.list-of-comments {
    float: left;
    list-style-type: none;
    width: 100%;
}

.list-of-comments .comment-entry p { margin-bottom: 0 !important; }
.list-of-comments ul { margin-left: 40px; }
.list-of-comments ul ul { margin-left: 40px; margin-top: 0px; }
.list-of-comments li #comments-form { margin-top: 20px; margin-bottom: 20px; }
.list-of-comments li .respond { padding-top: 5px }

.comment-content { 
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}


.comment { margin: 0; margin-bottom: 20px; }

.pinglist {
    margin: 20px 0 40px 40px;
    list-style-type: decimal;
}

.children { list-style-type: none }

#comments-form {
    margin-top: 0px;
    float: left;
    padding-bottom: 30px;
}

#comments-form input {
    margin-right: 20px;
    margin-left: 0;
    width: auto;
}

#comments-form textarea { width: 85% }

.list-of-comments .avatar {
    position: relative;
    border-radius: 50%;
}

.list-of-comments .bypostauthor .comment-author .avatar {
}

.comment-meta {
    position: absolute; 
    top: 10px;
    right: 0;
    color: #ccc;
}

    .comment-meta a {
        font-family: 'Lato', Arial, sans-serif;
        color: #ccc;
        font-weight: 100;
    }

    .comment-meta a:hover { color: #777 }

.says { display: none }    

.comment-author-admin { background-color: #f9f9f9; }

.comment-author,
.comment-meta { padding-left: 0px; }

.comment-author {
    position: relative;
    font-size: 24px;
    font-weight: bold; 
    font-family: 'Lora', Georgia, Serif;
}

.comment-author figure {
    float: left;
    display: inline-block;
}

.comment-author span {
    margin-left: 20px;
}
.comment-author cite { font-style: normal;
    display: inline-block;
    margin-top: 10px;
    color: #777;
 }

.comment-entry ul,
.comment-entry ol,
.comment-entry dl { margin-left: 20px }

ol .comments-form { width: 100% }

.nocomments {
    text-align: left;
    padding: 20px;
}

.moderation {
    padding-left: 0px;
    color: #999;
    font-size: 11px;
}

.comment-entry ul {
    list-style-type: disc;
    margin-bottom: 20px;
}

.comment-entry { 
    background: #fff;
    margin-left: 0 !important;
    border: 1px solid #f1f2f3;
    color: #777;
    font-size: 16px;
    line-height: 24px;
    padding: 30px 30px 30px 30px;
    margin-top: 12px;
    position: relative;
}

span.reply-to a {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    padding: 7px 10px;
    background: #222;
    color: #fff;
    border-radius: 2px 0 2px 0;
}

span.reply-to a:hover {
    background-color: #c0a127;
}



/*--------------------------------------------------------------------------------------------------
    8.  Pagination Styling
--------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------
    9.  Footer Styling                                                  
--------------------------------------------------------------------------------------------------*/

footer.footer-container { 
    margin-top: 30px;
    clear: both; 
    width: 100%;
    background: #333;
    padding-top: 5px;
}

footer .widget { margin-top: 0px; }

footer .widget-title { color: #ececec; }

footer .widget a { color: #aaa; }
footer .widget a:hover { color: #eee; }

footer .widget-title { border-bottom: none; }

footer .widget ul li { border-top: 1px solid #444; }

footer .widget ul li:first-child { border-top: none; }
footer .widget ul li:last-child { margin-bottom: 0; }

footer .copyright {
    float: left;
    text-align:left;
    font-size:14px;
    line-height: 21px;
    margin-bottom: 0px;
    margin-top: 5px;
    padding-left: 10px;
    color: #999;
    font-style: italic;
}

footer .copyright a {
    color: #aaa;
    border-bottom: 1px solid #aaa;
}

/*--------------------------------------------------------------------------------------------------
    10. Custom Page Templates                                                   
/*------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------
    10.a. Archives
--------------------------------------------------------------------------------------------------*/

.list-of-archives .children { margin-bottom: 0 }

.archive-list { overflow: hidden; margin-bottom: 40px;}

.page .main-content { margin-bottom: 50px; }

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

.widget-separator {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 30px;
    height: 5px;
    background-color: #ececec;
    float: right;
    clear: both;
}

.widget { 
    font-size:16px;
    line-height:30px;
    color: #666;
    font-weight: 300;
    letter-spacing: 0.5px;
    float: right;
    text-align: right;
}

.widget a { color: #555; }
.widget a:hover { color: #c0a127; }

.widget ol {
    list-style-type: decimal;
    margin: 0;
}

.widget ul { 
    margin: 0; 
    list-style: none; 
}

.widget ul li {
    font-size:16px;
    line-height:28px;
    color: #999;
}

.widget ul li:first-child { border-top: none; }

.widget ul li:first-child { margin:0; }
.widget ul li:last-child { border-bottom: none; margin-bottom: 0; }


.widget-title {
    margin-bottom: 20px;
    font-family: 'Lora', Georgia, Serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color:  #999;
    text-align: right;
    font-style: italic;
    letter-spacing: 2px;
}

footer .widget-title {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

footer .widget {
    font-size: 12px;
}

.widget p {
    margin-bottom: 10px;
}

.widget_search form { margin-top: 15px }

.widget {
    float: right;
    width: 100%;
}

.sidebar .widget .item-list li {
    margin: 0;
}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: left; color: #333; font-size: 16px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 14px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.main-content-widgets .widget-title,
.sidebar-widgets .widget-title {
    position: relative;
    display: block;
    line-height: 18px;
    text-align: left;
    font-weight: 600;
    color: #444;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0;
}

.icy_video iframe {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    margin-bottom: 20px;
}

#flickr-wrapper {
    display: inline-block;
    overflow: hidden;
}

.flickr_badge_image {
    float: right;
    width: 70px;
    height: 70px;
}

.flickr_badge_image img {
    width: 70px;
    height: 70px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
    -webkit-transition: opacity .7s ease-out;
    -moz-transition: opacity .7s ease-out;
    -o-transition: opacity .7s ease-out;
    transition: opacity .7s ease-out;
}

.flickr_badge_image img:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
}

.flickr_badge_image a:hover {    
}

.tweets li {
    padding: 0 0 0 0px !important;
    margin: 0 0 20px 0 !important;
    border: none !important;
}

.tweets .timesince {
    display: block;
    font-style: italic;
    font-size:16px;
    color: #999;    
}

.tweets .timesince:hover {    
}


.more-link {
    clear: both;
    float: left;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    padding: 15px 15px;
    background: #222;
    margin-top: 10px;
}

.more-link:hover { text-decoration: none; background: #c0a127; color: #fff; }


/* 
 *    External Scripts styling 
 */

.zilla-social { 
    height: 34px; 
    text-align: right;
    padding-right: 2px;
}

.zilla-social.size-16px { height: 18px;}

.zilla-social a {
    font-size: 0;
    line-height: 0; }

.zilla-social a:hover {
    border-bottom: none; }

.zilla-likes { margin-bottom: 0 !important; }
.zilla-likes:hover,
.zilla-likes,
.zilla-likes.active { background: none; margin-bottom: 0 !important; }

.zilla-likes:before {
    content: "\f004";
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.zilla-likes:hover,
.zilla-likes.active {
    color: #db4a39 !important;
}


.wpcf7-submit { 
    width: auto;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('http://departmentofwandering.com/wp-content/themes/ravage/includes/fonts/fontawesome/fontawesome-webfont.eot');
  src: url('http://departmentofwandering.com/wp-content/themes/ravage/includes/fonts/fontawesome/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
     url('includes/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
     url('http://departmentofwandering.com/wp-content/themes/ravage/includes/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
     url('http://departmentofwandering.com/wp-content/themes/ravage/includes/fonts/fontawesome/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }


.icy-menu-trigger-wrapper {
    width: 100%;
    text-align: left;
    background: #333;
    color: #aaa;
    padding: 0 20px;
    -box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 0px;
    display: none;
}

#icy-mobile-menu-wrapper {
    padding: 20px 0;
    
    -box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.icy-menu-trigger {
    cursor: pointer;
    color: #fff;
    z-index: 1000;
    overflow: hidden;
    display: inline-block;
}

.icy-menu-trigger:hover {
    border: none;
    color: #f1f1f1;
}


#icy-mobile-menu-wrapper {
    overflow: hidden;
}

#icy-mobile-menu-wrapper {
    display: block;
    background: #333;
}

#icy-mobile-menu-wrapper ul,
#icy-mobile-menu-wrapper ul li {
    text-align: center;
    margin: 0 auto;
    width: auto;
}

#icy-mobile-menu-wrapper ul li {
    border-bottom: 1px solid #444;
}

#icy-mobile-menu-wrapper ul li:last-child {
    border-bottom: none;
}

#icy-mobile-menu-wrapper nav ul li.current-cat a,
#icy-mobile-menu-wrapper nav ul li.current_page_item a, 
#icy-mobile-menu-wrapper nav ul li.current-menu-item a,
#icy-mobile-menu-wrapper a,
#icy-mobile-menu-wrapper a:hover {
    border-bottom: none;
}

#icy-mobile-menu-wrapper nav ul li.current-cat a,
#icy-mobile-menu-wrapper nav ul li.current_page_item a, 
#icy-mobile-menu-wrapper nav ul li.current-menu-item a {
    color: #c0a127;
    font-weight: 400;
}

#icy-mobile-menu-wrapper a {
    color: #f1f1f1 !important;
}


/*
 *
 * Media Queries
 *
 */

@media (min-width: 1200px) { 
    #icy-mobile-menu-wrapper { display: none; } 
}


@media (min-width: 980px) and (max-width: 1199px) { 
    #wrapper { width: 980px; } 
    #icy-mobile-menu-wrapper { display: none; } 
}

@media (min-width: 768px) and (max-width: 979px) { 
    #wrapper { width: 100%; }
    #icy-mobile-menu-wrapper { display: none; } 
}
@media (max-width: 767px) and (min-width: 480px) {
    #wrapper { width: 100%; } 
    .icy-menu-trigger-wrapper { display: block; }
    header { padding: 20px 0;}
    section.main-content { width: 100% !important; }
    aside.sidebar { width: 100% !important; }    
    .site-description,
    .logo { 
        width: 100% !important; 
        text-align: center !important; 
        margin: 0px 0 20px 0; 
    }

    .site-description h2 { font-size: 16px; text-align: center; }

    .logo a { 
        font-size: 80px; 
        line-height: 80px;
    }

    .archive-list [class*="span"] {
      width: 100%;
    }

    .comment-meta {
      display: none;
    }
}
@media (max-width: 480px) {
    #wrapper { width: 100%; } 
    .icy-menu-trigger-wrapper { display: block; }
    section.main-content { width: 100% !important; }
    aside.sidebar { width: 100% !important; }
    header { padding: 20px 0;}
    .site-description,
    .logo { 
        width: 100% !important; 
        text-align: center !important; 
        margin: 0 0 20px 0; }

    .logo a { 
        font-size: 60px; 
        line-height: 64px;
        letter-spacing: 0;
    }

    .site-description h2 {
        text-align: center;
        font-size: 14px;
    }

    .archive-list [class*="span"] {
      width: 100%;
    }

    h1 {
    font-size: 21px;
    line-height: 32px;
    }

    h2 {
        font-size: 16px;
        line-height: 24px;
    }

    h3 {
        font-size: 14px;
        line-height: 22px;
    }

    h4 {
        font-size: 13px;
        line-height: 19px;
    }

    h5 {
        font-size: 12px;
        line-height: 21px;
    }

    h6 {
        font-size: 12px;
        line-height: 18px;
    }

    .entry-meta { overflow: hidden; }

    .flex-caption { font-size: 14px; padding: 10px; }

    .zilla-social img {
        width: 16px;
        height: 16px;
    }

    footer .copyright { margin-top: 0;}

    .comment-meta {
      display: none;
    }
}