/*
Theme Name: Colon Plus
Theme URI: https://www.spiraclethemes.com/colon-plus-free-wordpress-theme/
Author: Spiracle Themes
Author URI: https://www.spiraclethemes.com
Description: Colon Plus is a MULTI-PURPOSE WordPress theme with a simple and modern design. It's perfectly RESPONSIVE and supports the RTL language. Theme can be used for business, hotels, travel, gym, sports, fitness, and fashion-related websites. The theme is SEO-friendly and TRANSLATION ready too. Colon Plus is highly compatible with ELEMENTOR page builder. Discover more by using this theme in your projects. Our team is also ready to answer all of your SUPPORT questions related to this theme. More Info here: https://www.spiraclethemes.com/colon-plus-free-wordpress-theme/
Version: 1.0.2
Template: colon
Tested up to: 5.8
Requires PHP: 5.6
Requires at least: 4.7
Tags: blog, custom-colors, sticky-post, one-column, custom-logo, custom-menu, entertainment, featured-images, full-width-template, left-sidebar, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready, two-columns, footer-widgets
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: colon-plus
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.
*/


/**
====================================================================
  General
====================================================================
*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/**
====================================================================
  Header
====================================================================
*/


.header-wrapper .logo h1.site-title a,
.header-wrapper .logo p.site-title a {
    padding: 0;
}


/**
====================================================================
  Header
====================================================================
*/

footer#footer li a,
footer#footer {
    font-size: 14px;
}

/**
====================================================================
  Latest Posts Widget
====================================================================
*/

.section-latest-posts-area-box .col-first {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.section-latest-posts-area-box .col-second {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}


.section-latest-posts-area-box .content h6 {
    padding: 0;
    margin-bottom: 0;
}


.section-latest-posts-area-box .content .meta {
    font-size: 12px;
    font-weight: 600;
}

.latest-posts-content .latest-category-post {
    margin-bottom: 20px;
}

.section-latest-posts-area-box {
    overflow: hidden;
}

.section-latest-posts-area-box .latest-post-image {
    display: inline-block;
    overflow: hidden;
}

.section-latest-posts-area-box .latest-post-image img {
    transition: all 0.5s ease;
    vertical-align: middle;
}

.section-latest-posts-area-box .latest-post-image img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s ease;
}

.section-latest-posts-area-box .content h6 a:hover {
    color: #bc2a26;
}

.latest-category-post-content {
    padding: 10px 0;
}

.latest-category-post-content .title h4 {
    font-size: 12px;
    padding: 0;
}


/**
====================================================================
  MISC
====================================================================
*/

.coupon input[type="text"],
.woocommerce-form-coupon input[type="text"],
.cart input[type="number"] {
    height: 30px;
    padding: 0;
}

.coupon input[type="text"] {
    width: 150px;
}

.select2-container--default .select2-selection--single {
    height: 50px;
}