/*!
Theme Name: Canada Betting
Theme URI: http://underscores.me/
Author: Hameed
Author URI: http://fiverr.com/hameed77
Description: A custom theme for Canada Betting
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: canada-betting
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

Canada Betting is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/**********************************
            404 Page
***********************************/
.text-center .error-404 .error-message h2{
    color: #bc001b;
    font-style: normal;
    font-size: 154px;
    letter-spacing: 5px;
    margin-bottom: 20px;
}
.text-center .error-404 .page-header h1.page-title{
    color: #1E1E1E;
    font-style: normal;
    font-family: 'Mukta Extra Bold', sans-serif;
    font-size: 27px;
}
.text-center .error-404 .page-content label{
    width: 100%;
    border-radius: 5px;
    position: relative;
}
.text-center .error-404 .page-content label i.fa{
    display: inline;
    height: 33px;
    position: absolute;
    left: 12px;
}
.text-center .error-404 .page-content label input{
    width: 100%;
    height: 45px;
    padding: 10px 16% 10px 40px;
    border: 0;
    font-size: 14px;
    color: #3C3A3C;
    border-radius: 5px;
    box-shadow: 1px 1px 6px 2px #e3e3e3;
    font-family: inherit;
}
.text-center .error-404 .page-content input[type="submit"]{
    position: absolute;
    height: 45px;
    margin-left: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 12%;
    text-transform: uppercase;
    font-weight: 700;
    background: #bc001b;
    letter-spacing: 2px;
    border-radius: 0 5px 5px 0;
}
.text-center .error-404 .page-content input[type="submit"]:hover{
    border: 2px solid #bc001b;
    background: #fff;
    color: #bc001b;
}
.cb-deposit-cards .blog-single-item{
    padding: 20px 10px 10px 10px;
}
.cb-deposit-cards .blog-single-item img {
    height: auto;
}
/***********************************
    Navbar changed breakpoint
***********************************/
.navbar-expand-lg .navbar-nav .nav-link {
    text-decoration: none;
    text-transform: uppercase;
    color: #2c2c2c;
    padding: .5rem;
    font-weight: 900;
}
.navbar-expand-lg .navbar-nav .menu-item {
    margin: 0 10px 0 10px;
}
/*latest news */
.sitebar-wrapper .latest-news .latest-news-item .row{
    margin-left: 0px;
    margin-right: 0px;
}
/***   Search results   ***/
.search-results .alm-layouts .alm-listing li.alm-layout.alm-4-col.alm-cta,
.search-results .alm-layouts .alm-listing li.alm-layout.alm-4-col.last.alm-cta{
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    padding: 12px;
}

/**    Filling Gaps     **/
.deposit-content .review_betting_list.mb-5,
.deposit-content .accordion.my-accordion{
    margin-bottom: 5px !important;
}
.news-wrapper .news-thumb{
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.news-wrapper .news-thumb > a > img{
    margin-bottom: 0px;
}
/** Additional Animations  */
.row .review_betting_list .review_card_detail,
.deposit-content .card-body img,
.cb-deposit-cards .blog-single-item,
.blog-wrapper .blog-item,
.newsletter-footer .mainmenu .menu-item a,
.footer-social .social-list li a{
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.news-wrapper .news-thumb > a > .mask{
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: .25rem!important;
}
.news-wrapper .news-thumb > a:hover > .mask{
    background-color: #bc001b44;
}
.row .review_betting_list .review_card_detail:hover{
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.deposit-content .card-body img:hover{
    opacity: 0.85;
}
.cb-deposit-cards .blog-single-item:hover,
.blog-wrapper .blog-item:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.2) !important;
}
.newsletter-footer .mainmenu .menu-item a:hover{
    color: #bc001b;
}
.footer-social .social-list li a:hover{
    color: #ff9eac;
}
@media screen and (max-width: 1024px){
    .search-results .alm-layouts .alm-listing .alm-layout.alm-4-col{
        width: 24.6%;
    }
}
@media (max-width: 992px){
    #nav-srch {
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-top: .1rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link > span {
        font-size: 16px;
    }
    .navbar-expand-lg .navbar-nav .menu-item{
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .menu-item .dropdown-menu.show:before {
        content: '';
    }
}
@media (max-width: 768px){
    .sitebar-wrapper .latest-news .latest-news-item .row{
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 15px;
    }
    .search-results .alm-layouts .alm-listing .alm-reveal{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .search-results .alm-layouts .alm-listing .alm-layout.alm-4-col{
        width: 50%;
    }
}
@media (max-width: 576px){
    .text-center .error-404 .page-content label i.fa{
        left: 19px;
    }
    .text-center .error-404 .page-content label input{
        width: 95%;
        padding: 10px 16% 10px 40px;
    }
    .text-center .error-404 .page-content input[type="submit"]{
        width: 22%;
        font-size: 12px;
    }
    .search-results .alm-layouts .alm-listing .alm-layout.alm-4-col{
        width: 100%;
    }
}