/*
Theme Name: Salary Child Starr Theme
Theme URI: https://www.salary.com/
Template: bootstrap-basic
Author: Salary Digital Marketing Team
Author URI: https://www.salary.com/
Description: Salary Bootstrap (v.3) custom theme.
Version: 1.0
Updated: 2020-10-09 08:55:45

*/

/* == Add your own styles below this line == */

/* Top Main Nav Desktop */

/* Other CSS */
@media (min-width: 75em) {
    .sa-hero-contain .sa-hero-text {
        background-size: 79% auto;
    }
}

@media (min-width: 80em) {
    .sa-hero-contain .sa-hero-text {
        background-size: 79% auto;
    }
}

@media (min-width: 112.5em) {
    .sa-hero-contain .sa-hero-text {
        background-size: 79% auto;
    }
}

.fl-builder-content-primary {
    width: 100%;
    margin: 0;
    padding: 0;
}

.entry-content {
    width: 100%;
}

.ca-blog-border-none {
    border: none;
}

.ca-blog-infoblock-image {
    padding: 1.5rem;
}

.ca-padding-top-lg {
    padding-top: 4rem;
}

.ca-padding-bottom-lg {
    padding-bottom: 4rem;
}

.ca-padding-top-md {
    padding-top: 2rem;
}

.ca-padding-bottom-md {
    padding-bottom: 2rem;
}

.ca-padding-top-sm {
    padding-top: 1rem;
}

.ca-padding-bottom-sm {
    padding-bottom: 1rem;
}

.btn-primary:not(.dropdown-toggle):hover {
    background-image: linear-gradient(to right,#0088ce,#0088ce 100%,#18acef);
}

.pagination-center {
    text-align: center;
}

.ca-breadcrumb {
    padding: 12px 0 0 0;
    border: none;
    font-size: 12px;
    color: #767676;
    border: none !important;
}

    .ca-breadcrumb span {
        padding: 0 5px 0 5px;
    }

#breadcrumbs {
    font-size: 12px;
    color: #767676;
}

    #breadcrumbs span {
        padding: 0 5px 0 5px;
    }

.category-author {
    font-style: italic;
}

/* footer logo start */
#footer-logos.sa-logo-banner-home img {
    height: 50px;
}

#footer-logos.sa-logo-banner-home > li {
    width: 100%;
}

@media (min-width: 768px) {
    #footer-logos.sa-logo-banner-home > li {
        width: 33%;
    }
}

@media (min-width: 992px) {
    #footer-logos.sa-logo-banner-home > li {
        width: auto;
    }
}

#ft-v-logo-1, #ft-v-logo-2, #ft-v-logo-3, #ft-v-logo-4, #ft-v-logo-5 {
    margin: 20px 0;
}

@media (min-width: 992px) {
    #ft-v-logo-1, #ft-v-logo-2, #ft-v-logo-3, #ft-v-logo-4, #ft-v-logo-5 {
        margin: 0;
    }
}

/* footer logo end */

/* footer start */
.sa-user-photo {
    position: relative;
    float: left;
    width: 34px;
    max-width: none;
    padding: 2px;
    margin-left: .8em;
}

.sa-user-photo img {
    border-radius: 50%;
}

/* footer end */

/* secondary nav start*/
@media (min-width: 53em){
.tmpl-sa-marketing .sa-navbar-secondary .sa-list > li:first-child {
    padding-left: 10px;
}    
.tmpl-sa-marketing .sa-navbar-secondary .sa-list{
    padding-right: 120px;
}

.tmpl-sa-marketing .sa-navbar-secondary .sa-list li.sa-navbar-secondary-cta{
    position: absolute;
    top: 10px;
    right: 0;
}
}
/* secondary nav end*/

@media (min-width: 37.5em) {
    .sa-photofeature-multicol.sa-infoblock.sa-photofeature-wideimg .sa-infoblock-sect {
        min-width: 30%;
    }

    .sa-photofeature-multicol.sa-infoblock.sa-photofeature-wideimg .sa-photofeature-imgsect {
        max-width: 70%;
    }
}

@media (max-width: 37.5em){
	.sa-hero-contain .sa-hero-text .sa-hero-text-cta .btn{
		font-size: 1rem;
		line-height: 2.5;
		font-weight: 700;
	}
}

.sa-style-order{
	display: none;
}
