/**
 * Theme Name:     Serp Logic
 * Author:         N A
 * Template:       uncode
 * Text Domain:	   serp-logic
 * Description:    Serp Logic Website
 */


/***** GLOBAL ******/
#menu-main-menu > li > ul:not(.mega-menu-inner) {
    width: 300px !important;
}

.menu-smart ul > li > a, .menu-smart ul > li > ul > li > a {
    padding: 9px !important;
}

.mobile-off {
    display: inline-block;
}

.mobile-on {
    display: none;
}


.services-list h3 {
    text-align: left;
}

.services-list .single-block-padding {
    padding-top: 0;
}

.about-block .left {
    width: 40%;
}

.about-block-right {
    width: 60%;
}

.bottom-cta ul.icons li {
    display: inline-block;
    margin: 0 40px 0 0;
}

.bottom-cta .row-background .background-inner {
    background-position: 90% 100% !important;
}

.bottom-cta ul.icons li:last-child {
    display: inline-block;
    margin: 0 0px 0 0;
}

.showcase .background-inner {
    background-position: 90% 100px !important;
    background-size: 60% !important;
}

.case-studies .border-color-xsdn-color {
    border-color: rgba(255,255,255,0.25) !important;
}

.case-studies p.t-entry-date, .case-studies .t-entry-title, .case-studies .t-entry-meta {
    color: #fff !important;
}

.single-post .post-content .row .uncont.col-custom-width {
    border: 0 !important;
}

.sidebar {
    max-width: 290px;
}

.clearer {
    clear: both;
}

#sidebar-posts {
    max-width: 290px;
}

.sidebar .subscribe {
    background: url('https://www.digicrest.com/CLIENTS/SERPLOGIC/WP/uploads/2022/02/bg-starburst-orange.png') top left no-repeat #3d5dfe;
    background-size: 49px;
    padding: 30px;
    color: #fff;
    text-align: center;
    float: right;
}

.sidebar .subscribe h4, .sidebar .subscribe p {
    color: #fff;
}

.sidebar #subscribe-box .dark {
    background-color: #fff !important;
    color: #999;
    padding: 16px !important;
    width: 100%;
}
.sidebar #subscribe-box h4 {
    margin-top: 12px;
}

.sidebar #subscribe-box p {
    font-size: 16px;
}

.sidebar .wpcf7 {
    margin-top: 20px;
}

.sidebar #subscribe-box .wpcf7-submit {
    width: 100%;
    background: none;
    border: 1px solid #fff;    
    padding: 16px !important;
    border-radius: 0;
}

.post-footer {
    max-width: 768px;
    margin-left: 0;
    margin-right: 0;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute !important;
}

.spray {
    max-width: 475px;
    width: 30%;
    position: absolute !important;
    right: 0 !important;
    bottom: 0px !important;
}

.tommy {
    position: absolute !important;
    left: 0 !important;
    bottom: 250px !important;
}

ul.checks li {
    list-style: none;
    background: url('https://www.digicrest.com/CLIENTS/SERPLOGIC/WP/wp-content/uploads/2022/02/li-check.png') 0 5px no-repeat;
    background-size: 24px;
    padding-left: 34px;
    margin-bottom: 15px;
}

.loadmore-button {
    margin-top: 40px !important;
}

#free-tools .left .single-block-padding {
    padding-left: 175px !important;
}

.free-tools .icon-box-icon {
    max-width: 175px !important;
    width: 25% !important;
}
.free-tools .icon-box-content,
#free-tools .icon-box-heading {
    text-align: left !important;
}


ul.dash {
    padding: 0 !important;
    margin: 0;
}

ul.dash li {
    background: url('https://www.digicrest.com/CLIENTS/SERPLOGIC/WP/wp-content/uploads/2022/02/li-dash.png') 0 17px no-repeat;
    padding-left: 40px;
    margin-bottom: 11px;
    list-style: none;
}

ul.dash li {
    width: 45%;
    display: inline-block;
    padding-right: 25px;
}

ul.dash li:nth-child(2n+2) {
    margin-left: 8%;
}

.essential {
    position: absolute !important;
    left: 100px;
    top: -180px;
}

.impressed {
    position: absolute !important;
    right: 100px;
    bottom: 10px;
}

.order-cta ul {
    max-width: 550px;
    margin: 0 auto !important;
}

.order-cta li {
    text-align: center;
}

.showcase-inner {
    padding-left: 0 !important;
}

#from-blog .single-block-padding {
    padding: 20px !important;
}

.single #page-header h1 {
    font-size: 62px !important;
}

.single .post-content h2 {
    font-size: 42px !important;
}
.single .post-content h3 {
    font-size: 32px !important;
}
.single .post-content h4 {
    font-size: 26px !important;
}
.single .post-content h5 {
    font-size: 23px !important;
}

.threecol ul {
    max-width: 270px; 
    margin: 0 auto;
}
.products-list {
    z-index: 99;
}
.main-container #tool_container form div.awd10 input {
    color: #000 !important;
}

.single-post img {
    margin-bottom: 35px !important;
}

.single-post .col-widgets-sidebar .double-top-padding {
    padding-top: 0 !important;
}
.single-post .header-content-inner {
    padding-bottom: 36px !important;
}

.page-template-anchor-text-template form tr {
    margin-bottom: 35px !important;
}
form tr td {
    margin-bottom:30px !important;
}
#tool_container #anchor-text table td,
#tool_container #spin-text table td {
    display: inline-block;
}

#tool_container #anchor-text table tr:last-child td,
#tool_container #spin-text table tr:last-child td {
    display: table-cell;
}

#tool_container form textarea,
#tool_container form input {
    margin-top: 9px !important;
}

#tool_container form label input {
    margin-top: 0px !important;
}

#tool_container form .one, 
#tool_container form .two {
    width: 50% !important;
}

#tool_container #inputform1 input,
#tool_container #form input{
    color: #000 !important;
}


#tool_container #inputform1 tr:last-child input,
#tool_container #form p:last-child input,
#tool_container #form > input {
    color: #fff !important;
}

/********** RESPONSIVENESS **********/
@media screen and (max-width: 1620px) {
    .limit-width {
        max-width: 1465px;
        margin: 0 auto;
    }

    .essential {
        top: -100px;
    }

    .main-container .triple-h-padding,
    .main-container .double-h-padding {
        padding-left:36px !important;
        padding-right: 36px !important;
    }    

    .padding-off .double-h-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #blog-category .triple-gutter > div > .tmb {
        padding-right: 72px !important;
    }

    #blog-category .isotope-wrapper.triple-gutter .isotope-layout {
        margin-right: -72px !important;
    }

    #blog-category h3,
    .blog-layout h3,
    #featured h2 {
        font-size: 32px !important;
    }

    #category-header .single-bottom-padding {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 1499px) {
    .padding-off .triple-h-padding,
    .padding-off .double-h-padding {
        padding-left:0px !important;
        padding-right: 0px !important;
    }    
    .single #page-header h1 {
        font-size: 48px !important;
    }
    #page-header .header-content {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 959px) {  
    #sidebar-posts, .sidebar {
        width: 100%;
        max-width: 768px;
        float: none;
    }
    .sidebar .hire-us {
        text-align: center;
    }
    .single-post .post-content {
        max-width: 768px !important;
    }

    .free-tools .uncell {
        padding-left: 0 !important;
        padding-right: 0 !important; 
    }

    #featured .t-entry-text {
        margin-left: 0 !important;
    }
    #featured .double-block-padding {
        padding-left: 0;
        padding-top: 25px !important;
    }
    #menu-main-menu > li > ul:not(.mega-menu-inner) {
        width: 90% !important;
        padding-left: 60px !important;
    }
    #from-blog .tmb:last-child {
        display: none !important;
    }

    #featured .t-entry-visual,
    #featured .t-entry-text,
    #featured .t-entry-meta {
        width: 100% !important;
        float: none !important;
    }    
    #blog-category .triple-gutter > div > .tmb {
        padding-right: 52px !important;
    }

    #blog-category .isotope-wrapper.triple-gutter .isotope-layout {
        margin-right: -52px !important;
    }
    #category-header .single-block-padding {
        padding-bottom: 10px !important;
    }
    .single-post .header-content-inner {
        padding-bottom: 16px !important;
    }
    .main-container .row-inner > div:first-child {
        padding-left: 0 !important;
    }
}

@media screen and (min-width: 769px) {
    br.tablet-on {
        display: none;
    }
}

@media screen and (max-width: 768px) {  
    ul.dash {
        margin-top: -35px !important;
        display: block !important;
    }
    ul.dash li {
        width: 100%;
        display: inline-block;
        padding-right: 25px;
    }
    ul.dash li:nth-child(2n+2) {
        margin-left: 0%;
    }
    #blog-category h3,
    .blog-layout {
        font-size: 27px !important;
    }
    #category-header .single-block-padding {
        padding-bottom: 0!important;
    }
    .single-post .subscribe-box h2 {
        font-size: 48px !important;
    }

    .single-post .subscribe-box h2 img {
        width: 46px;
    }
    br.tablet-on {
        display: block;
    }
    footer p {
        text-align: left;
    }

    footer .uncode-vc-social {
        text-align: left;
    }

    td label {
        display: block !important;
        width: 100% !important;
    }
    #inputform1 td {
        width: 100%;
        display: block;
        text-align: left;
    }

    #inputform1 td label:last-child {
        margin-bottom: 35px !important;
    }
    #tool_container input:first-child {
        margin-top: 8px !important;
    }
    #tool_container label input:first-child {
        margin-top: 0px !important;
    }
    .page-template-anchor-text-template tr td {
        width: 100% !important;
        display: block;
        float: none;
    }

    form tr td {
        text-align: left !important;
        margin-bottom: 20px;
    }

    #tool_container form .one, 
    #tool_container form .two {
        width: 100% !important;
    }
}

@media screen and (max-width: 480px) {  
    .mobile-off {
        display: none;
    }
    .mobile-on {
        display: inline-block;
    }
    single-block-padding,
    .double-block-padding {
        padding: 40px 27px !important;
    }
    .main-container .row-container .triple-h-padding,
    #logo-container-mobile,
    .triple-block-padding
    {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .main-container .row-container .triple-h-padding {
        padding-top: 39px !important;
    }
}

@media screen and (max-width: 420px) {  

    h2 {
        font-size: 30px !important;
    }
}

/********** RESPONSIVENESS VARIABLE **********/
@media screen and (max-width: 1440px) and (min-width: 960px) {
    h2 {
        font-size: 42px !important;
    }
    .page-id-280 h3 {
        font-size: 32px !important;
    }

    .page-id-280 h3.h5 {
        font-size: 22px !important;
    }

    .more-news .single-block-padding {
        padding-left: 18px !important;
    }
}
@media screen and (max-width: 1340px) and (min-width: 960px) {
    ul.dash li {
        width: 100%;
        display: inline-block;
        padding-right: 25px;
    }

    ul.dash li:nth-child(2n+2) {
        margin-left: 0%;
    }
}

@media screen and (max-width: 1270px) and (min-width: 1170px) {
    header li a,
    header .btn span {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1169px) and (min-width: 960px) {
    header li a,
    header .btn span {
        font-size: 14px !important;
    }

    header .menu-smart > li > a {
        padding-left: 0;
    }
    header .btn {
        padding-left: 19px !important;
        padding-right: 19px !important;
    }
    header #menu-cta-menu {
        padding-left: 0;
    }
}

@media screen and (max-width: 1050px) and (min-width: 960px) {
    header ul.menu-icons {
        padding-left: 10px !important;
    }
}


#tool_container {
    margin: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top:35px;
}