/*
Theme Name: Velcro - Retina Responsive Wordpress Theme
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See http://codex.wordpress.org/Right_to_Left_Language_Support
*/

.ct-menu .current-menu-ancestor > a, .ct-menu .current-menu-item > a, .ct-menu a:hover, .ct-menu a:focus {background-color: #90C570;}
/*.cbp-spmenu-push-toleft {right: 280px !important; left: auto !important;}*/
.cbp-spmenu-left {right: -280px !important; left: auto !important;}
.cbp-spmenu-left.cbp-spmenu-open {right: 0 !important; left: auto;}
.cbp-spmenu > .nav-button #showLeftPush, .cbp-spmenu > .nav-button #showLeft {left: -50px; right: inherit; border-right: 10px solid #168661; border-left: none; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; background-color: #91C470; border-right-color: #91C470;}
.cbp-spmenu-push-toleft .fa.fa-bars:before { content: "\f00d"; }
.info-box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 30px 15px 15px 15px;
    background-color: #f1ad1d;
    background-color: rgba(241, 173, 29, 1);
    color: #FFF;
    text-align: center;
    height: 100%;
    width: 50%;
    opacity: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: rotateY(74deg);
    -moz-transform: rotateY(74deg);
    transform: rotateY(74deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s 0.4s;
    transition: transform 0.4s, opacity 0.2s 0.4s;
}
.masonry-box:hover .info-box {
    opacity: 1;

    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 1s, opacity 0.2s;
    -moz-transition: -moz-transform 1s, opacity 1.2s;
    transition: transform 1s, opacity 0.2s;

    text-align: center;
}
.masonry-box:hover .entry-thumb img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}
.masonry-box .entry-date {right: 0; left: auto;}
.masonry-box .entry-date .entry-date-triangle {border-width: 65px 0 0 65px; right: 0; left: auto;}
.cbp-spmenu-left {border-left: 10px solid #91C470; border-right: 0;}
.btn.searchsubmit {left: 0; right: auto; bottom: -30px;}
.pagination span, .pagination a, .page-links-title, .page-links > span, .page-links a {float: right;}
#blog-entry .masonry-box {float: right;}
.single-post .container, .search-results .container, .error404 .container, .search-no-results .container, .page .container {margin-right: 0;}
.social-icons-list li {float: right; margin: 0 0 5px 5px;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: right;}
.header-wrapper .entry-header, .search-results .header-wrapper .page-header, .error404 .header-wrapper .page-header, .search-no-results .header-wrapper .page-header {border-top: 0;}
.header-wrapper .entry-header, .single .single-wrapper, .page .single-wrapper {padding: 30px;}
.header-wrapper .entry-header:after, .search-results .header-wrapper .page-header:after, .error404 .header-wrapper .page-header:after, .search-no-results .header-wrapper .page-header:after {left: 0; right: auto; border-width: 0 0 75px 75px; border-left-color: #5b483b;}
.single .post-format-icon, .search-results .post-format-icon, .error404 .post-format-icon, .search-no-results .post-format-icon, .page.type-page .post-format-icon {left: 10px; right: auto; top: 10px;}
.post-format-icon i {font-size: 24px;}
.pagination a:hover, .page-links a:hover {background-color: #86BF61;}


body {
    direction: rtl;
    unicode-bidi: embed;
}

ul,
ol {
    margin: 0 20px 24px 0;
}

li > ul,
li > ol {
    margin: 0 20px 0 0;
}

caption,
th,
td {
    text-align: right;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: inherit;
    right: 0;
}

.cbp-spmenu > .nav-button #showLeftPush, .cbp-spmenu > .nav-button #showLeft {
    right: inherit;
    left: -50px;
    border-left: 0;
    border-right: 10px solid #90C570;
    border-radius: 0 3px 3px 0;
    border-radius: 3px 0 0 3px;
}

.cbp-spmenu-left {
    right: -280px;
    /*right: 0 !important;*/
    border-right: 0;
    border-left: 10px solid #90C570;
}

#blog-entry .masonry-box { float: right; height: 297px;}

.info-box { left: inherit; right: 0; }

.edit-link i {
    margin-left: 3px;
    margin-right: 0;
}

.entry-meta i, .meta-likes .fa-heart {
    margin-left: 2px;
    margin-right: 0;
}

.info-box .meta-views, .info-box .meta-likes, .info-box .meta-comments a {
    margin-left: 10px;
    margin-right: 0;
}

.masonry-box .entry-date {
    right: 0;
    left: inherit;
}

.masonry-box .entry-date .entry-date-triangle {
    right: 0;
    left: inherit;
    border-width: 0 65px 65px 0;
    border-color: transparent #f6c367 transparent transparent;
    border-color: transparent rgba(246, 195, 103, 0.85) transparent transparent;
}

.masonry-box:hover .entry-thumb img {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}

.cbp-spmenu-push {
    right: 0;
    left: inherit;
}

.pagination span, .pagination a, .page-links-title, .page-links > span, .page-links a { float: right; }

.ct-totop { left: 20px; right: initial; }

.single-post .container, .search-results .container, .error404 .container, .search-no-results .container, .page .container {
    margin-right: 0;
    margin-left: inherit;
}

.single .col-md-8,
.single .col-md-7,
.page .col-md-8,
.page .col-md-7 { float: right; }

.ct-sidebar .btn.searchsubmit, .error404-post .btn.searchsubmit, .ct-no-results .btn.searchsubmit {
    left: 0;
    right: inherit;
}

.ct-sidebar .widget .searchform input[type=text], .error404-post .searchform input[type=text], .ct-no-results .searchform input[type=text] {
    padding-left: 20px;
    padding-right: inherit;
}

.header-wrapper .entry-header:after, .search-results .header-wrapper .page-header:after, .error404 .header-wrapper .page-header:after, .search-no-results .header-wrapper .page-header:after {
    border-width: 75px 75px 0 0;
    border-color: #5b483b transparent transparent transparent;
    position: absolute;
    left: 0;
    right: inherit;
}

.single .post-format-icon, .search-results .post-format-icon, .error404 .post-format-icon, .search-no-results .post-format-icon, .page.type-page .post-format-icon {
    left: 15px;
    right: inherit;
}

.header-wrapper .entry-header, .single .single-wrapper, .page .single-wrapper {
    padding: 25px 30px 0 50px;
}

.single .single-wrapper, .page .single-wrapper {
    padding: 30px 30px 30px 30px;
}

.single .entry-meta > span, .search-results .entry-meta > span, .page.type-page .entry-meta > span {
    margin-left: 15px;
    margin-right: inherit;
    float: right;
}

.single article, article.page.type-page {
    margin-right: -15px;
    margin-left: inherit;
}

.page-links {
    margin-right: 0;
    margin-left: 10px;
}

.ct-box-icon {
    float: right;
    margin-left: 15px;
    margin-right: inherit;
}

.entry-tags a, .widget .tagcloud a[class|=tag-link], .tagcloud a[class|=tag-link] {
    margin-left: 10px;
    margin-right: inherit;
    float: right;
}

#author-avatar {
    float: right;
}

#author-description {
    padding-right: 90px;
    padding-left: inherit;
}

.add-author-info {
    margin-right: -10px;
    margin-left: inherit;
}

.add-author-info li {
    float: right;
}

.entry-share-icons a {
    float: right;
    margin-left: 5px;
    margin-right: inherit;
}

.nav-links .meta-nav-prev {
    float: right;
}

.nav-links .meta-nav-next {
    float: left;
    text-align: left;
}

.ct-related-thumbs-widget li, .ct-related-thumbs li {
    float: right;
    margin-left: 5px;
    margin-right: 0;
}

.ct-related-thumbs-widget.widget ul, .ct-related-thumbs {
    margin-left: -5px;
    margin-right: 0;
}

.comment-list {
    margin-right: 0;
}

.comment-author cite {
    margin-right: 15px;
    margin-left: 0;
}

#comments .comment-meta {
    right: 65px;
    left: inherit;
}

.bypostauthor > .comment-body .comment-author:before {
    right: -5px;
    left: inherit;
}

.ct-comments-widget li img {
    float: right;
    margin-left: 15px;
    margin-right: 0;
    margin-bottom: 0;
}

.widget-post-small-thumb {
    float: right;
}

.ct-popularpost-widget.widget ul {
    margin-right: 0;
    padding-right: 0;
}

.widget-post-small-thumb img {
    margin-left: 15px;
    margin-right: 0;
}

.ct-flickr-widget ul li,
.ct-instagram-widget ul li {
    list-style-type: none;
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

.flex-small-slider { direction: ltr; overflow: hidden; }
.flexslider .slides > li {text-align:right;direction:rtl;}

.entry-tags a {background-color: #f3ae1a !important;}
h3.widget-title {background-color: #f3ae1a !important; font-size: 18px;}
.header-wrapper .entry-header:after, .search-results .header-wrapper .page-header:after {/*border-right-color: ;*/}

#respond #commentform label span.required {color: #b9babd;}

@media (max-width: 640px) {
    .welcome-entry {padding: 10px 50px 0 10px;}
    .single article, article.page.type-page {margin-right: 0;}
    .single article, article.page.type-page img {width: 100%;}
    .single .col-md-8, .single .col-md-7, .page .col-md-8, .page .col-md-7 {width: 100%;}
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {width: 100%;}
    .single .single-wrapper, .page .single-wrapper img {width: 100%;}
    a img.alignnone {margin: 5px 0 0;}
}

@media (max-width: 360px) {
    .single h1.entry-title, .page .single-page h1.entry-title {line-height: 26px !important; font-size: 23px;}
}