/*
Theme Name: Business Insider
Theme URI: https://cqthemes.com/business-insider
Author: CQ Themes
Author URI: https://cqthemes.com
Description: Business Insider Lite is a responsive multi-purpose theme powered by WordPress. This theme is based on bootstrap 4 CSS framework. It is a flexible theme suitable for business, news, agency, blog or corporate. This theme is based on power full drag and drop page builder, ELEMENTOR, and is very easy and straightforward for customization with its live editing feature. This theme is shipped with demo data which can be imported in less than a minute with the help of one click demo importer plugin.
Version: 1.1.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: business-insider
Tags: featured-images, one-column, two-columns, full-width-template, left-sidebar, threaded-comments, right-sidebar, custom-menu, translation-ready, custom-header, theme-options,  custom-background, custom-logo, footer-widgets, blog

This theme, like WordPress, is licensed under the GPL.
Build something awesome.

Business Insider is based on Underscores http://underscores.me/, (C) 2012-2018 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
Understrap https://understrap.github.io
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Basic CSS
# Sidebar CSS
# Buttons CSS
# Sidebar CSS
# Navigation Menu
# Footer Menu
# Icons
# Blogging
# Commenting
# Tag Cloud
# Responsive
# Pro Update

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Basic CSS
--------------------------------------------------------------*/
body {
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
}
a {
    color: gray;
}
a:hover{
    text-decoration: none;
    color: deeppink;
}
*{
    margin: 0;
    padding: 0;
}
h3.widget-title {
    padding-bottom: 12px;
}
#page-wrapper,
#full-width-page-wrapper {
    min-height: 82.7vh;
}

input:focus {
    -webkit-box-shadow: 0 0 0 0.1rem rgba(111,49,205,.25) !important;
    box-shadow: 0 0 0 0.1rem rgba(111,49,205,.25) !important;;
}

select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

/*--------------------------------------------------------------
# Buttons CSS
--------------------------------------------------------------*/

.btn-secondary{
    font-size: 15px;
    font-weight: 500;
    background-color: #cc2e72;
    border-radius: 0px 0px 0px 0px;
    border-color:#cc2e72;
}
.btn-primary {
    font-size: 15px;
    font-weight: 500;
    background-color: #cc2e72;
    border-radius: 0px 0px 0px 0px;
    border-color:#cc2e72;
}


/*--------------------------------------------------------------
# Sidebar CSS
--------------------------------------------------------------*/

#right-sidebar,
#left-sidebar {
    background: #f7f7f794;
    padding:30px;
}
#right-sidebar.widget-area a,
#right-sidebar.widget-area ul li a,
#left-sidebar.widget-area a,
#left-sidebar.widget-area ul li a {
    color: grey !important;
}
#right-sidebar h4:before,
#right-sidebar h3:before,
#right-sidebar h2:before,
#left-sidebar h4:before,
#left-sidebar h3:before,
#left-sidebar h2:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 40px;
    transform: translate(0px, 35px);
    background-color: #D0276E;
}
#right-sidebar ul,
#left-sidebar ul {
    list-style: none;
}
#right-sidebar ul li:before,
#left-sidebar ul li:before{
    content: "\f0da";
    font-family: "FontAwesome";
    padding-right: 15px;
}
#right-sidebar ul li:hover,
#right-sidebar ul li a:hover,
#left-sidebar ul li:hover,
#left-sidebar ul li a:hover {
    color: deeppink !important;
}
#right-sidebar aside,
#left-sidebar aside {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

#navbar-nav-dropdown ul {
    border-radius: 0;
    font-size: 20px;
}
.navbar-brand {
    font-size: 40px;
}

@media only screen and (max-width:1024px) {
    .navbar a.navbar-brand {
        color: #fff;
        font-size: 30px;
    }
    #navbar-nav-dropdown ul {
        font-size: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .navbar-dark .navbar-brand {
        color: #fff;
        font-size: 23px;
    }
}

/*--------------------------------------------------------------
# Footer Menu
--------------------------------------------------------------*/

#wrapper-footer {
    background: #363C42;
    color: #fff;
}
#wrapper-footer .container {
    text-align: center;
}

/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/

span.posted-on:before,
span.comments-link a:before,
span.byline a:before {
    content: "\f073";
    font-family: "FontAwesome";
    margin-right: 10px;
    color: #777;
}
span.byline a:before {
    content: "\f007";
}
span.comments-link a:before {
    content: "\f086";
}

/*--------------------------------------------------------------
# Blogging
--------------------------------------------------------------*/
article .entry-content {
    margin-top: 10px;
    font-size: 19px;
    color: #2b2424;
    font-weight: 300;
}
#secondary img,
img.wp-post-image {
    width: 100%;
    padding: 35px 0;
}

.page-item.active .page-link {
    background-color: #cc2e72;
    border-color: #cc2e72;
}

.page-link {
    color:#cc2e72;
}



/*--------------------------------------------------------------
# Commenting
--------------------------------------------------------------*/

.comments-area {
    background: #f7f7f7;
    margin: 10px 0;
    padding: 15px;
}
#comments.comments-area {
    padding: 35px;
}
#respond.comment-respond {
    border-top: 1px solid #dedede;
    padding-top: 14px;
    margin-top: 40px;
}
#comments ol.comment-list {
    padding: 25px;
}
#comments ol.children {
    margin-bottom: 10px;
    padding: 23px 11px 8px 40px;
    border: 1px solid #d8d8d8;
}
#comments .comment-content {
    margin-top: 18px;
}

/*--------------------------------------------------------------
# Calendar Widget
--------------------------------------------------------------*/

#wp-calendar {
    width: 100%;
    max-width: 37.5rem;
    background: #ccc;
    margin-left: auto;
    margin-right: auto;
}
#wp-calendar caption {
    background: #cc2e72;
    color: #fff;
    padding: 0.25rem;
    text-align: center;
}
#wp-calendar thead tr {
    border-right: 1px solid #ccc;
}
#wp-calendar thead th {
    font-size: 90%;
    font-weight: bold;
    padding: 0.25rem;
    background: #cc2e72;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
#wp-calendar tbody td {
    position: relative;
    padding: 0.125rem;
    text-align: center;
    /*border: 1px solid #ccc;*/
    background: #fff;
}
#wp-calendar tbody td.pad {
    opacity: 0.7;
}
#wp-calendar tbody td#today {
    font-weight: bold;
}
#wp-calendar tbody td#today:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #999;
    border-left: 10px solid transparent;
}
#wp-calendar tbody td a {
    display: block;
    background: #cc2e72;
    color: #fff;
}
#wp-calendar tbody td a:hover {
    background: #cc2e72;
    color: #fff;
}
#wp-calendar tfoot tr {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #ccc;
}
#wp-calendar tfoot tr td {
    border: 0;
    padding: 0;
}
#wp-calendar tfoot tr a {
    display: block;
    padding: 0.25rem 0.75rem;
}
#wp-calendar tfoot tr a:hover {
    background: #fff;
}
#wp-calendar tfoot tr #prev {
    text-align: left;
}
#wp-calendar tfoot tr #next {
    text-align: right;
}

/*--------------------------------------------------------------
# Tag Cloud
--------------------------------------------------------------*/
.tagcloud a {
    font-size: 12pt !important;
    background: #efeeee;
    padding: 8px;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Pro Update
--------------------------------------------------------------*/
.business-insider-upgrade-to-pro-button {
    font-size: 23px !important;
    color: #fb3131 !important;
}