@charset "UTF-8";

/*
Theme Name: Sales Xceleration
Theme URI: http://dev.salesxceleration.test/
Author: Nextfly
Author URI: https://Nextfly.com
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.7.2
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salesxceleration
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/


html body {display: inherit; color:#000}

/*******************************/

.blog-projects{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
/*#projects.other-projects .controls{ 
    display: flex;
    align-items: flex-start;
    justify-content: space-between; 
}
#projects.other-projects .controls label {
    font-size: 30px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}*/
#projects .controls label{
    font-size: 30px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#projects .controls .filter{ font-family: 'Roboto'; }
#projects .mobile-controls{ display: none; }
/*#projects.other-projects .controls .filter { margin: 2px; display: none; }*/
#projects .controls .filter:before{ margin-right: 5px; font-family: 'FontAwesome'; }
/*#projects.other-projects .controls .filter:before{ display: none; }*/
#projects .controls .filter{
    display: flex;
    align-items: center;
    
    background-color: transparent;
    color: #000;
    padding: 0;
    margin: 10px 0;
    line-height: 1;
}
/*#projects.other-projects .controls .show-this-filter, #projects .controls .filter:last-child{ display: block; }
#projects.other-projects .controls .show-all-filters{
    background-color: transparent;
    color: #C2002F;
    flex: 0 0 100%;
}*/
#projects .controls .show-all-filters{ display: none; }
.featured-blogs, #projects .projects {   
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.featured-blogs .featured-blog, #projects .project {
    width: 32.3%;
    margin: 0 1% 2% 0;
    display: none;
}
.featured-blogs .featured-blog.featured-blog-count-two{ width: 47.3%; }
.featured-blogs .featured-blog{ display: block; }
.featured-blogs .featured-blog a, #projects .project a {
    display: block;
    width: 100%;
    height: 100%;
}
.featured-blogs .featured-blog .title, #projects .project .title {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid transparent;
}
.featured-blogs .featured-blog .thumb, #projects .projects .thumb{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;

    min-height: 300px;
}
.featured-blogs .featured-blog .thumb img, #projects .projects .thumb img {
    display: none;
}
.other-projects { 
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 3.65rem;
}
.blog-projects {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 3.65rem;
}
.other-projects #projects-grid { width: 72%; }
.blog-projects #projects-grid { width: 72%; }
/*#projects.other-projects .controls .filter.active {
    background-color: #004877;
}
#projects.blog-projects .controls .filter.active{ color: #004877; }
#projects.blog-projects{ padding-top: 3.75rem; }
#projects.blog-projects .controls{ width: 26%; justify-content: flex-start; }
#projects.blog-projects .projects{ width: 72%; min-height: 0 !important; }
#projects.blog-projects .project{ width: 30.3%; margin-right: 3%; }*/

.blog-loading{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    
    z-index: 999;
    
    width: 100%;
    height: 100%;
    
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
    
    display: none;
}
#blog-pagination{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#blog-pagination a, #blog-pagination span{ display: none; cursor: pointer; }
#blog-pagination a.jp-previous, #blog-pagination a.jp-next{
    display: inline-block;
    padding: 1%;
    vertical-align: top;
    color: #ffffff;
    font-size: 0.88rem;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    border-radius: 0.19rem;
    background-color: #C2002F;
    font-weight: 700;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    
    margin: 0 5px;
}
#blog-pagination a.jp-previous.jp-disabled, #blog-pagination a.jp-next.jp-disabled{
    background-color: #ccc;
    cursor: none;
}
#blog-pagination a.jp-previous:hover, #blog-pagination a.jp-next:hover{ backgrond-color: #000; }

/**************************************/

.consultants-container, .ebooks-container, .infographics-container, .newsevents-container{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.consultants-container .consultant{
    width: 48%;
    margin: 25px 0 25px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.consultants-container .consultant .consultant-thumb{ 
    width: 39%;
    border-radius: 100%;
}
.consultants-container .consultant .consultant-thumb img{ border-radius: 100%; }
.consultants-container .consultant .consultant-info{ width: 57%; }
.consultants-container .consultant .consultant-name{
    margin: 0;
    color: #C2002F;
}
.consultants-container .consultant .consultant-loc{ margin: 0; }
.consultants-container .consultant .contact-info{ display: flex; align-items: center; margin-top: 5px; }
.consultants-container .consultant .contact-info a{ display: block; margin-right: 10px; text-decoration: none; }
.consultants-container .consultant .consultant-excerpt{ border-top: 1px solid #eaeaea; padding-top: 10px; margin-top: 10px; }
.consultants-container .consultant .consultant-excerpt h3, .consultants-container .consultant .consultant-excerpt br{ display: none; }

/**************************************/

.ebooks-container .ebook-card{
    width: 32%;
    margin: 25px 0;
    padding-bottom: 60px;
    position: relative;
    
    box-shadow: 4px 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.ebooks-container .ebook-card:hover{ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
.ebooks-container .ebook-card .ebook-thumb{
    background-repeat: no-repeat;
    background-size: cover;
    
    min-height: 300px;
}
.ebooks-container .ebook-card .ebook-info{ padding: 5%; }
.ebooks-container .ebook-card .ebook-title{ margin: 0 0 10px; font-size: 20px; }
.ebooks-container .ebook-card .ebook-readmore{ position: absolute; bottom: 5%; }

/**************************************/

.infographics-container{ justify-content: space-evenly; }
.infographics-container .infographics-card{
    width: 22%;
    margin-bottom: 50px;
    background-color: #fff;
    
    border-radius: 18.75rem 18.75rem 18.75rem 0;
    padding: 1.25rem;
    box-shadow: 0 0 0.94rem rgba(0, 72, 119, 0.5);
    text-align: center;
    
    position: relative;
}
.infographics-container .infographics-card:hover{ box-shadow: 0 0 0.94rem rgba(0, 72, 119, 0.75); }
.infographics-container .infographics-card .infographics-thumb{
    width: 25%;
    margin: 0 auto;
    background: #fff;
}
.infographics-container .infographics-card .infographics-info{ margin-top: 10px; padding: 5%; }
.infographics-container .infographics-card .infographics-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/**************************************/

.newsevents-container .news-card{
    width: 48%;
    min-height: 300px;
    margin-bottom: 40px;
    
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 17%);
    
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.newsevents-container .news-card .news-info{
    color: #fff;
    width: 100%;
    height: 100%;
    
    display: flex;
    align-items: flex-end;
    
    text-decoration: none;
}
.newsevents-container .news-card .news-title{ 
    background-color: rgba(0, 72, 119, 0.75);
    color: #fff; 
    font-size: 22px; 
    width: 100%;
    padding: 2.5%;
    margin-bottom: 0;
    text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.newsevents-container .news-card:hover .news-title{
    background-color: rgba(0, 72, 119, 1);
}

/**************************************/

.award-img-list .award-img-inner:hover{ background-color: rgba(255, 255, 255, 0.5); }

@media only screen and (max-width: 991px){

    #projects .controls{ display: none; }
    #projects .mobile-controls{ display: block; margin-bottom: 50px; }
    
    .blog-projects{ display: block; }
    
    #projects.blog-projects .projects{ width: 100%; }
    
    .ebooks-container .ebook-card{ width: 48%; }

}

@media only screen and (max-width: 767px) {
    
    .featured-blogs .featured-blog, #projects .project{ width: 49%; }

    .consultants-container{ flex-direction: column; }
    #projects.blog-projects .project, .consultants-container .consultant, .newsevents-container .news-card{ width: 100%; }

}

@media only screen and (max-width: 600px) {

    .featured-blogs .featured-blog, #projects .project{ width: 100%; margin: 0 0 1% 0; }
    .featured-blogs .featured-blog.featured-blog-count-two{ width: 100%; }

    .consultants-container .consultant{ display: block; text-align: center; }
    .consultants-container .consultant .consultant-thumb, .consultants-container .consultant .consultant-info{ width: 100%; }
    .consultants-container .consultant .contact-info{ justify-content: center; }
    
    .ebooks-container .ebook-card{ width: 100%; }
    

}
.h1 {
    font-size: 2.5rem !important;
}

.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #004877;
}
.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background-color: #454b51;
}
button.gform_previous_button:not(:hover), 
input[type="button"].gform_previous_button:not(:hover),
input[type="submit"].gform_previous_button:not(:hover), 
.elementor-button.gform_previous_button:not(:hover) {
    background-color: #a9a9a9 !important;
}

.theme-list ul li {font-size: .8rem !important;}

.map-content-home-btns{ margin-top: 10px; }
.map-content-home-btns > div{ margin-right: 10px; }
.head-red { color: #C2002F; }
.btn-red {
    background-color: #C2002F;
}
.btn-red:hover {
    background-color: #454b51;
}

.consultant-country-header{ flex: 0 0 100%; margin-top: 50px; }

.other-maps a{
    /* background-color: #C2002F; */
    /* border-radius: 100%; */
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .other-maps a img{ 
    max-width: 85%; 
    filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(179deg) brightness(107%) contrast(101%) drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}
.other-maps a:last-child img{ max-width: 65%; }
.other-maps a:hover{ background-color: #004877; } */

.map-subtitle{ font-size: 1.8rem !important; }

/** FOR FOOTER NEWSLETTER **/ 
.signup-form ._form-title, .signup-form p, 
.signup-form ._form-label, 
.signup-form ._form-branding{
    display: none !important;
}
.main-footer .signup-form input[type="text"] {
    height: 3.13rem;
    font-size: 0.88rem;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.11);
    border-radius: 3px;
    border: 0;
}
.main-footer .signup-form input[type="text"]::placeholder {
    color: #fff;
}
.main-footer .signup-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.5rem;
    height: 3.13rem;
    background-image: url(assets/images/submit-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    background-color: #C2002F;
    text-indent: -9999px;
}

.home-numbers-content strong {font-size: 1.65em;}
.home-numbers-content .theme-list ul li::before {top:0.78rem}


/* news-events page */
.elementor-22234 .elementor-element .pp-tiled-post-overlay {
    background-color: var( --e-global-color-f56c536 );
    opacity: 0.8;
}
.elementor-22234 .elementor-element .pp-tiled-post:hover .pp-tiled-post-overlay {
    background-color: var( --e-global-color-616385b );
    opacity: 0.7;
}
.elementor-22234 .featured-blogs .featured-blog:last-child {
	margin-right: 0;
}

/* header flags */

.header-flags {display: flex;  align-items: center;}
.header-flags .flag {width: 40px;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;}
.header-flags img {display: block}
.mbnav__inner .header-flags {    margin-bottom: 1em;}

/* header search */

body .header-top-line .follow-line:before {width:2px;}
.header-search input[type="text"] {height: 1.35rem; 
    font-size: .75rem;
    border-radius: 0.19rem 0 0 0.19rem;
    background-color: #efefef;}
.header-search .btn, 
.header-search button {background-color: #454b51; border-radius: 0 3px 3px 0; line-height: 1;     font-size: .65rem;
    padding: 0 0.5rem;}
	.header-search .btn:hover, 
	.header-search button:hover {background-color: #004877;}


/* YARRP */

.yarpp.yarpp-related {margin-top:50px; padding-top:50px; border-top:1px dotted hsla(0,0%,50%,.1) }
.yarpp.yarpp-related .yarpp-thumbnails-horizontal {display: flex;}
.yarpp.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {height: auto; flex: 1; width: 25%;}
.yarpp.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail>img {object-fit: cover;  height: 225px;} 
.yarpp.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {width:100%;}


.pp-post-filters-dropdown .pp-post-filters-dropdown-button:after {display: none !important}

#sxauthor {display:none !important}  
body.sxrole-author.sxauthor #sxauthor {display:block !important}  
body.sxrole-author.sxauthor .yarpp-related {display:none !important} 

body img[src$="spinner.svg"] {
width:auto;
vertical-align: initial;
}

#mainMenu ul li:last-child {padding-bottom:.38rem;}

.ai-assessment-score h2.overall-title {color: var(--e-global-color-5a2ee15); font-size: 23px; font-weight: bold}

.ai-assessment-score h2.tools-header {    color: var(--e-global-color-primary);    font-size: 31px; margin: 0 0 30px; font-weight: bold}
.ai-assessment-score h3.tool-category {color: #C2002F;    font-size: 18px;    font-weight: bold;    text-transform: uppercase; font-weight: bold;}

.ai-assessment-score .contact-cta {    background-color: var(--e-global-color-bc65cd4);  margin:50px 0;   padding-top: 40px;   padding-bottom: 40px;    padding-left: 40px;    padding-right: 40px;}
.ai-assessment-score .tool-sep {padding-top:70px;}

.overall-score-holder {background-color: var(--e-global-color-bc65cd4); padding: 30px 15px 15px; margin: 30px 0;}

table.score-table {width:100%; max-width:700px;margin:0 auto; font-size:15px;}
    	    table.score-table td {max-width:250px; vertical-align:top;}
    	    
    	    table.score-table td.score-descrip {padding-left:15px;}
    	    
    	    table.score-table td {}
    	    
    	    table.score-table strong {color:#c2002f;}
			.score-table h3{
				font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: bold !important;
				font-size: 14px !important; text-align:center;
			}

			 table.score-table p.score-value{
				background: #E9E9E9;
				color: #c2002f;
				font-size: 50px;
				width: 80px; margin:0 auto;
				padding: 0px 0 0; 
				text-align:center; font-weight:600;
			}



			
			.breakdown {color: #000; font-size: 12px;}
			
			.breakdown thead * {vertical-align: bottom; text-align: center}
			
			
			.breakdown td,
			.breakdown th {padding:15px;}

			.breakdown td.divider-cell {padding:5px;}
		
			.breakdown th[scope="col"] {font-weight: bold;}
			.breakdown th[scope="row"] {text-align: left}
			
			.breakdown td {vertical-align: top}
			
			.breakdown .total-title-cell {vertical-align:middle;}
			 .breakdown .total-title-cell p {text-transform:uppercase; font-size:150%;  margin:0;}
			
			
			.breakdown tbody > tr > td:not(.divider-cell) {border-top:1px dotted #ccc;}
			
			.cat-row-header {display: flex; flex-direction:column; align-items: center; font-weight: normal; text-transform: uppercase; text-align:center;}
			.cat-icon {width: 55px;margin-bottom:10px; max-width: none !important}
			.cat-row-header p {margin: 0; font-weight:bold; font-size:120%;}
			
			.q-a td {padding: 0 15px; vertical-align: top}
			.q-a tr + tr > td {padding-top:10px; border-top:1px dotted #ccc}
			.q-a tr:not(:last-child) > td {padding-bottom:10px}
			.q-a td:first-child {padding-left:0}
			.q-a td:last-child {padding-right:0}
			
			td.score-cell  p{
				background: #E9E9E9;
				color: #c2002f;
				font-size: 22px; font-weight: bold; 
				width: 34px; height: 34px; padding:6px 0 0; line-height: 1;  margin: 0 auto;
				text-align:center;
			}
			
			td.score-summary  p{
				
				font-size: 16px; margin:0;
				
				
			}
			td.score-summary strong {color: #c2002f;font-weight: bold; }


body .gform_legacy_markup_wrapper .gf_progressbar_percentage.percentbar_red {background-color:#C2002F}
