/*
Theme Name: Connect
Theme URI: http://themes4wp.com/theme/connect/
Author: Themes4WP
Author URI: http://themes4wp.com/
Description: Connect is a modern, responsive blogging WordPress theme that has an eye-catching design. This theme perfect for any blog or magazine. Connect is very fast and SEO friendly. This theme is an awesome WordPress theme based on Bootstrap framework that created on design flat, modern and elegant. It comes up with customizer panel which allows you to live preview your changes. It is equipped with multiple theme options to help you customize look and feel of your website. Theme is translatable so you can easily localize it in the language you want.
Version: 1.1.2
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, theme-options, translation-ready, blog
Text Domain: connect

*/

/* The bootstrap.css file is auto-enqueued in functions.php */
/* WordPress Core */
.gallery-caption {
    font-weight: bold;
}
.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;
}
img.alignnone {
    max-width: 96%;
    height: auto;
    width: auto;
}
.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;
}
/* Recommended CSS from WP for defined content width support */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
iframe,
embed {
    max-width: 100%;
}

a {
    color: #00B0FF;
}
a:hover {
    text-decoration: none;
}
.rsrc-header-img {
    float: left;
    padding: 0;
}
.rsrc-header-img img{
    max-height: 70px;
    width: auto;
}
.rsrc-header-text {
    float: left;
    padding: 0 20px;
}
.rsrc-content {
    position: relative;
}

.rsrc-main {
    padding: 0;
    position: relative;
}
.rsrc-main .woocommerce {
    padding: 5%;
}
.rsrc-main article {
    margin-bottom: 40px;
    display: inline-block;
}
.rsrc-left, .rsrc-left-sticky {
    padding: 0 15px 0 0;
}
.rsrc-right, .rsrc-right-sticky {
    padding: 0 0 0 15px;;
}
#content-top-section {
    margin-left: -15px;
    margin-right: -15px;
}
#content-top-section .widget {
    padding: 35px;
}
.rsrc-author-credits {
    padding: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #fff;
    border-top: 1px solid #00B0FF;
}
#sidebar {
    padding-right: 0;
}
#sidebar-secondary {
    padding-left: 0;
}
/* Fix nav on hover */
@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
    .navbar-nav {
        float: none;
        text-align: center;
    }
    .navbar-nav > li {
        float: none;
    }
    .nav > li {
        display: inline-block;
    }
    .navbar-nav > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }
}
/* Menu opened in responsive */
@media only screen and (max-width: 767px) {
    .dropdown-menu {
        position: static;
        display: block;
        float: none;
        padding: 10px 0; 
        background-color: transparent;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
        padding: 3px 30px;
    }
    .dropdown-submenu>.dropdown-menu {
        padding-left: 10px;
    }
    .navbar-toggle {
        margin-top: 16px;
    }
    .social-links i.fa {
        float: none !important; 
    }
    .top-section {
        padding: 5px 0 !important;
    }
} 
.sticky {
}
.bypostauthor {
}
img {
    max-width: 100%;
    height: auto;
}
.featured-thumbnail {
    padding: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.featured-thumbnail img {
    width: 100%;
}
.featured-thumbnail {
    position: relative;
}
.featured-thumbnail img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.featured-thumbnail:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.featured-thumbnail::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.featured-thumbnail:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
h1.site-title, h2.site-title {
    font-size: 36px;
    margin: 0;
    line-height: 1.8;
}
h2.site-desc, h3.site-desc {
    font-size: 20px;
    margin-top: 0;
}
.navbar {
    border-radius: 0;
    min-height: 70px;
    border-bottom: 1px solid #BDBDBD;
    box-shadow: 0 0px 15px rgba(0,0,0,0.1);
}
.navbar-brand {
    height: 70px;
    line-height: 40px;
}
.navbar-default .navbar-nav > li > a {
    color: #464646;
    font-weight: bold;
} 
/* Text meant only for screen readers */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 10px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Tags */
.single-tags {
    border: 1px solid #D8D8D8;
    padding: 10px;
    float: left;
    width: 100%;
}
/* Navigation */
.pager li>a, .pager li>span, .pager li>a:hover, .pager li>a:focus {
    display: inline-block !important;
    padding: 2px 5px !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.nav-previous{float:left;}
.nav-next{float:right;}
.post-navigation{clear:both;margin:10px 0 0 0;overflow:hidden; }
.post-navigation div{ display: block; position: relative;font-size: 14px;color: #999;}
.post-previous{float: left; padding: 10px 0 10px 35px; text-align: left; border: 1px solid #D8D8D8; border-right: none;}
.post-next{ float: right; text-align: right;padding: 10px 35px 10px 0; border: 1px solid #D8D8D8;}
.post-navigation div span{display: block; font-size: 90%;	color: #999;}
.post-navigation div a:after{ position: absolute; font-size: 25px;line-height: 60px;font-weight: bold;top:0;}
.post-previous a:after{ content: "\f053"; font-family: 'FontAwesome'; left:5px;}
.post-next a:after{ content: "\f054"; font-family: 'FontAwesome'; right:5px; }

/* Single Author */
.postauthor-content img {
    float: left;
    margin-right: 15px;
    border: 5px solid #666;;
}
.postauthor-container {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.postauthor-title .about, .postauthor-title .vcard, .related-posts-title h3{
    border: 1px solid #D8D8D8;
    padding: 8px 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
}
.postauthor-title .vcard {
    border-left: none;
    font-weight: bold;
}
.vcard img.avatar {
    border: 2px solid #666;
}

/* Related posts */
.related-posts-title {
    display: inline-block;
    width: 100%;
}
#carousel-related {
    margin-bottom: 15px;
} 
/* Social Links and infobox*/
.social-links .fa {
    font-size: 22px;
    color: #464646;
}
.social-links {
    text-align: center;
}
.social-links ul {
    padding: 0;
    margin: 0;
}
.social-links ul li {
    display: inline;
}
.social-links i.fa {
    padding: 8px;
    text-align: center;
    transition: background-color 0.2s ease-out 0s;
    font-size: 18px;
    float: right;
}

.social-links i.fa-twitter:hover {color: #1BB2E9;}
.social-links i.fa-facebook:hover {color: #3B5A9B;}
.social-links i.fa-youtube:hover {color: #ED3F41;}
.social-links i.fa-vimeo-square:hover {color: #44BBFF;}
.social-links i.fa-skype:hover {color: #009CEF;}
.social-links i.fa-linkedin:hover {color: #007BB6;}
.social-links i.fa-google-plus:hover {color: #DC4937;}
.social-links i.fa-github:hover {color: #4183C4;}
.social-links i.fa-flickr:hover {color: #0062DD;}
.social-links i.fa-dribbble:hover {color: #E24D87;}
.social-links i.fa-instagram:hover {color: #3F729B;}
.social-links i.fa-pinterest:hover {color: #D5282E;}
.social-links i.fa-stumbleupon:hover {color: #EC4823;}
.social-links i.fa-tumblr:hover {color: #455469;}
.social-links i.fa-wordpress:hover {color: #21759B;}
.social-links i.fa-codepen:hover {color: #CCCCCC;}
.social-links i.fa-digg:hover {color: #14589E;}
.social-links i.fa-reddit:hover {color: #FF4500;}

.top-section {
    padding: 17px 0;
    margin: 0;
}

/* Content */
.home-header {    
    position: relative;
}
.page-header {
    padding: 20px 0 10px 0;
    margin: 0;
    border-bottom: none;
}
.home-header .page-header a, .page-header {
    text-decoration: none;
    color: #3d3d3d;
    font-size: 36px;
    margin-bottom: 0;
}
.entry-summary {
    color: #4D4D4D;
    letter-spacing: 0.5px;
    line-height: 1.8;
    margin-bottom: 25px;
}
.first-textarea {
    line-height: 28px;
    letter-spacing: 2px;
    font-size: 115%;
    margin-bottom: 40px;
}
.first-textarea .widget {
    margin-bottom: 0;
    padding: 3%;
    background-color: #00B0FF;
    color: #fff;
}
.first-textarea a {
    color: #fff;
}
/* Pagination */
.navigation.pagination {
    width: 100%;
    text-align: center;
    border-radius: 4px;
    padding: 15px;
    margin: 0;
}
.nav-links {
    display: inline-block;
}
.nav-links a, .nav-links span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #ffffff;
    color: #000;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.nav-links span.current {
    background-color: #00b0ff;
    color: #ffffff;
}

.post-meta div {
    display: inline-block;
    margin-right: 10px;
}
.post-meta i.fa {
    margin-right: 5px;
}
.single .cat-list {
    margin-bottom: 15px;
}
.entry-content {
    clear: both;
}
.single header {
    position: relative;
    margin-bottom: 25px;
}
.single h1, .single .post-meta {
    margin-left: 80px;
}
.single .time-info {
    top: 0;
    left: -15px;
}
/* breadcrumbs */
#breadcrumbs {
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    border: 1px solid #D8D8D8;
    margin: 30px -15px;
    background: #FFFFFF;
}
#breadcrumbs .fa{
    margin-right: 5px;
}
/* Widget */
h3.widget-title {
    font-size: 16px;
    color: #3d3d3d;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 5px;
}
.widget ul {
    padding-left: 20px;
}
.widget select {
    max-width: 100%;
}
/* Post Content */
.rsrc-main .rsrc-post-content {
    padding: 0 15px 15px;
    background-color: #fff;
}
.single-thumbnail {
    text-align: center;
    min-height: 80px;
}
.single .home-thumbnail, .page .single-thumbnail {
    margin-left: -15px;
    margin-right: -15px;
}
/* Back to top */
#back-top {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 999;
}
#back-top a {
    width: 40px;
    display: block;
    text-align: center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.7;
}
#back-top a:hover {
    opacity: 1;
}
#back-top span {
    width: 40px;
    height: 40px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #00B0FF;
}
#back-top span:before {
    font-family: 'FontAwesome';
    content: "\f106";
    line-height: 40px;
    font-size: 25px;
    color: #fff;
}

/* Commentform */
#commentform p input {
    width: 100%;
    color: #fff;
}
#commentform p textarea {
    width: 100%;
}
#commentform p input#submit {
    background-color: #00b0ff;
}
.no-comments {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding: 15px 0;
}
.no-comments p {
    margin-bottom: 5px
}
.fa-comments-o.comment-icon {
    font-size: 35px;
    opacity: 0.7;
}
h4#comments {
    border: 1px solid #D8D8D8;
    padding: 8px 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
}
.well {
    background-color: rgba(245, 245, 245, 0.15);
}
#commentform label {
    display: block;
}
.comment-body {
    position: relative;
}
.comment-body {
    padding: 15px 0 0 0;
    margin-top: 20px;
    position: relative;
}
.comment-text {
    margin-top: 20px;
    background-color: rgba(125, 125, 125, 0.25);
    padding: 15px 15px 30px 15px;
    position: relative;
}

.comment-text:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent rgba(125, 125, 125, 0.25) transparent;
    content: '';
    position: absolute;
    top: -12px;
    left: 10px;
}
a.comment-reply-link {
    position: absolute;
    padding: 5px 10px;
    color: #fff;
    bottom: 0;
    right: 0;
    background-color: #00B0FF;
}
.comment-author.vcard img {
    float: left;
    width: 46px;
    margin-right: 10px;
}
.commentlist ul.children {
    list-style-type: none;
}
/* Widgets */
.widget_nav_menu li {
    width: 100%;
}
.widget_nav_menu li:before {
    margin-right: 5px;
}
.widget {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
} 

/* Search */
#searchform {
    position: relative;
}
input#searchsubmit {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    height: 100%;
    color: #fff;
    background-color: #00B0FF;
}
input#s {
    border: 1px solid rgba(83, 83, 83, 0.47);
    width: 100%;
    position: relative;
    padding: 5px;
}

/* Carousel */
li.carousel-item {
    position: relative;
}
li.carousel-item:hover span a, li.carousel-item:hover .fa, li.carousel-item:hover span{
    color: #fff;
    transition: all .3s ease-in-out;
}

.flex-caption {
    position: absolute;
    bottom: 0;
    z-index: 9;
    text-shadow: 1px 3px 2px rgba(0,0,0,0.4);
    color: #949494;
    width: 100%;
    padding: 20px;
    background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);
    background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);
    background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);
    background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);
}
.flex-caption h2.page-header a{
    color: #fff;
    font-size: 18px;
}
.flex-caption .page-header {
    position:relative;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    line-height: 20px;
    padding: 0 0 20px;
    margin-bottom: 25px;
}
.flex-caption .page-header:before{
    content: "";
    display: block;
    position: absolute;
    left: 40%;
    bottom: -1px;
    width: 20%;
    height: 1px;
    background: #00B0FF;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.flex-caption .home-header:hover .page-header:before {
    width: 100%;
    left: 0;
    background: #fff;
}
.flex-caption .car{
    margin: 0 7px 0 4px;
}
.carousel-meta {
    font-size: 85%;
}
.carousel-meta .car a{
    color: #949494;
}

/* Trending carousel */
#trending-home {
    margin-bottom: 20px;
}
.trending-caption h2 {
    margin: 0;
    padding: 0;
    font-size: 15px;
}
/* Meta info */
.post-meta, .post-meta a {
    opacity: 0.8;
    color: #3D3D43;
}

/* Categories */
.cat-list a {
    padding: 3px 10px;
    margin-right: 10px;
    background-color: #00B0FF;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

/* Archive */
.content-inner {
    position: relative;
    width: 120%;
    right: 20%;
    margin-top: 20px;
    padding: 20px;
    z-index: 500;
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0 0px 15px rgba(0,0,0,0.07);
}
@media (max-width: 991px) {
    .content-inner {
        width: 100%;
        right: 0;
    }
    #sidebar-secondary, #sidebar {
        padding-left: 0;
        padding-right: 0;
    }
}
.home-thumbnail {
    position: relative;
    min-height: 20px;
    overflow: hidden;
}
.time-info {
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    position: absolute;
    top: 0;
    background: #00B0FF;
    width: 70px;
    height: 100px;
}
.thetime {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}
.thedate {
    margin-bottom: 3px;
    color: #000;
}
.time-info .comments-meta {
    background-color: #222222;
    padding: 5px 0;
    color: #fff;
}
.comments-meta a{
    margin-left: 5px;
    color: #fff;
}
/* Post-format */
i.post-icon.fa {
    position: absolute;
    top: 50%;
    left: -24px;
    font-size: 32px;
    color: #00B0FF;
    margin-top: -24px;
    padding: 5px 7px;
    background: #fff;
    border-radius: 50%;
    border-left: 1px solid #EBEBEB;
}
i.post-icon.fa.fa-file-image-o {
    left: -24px;
    font-size: 24px;
    margin-top: -24px;
    padding: 10px 12px;
}

/* Five columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}