/*
Theme Name: OMG
Theme URI: http://wpdevshed.com/themes/omg-theme/
Author: WP Dev Shed
Author URI: http://wpdevshed.com/
Text Domain: omg
Domain Path: /library/translation
Description: OMG is a modern full width, fully responsive theme especially suited to bloggers who want to feature bold images on their home page and archive pages. It also offers easy customization options for the logo, favicon, color scheme, social media icons, slider behaviour, and optional author bios and related posts display.
Version: 3.4
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:custom-menu, sticky-post, translation-ready, one-column, custom-background, custom-colors, custom-logo, featured-images

*/
/*******************************************************************************************/

/*globals*/
 a{
    color: #309dc1;
    text-decoration: underline;
}
 a:hover{
    text-decoration: underline;
}
 iframe{
    width:100%;
}
 body dl dt{
    margin: 0!important;
}
 body{
    position:absolute;
    overflow-x:hidden;
    width: 100%;
}
 .comment_content ul li:before, .entry-content ul li:before{
     content: "\203A \020 \020";
    font-family: 'Raleway-Heavy',sans-serif,arial;
    font-size: 20px;
}
 .entry-content ol,.comment_content ol{
    counter-reset: my-counter;
}
 .comment_content ol > li:before,.entry-content ol > li:before {
    content: counter(my-counter) ". \020";
    counter-increment: my-counter;
    font-family: 'Raleway-Heavy',sans-serif,arial;
    font-size: 20px;
}
 .comment_content ul, .comment_content ol,.entry-content ul,.entry-content ol{
    margin:0 30px;
}
 .widget li:before,nav[role="navigation"] li:before{
    content: "";
}
 .clear{
    clear:both;
}
 .front-wrapper #content{
    margin-top: 0;
}
 .table {
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
 .table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
 .tagcloud a{
    border: 1px solid #656565;
    font-size: 14px !important;
    padding: 10px;
    display: inline-block;
    margin-bottom: 5px;
}
 .full.d-5of7{
    width: 100%;
}
/*required css*/
 .sticky{
}
 .gallery-caption{
}
 .bypostauthor{
}
 .gallery-item {
     padding: 5px;
}
 .gallery-item img {
     border: none !important;
}
/*header*/
 #inner-header{
    position: relative;
}
 .side-nav{
    margin: 20px 0;
    position: absolute;
}
 .side-nav span{
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}
 .social-icons{
    width: auto;
    max-width: 100%;
    padding: 0 0 14px;
    font-family: 'Raleway-Regular',sans-serif,arial;
    font-size: 20px;
}
 .social-icons a{
    margin-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    width: auto;
}
 .social-icons a .fa:hover{
    color:#309dc1;
}
 .social-icons a .fa{
    color: #fff;
}
 .search-bar{
    padding: 5px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
 .search-bar form{
    margin: 0;
}
 .search-bar:hover{
    background: none!important;
}
 .search-bar input.search-field[type="search"] {
    background: url(images/search-3.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 26px auto;
    border: none;
    cursor: pointer;
    height: 40px;
    margin: 10px 0;
    padding: 0 0 0 34px;
    position: absolute;
    right:0;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 0;
}
 .search-bar input.search-field[type="search"]:focus {
    background-color: #ddd;
    border: 1px solid #000;
    cursor: text;
    outline: 0;
    width: 230px;
}
 .search-form .search-submit {
     display:none;
}
 body #logo{
    width: 94%;
    margin: 8px auto;
    text-align: center;
}
 body #logo img{
    display: block;
    text-align: center;
}
 body #logo a{
    text-transform: uppercase;
    letter-spacing: 8px;
    font-family: 'Raleway-Heavy',sans-serif,arial;
    color: #fff;
}
 .nav-show{
    display: block!important;
}
 #push{
    display: none;
}
 #main-navigation{
    margin-left:-360px;
    left:0;
    width:360px;
    background:#222;
    position:fixed;
    height:100%;
    overflow-y:auto;
    z-index:1000;
    color:#fff;
    padding:20px;
    font-weight:100;
    font-size:16px;
    top:0
}
 #main-navigation div#close{
    background:none repeat scroll 0 0 #309dc1;
    cursor:pointer;
    font-family:'Raleway-Bold',sans-serif,arial;
    font-size:18px;
    margin-bottom:20px;
    text-align:center;
    width:100%;
    display:none
}
 #main-navigation .fixed{
    position: fixed;
    max-width: 360px;
    left: 0;
    right: 0;
}
 #main-navigation ul li#close{
    display: block;
}
 #push{
    display: block;
}
 #main-navigation .widget{
    padding: 0;
}
 #main-navigation .widgettitle{
    text-transform: uppercase;
    border: none;
    letter-spacing: 2px;
    font-family: 'Raleway-Bold',sans-serif,arial;
}
 #main-navigation a{
    color: #fff;
    text-decoration: none;
}
 #main-navigation a:hover{
    color:#309dc1;
}
 #main-navigation .widget ul li{
    border: none;
}
 #main-navigation .widget #wp-calendar caption, #main-navigation .wp-caption,#main-navigation button, html #main-navigation input[type="button"], #main-navigation input[type="reset"], #main-navigation input[type="submit"]{
    background:#309dc1;
}
 #main-navigation .widget #wp-calendar thead{
    border: 1px solid #fff;
}
 #main-navigation .searchform input[type="text"]{
    width: 100%;
}
 #main-navigation img{
    width: auto;
    height:auto;
    max-width: 100%;
}
 #main-navigation .menu li{
    font-family: 'Raleway-Bold',sans-serif,arial;
}
 #main-navigation .menu li ul {
    border-bottom: 1px solid #656565;
    border-left: 1px solid #656565;
}
 .margin-bottom{
    margin-bottom:60px;
}
 .no-menu-widgets p{
    color: rgb(48, 157, 193);
     text-align: center;
     border: 1px solid rgb(221, 221, 221);
     padding: 20px;
     font-size: 22px;
}
/*---------------*/
/***** Chico *****/
/*---------------*/
 figure.effect-chico img{
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:scale(1.12);
    transform:scale(1.12)
}
 figure.effect-chico:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}
 figure.effect-chico figcaption {
    padding: 3em;
}
 figure.effect-chico figcaption::before{
    position:absolute;
    top:30px;
    right:30px;
    bottom:30px;
    left:30px;
    border:1px solid #fff;
    content:'';
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
/*slider*/
 .captions{
    position: absolute;
    bottom: 0;
    background-image:url(images/trans.png);
    padding: 10px 40px;
    width: 60%;
    box-sizing:border-box;
}
 .captions a{
    text-decoration: none;
}
 .captions h1{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Raleway-Bold',sans-serif,arial;
    margin-top: 0;
}
 .captions h1:hover{
    color: #ddd;
}
 .captions p{
    color: #fff;
    font-size: 15px;
    margin: 0;
    font-family:'Helvetica',sans-serif,arial;
    letter-spacing: 1px;
    font-weight: 300;
}
 .captions p a{
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Raleway-Regular',sans-serif,arial;
}
/*blog list*/
 .blog-list{
    margin: 0;
}
 .blog-list .item{
    width: 33.3333%;
    float: left;
    margin-bottom:50px;
    list-style:none;
    box-sizing:border-box;
}
 .blog-list li:before{
    content: "";
}
 .blog-list .item h2{
    font-size: 24px;
    margin: 10px 0 0;
    text-transform: uppercase;
    font-family: 'Raleway-Bold',sans-serif,arial
}
 .blog-list .item a{
    text-decoration: none;
}
 .blog-list .item a[rel="author"]{
    color: #309dc1;
}
 .blog-list .item a.post-link{
    text-decoration: none;
    position: relative;
    display: block;
    overflow: hidden;
}
 .blog-list .item span.time{
    color: #333;
    font-size: 14px;
}
 .blog-list .item .excerpt p{
    font-family: 'Raleway-Regular',sans-serif,arial;
    color: #656565;
}
 .blog-list .item .excerpt p a{
    display: none;
}
 .blog-list .item .excerpt p.format-link a{
    display: block;
}
 .blog-list .item img{
    width: 100%;
    height: auto;
}
 .blog-list .item a.read-more{
    background: #309dc1;
    padding: 10px;
    color: #fff;
    font-family: 'Raleway-Bold',sans-serif,arial;
    width: 120px;
    text-align: center;
    margin: 15px 0;
    display: block;
}
 .blog-list .item .date{
    color: #656565;
}
 .post-holder{
    padding: 0 30px;
}
/*formats*/
 .blog-list .item a:hover span.fa{
    color: #adadad;
}
 .blog-list .item.format span.fa{
    color: #fff;
    display: block;
    font-size: 18px;
    right: 0;
    padding:15px;
    top:0;
    background-image: url("library/images/trans.png");
    position: absolute;
    text-shadow: 1px 2px 4px #000;
    width: auto;
}
 body .pagination{
    margin: 0;
}
 body .pagination ul{
    background: none;
    border-radius: 0;
    max-width: 90%;
}
 body .pagination li:before{
    content:"";
}
 body .pagination li{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 30px;
    background: none;
    border: 2px solid #222;
    color: #000;
}
 body .pagination li a{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 28px;
    background: none;
    color: #309dc1;
}
 body .pagination li a:hover,body .pagination li a:focus{
    color: #000;
    background: none;
}
 body .pagination .current{
    font-size: 28px;
}
 p.format-link a{
    display: block!important;
    text-align: center;
    background: #ECECEC;
    color: #000;
    padding: 10px;
}
 .quote-content{
    color: #808080;
    font-size: 20px;
    font-style: italic;
}
 .quote-source{
    font-weight: bold;
    text-align: right;
}
 .status-content{
    background: #ECECEC;
    padding: 10px;
    text-align: center;
}
 .chat-content .wp-smiley{
    margin: 0;
}
 body .mejs-controls .mejs-time-rail .mejs-time-loaded{
    background: #444;
}
 body .mejs-controls .mejs-time-rail .mejs-time-current{
    background: #ddd;
}
 body .mejs-container{
    margin: 20px 0;
}
 .blog-list .item blockquote{
    margin: 0;
}
/*single-post*/
 body #main{
    padding-right: 0;
}
 #main .wrap{
    width: 93%;
}
 .single #content,.page #content,.archive #content,.search #content,.error404 #content{
    margin-top: 70px;
}
 body.home .header[role="banner"]{
    box-shadow: none;
    background-image: url("library/images/trans.png");
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.header[role="banner"],body.single .header[role="banner"],body.page .header[role="banner"],body.archive .header[role="banner"],body.search .header[role="banner"],body.error404 .header[role="banner"]{
    box-shadow: none;
    background-image: url("library/images/trans.png");
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}
body.logged-in.admin-bar .header[role="banner"]{
    top: 32px;   
}
 .article-header{
    padding: 24px 0 0;
}
 .article-header h1{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 28px;
}
 body .byline{
    font-style: normal;
    color: #656565;
    font-size: 14px;
}
 body .byline a{
    color:#309dc1;
}
 body.page-template-full-width-php .byline{
    display: none;
}
 body .hentry footer{
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
 body .avatar{
    float: left;
    margin-right: 28px;
}
 body .avatar img{
    width: 100%;
    margin: 0;
}
 body .info{
    width: 79%;
    float: left;
}
 body .info p.author{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 24px;
}
 body .info p.author span{
    font-family: 'Raleway-Regular',sans-serif,arial;
}
 body .info p.author-desc{
    font-size: 15px;
    color: #656565;
}
 body .info p.author-desc a{
    color: #309dc1;
}
 body .comment-respond{
    padding: 20px 0;
}
 body .related{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
 body .related h3, body #comments-title{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 20px;
}
 body .related .related-wrapper article{
    clear: both;
    margin-bottom: 30px;
    overflow: auto;
}
 body .related .related-wrapper article .related-image{
    float: left;
    margin-right: 28px;
    width: 150px;
}
 body .related .related-wrapper article .related-info{
    float: left;
    width: 79%;
}
 body .related .related-wrapper article .related-info h3{
    margin-bottom: 10px;
}
 body .related .related-wrapper article .related-info h3,body .related .related-wrapper article .related-info p{
    margin-top: 0;
    color: #656565;
}
 body .related .related-wrapper article a{
    text-decoration: none;
    color: #309dc1;
}
 body .related .related-wrapper article a.featured-image .no-featured-image{
    display: block;
    height: 150px;
    width: 150px;
    background: #333333;
}
 body .related .related-wrapper article a img{
    width: 100%;
    height: auto;
}
 body .comment .comment-author{
    margin: 0;
    float: left;
    width: auto;
    padding: 0;
}
 body .comment time a{
    text-decoration: none;
    color: #656565;
    font-size: 14px;
}
 body .comment p{
    color:#656565;
}
 body .comment_content{
    box-sizing: border-box;
    margin: 0 0 1.5em 7em;
    border: 1px solid #ddd;
    background: #F9F9F9;
    padding:1em;
}
 body .comment:not(.depth-1){
    padding: 0;
}
 body .comment_content p{
    margin-bottom: 0;
}
 body .comment .vcard{
    margin-left: 0;
    margin-right: 0;
}
 body .comment .vcard .avatar{
    left: 0;
}
 body cite.fn{
    font-style: normal;
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 20px;
}
 body .comment-reply-link{
    border-radius: 0;
    margin: 10px 0;
    background: none;
    float:none;
    color: #309dc1;
    font-family: 'Raleway-Bold',sans-serif,arial;
    padding: 0;
}
 body .comment-reply-link:hover,body .comment-reply-link:focus{
    background: none;
    color: #309dc1;
}
 body .comment-reply-title{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 20px;
}
 body .comment-inner{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
 body #comments-title{
    padding: 20px 0;
}
 body.page #comments-title{
    border-top: 1px solid #ddd;
}
 body .comment-respond .comment-form-author,body .comment-respond .comment-form-email,body .comment-respond .comment-form-url{
    width: 31%;
    float: left;
    margin-right: 25px;
}
 body .comment-respond .comment-form-url{
    margin-right: 0;
}
 body .comment-respond .comment-form-comment{
    clear: both;
}
.comment-form-cookies-consent{
    clear: both;
}
 .video-container{
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
 .video-container iframe{
    position: absolute;
    height: 100%;
    top:0;
    width: 100%;
}
/*comments*/
 nav.comment-navigation[role="navigation"]{
    float: none;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing:border-box;
}
/*widgets*/
 body .sidebar{
    margin:0;
    padding: 20px 0;
    background: #F9F9F9;
    box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.05) inset;
    border-bottom: 2px solid #ddd;
}
 body .sidebar a{
    text-decoration: none;
    color: #656565;
}
 body .sidebar a:hover{
    text-decoration: underline;
}
 body .sidebar img{
    width: 100%;
    height: auto;
}
 body .sidebar .widget{
    margin: 0 auto;
    width: 80%;
}
 .widget:first-child{
    margin-top:0;
}
 .widget:first-child h4{
    margin-top:0;
}
 .widget ul li{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
 .sidebar .widget ul li{
    color: #656565;
}
 .widget ul li.menu-item-has-children ul,.widget ul li.page_item_has_children ul{
    margin-bottom: 0;
}
 .widget ul li.menu-item-has-children li,.widget ul li.page_item_has_children li{
    border-bottom: none;
    margin-bottom: 0;
}
 .searchform .screen-reader-text{
    display: none;
}
 .searchform input[type="text"]{
    background: none;
    border:2px solid #a9a9a9;
    width: 70%;
    float: left;
}
 .widget #wp-calendar{
    width: 100%;
}
 #main-navigation .widget #wp-calendar td{
    color: #fff;
}
 .widget #wp-calendar td{
    text-align: center;
    color: #656565;
}
 .widget #wp-calendar td#today{
    font-family: 'Raleway-Heavy',sans-serif,arial;
}
 .widget #wp-calendar caption{
    color:#fff;
    background: #309dc1;
    text-transform: uppercase;
    padding:8px 0;
    font-family: 'Raleway-Bold',sans-serif,arial;
}
 .widget #wp-calendar thead{
    border: 1px solid #222;
}
/*archive*/
 .archive .archive-title,.search .archive-title{
    margin: 0 0 20px;
}
 article.archive:first-child{
    margin-top: 20px;
}
 article.archive a.image{
    width: 300px;
    display: block;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}
 article.archive a.no-image{
    background: none repeat scroll 0 0 #333;
    display: block;
    float: left;
    height: 300px;
    margin-right: 30px;
    overflow: hidden;
    text-indent: -9999px;
    width: 300px;
}
 article.archive img{
    width: 100%;
}
 article.archive .entry-content{
    padding: 0;
    margin-left: 330px;
}
 article.archive .entry-content h3{
    font-family: 'Raleway-Bold',sans-serif,arial;
    font-size: 24px;
}
/*footer*/
 footer.footer[role="contentinfo"]{
    background: #222;
}
 footer.footer[role="contentinfo"] p,footer.footer[role="contentinfo"] a{
    color: #fff;
}
 footer .footer-social{
    float: right;
    margin-top: 15px;
}
 footer .footer-social a:last-child{
    margin-right: 0;
}
 body.paged footer .copyright span{
    display: none;
}
 .social-icons ul{
     margin: 0;
     padding: 0;
}
 .social-icons .screen-reader-text{
     display: none;
}
 .social-icons svg{
     fill: #fff;
     color: #fff;
     width: 20px;
     height: 20px;
}
 .social-icons li{
     display: inline-block;
     margin-right: 10px;
}
 .social-icons li:last-child{
     margin-right: 0;
}
/*slider*/
/****************************************************************** jQuery SLIDER STYLES ******************************************************************/
 .bg-overlay{
    visibility: visible;
     height: 100%;
     position: absolute;
     width: 100%;
     z-index: 100;
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
}
 #load-cycle {
    background: url(library/images/loading.gif) no-repeat center center;
    width: 100%;
    height: auto;
    min-height: 100px;
}
 #slide-wrap {
    border-top: 0;
}
 .cycle-slideshow {
    position: relative;
     height: 500px;
    width: 100%;
    display: none;
    overflow: hidden;
}
 .slides {
    height: 500px;
    width: 100%;
    overflow: hidden;
}
 .slides .slide-thumb {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    white-space: nowrap;
}
 .slides .slide-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 102%;
    height: auto;
    min-height: 500px;
}
 html.no-csstransforms .slides .slide-thumb img {
    left: 0;
    top: 0;
}
 .slides .slide-noimg {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #333;
    font-family: "Raleway-Regular", Helvetica,sans-serif;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    color: #d0d0d0;
    text-align: center;
}
 .slides .slide-noimg p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 42%;
}
 .slide-title {
    font-family: "Raleway-Bold", Helvetica,sans-serif;
    font-size: 24px;
    /* for ie8 & below */
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px;
}
 .slide-copy p{
    margin: 0;
    text-align: left;
    font-size: 18px;
    text-align: center;
}
 .slide-title a,.slide-title a:visited {
}
 .slide-copy-wrap {
    position: absolute;
    bottom: 0;
    z-index: 100;
    color: #fff;
    height: 100%;
    width: 100%;
}
 .slide-copy-wrap a {
    color: #fff !important;
}
 .slide-copy-wrap h2 a{
    font-family: 'Raleway-Regular',sans-serif,arial;
    font-size: 34px;
    text-transform: uppercase;
}
 html.no-csstransforms .slide-copy-wrap {
    left: 60px;
    right: 60px;
}
 .slide-copy {
    width: 75%;
    margin: 0 auto
}
 #sliderprev,#slidernext {
    text-align: center;
    position: absolute;
    top: 42%;
    border-radius: 50%;
    text-decoration: none;
    background-color: #fff;
    font-family: "Raleway-Regular", Helvetica,sans-serif;
    font-size: 50px;
    width: 72px;
    height: 72px;
    line-height: 67px;
    z-index: 999;
    text-indent: -9999px;
    outline: none;
    opacity: 0.9;
    display: none;
}
 #sliderprev {
    left: 10px;
    background: url(library/images/slider-nav.png) no-repeat 0 -13px;
}
 #slidernext {
    right: 10px;
    background: url(library/images/slider-nav.png) no-repeat -128px -11px;
}
 .cycle-slideshow:hover #sliderprev, .cycle-slideshow:hover #slidernext,.cycle-slideshow:focus #sliderprev, .cycle-slideshow:focus #slidernext {
    display: block;
}
 .cycle-paused:after {
    content: 'Paused';
     font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    /* for ie8 & below */
    font-size: 0.75rem;
    text-transform: uppercase;
    color: white;
     background: black;
     padding: 5px 15px;
    z-index: 500;
     position: absolute;
     top: 10px;
     right: 10px;
    opacity: .5;
     filter: alpha(opacity=50);
}
/* pager */
 .cycle-pager {
     text-align: center;
     width: 100%;
     z-index: 500;
     position: absolute;
     bottom: 10px;
     overflow: hidden;
}
 .cycle-pager span {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 50px;
     line-height: .6;
    width: 18px;
     height: 22px;
     display: inline-block;
     color: #f7f7f7;
     cursor: pointer;
    text-shadow: -1px -1px #bcbcbc;
    overflow: hidden;
}
 .cycle-pager span.cycle-pager-active {
     color: #efefef;
}
 .cycle-pager > * {
     cursor: pointer;
}
 .no-slide-image {
    position: absolute;
    width: 100%;
    top: 40%;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
}
 .blog-index{
     padding-top: 100px;
}
/*media queries*/
 @media screen and (max-width: 1279px) {
     .captions h1{
        font-size: 18px;
    }
     .captions p{
        font-size: 12px;
    }
     .searchform input[type="text"]{
        width: 68%;
    }
     body .info,body .related .related-wrapper article .related-info{
        width: 74%;
    }
     body .comment-respond .comment-form-author, body .comment-respond .comment-form-email, body .comment-respond .comment-form-url{
        width: 30%;
    }
}
 @media screen and (max-width: 1039px) {
     body #logo {
        font-size: 30px;
        margin: 20px auto;
        width: 92%;
    }
     .no-display{
        display: block;
    }
     body nav[role="navigation"]{
        margin: 0;
    }
     nav[role="navigation"] .nav li{
        padding: 10px 0;
    }
     nav[role="navigation"] .nav li ul{
        height: auto;
    }
     .slides,.slides .slide-thumb,.cycle-slideshow{
        height: 400px;
    }
     #sliderprev, #slidernext,.slides .slide-noimg p{
        top: 45%;
    }
     .captions {
        padding: 10px 30px;
        width: 100%;
    }
     .captions h1,.captions p a {
        font-size: 14px;
    }
     .searchform input[type="text"]{
        width: 60%;
    }
     body .info,body .related .related-wrapper article .related-info{
        width: 65%;
    }
}
 @media screen and (max-width: 939px) {
     article.archive .entry-content{
        margin-left: 0;
    }
}
 @media screen and (max-width: 839px) {
     .slide-copy p{
        font-size: 14px;
    }
     .captions p{
        display: none;
    }
     .captions h1{
        margin: 0;
    }
     .blog-list .item{
        width: 50%;
    }
     article.archive .entry-content{
        width: 100%;
    }
     article.archive a.image,article.archive a.no-image{
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }
     body .comment-respond .comment-form-author, body .comment-respond .comment-form-email, body .comment-respond .comment-form-url{
        width: 100%;
    }
     footer .footer-social {
        float: none;
    }
     body .article-footer .avatar ,body .related .related-wrapper article .related-image{
        float: none;
        margin: 0 auto;
        width: 150px;
    }
     body .info,body .related .related-wrapper article .related-info {
        margin-top: 10px;
        width: 100%;
    }
}
 @media screen and (max-width: 639px) {
     body #logo{
        width: 85%;
        margin: 8px auto;
    }
     .side-nav span{
        font-size: 22px;
    }
     .search-bar input.search-field[type="search"] {
        background: url("images/search-3.png") no-repeat scroll 5px center / 20px auto rgba(0, 0, 0, 0);
    }
     .search-bar{
        padding: 0;
    }
     .single #content, .page #content, .archive #content, .search #content, .error404 #content{
        margin-top: 55px;
    }
     .blog-list .item{
        width: 50%;
    }
     .slide-title{
        font-size: 20px;
        margin-bottom: 5px;
    }
     .slide-copy-wrap{
        width: 100%;
    }
     .slide-title{
        text-align: center;
    }
     .slide-copy p{
        display: none;
    }
     body .comment .vcard{
        display: none;
    }
     body .comment_content,body .alert-help, body .alert-info, body .alert-error, body .alert-success{
        margin-left: 0;
    }
}
 @media screen and (max-width: 539px) {
     .slides, .slides .slide-thumb, .cycle-slideshow{
        height: 300px;
    }
     .slides .slide-noimg p{
        top: 22%;
        font-size: 12px;
    }
     .single #content, .page #content, .archive #content, .search #content, .error404 #content{
        margin-top: 45px;
    }
     .blog-list .item{
        width: 100%;
    }
}
 @media screen and (max-width: 499px) {
     #main-navigation{
        padding-top: 10px;
    }
     #main-navigation div#close{
        display: block;
    }
     #main-navigation .social-icons{
        margin-top: 40px;
    }
     body #logo img{
        width: 250px;
    }
     .blog-list .item{
        width: 100%;
    }
     body #logo{
        font-size: 22px;
    }
     .side-nav {
        margin: 12px 0;
    }
     .search-bar input.search-field[type="search"]{
        height: 24px;
    }
     .captions h1 {
        text-align: center;
    }
}
 @media screen and (max-width: 359px) {
     body .related .related-wrapper article{
        width: 100%;
    }
}