/*
Theme Name: MiningFeeds
Text Domain: Reputation
Version: 1.6
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Mining Companies | Mining Stocks Lists (Gold, Silver, Copper, Uranium, Diamonds, Rare Earths, Base Metals)
Tags: blog, Gold, Silver, Copper, Uranium, Diamonds, Rare Earths, Base Metals
Author: The Reputation team
Author URI: https://www.reputation.ca/
Theme URI: https://www.reputation.ca/
License: GNU General Public License v2 or later
License URI: https://www.reputation.ca/

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (https://www.reputation.ca/)

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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


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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
.col.copyright-txt {
    float: left;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 0px;
}
.footer-menu .top-nav a {
   font-size: 16px;
    color: #ffffff !important;
    letter-spacing: 0.5px;
}
.footer-menu {
    text-align: center;
    float: left;
    width: 100%;
}
.container.footer-cont {
    text-align: center;
    padding-top: 30px;
}
.container.footer-cont ul.nav.navbar-nav.mr-auto.top-nav {
    margin: 30px auto;
    display: inline-flex;
    float: none;
}
.footer-color {
    background: #326693;
    float: left;
    width: 100%;
}
.col-md-12.featured-list {
    box-shadow: 0px 0px 20px #00000038;
    margin-top: 30px;
    padding: 23px;
    border-radius: 4px;
}
h4.h4 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 17px;
}
.col-md-12.featured-list22 {
 
    box-shadow: 0 0 20px #ccc;
    padding: 25px;
    border-radius: 2px;
}
.col-md-12.featured-list22 h4 {
    margin-bottom: 10px;
    color: #000;
    border-bottom: 1px solid #7f7a7a;
    font-size: 28px;
    padding-bottom: 16px;  
}
.featured-list22 img.img-fluid.ls-is-cached.lazyloaded {
    border-radius: 0;
    height: 80px; object-fit: cover;
}
.featured-list22 .row.ar-row2 {
       border-bottom: 1px solid #c7c0c0;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-right: 0;
    margin-left: 0;
}
div#subscribe-email p {
    color: #fff;
}
.featured-list22 .col-md-3.no-padding-r {padding-left: 0;}

.row.company-list .featured-list22 h6 a {
    color: #000 !important;
    letter-spacing: 0.5px;
    line-height: 21px;
    font-size: 17px;
}
.col-md-12.featured-list22 .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}
img.no-lazyload.ad-ban {
    margin-bottom: 12px;
}
ul.mining-list {
    padding-left: 21px;
}

nav.top-navbar li#menu-item-25798 {
    display: none;
}

nav.top-navbar li#menu-item-25796 {
    display: none;
}

nav.top-navbar nav.top-navbar li#menu-item-25795 {
    display: none;
}

nav.top-navbar li#menu-item-25792 {
    display: none;
}

nav.top-navbar li#menu-item-28766 {
    display: none;
}
nav.top-navbar li#menu-item-30737 {
    display: none;
}
nav.top-navbar li#menu-item-30734 {
    display: none;
}

.row.header-menu .text-right img {
    width: 100%;
    height: auto;
}

/* Comments CSS Starts */
.comment-form-comment{}
.comment-form-comment label{width: 100%;}
.comment-form-comment textarea{width: 100%;height: 70px;line-height: 20px;padding: 10px;}
.form-submit .submit{font-size: 16px;background-color: #428bca !important;color: #fff !important;border: 0px;padding: 6px 20px;}
.comment-reply-title{font-size: 24px;}
.comments-inner{}
.comments-inner .comment-body{border: 1px solid #ddd;padding: 15px 20px;margin: 25px 0px;border-radius: 5px;}
.comments-inner .comment-body .comment-meta{margin-bottom: 10px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;}
.comments-inner .comment-body .comment-meta .comment-author.vcard{}
.comments-inner .comment-body .comment-meta .comment-author.vcard a{}
.comments-inner .comment-body .comment-meta .comment-author.vcard a img{width: 24px;height: 24px;object-fit: cover;margin: 0px;margin-right: 10px;}
.comment-footer-meta{}
.comment-footer-meta .comment-reply{}
.comment-footer-meta .comment-reply a{display: inline-block;padding: 8px 25px;color: #fff;background-color: #428bca; border-radius: 50px;}
.type-post .entry-content.comment-content p{font-size: 14px !important;line-height: 22px !important;}
/* Comments CSS Ends */
/* advertising page css */
.ads-content h3, .ads-content h6, .hero-header, .investor-content h3, .content-box h6, 
.miningfeed-ads, .stackholder-content-box h3, .ads-content h6, .counter h6,  .ads-result-section h2, 
.investor-content-box .content-box h6, .miningfeed-ads h3, .miningfeed-ads-content .row .col h6, 
.what-we-offer-content .left-content h3, .what-we-offer-content .right-content .content-box h6, .rate-content h3, h5.card-title, 
.card-para, .card-para-2, .ads-bottom-content a, .what-we-offer-content .right-content a, .card-btn {
    font-weight: 700;
}
.hero, .about-section, .ads-section, .investor, .miningfeed-ads, .what-we-offer-content, .stackholder-content , 
.stackholder, .rate-section, .ads-result-section, .what-we-offer{
    width: 100%;
    float: left;
}
.hero{
    height: 400px;
    display: flex;
    align-items: center;
    background:url(https://www.miningfeeds.com/wp-content/uploads/2024/04/hero-bg.png) no-repeat center;
    background-color: rgba(50, 102, 147, 1);
    background-size: cover;
}
.hero-header, .ads-content h3, .investor-content h3, .stackholder-content-box h3{
    color: #fff;
    font-size: 37px;
    line-height: 50px;
    margin: 10px 0;
}
.hero-header, div.counter, .ads-bottom-content, .ads-result-section h2, .para p, .ads-result-section p, 
.miningfeed-ads h3, .miningfeed-ads p, .miningfeed-ads-content .col, .rate-content h3, .card{
    text-align: center;
}
.ads-content h3{
    width:85%;
}
.para p{
    color: #393939;
}
.para p, .ads-content p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.ads-content p{
    line-height: 28px !important;
	color:#fff;
}
.content{
    background: url(https://www.miningfeeds.com/wp-content/uploads/2024/04/bg.jpg) top right no-repeat;
    color: #fff;
    background-size: cover;
    padding: 80px 0;
}
.ads-content-box{
    background-color: rgba(50, 102, 147, 0.9);
    width: 65%;
    padding: 30px;
    box-sizing: border-box;
}
.ads-content h6, .content-box h6{
    font-size: 20px;
    line-height: 35px;
    margin: 7px 0;
}

.counter-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom:1px solid #447BAB;
}
.counter{
    width: 50%;
}
.counter h6 {
    font-size: 44px;
}
.counter p {
    padding-top: 10px;
}
.counter p, .ads-bottom-content p{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
}
.counter-last{
    width: 100%;
}
.counter-box-last{
    border-bottom: none;
}
.ads-bottom-content{
    background-color: rgba(75, 75, 75, 1);
    padding: 60px;
}
.ads-bottom-content p {
    margin: 0;
    font-size: 16px !important;
    line-height: 30px !important;
}
.ads-bottom-content a, .what-we-offer-content .right-content a{
    display: inline-flex;
    font-size: 16px;
    text-decoration: none;
    color: rgba(75, 75, 75, 1);
    background-color: #fff;
    padding: 15px 35px;
    margin-top: 20px;
}
.what-we-offer-content .left-content iframe{
    width:100%;
    height: 220px;
}
.what-we-offer-content .right-content a{
    padding: 20px 50px !important;
}
.ads-result-section h2, .miningfeed-ads h3, .rate-content h3{
    color: #393939;
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 20px;
}
.what-we-offer-content .left-content h3{
    color: #393939;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 25px;
}
.ads-result-section p, .miningfeed-ads p {
    color: #393939;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    width: 90%;
    margin: auto;
}
.miningfeed-ads{
    padding-top: 20px;
}
.ads-result-section .container .row, .miningfeed-ads-content .row{
    padding: 30px 0;
}
.col-img img {
    width: 250px;
    height: 120px;
    object-fit: contain;
}
.col-img {
  padding: 20px;
    background: #fff;
    width: 93%;
    height: 150px;
    text-align: center;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin: 33px;
    box-sizing: border-box;
}
.ads-result-section .container .row .col {
    flex: 1 0 33.33%;
    display: inline-flex;
    flex-direction: column;
    gap: 30px;
}
.ads-result-section .container .row .col-2{
    margin-top: 50px;
}
.investor-content{
    padding: 80px 0;
    background: linear-gradient(252deg, rgb(0 0 0 / 55%), rgb(0 0 0 / 58%)), url(https://www.miningfeeds.com/wp-content/uploads/2024/04/investor-bg.png)  no-repeat;
    background-size: cover;
    float: left;
}
.content-box h6 {
    color: #fff;
}
.investor-content-box .content-box h6{
    font-size: 22px;
    line-height: 35px;
}
.investor-content-box{
    float: right;
    width: 65%;
}
.investor-content-box, .stackholder-content-box{
    background-color: rgba(50, 102, 147, 0.9);
    padding: 30px;
}
.stackholder-content-box {
    width: 68%;
}
.investor-content-box .content-box{
    padding-top: 20px;
}
.investor-content-box .content-box p{
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}
.percentage {
    width: 33.33%;
    padding: 3px 20px;
    box-sizing: border-box;
}
.percentage h6 {
    font-size: 60px;
    margin: 15px 0;
    color: #447BAB;
    text-align: center;
    font-weight: bold;
}
.percentage p{
    margin: 0 !important;
    width: 100% !important;
    color: #393939;
    font-weight: 500;
}
.what-we-offer-content .left-content {
    width: 40%;
    float: left;
}
.what-we-offer-content .right-content {
    width: 60%;
    float: right;
    padding-left: 35px;
}
.what-we-offer-content .right-content .content-box p {
    color: #393939;
    font-size: 15px !important;
    line-height: 28px;
    font-weight: 500;
}
.what-we-offer-content .right-content .content-box h6{
    font-size: 22px !important;
     color: #393939;
     margin-top: 0;
}
.what-we-offer-content .right-content a{
    background-color: #447BAB !important;
    color: #FFFFFF !important;
}
.stackholder-content{
    padding: 80px 0;
    background: linear-gradient(252deg, rgb(0 0 0 / 55%), rgb(0 0 0 / 58%)), url(https://www.miningfeeds.com/wp-content/uploads/2024/04/stackholder-bg.png)  no-repeat;
    background-size: cover;
}
.stackholder-content-box .content-box ul {
    padding-left: 0;
}
.stackholder-content-box .content-box ul li, .stackholder-content-box .content-box p {
    list-style-position: inside;
    color: #fff;
    font-size: 15px;
    line-height: 1.9em;
    font-weight: 500;
}
.card2{
    background-color: #EFEFEF;
    border-radius: 0;
    border: none;
}
.card-body {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
h5.card-title {
	box-sizing: border-box;
    font-size: 23px;
    color: #fff;
    line-height: 22px;
    background-color: #447BAB;
    padding: 20px 10px 20px 20px;
}
.card-para {
    color: #447BAB;
    font-size: 45px;
    line-height: 40px;
}
.card-para-2 {
    color: #393939;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0;
}
.mid-card-text, .card-body-para {
    color: #393939;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
	text-align:center;
}
hr {
    width: 85%;
    margin: 25px auto;
}
.card-btn {
    background-color: #447BAB;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 40px;
    display: inline-flex;
    margin: 15px 0;
}
.rate-col{
    display: flex;
}

@media screen and (min-width:320px) and (max-width:766px){
	.ads-bottom-content a, .what-we-offer-content .right-content a {
    padding: 15px 20px;
}
	h5.card-title {
    text-align: center;
    line-height: 30px;
    padding: 10px;
}
	.hero-header, .ads-content h3, .investor-content h3, .stackholder-content-box h3 {
    font-size: 30px;
    line-height: 38px;
}
	.counter h6 {
    font-size: 32px;
}
	.content {
    padding: 0;
}
	.ads-content-box {
    width: 100%;
    padding: 15px;
}
.ads-content h3 {
    width: 100%;
}
.col-img {
    width: 100%;
    margin: 21px 0;
}
.col-img img {
    width: 56%;
}
.col1 {
    width: 100%;
}
.investor-content {
    padding-top: 0;
    padding-bottom: 0;
}
.investor-content-box {
    width: 100%;
}
.percentage {
    width: 100%;
}
.left-content {
    width: 100% !important;
}
.right-content {
    width: 100% !important;
}
.stackholder-content {
    padding: 0;
}
.stackholder-content-box {
    width: 100%;
}
.ads-result-section h2, .miningfeed-ads h3, .rate-content h3 {
    font-size: 30px;
    line-height: 39px;
}
}