@charset "UTF-8";
/*
Theme Name: Clickright Lite
Theme URI: https://www.themebounce.com/themes/clickright/
Author: ThemeBounce
Author URI: https://www.themebounce.com/

Description: Clickright Lite is a light weight WordPress blog theme focused on increased readability. Clickright Lite is optimized for speed and SEO friendly theme. It also helps in increasing the Click Through Rate due to its clean look and beautiful design. 

Requires at least: WordPress 4.9.6
Version: 3.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clickright-lite
Tags: blog, right-sidebar, custom-logo, featured-images, footer-widgets, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
 *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
     margin:0;
     padding:0 
}
 table {
     border-collapse:collapse;
     border-spacing:0 
}
 fieldset, img {
     border:0 
}
 address, caption, cite, code, dfn, em, strong, th, var {
     font-style:normal;
     font-weight:normal 
}
 ol, ul, li {
     list-style:none 
}
 caption, th {
     text-align:left 
}
 h1, h2, h3, h4, h5, h6 {
     font-size:100%;
     font-weight:normal 
}
 q:before, q:after {
     content:'' 
}
/* Global reset-RESET */
 strong {
     font-weight: bold 
}
 em {
     font-style: italic 
}
 a img {
     border:none 
}
/* Gets rid of IE's blue borders */
 body {
     color:#333;
     background: #fff;
}
 p {
     font-size:17px;
     line-height:26px;
     font-family: source sans pro, georgia, helvetica neue;
}
 a {
     text-decoration:none;
     color: #1ca1c8;
}
 a:hover {
}
 h1,h2,h3,h4,h5,h6 {
     font-family: source sans pro, "Open Sans", sans-serif;
}
 #bigcontainer {
     width: 1030px;
     margin: 0 auto;
}
 .container {
     width:1030px;
     margin:0 auto;
}
 .container.cl_sidebar {
     overflow:hidden;
     background:#fff;
}
 #main {
     width:100%;
}
 .container.cl_sidebar #main {
     width:680px;
     margin-right:0px;
     float:left;
     background:#fff;
     padding: 30px 30px 30px 0;
}
 #sidebar {
     width:300px;
     float:right;
     padding: 30px 0px 30px 20px;
}
/********************************/
/*** Navigation ***/
/********************************/
 #navigation {
     background:#1ca1c8;
     height:58px;
     width:1030px;
     -webkit-backface-visibility: hidden;
     margin: 0 auto;
}
 .slicknav_menu {
     display:none;
}
 #navigation .container {
     position:relative;
}
 .menu {
     float:left;
}
 .menu li {
     display:inline-block;
     margin-right:42px;
     position:relative;
}
 .menu li a {
     font-family: source sans pro, sans-serif;
     font-size:15px;
     font-weight:400;
     padding:0 20px;
     color:#fff;
     line-height:58px;
     text-transform:uppercase;
     display:inline-block;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .menu li a:hover {
     background-color:#1c3a54;
     color:#fff;
}
/*** DROPDOWN ***/
 .menu .sub-menu, .menu .children {
     background-color: #171717;
     display: none;
     padding: 0;
     position: absolute;
     margin-top:0;
     left: 0;
     z-index: 99999;
}
 ul.menu ul a, .menu ul ul a {
     color: #999;
     margin: 0;
     padding: 6px 10px 7px 10px;
     min-width: 160px;
     line-height:20px;
     -o-transition:.25s;
     -ms-transition:.25s;
     -moz-transition:.25s;
     -webkit-transition:.25s;
     transition:.25s;
     border-top:1px solid #333;
}
 ul.menu ul li, .menu ul ul li {
     padding-right:0;
     margin-right:0;
}
 ul.menu ul a:hover, .menu ul ul a:hover {
     color: #fff;
     background:#333;
}
 ul.menu li:hover > ul, .menu ul li:hover > ul {
     display: block;
}
 .menu .sub-menu ul, .menu .children ul {
     left: 100%;
     top: 0;
}
/** Search **/
 #top-search {
     position:absolute;
     right:0px;
     top:0;
     width:58px;
     text-align:center;
     margin-left:16px;
}
 #top-search a {
     height:58px;
     font-size:14px;
     line-height:58px;
     color:#1ebbdb;
     background:#0094ba;
     display:block;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 #top-search a:hover {
     color:#ccc;
     background:#474747;
}
 .show-search {
     position:absolute;
     top:58px;
     right:-1px;
     display:none;
     z-index:10000;
}
 .show-search #searchform input#s {
     width:190px;
     background:#fff;
     box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
     -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
}
 .show-search #searchform input#s:focus {
     border:1px solid #d5d5d5;
}
/********************************/
/*** Header ***/
/********************************/
 #header {
     border-top: 8px solid #F4C915;
}
 #logo {
     padding:40px 0;
}
 #top-search img{
     background: url(assets/img/searchicon.png) no-repeat 96% 13px;
     padding-top: 21px;
     width: 18px;
}
 #brand{
     padding:20px 0;
}
 img.custom-logo{
     width: 287px;
     height: 119px;
}
 a.site-title{
     font-size: 34px;
     font-weight: bold;
}
 a.site-title-two{
     font-size: 24px;
}
/********************************/
/*** Grid Item ***/
/********************************/
 .clickright-lite-grid li {
     display: inline-block;
     vertical-align: top;
     width: 330px;
     margin-right: 0px;
     margin-bottom: 30px;
     padding-bottom: 20px;
     border-bottom: 1px solid #eaeaea;
}
 .container.cl_sidebar .clickright-lite-grid li {
     width: 680px;
     margin-right:0;
}
 .container.cl_sidebar .clickright-lite-grid li:nth-child(3n+3) {
     margin-right:0px;
}
 .container.cl_sidebar .clickright-lite-grid li:nth-child(2n+2) {
     margin-right:0;
}
 .clickright-lite-grid li:nth-child(3n+3) {
     margin-right:0;
}
 .clickright-lite-grid li .item img {
     width:40%;
     height:auto;
     float: left;
     margin-bottom:10px;
     margin-right: 20px;
     border: 1px solid #eee;
}
 .clickright-lite-grid li .item .cat {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family:"Open Sans";
     margin-bottom:7px;
     display:block;
}
 .clickright-lite-grid li .item .cat a:hover {
     text-decoration:underline;
}
 .clickright-lite-grid li .item h2 {
     margin-bottom:8px;
}
 .clickright-lite-grid li .item h2 a {
     font-size: 22px;
     color: #000;
     font-weight: 700;
     font-family: lato, source sans pro;
     line-height: 1.35em;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .clickright-lite-grid li .item h2 a:hover {
     color:#0094BA;
}
 .clickright-lite-grid li .item p {
     margin-bottom:6px;
     font-size: 15px;
     line-height: 1.45em;
}
 .clickright-lite-grid li .item .date {
     font-size: 13px;
     color: #999;
     letter-spacing: 1px;
     font-style: italic;
}
/********************************/
/*** Post ***/
/********************************/
 .post {
     margin-bottom:30px;
}
 .single .post {
     margin-bottom:30px;
}
/*** Post Header ***/
 .post-header {
     margin-bottom:27px;
}
 .post-header .cat a {
     display:inline-block;
     margin-bottom:12px;
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     font-weight:700;
     letter-spacing:2px;
     text-transform:uppercase;
}
 .post-header .cat a:hover {
     text-decoration:underline;
}
 .post-header h1, .post-header h2 {
     margin-bottom:8px;
}
 .post-header h1 a, .post-header h2 a, .post-header h1 {
     font-size: 40px;
     color:#000;
     font-family: source sans pro;
     font-weight:700;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .post-header h2 a:hover {
     opacity:.50;
}
 .post-header .date {
     font-family:"Open Sans", sans-serif;
     font-size:10px;
     font-style:italic;
     color:#939393;
     text-transform:uppercase;
     letter-spacing:1px;
}
/*** Post image ***/
 .post-image {
     margin-bottom:18px;
     text-align:center;
}
 .post-image img {
     max-width:100%;
     height:auto;
}
/*** Post Entry ***/
 .post-entry {
}
 .post-entry img {
     max-width:100%;
     height:auto;
}
 .post-entry p {
     margin-bottom:20px;
}
 .post-entry a.more-link {
     font-weight:700;
}
 .post-entry a:hover {
     text-decoration:underline;
}
 .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr {
     margin-bottom:20px;
}
 .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
     color:#000;
     font-weight:700;
}
 .post-entry h1 {
     font-size:30px;
}
 .post-entry h2 {
     font-size:27px;
}
 .post-entry h3 {
     font-size:24px;
}
 .post-entry h4 {
     font-size:20px;
}
 .post-entry h5 {
     font-size:18px;
}
 .post-entry h6 {
     font-size:16px;
}
 .post-entry hr {
     border:0;
     height:0;
     border-bottom:1px solid #e5e5e5;
     clear:both;
}
 .post-entry blockquote p {
     border-left:3px solid #cea525;
     color:#999;
     padding:0 18px;
     font-family:"Georgia";
     font-size:18px;
     line-height:28px;
     font-style:italic;
}
 .post-entry ul, .post-entry ol {
     padding-left:45px;
     margin-bottom:20px;
}
 .post-entry ul li {
     margin-bottom:12px;
     list-style:square;
}
 .post-entry ol li {
     margin-bottom:12px;
     list-style:decimal;
}
 .sticky.post .post-header {
     border:1px dashed #ddd;
     padding:20px 0;
}
 .bypostauthor {
}
 .post-entry table {
     width:100%;
     margin-bottom:22px;
     border-collapse:collapse 
}
 .post-entry td, .post-entry th {
     padding: 12px;
     border-bottom: 1px #e5e5e5 solid;
}
 .post-entry th {
     font-weight:bold;
     font-size:14px;
     background:#f5f5f5;
}
 .post-entry tr:hover {
     background:#f9f9f9;
}
/*** Post author ***/
 .post-author {
     margin-bottom:80px;
     margin-top:70px;
     overflow:hidden;
}
 .author-img {
     float:left;
     margin-right:30px;
}
 .author-img img {
     border-radius:50%;
}
 .author-content h5 a {
     font-size:14px;
     letter-spacing:2px;
     text-transform:uppercase;
     margin-bottom:8px;
     color:#000;
     display:block;
}
 .author-content p {
     margin-bottom:8px;
}
 .author-content .author-social {
     font-size:14px;
     color:#bbb;
     margin-right:8px;
}
/** Post tags ***/
 .post-tags {
     margin-top:30px;
     margin-bottom:50px;
}
 .post-tags a {
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     letter-spacing:2px;
     text-transform:uppercase;
     background:#f2f2f2;
     color:#666;
     padding:7px 10px 8px;
     margin-right:6px;
     border-radius:2px;
     margin-bottom:5px;
     display:inline-block;
}
 .post-tags a:hover {
     background:#333;
     color:#fff;
     text-decoration:none;
}
/*** Post Pagination ***/
 .post-pagination {
     overflow:hidden;
}
 .post-pagination .prev-post {
     float:left;
     width:470px;
}
 .post-pagination .next-post {
     float:right;
     text-align:right;
     width:470px;
}
 .container.cl_sidebar .post-pagination .prev-post, .container.cl_sidebar .post-pagination .next-post {
     width:325px;
}
 .post-pagination span {
     color:#999;
     font-size:11px;
     font-style:italic;
     letter-spacing:1px;
}
 .post-pagination .arrow {
     font-size:64px;
     color:#ddd;
     line-height:64px;
}
 .post-pagination .prev-post .arrow {
     float:left;
     margin-right:18px;
}
 .post-pagination .next-post .arrow {
     float:right;
     margin-left:18px;
}
 .pagi-text {
     margin-top:11px;
}
 .post-pagination h5 {
     text-transform:uppercase;
     font-size:14px;
}
 .post-pagination a {
     color:#999;
}
 .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover {
     color:#000;
}
/********************************/
/*** Pagination ***/
/********************************/
 .pagination {
     margin-top: 10px;
     margin-bottom:15px;
     overflow:hidden;
}
 .pagination a {
     color:#000;
     font-family:"Open Sans", sans-serif;
     text-transform:uppercase;
}
 .pagination a:hover {
     text-decoration:none;
     color:#999;
}
 .page-numbers {
     display: inline-block;
     padding: 5px 10px;
     margin: 0 2px 0 0;
     border: 1px solid #eee;
     line-height: 1;
     text-decoration: none;
     border-radius: 2px;
     font-weight: 600;
}
 .page-numbers.current, a.page-numbers:hover {
     background: #f9f9f9;
}
/********************************/
/*** Footer Copyright ***/
/********************************/
 #footer-copyright {
     padding:18px 0;
     background:#000000;
     overflow:hidden;
     font-family:"Open Sans", sans-serif;
}
 #footer-copyright p {
     font-size:14px;
     color:#ccc;
     float:left;
}
 #footer-copyright p a {
     color: lightblue;
     text-decoration: underline;
}
 #footer-copyright .to-top {
     float:right;
     font-size:11px;
     text-transform:uppercase;
     font-weight:700;
     letter-spacing:1px;
     color:#ddd;
     padding: 10px 28px 10px 0 
}
 #footer-copyright .to-top i {
     font-size:14px;
     margin-left:3px;
}
 #footer-copyright .to-top:hover {
     text-decoration:none;
}
/********************************/
/*** Widget Area ***/
/********************************/
 #sidebar .widget {
     width:300px;
     margin-right:0;
     float:none;
     margin-bottom:30px;
     font-size: 15px;
     line-height: 1.5em;
     font-family: source sans pro 
}
 #sidebar a {
     color:#333;
}
 #sidebar img {
     max-width:300px;
     height:auto;
}
 .widget-title {
     font-size:18px;
     font-family: source sans pro;
     font-weight: 700;
     text-transform:uppercase;
     padding:12px 0;
     color:#000;
     margin-bottom:10px;
}
 #sidebar .widget-title {
     margin-bottom:10px;
}
 .widget a:hover {
     text-decoration:underline;
}
 .widget ul li {
     margin-bottom:7px;
     padding-bottom:7px;
     border-bottom:1px dotted #ccc;
}
 .widget ul li:last-child {
     margin-bottom:0;
     padding-bottom:0;
     border-bottom:none;
}
/*** Search widget ***/
 #searchform input#s {
     border: 1px solid #e5e5e5;
     padding:14px 14px;
     font-size:11px;
     color:#999;
     letter-spacing:1px;
}
 #searchform #s:focus {
     outline:none;
}
/** searchbar for widget ***/
 .widget #searchform input#s {
     width:300px;
}
 #sidebar .widget #searchform input#s {
     width:270px;
}
/*** About Widget ***/
 .about-widget img {
     max-width:292px;
     height:auto;
}
/*** Tagcloud widget ***/
 .widget .tagcloud a {
     font-family:"Open Sans", sans-serif;
     font-size:10px;
     letter-spacing:1px;
     text-transform:uppercase;
     background:#f2f2f2;
     color:#666;
     padding:6px 8px 7px;
     margin-right:5px;
     margin-bottom:8px;
     display:inline-block;
     border-radius:2px;
}
 .widget .tagcloud a:hover {
     background:#333;
     color:#fff;
}
/*** Calender widget ***/
 #wp-calendar {
     width: 100%;
}
 #wp-calendar caption {
     text-align: right;
     color: #777;
     font-size: 12px;
     margin-top: 10px;
     margin-bottom: 15px;
}
 #wp-calendar thead {
     font-size: 12px;
}
 #wp-calendar thead th {
     padding-bottom: 10px;
}
 #wp-calendar tbody {
     color: #aaa;
}
 #wp-calendar tbody td {
     background: #f5f5f5;
     border: 1px solid #fff;
     text-align: center;
     padding:8px;
}
 #wp-calendar tbody td a {
     font-weight:700;
     color:#222;
}
 #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;
}
 #wp-calendar thead th {
     padding-bottom: 10px;
     text-align: center;
}
/** WIDGET ITEMS **/
 .widget ul.side-newsfeed li {
     list-style-type:none;
     margin-bottom:17px;
     padding-bottom:13px;
     margin-left:0;
}
 .widget ul.side-newsfeed li:last-child {
     margin-bottom:0;
     padding-bottom:0;
}
 .widget ul.side-newsfeed li .side-item {
     overflow:hidden;
}
 .widget ul.side-newsfeed li .side-item .side-image {
     float:left;
     margin-right:14px;
}
 .widget ul.side-newsfeed li .side-item .side-image img {
     width:86px;
     height:auto;
}
 .widget ul.side-newsfeed li .side-item .side-item-text {
     overflow:hidden;
}
 .widget ul.side-newsfeed li .side-item .side-item-text h4 a {
     margin-bottom:1px;
     color:#333;
     display:block;
     font-size:14px;
}
 .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
     font-size:10px;
     letter-spacing:1px;
     color:#999;
     font-style:italic;
     font-family:"Open Sans";
}
/******************************* *** COMMENTS *******************************/
 .post-comments {
     margin-bottom:70px;
     margin-top:70px;
}
 .comments {
     margin-bottom:40px;
}
 .thecomment {
     border-bottom:1px dotted #eee;
     padding-bottom:34px;
     margin-bottom:34px;
}
 .thecomment .author-img {
     float:left;
     margin-right:25px;
}
 .thecomment .author-img img {
     border-radius:50%;
}
 .thecomment .comment-text {
     overflow:hidden;
}
 .thecomment .comment-text span.author, .thecomment .comment-text span.author a {
     display:block;
     font-size:14px;
     text-transform:uppercase;
     letter-spacing:2px;
     margin-bottom:6px;
     color:#333;
     font-family:"Open Sans";
}
 .thecomment .comment-text span.author a:hover {
     text-decoration:underline;
}
 .thecomment .comment-text span.date {
     font-size:14px;
     color:#999;
     font-style:italic;
     display:block;
     margin-bottom:10px;
}
 .thecomment .comment-text em {
     font-size:13px;
     margin-bottom:-14px;
     display:block;
     color:orange;
     letter-spacing:1px;
}
 .thecomment .comment-text em i {
     font-size:14px;
     color:#f3bd00;
}
 .post-comments span.reply a {
     float:right;
     font-size:11px;
     background-color:#aaa;
     color:#FFF;
     padding:3px 6px 5px 6px;
     border-radius:2px;
     margin-left:7px;
     font-family:"Lato";
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
}
 .post-comments span.reply a.comment-edit-link {
     background:#c5c5c5;
}
 .post-comments span.reply a:hover {
     opacity:.8;
}
 ul.children {
     margin: 0 0 0 55px;
}
 ul.children li.thecomment {
     margin:0 0 8px 0;
}
/** Reply **/
 #respond {
     margin-bottom:20px;
     overflow:hidden;
}
 #respond h3 {
     font-size:14px;
     color:#999;
     font-weight:400;
     margin-bottom:30px;
     font-family:"Lato";
     letter-spacing:2px;
     text-transform:uppercase;
}
 #respond h3 a {
     color:#000;
     display:inline-block;
}
 #respond h3 small a {
     text-transform:uppercase;
     font-size:11px;
     background:#333;
     color:#FFF;
     padding:4px 6px 5px;
     border-radius:3px;
     margin-left:7px;
     letter-spacing:1px;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
}
 #respond h3 small a:hover {
     opacity:.8;
}
 #respond label {
     color:#888;
     width:80px;
     font-size:14px;
     display:inline-block;
     font-weight:300;
}
 #respond input {
     padding:8px 10px;
     border:1px solid #DDD;
     margin-right:10px;
     border-radius: 3px;
     color:#999;
     margin-bottom:15px;
     font-size:11px;
     width:250px;
     font-family:"Georgia";
}
 #respond input:focus {
     outline:none;
}
 #respond .comment-form-url {
     margin-bottom:10px;
}
 #respond textarea {
     padding:14px;
     border:1px solid #DDD;
     border-radius: 3px;
     width:95%;
     height:120px;
     font-size:13px;
     color:#777;
     margin-bottom:14px;
     line-height:20px;
     font-family:"Georgia";
}
 #respond textarea:focus {
     outline:none;
}
 #respond #submit {
     font-family:"Lato";
     text-transform:uppercase;
     letter-spacing:2px;
     background:#eee;
     border-radius:0;
     font-size:11px;
     color:#666;
     padding:12px 19px 14px;
     margin-top:6px;
     display:inline-block;
     border:none;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
     cursor:pointer;
     border-radius:30px;
     width:auto;
}
 #respond #submit:hover {
     background:#333;
     color:#FFF;
}
/********************************/
/*** Archive ***/
/********************************/
 .archive-box {
     background:#333;
     padding:22px 0 24px;
     text-align:center;
     margin-bottom:0px;
     margin-top: 0px;
     border-bottom:1px solid #eee;
}
 .archive-box span {
     font-size:14px;
     font-style:italic;
     letter-spacing:1px;
     color:#999;
}
 .archive-box h1 {
     font-size:26px;
     letter-spacing:4px;
     color:#ccc;
     text-transform:uppercase;
}
 .nothing {
     margin-bottom:90px;
     text-align:center;
}
/* =WordPress Core -------------------------------------------------------------- */
 .alignnone {
     margin: 5px 20px 20px 0;
}
 .aligncenter, div.aligncenter {
     display: block;
     margin: 5px auto 5px auto;
}
 .alignright {
     float:right;
     margin: 5px 0 20px 20px;
}
 .alignleft {
     float: left;
     margin: 5px 20px 20px 0;
}
 .aligncenter {
     display: block;
     margin: 5px auto 5px auto;
}
 a img.alignright {
     float: right;
     margin: 5px 0 20px 20px;
}
 a img.alignnone {
     margin: 5px 20px 20px 0;
}
 a img.alignleft {
     float: left;
     margin: 5px 20px 20px 0;
}
 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto 
}
 .wp-caption {
     background: #fff;
     border: 1px solid #f0f0f0;
     max-width: 96%;
    /* Image does not overflow the content area */
     padding: 5px 3px 10px;
     text-align: center;
     font-family:"Open Sans";
}
 .wp-caption.alignnone {
     margin: 5px 20px 20px 0;
}
 .wp-caption.alignleft {
     margin: 5px 20px 20px 0;
}
 .wp-caption.alignright {
     margin: 5px 0 20px 20px;
}
 .wp-caption img {
     border: 0 none;
     height: auto;
     margin: 0;
     max-width: 98.5%;
     padding: 0;
     width: auto;
}
 .wp-caption p.wp-caption-text {
     font-size: 11px;
     line-height: 17px;
     margin: 0;
     padding: 0 4px 5px;
}
/*** Custom WordPress gallery style ***/
 .gallery .gallery-caption{
     font-size:12px;
     color:#888;
     font-family:"Open Sans";
}
 .gallery .gallery-icon img{
     border-radius:2px;
     border:1px solid #eee !important;
     padding:7px;
}
 .gallery .gallery-icon img:hover {
     border:1px solid #ccc !important;
}
 .screen-reader-text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal !important;
}
/*** Contact Form 7 ***/
/*********************************************************/
 .wpcf7 input {
     width:266px;
}
 div.wpcf7 {
     overflow:hidden;
     margin-top:40px;
}
 .wpcf7 p.clickright-lite_input {
     float:left;
     margin-right:19px;
}
 .wpcf7 p.clickright-lite_message {
     clear:both;
}
 .wpcf7 input, .wpcf7 textarea {
     padding:8px;
     border:1px solid #DDD;
     margin-right:10px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color:#777;
     font-size:12px;
     margin-top:6px;
     margin-bottom:6px;
}
 .wpcf7 textarea {
     width:95%;
}
 .wpcf7 .wpcf7-submit {
     background:#171717;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius:20px;
     padding:12px 24px;
     color:#FFF;
     letter-spacing:3px;
     font-size:11px;
     text-transform:uppercase;
     cursor:pointer;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
     display:block;
     border:none;
     width:auto;
}
 .wpcf7 .wpcf7-submit:hover {
     background:#777;
}
/*** 404 ***/
 .error-404 {
     margin-bottom:105px;
     text-align:center;
}
 .error-404 h1 {
     font-size:190px;
     font-weight:700;
     margin-bottom:-25px;
}
 .error-404 p {
     color:#999;
     font-size:18px;
     font-style:italic;
}
 .clearfix{
     clear: both;
}
 @media only screen and (max-width:520px) {
    /* For mobile phones: */
     .footer-widget-area {
         width:100% !important;
    }
}
 .footer-widget-area{
     width: 33%;
     float: left;
     margin: 20px 0 60px 0;
}
 .footer-widget-area h3{
     font-weight: 600;
     font-size: 23px;
     margin-bottom: 20px;
     color: #fff;
}
 .logo{
     width: 230px;
}
 .widget-item li a{
     color: #fff;
     border-bottom: 1px dotted #888;
}
/************************************************* * Responsive CSS * *************************************************/
 @media only screen and (min-width: 768px) and (max-width: 960px) {
     .container {
         width:728px;
    }
     #bigcontainer {
         width: 728px;
         margin: 0 auto;
         box-shadow: none;
    }
     #navigation {
         width: 728px;
    }
     #navigation .container {
         width: 698px;
    }
     #navigation-wrapper {
         display:none;
    }
     #logo img {
         max-width:728px;
         height:auto;
    }
     .slicknav_menu {
         display:block;
    }
     .post-image img {
         width:728px;
         height:auto;
    }
     .post-image.audio iframe {
         width:728px;
         height:auto;
    }
     .container.cl_sidebar .post-image.audio iframe {
         width:476px;
         height:auto;
    }
     .post-pagination .prev-post {
         width:383px;
    }
     .post-pagination .next-post {
         width:383px;
    }
     .footer-widget-wrapper {
         width:230px;
         margin-right:17px;
    }
     .widget img {
         max-width:230px;
         height:auto;
    }
     .widget iframe {
         max-width:230px !important;
         height:auto;
    }
     #footer-logo img {
         max-width:728px;
         height:auto;
    }
     .wpcf7 input {
         width:208px;
    }
     .clickright-lite-grid li {
         width:668px;
    }
     .clickright-lite-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .clickright-lite-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.cl_sidebar #main {
         width:668px;
         padding: 30px;
         margin-right:0px;
         box-shadow: none !important;
    }
     .container.cl_sidebar #sidebar {
         width:668px;
         padding: 30px;
    }
     .container.cl_sidebar #sidebar .widget {
         width:668px;
    }
     .container.cl_sidebar .clickright-lite-grid li {
         width: 668px;
    }
     .container.cl_sidebar #respond textarea {
         width:93%;
    }
     #sidebar .widget #searchform input#s {
         width:200px;
    }
}
/************************************************* * Mobile Portrait * *************************************************/
 @media only screen and (max-width: 767px) {
     .container {
         width:300px;
    }
     body {
         background: #fff !important;
    }
     #bigcontainer {
         width: 300px;
         margin: 0 auto;
         box-shadow: none;
    }
     #navigation {
         width: 300px;
    }
     #navigation .container {
         width: 270px;
    }
     #navigation-wrapper {
         display:none;
    }
     .slicknav_menu {
         display:block;
    }
     #logo img {
         max-width:300px;
         height:auto;
    }
     .post-header h1 a, .post-header h2 a, .post-header h1 {
         font-size:22px;
         letter-spacing:2px;
    }
     .post-image img {
         width:300px;
         height:auto;
    }
     .post-image.audio iframe {
         width:300px;
         height:auto;
    }
     .post-pagination .prev-post {
         width:300px;
    }
     .post-pagination .next-post {
         width:300px;
    }
     #respond textarea {
         width:90%;
    }
     .thecomment .author-img {
         display:none;
    }
     .widget {
         width:300px;
         margin-right:32px;
         float:left;
         margin-bottom:35px;
    }
     #footer-logo img {
         max-width:300px;
         height:auto;
    }
     .wpcf7 textarea {
         width:94%;
    }
     .clickright-lite-grid li {
         width:300px;
    }
     .clickright-lite-grid li:nth-child(3n+3) {
         margin-right:0;
    }
     .clickright-lite-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.cl_sidebar #main {
         width:300px;
         margin-right:0;
         padding: 0;
         background:#fff;
         box-shadow: none !important;
    }
     .container.cl_sidebar #sidebar {
         width:300px;
         padding: 0;
         background:#fff;
    }
     .container.cl_sidebar .clickright-lite-grid li {
         width: 300px;
    }
     .container.cl_sidebar .clickright-lite-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .container.cl_sidebar .clickright-lite-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.cl_sidebar #sidebar .widget {
         width:300px;
         padding: 0;
    }
     .clickright-lite-grid li .item img {
         margin: 0 0 15px;
         float: none;
         width: 300px;
    }
     .container.cl_sidebar .item-related {
         width:300px;
         margin-bottom:30px;
    }
}
/************************************************* * 10. Landscape * *************************************************/
 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .container {
         width:480px;
    }
     #bigcontainer {
         width: 480px;
         margin: 0 auto;
         box-shadow: none;
    }
     #navigation {
         width: 480px;
    }
     #navigation .container {
         width: 450px;
    }
     #logo img {
         max-width:480px;
         height:auto;
    }
     .post-image img {
         width:480px;
         height:auto;
    }
     .post-image.audio iframe {
         width:480px;
         height:auto;
    }
     .post-pagination .prev-post {
         width:420px;
    }
     .post-pagination .next-post {
         width:420px;
    }
     .widget {
         width:420px;
         margin-right:32px;
         float:left;
         margin-bottom:35px;
    }
     #footer-logo img {
         max-width:420px;
         height:auto;
    }
     #footer-social a {
         margin:0 12px;
    }
     #footer-social a i {
         height:32px;
         width:32px;
         line-height:32px;
         margin-right:0;
         font-size:14px;
    }
     .wpcf7 textarea {
         width:95%;
    }
     .clickright-lite-grid li {
         width: 420px;
    }
     .clickright-lite-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .clickright-lite-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.cl_sidebar .clickright-lite-grid li {
         width: 420px;
    }
     .container.cl_sidebar .clickright-lite-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .container.cl_sidebar .clickright-lite-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.cl_sidebar #main {
         width:420px;
         padding: 30px;
         margin-right:0;
         box-shadow: none !important;
    }
     .container.cl_sidebar #sidebar {
         width:420px;
         padding: 30px;
    }
     .container.cl_sidebar #sidebar .widget {
         width:420px;
    }
     .clickright-lite-grid li .item img {
         margin: 0 0 15px;
         float: none;
         width: 100%;
    }
     .container.cl_sidebar .item-related {
         width:420px;
         margin-bottom:30px;
    }
}
/* Slicknav Mobile Menu Core Style */
 .slicknav_btn {
     position: relative;
     display: block;
     vertical-align: middle;
     float: left;
     line-height: 27px;
     cursor: pointer;
     height:27px;
}
 .slicknav_menu .slicknav_menutxt {
     display: block;
     line-height: 1.188em;
     float: left;
}
 .slicknav_menu .slicknav_icon {
     float: left;
     margin: 0.188em 0 0 0.438em;
}
 .slicknav_menu .slicknav_no-text {
     margin: 0 
}
 .slicknav_menu .slicknav_icon-bar {
     display: block;
     width: 1.125em;
     height: 0.125em;
}
 .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
     margin-top: 0.188em 
}
 .slicknav_nav {
     clear: both 
}
 .slicknav_nav ul, .slicknav_nav li {
     display: block 
}
 .slicknav_nav .slicknav_arrow {
     font-size: 0.8em;
     margin: 0 0 0 0.4em;
}
 .slicknav_nav .slicknav_item {
     cursor: pointer;
}
 .slicknav_nav .slicknav_row {
     display: block;
}
 .slicknav_nav a {
     display: block 
}
 .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
     display: inline 
}
 .slicknav_menu:before, .slicknav_menu:after {
     content: " ";
     display: table;
}
 .slicknav_menu:after {
     clear: both 
}
/* IE6/7 support */
 .slicknav_menu {
     *zoom: 1 
}
/* User Default Style Change the following styles to modify the appearance of the menu. */
 .slicknav_menu {
     font-size:16px;
}
/* Button */
 .slicknav_btn {
     margin: 5px 5px 6px;
     text-decoration:none;
     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
/* Button Text */
 .slicknav_menu .slicknav_menutxt {
     color: #FFF;
     font-weight: bold;
     text-shadow: 0 1px 3px #000;
}
/* Button Lines */
 .slicknav_menu .slicknav_icon-bar {
     background-color: #f5f5f5;
}
 .slicknav_menu {
     background:#171717;
     padding:5px;
}
 .slicknav_nav {
     color:#fff;
     margin:0;
     padding:0;
     font-size:0.875em;
}
 .slicknav_nav, .slicknav_nav ul {
     list-style: none;
     overflow:hidden;
}
 .slicknav_nav ul {
     padding:0;
     margin:0 0 0 20px;
}
 .slicknav_nav .slicknav_row {
     padding:5px 10px;
     margin:2px 5px;
}
 .slicknav_nav a{
     padding:5px 10px;
     margin:2px 5px;
     text-decoration:none;
     color:#fff;
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     font-weight:400;
     letter-spacing:2px;
     text-transform:uppercase;
}
 .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
     padding:0;
     margin:0;
}
 .slicknav_nav a:hover{
     background:#333;
     color:#fff;
}
 .slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}
 .slicknav_menu .slicknav_no-text {
     margin-top:7px;
}