/**
 * Theme Name: mThinkBB
 * Theme URI: https://artkade.com
 * Description: Custom theme by Artkade for mThink Blue Book, handcrafted with care.
 * Version: 1.8.0
 * Author: Artkade
 * Author URI: https://artkade.com
 */

html { font-size: 62.5%; } 
body { background: #fff; font-family: 'Inter', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; font-size:1.6rem; line-height: 1.5em; color:#373D3F;}

:root {
  --mblack:   #232323;
  --mdkblue:  #102432; /* rgb(16,36,50) */
  --mblue:    #0e5f84; /* rgb(14,95,132) */
  --msoft:    #ACD1DF; /* rgb(172,209,223) */
  --mlight:   #F6FAFD;
  --mred:     #D14656; /* rgb(209,70,86) */
  --mwhite:   #fff;
  --mgray:    #5C5C5C;
  --mlogo:    #469BD1;
  --font:     'Inter', sans-serif; 
  --thin:     100;
  --body:     400;
  --regular:  500;
  --medium:   700;
  --bold:     900;
}

/* ========= HEADER ========== */
.uk-navbar-container:not(.uk-navbar-transparent) { padding-right: 30px; margin:15px!important;  background: var(--mwhite); 
    -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.custom-logo { max-width: 268px; }
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { min-height: 80px; }
.uk-navbar-nav > li > a { color: var(--mblack); font-family: var(--font); font-weight: var(--regular); font-size: 1.6rem; text-transform: capitalize; letter-spacing: 0.01em; }
.uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a.uk-open, .uk-navbar-nav > li > a:focus { color: var(--mblue); }
/*.uk-navbar-nav .current-page-ancestor a { color: var(--mblue); }*/
.uk-navbar-nav .current-page-ancestor .uk-navbar-dropdown .current-menu-item a { color: #999; }
.uk-navbar-container.uk-active { margin:0 15px!important; }
.uk-navbar-container .uk-navbar-left { background: var(--mwhite);}
.uk-logo { padding:0 56px;}
.home .uk-position-top { top: 0; }
.uk-position-top { top: calc(0px + 250px); }
[class*=uk-dropdown-bottom] { margin-top:0; }
.uk-navbar-dropdown { width: 260px; }

/* ========= DROPDOWN ========== */
.network-space form {width: 280px; }
.network-space form .uk-select { letter-spacing: .06em;}
.uk-overlay-primary .uk-select { background: rgba(255,255,255, 1); color: var(--mdkblue); border: 4px solid rgba(255,255,255,0.6); outline: 6px solid rgba(255, 255, 255, .5);}
.uk-dropdown.uk-open { background: #F6FAFD; padding:20px 60px; top: 80px!important; }
.uk-navbar-dropdown-nav > li > a { color: var(--mwhite); font-size: 1.4rem; line-height: 1.25em;margin:8px 0; border-bottom: 1px dotted rgba(255,255,255, .2);}
.uk-navbar-dropdown-nav > li:last-of-type  > a { border-bottom: 0; }
.uk-navbar-dropdown-nav > li > a:hover { color:#999!important; }
.uk-navbar-dropdown .current_page_item a { color: var(--mwhite); }
.menu-depth-1 li a { cursor: default!important; padding-bottom: 3px;font-size: 1.4rem; color:rgba(14,95,132, .8); border-bottom: 1px solid rgba(14,95,132, .2); cursor: none; display: block; margin-bottom: 5px; }
.menu-depth-2 li a { padding-bottom: 3px; border-bottom: none; cursor: none; display: block; color: var(--mgray); font-size: 1.6rem; margin-bottom:5px; line-height: 1.25em; }
.menu-depth-2 li a:hover { cursor: pointer!important; color: var(--mblue); }

.uk-navbar .current_page_item a { color: var(--mblue); }
.uk-overlay-primary .uk-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")!important;}

/* ========= TYPOGRAPHY ========== */
h1 { font-family: var(--font); font-weight: var(--bold); font-size: 4.2rem; line-height: 1.15em;  }
h2 { font-family: var(--font); font-size: 3.6rem; letter-spacing: 0.02em ;}
h3 { font-family: var(--font); font-size: 2.4rem; letter-spacing: 0.02em; }
h4 { font-family: var(--font); font-size: 1.8rem; letter-spacing: 0.02em; }
p { margin-top: 5px; line-height: 1.45em; color: #373D3F;}
em { color:#373D3F; }
strong, b { font-weight: var(--bold);}
.uk-link, a { color: var(--mblue); }
a:hover {text-decoration: none; color: var(--mgray);}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { margin: 5px 0; }
h1.hero-head { font-weight: var(--bold); font-size: 5.2rem; text-transform: uppercase; margin-top:60px; color: var(--mdkblue); line-height: 1.25em; text-align: center; }
.hero-text  { line-height: 1.3em; font-size:2.4rem; text-align: center; font-weight: var(--regular); letter-spacing: 0.02em;}
.side-content h1, .side-content h2 { font-weight: bold; font-size: 3.2rem; }
.sans-serif { font-family: var(--font); font-weight: 300; font-size: 92%; }
.serif { font-family: var(--font); font-weight: 800; }
.upper { text-transform: uppercase; }
.dkblue { color: var(--mdkblue)!important; }
.mblue { color: var(--mblue)!important; }
.mgray { color: var(--mgray)!important; }
.single h2 { font-family: var(--font); font-size: 2.8rem; letter-spacing: 0.02em;}
.single h3 { font-family: var(--font); font-size: 2.2rem; line-height: 1.15em; }
.single h4 { font-family: var(--font); font-size: 1.8rem; letter-spacing: 0.02em; }
.uk-card-title { font-size: 1.5rem!important;}

/* ========= FRONTPAGE ========== */
/* hero */
.home .uk-overlay-primary { background: rgb(34,79,113);
    background: linear-gradient(360deg, rgba(34,79,113,0.36) 8%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.6) 100%); }
/* button carousel */
.button-wrap { width: 1048px; position: absolute;  z-index: 10; left: 50%; margin: -65px 0 0 -524px; border: 1px solid var(--msoft); box-shadow: 0px -6px 6px -2px rgba(0, 0, 0, 0.17); }
.button-wrap li {border-right: 1px solid var(--msoft); background:#fff; color: var(--mblue); }
.button-wrap li:hover, .button-wrap li a:hover { background: var(--mred); color:#fff!important;}
.slide-buttons { text-align: center; padding:35px; }
.btn-slides { font-size:1.6rem; text-transform: uppercase; font-weight: var(--regular); }
.btn-slides:hover { color: var(--mwhite)!important;}
.uk-slidenav { padding: 0;}

/* ========= GLOBALS ========== */
p:empty, .sidebar p:empty  { display: none; }
.break { display: block; }
.leaderboard-main { background: rgba(234, 227, 223, .25); margin: 0 auto; height: 250px; padding: 0; }
.leaderboard { background: rgba(234, 227, 223, .25); margin: 0 auto; }
.leaderboard > div > div, .leaderboard-main > div > div { text-align: center; display: block; }
.leaderboard::before, .leaderboard-main::before { content: 'advertisement'; font-size: 1.2rem; color: rgba(0,0,0, 0.3); text-align: center; display: block; text-transform: uppercase;}
.content-404 {padding: 60px 0 120px;}
.atk-action { margin: 40px auto; }
.atk-action a { font-size: 2.4rem; }
.content p a { color: var(--mblue); }
.content p a:hover { color: var(--mgray); }

/* ========= SIDEBAR ========== */
.side-top-title, .side-title  {  font-size: 1.4rem!important; line-height:1.2em; color: var(--mgray); font-weight: var(--medium); text-transform:uppercase; letter-spacing: 0.02em; }
.side-title { margin-top:60px; }
.sidebar input.email {height: 37px; width: 100%!important;padding-left:15px;border-radius:8px; border: 1px solid #ccc; margin-bottom: 10px;}
.sidebar .uk-list li:first-of-type{display: none;}
.sidebar .uk-list li:nth-of-type(2) {border-top: none;}
.sidebar p {font-size: 1.2rem;}
.uk-input, .uk-select, .uk-textarea {border:3px solid #EAEAEA; color: var(--mblue2); font-size: 1.6rem; text-transform: capitalize;}

/* ========= PAGES ========== */
#breadcrumbs { margin-bottom: 60px; }
#breadcrumbs a { font-weight: var(--bold); font-size: 1.4rem; letter-spacing: 0.02em; }
#mc_embed_signup input.email { height: 45px!important; width:400px; border-radius:8px!important; padding-left: 10px!important;}
#mc_embed_signup .button, .forminator-button { height:inherit!important; font-family:'Inter', sans-serif; font-size: 1.2rem!important; font-weight: 500!important; letter-spacing: 0.215em!important; line-height: 1.25em!important; border-radius: 4px!important; padding: 15px 20px!important; text-transform: uppercase; background: #102432!important; color: #ACD1DF!important;  }
#mc_embed_signup .button:hover, .forminator-button:hover {background: #D14656!important; color: #fff!important;}
.forminator-button span { font-weight: 700!important; }
#mc_embed_signup_scroll { margin-top:20px;}
#relatedposts {margin: 120px auto 0;}
#div-cps-net1, #div-cps-net2, #div-cps-net3, #div-cpa-net1, #div-cpa-net2, #div-cpa-net3 {margin:50px 0; }
.uk-overlay-primary { background: rgb(34,79,113);
    background: linear-gradient(360deg, rgba(34,79,113,1) 8%, rgba(70,155,209,0.6) 50%, rgba(70,155,209,0.4) 100%); }
.page-title { padding-top:80px; letter-spacing: 0.02em; }
.page-wrap { padding: 40px 0 0 0;}
.single .page-wrap { padding: 40px 0 100px 0;}
.archive-title { letter-spacing: 0.02em; font-weight: var(--regular); font-size: 2.6rem; }
.page-content { box-sizing: border-box; }
.featured-article.uk-first-column { margin-left: -40px; }
.mid-rect {max-width:300px;margin-top: 60px; }
.mid-rect:first-of-type { margin-top:0}
.article-title { margin-top: 110px; }
.ranking, .net, .notes {color: #fff!important; }
.ranking { width: 10%;}
.net {width: 20%;}
.net-name { font-size: 1.4rem; text-align: center; line-height: 1.4em;}
.visit { background: var(--mblue); color: var(--mwhite); border-radius:4px; padding: 8px 10px; font-size: 1.2rem; width:102px; display: block; margin: 0 auto; }
.visit:hover { background: var(--mblue); color: #fff; text-decoration: none; }
.main-wrap {padding-left:0;}
.uk-card-media-top { border-radius: 10px;}
.uk-button { padding: 0; }
.uk-button-link {font-size: 1.6rem; color: var(--mblack);}
.uk-button-link:hover {color: var(--mblue);}
.pst-img-wrap { border-radius: 8px;}
.bottom-content { margin-top:60px;}
.team .serv-icon { border-radius: 50%; }
.team .uk-card-default .uk-card-header { border-bottom: 0; }
.blogpost-title {line-height: 1.15em; margin: 0; }
.post-nav-blog { font-size: 1.8rem; text-align: center; margin-top: 80px!important; width: 100%; border-top: 1px solid #ccc; }
.prev { margin-right: 20px;}
.next { margin-left: 20px; }
.intro-block p {margin: 0 0 60px 0; color:#666}
.nav-links { margin-top:60px; display: flex; }
.nav-previous { display: inline-block; width: 50%; }
.nav-next { display: inline-block; width: 50%; text-align: right; }
.nav-previous a:hover, .nav-next a:hover { text-decoration: none; color:#000; }
.meta-nav { color: #888;}
.nav-links .nav-next a, .nav-links .nav-previous a {color:var(--mblue); }
.nav-links .nav-next a:hover, .nav-links .nav-previous a:hover { color: var(--mbriblue);}
.author-bios { margin: 60px auto;}
.social-share-posts { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 20px 0; text-align: center; margin-top:80px;}
.related-title { text-align: center;font-size: 2.8rem;margin-bottom: 30px;}
.uk-button-secondary {padding:5px 14px; border-radius:4px; margin-right:5px; text-transform:none; font-size: 1.6rem; line-height:26px; background: var(--mblue); color: #fff;}
.uk-button-secondary:last-of-type {border-right:none;}
.uk-button-secondary:hover {color:#fff ; background: var(--mbriblue);}
.uk-button-red {  text-align: center;  letter-spacing: 0.05em; font-size: 1.6rem; font-weight: var(--bold); display: block; color: var(--mred); padding: 8px 15px; }
.uk-button-red:hover { background: var(--mblack); color: #fff; display: block; padding: 8px 15px; border-radius: 8px; }
.mt-hero-wrap .uk-button-orange {padding:5px 8px; border-radius:4px;margin-top:10px; margin-right:5px; text-transform:uppercase; font-size: 1.1rem; line-height:26px; background: var(--morange); color: #000; font-weight: 600;}
.network-head { font-weight: var(--bold); color: var(--mdkblue); border-bottom: 1px solid var(--mblue2); margin-bottom: 20px; }
.network-title a { font-weight: var(--bold); color: var(--mblue); font-size: 2.2rem;}
.network-title a:hover {color: #888; text-decoration: none;}
.net-headers {color: var(--mblue); font-weight: var(--bold);}
.co-headers {color: var(--mblue); font-weight: var(--bold); margin: 5px 0;}
.co-headers:first-of-type {margin-top: 20px;}
.co-headers span {margin-left:15px;}
.uk-table th { color: var(--mwhite)!important;}
.wp-block-button__link { background: var(--morange)!important;}
.wp-block-button__link:hover {background-color: var(--morangedk)!important;}
#menu-network-rankings { padding: 0; list-style: none;}
#menu-network-rankings>:nth-child(n+2) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; }
#menu-network-rankings .current_page_item a { color:var(--mred); }
.ribbon-panel-wrap h2 { font-size: 2.2rem; }
.ribbon-panel-wrap p { font-size: 1.4rem; color: #666; }
.forminator-checkbox__label p { margin-top: 0!important}
.wp-block-latest-posts__list { font-size: 1.4rem; line-height: 1.25em; }
.wp-block-latest-posts__list li { margin: 15px 0; }

/* ========= SINGLE POSTS ========== */
.filed-under { border-top: 1px dotted #ACD1DF; padding-top: 15px; }
.filed-under .meta, .filed-under .topics  { font-size: 1.4rem; text-transform: capitalize; }
.uk-card-link { position: absolute; bottom: 24px; }
#relatedposts .uk-card-body { padding: 20px 20px 64px 20px;}
#relatedposts .blog-card-title { font-size: 1.8rem; line-height: 1.25em; }
#relatedposts .uk-card-media-top { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

/* ========= OFFERING TABLE ========== */
.offer-title { line-height: 1.25em; font-size: 1.4rem; }
table.dataTable thead th, table.dataTable thead td { padding: 10px 18px 10px 0; }
.dataTable th { font-size: 1.2rem; text-align: center; }
.dataTable td { vertical-align: middle;}
.dataTable tbody td p { font-size: 1.4rem; }

/* ========= LISTING FORM ========== */
.acf-field .acf-label label {font-size: 1.4rem;}
.acf-actions a, .acf-button {background: var(--morange); margin-left:10px; font-size:1.2rem; font-weight: 600; text-transform: uppercase; color: #000; border-radius: 4px; padding:5px 8px; border:none;cursor: pointer;  }
.acf-actions a:hover, .acf-button:hover { background: var(--morangedk); color: #000; text-decoration: none;}
.acf-field-60d98fb41631e { display: none;}
.acf-field input[type=text], .acf-field input[type=password], 
.acf-field input[type=date], .acf-field input[type=datetime], 
.acf-field input[type=datetime-local], .acf-field input[type=email], 
.acf-field input[type=month], .acf-field input[type=number], 
.acf-field input[type=search], .acf-field input[type=tel], 
.acf-field input[type=time], .acf-field input[type=url], 
.acf-field input[type=week], .acf-field select {height:50px;}


/* ========= FOOTER ========== */
#footer .uk-section-primary { background: var(--mblack); position: relative; }
#footer-widget  input.email { width:75%!important;}
#menu-services-menu, #menu-mthink-way {list-style: none; padding-left: 0; }
#menu-services-menu li, #menu-mthink-way li { padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.15); }
#menu-services-menu li a, #menu-mthink-way li a { color:rgba(255,255,255,0.75); font-size: 1.4rem;  }
#menu-services-menu li a:hover, #menu-mthink-way li a:hover { text-decoration:none; color: var(--mblue2) }
#menu-services-menu li:last-of-type, #menu-mthink-way li:last-of-type { border-bottom:0; }
#footer p { color: var(--mwhite);}
.padit { padding: 60px 60px 30px 60px; }
.footer-copyright { font-size: 1.2rem; color:rgba(255,255,255, .6); margin: 0; padding: 5px 0; }
.creditbkgrd { background: var(--mblack); padding: 5px 60px; position: relative; }
.footer-title { font-size: 1.8rem; text-transform: uppercase; }
.bottom-content h2 { font-size:1.6rem;font-weight: 600;}
.bottom-content p { font-size: 1.4rem; line-height:1.75em;}


/* Style for Users */
.user-facebook-wrap { display: none; }

/** ================== LAPTOP ================== **/
@media (max-width: 1200px) {
    .uk-logo { padding: 0 30px; }
    .custom-logo { max-width: 180px; }
    .uk-navbar-nav > li > a { font-size: 1.5rem;}
    #menu-main-menu { gap: 15px; }
    #menu-main-menu li { word-break: inherit; }
    .break { display: inline;}
    .button-wrap.uk-slider { max-width: 100%; margin: -65px 0 0 -50%; }
    .mt-hero-wrap { box-sizing: border-box; padding: 0 30px;}
    .hero-head { font-size: 3.8rem; margin-top: -38px; }
    .hero-text p { font-size: 1.8rem; }
    .page-wrap { box-sizing: border-box; padding: 40px 40px 0;}
    .single .page-wrap {padding: 40px 40px 60px 40px; }
    h2 { font-size: 2.8rem; }
}

@media (max-width: 960px) {
    .page-title { font-size: 3.2rem; }
    #mobile-modal .uk-modal-dialog { padding: 40px; background: #F6FAFD;}
    .mob-top li { list-style: none; }
    .uk-nav-sub li a span {display: none; }
    .uk-navbar-toggle { color: var(--mdkblue); }
    .uk-nav-default>li { margin: 10px 0; }
    .uk-nav-default>li>a { color: var(--mdkblue); font-size: 1.6rem; }
    .uk-nav-sub li { margin-top: 10px; margin-bottom: 10px; }
    .uk-nav-sub li a { font-size: 1.4rem; color: var(--mlogo)!important; border-bottom: 1px solid rgba(14,95,132, .2); }
    .uk-nav-sub li .uk-nav-sub li a { color: var(--mgray)!important; border-bottom: none;}
    .uk-modal-close-full { background: var(--mblack); color: #fff; }
    #network-ranking .uk-card .uk-card-body .number {font-size: 1.2rem; }
    h3.network-title { margin-top: 10px; line-height: 1em; }
}

@media (max-width: 640px) {
    *+.uk-margin-medium { margin-top: 20px!important; margin-bottom: 20px!important; }
    .co-logo { max-width: 280px; }
    .uk-media-right { text-align: center; }
    .uk-tab > div { width: 100%; padding-bottom: 30px; }
    .tab-cont-wrap .uk-width-small { width: 0; }
    .table-name, .uk-table td { display: block; text-align: left;}
    .single-networks .uk-overlay-default { background: rgba(255,255,255,1); }
    .single-networks .uk-overlay { padding: 20px; box-sizing: border-box; }
    .network-head { font-size: 1.8rem!important; }
    #offers > div { padding: 20px!important; }
    #overview, #company, #advertisers, #publishers, #offers { padding: 20px;}
    #overview .uk-width-expand\@s, #company .uk-width-expand\@s, #advertisers .uk-width-expand\@s, #publishers .uk-width-expand\@s, #offers .uk-width-expand\@s { padding-left: 20px; }
    .page-wrap { box-sizing: border-box; padding: 20px 20px 0;}
    .single .page-wrap {padding: 20px 20px 60px 20px; }
    .network-body {padding: 30px!important;}
}

@media (max-width: 480px) {
    .page-title { font-size: 1.8rem; }
    h1.hero-head { font-size: 3.2rem; }
    .featured-title, .bigstory-title { font-size: 2.2rem; }
    .cont { margin-top: 40px; }
    .nav-links { display: none;}
    .blogpost-title { font-size: 2rem;}
    .intro-block p, .card-author { font-size: 1.2rem;}
    .uk-grid-collapse>* { padding-left: 10px; }
    #breadcrumbs p, #breadcrumbs p a, #breadcrumbs p span { font-size: 1.2rem; }
    
    
}