/**

Theme Name: TSA

Author: Pawan

Author URI: https://www.unicominfosol.com

Description: Child theme for TSA

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: tsa

Template: astra

*/

.tsa-deals-container .tsa-deals-filter{
background-color: #dddddd;
    padding: 10px;
	font-weight:bold;
}
.tsa-deal-title{
	margin-bottom:0 !important;
}

.av-brands .wp-block-columns{
	margin-bottom:0 !important;
}

/* ******* Custom bbPress ***** */

#bbp_search{
    padding:0.3em !important;
}
.login-detail{
    display:block;
    clear:both;
    font-size: 1.2em;
    font-weight: 700;
}

.bbp-reply-content, .uni-lead-topic-content{
    line-height:30px;
}

.user_upvote{
font-size: 1.4em;
    font-weight: 700;
}

.bbp-lead-topic .bbp-body .ast-article-single{
    background-color:transparent !important;
}

.anony{
    background-color: purple;
    color: white;
    padding: 0 5px;
    font-size: .7rem;
}

/* **************Custom Astra */

figcaption {
    text-align: center;
    font-size: .8rem;
    color:#999;
}

@media (min-width: 750px){
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single{
    padding:1.34em 2.67em;
}}

@media (max-width: 544px){
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 0.8em 1em;
}
    .bbp-search-form{
        display:none;
    }
}
@media (min-width: 993px){
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
    margin: 1em 0;
}}
#secondary {
    margin: 1em 0 2.5em;
}
/*.ast-separate-container{*/
/*    background-color:transparent;*/
/*}*/

.ast-small-footer-wrap{
    font-size:0.8em;
}

.ast-separate-container .ast-comment-list li.depth-1 {
    padding: 1em 2.67em;
    margin-bottom:0;
}

.sgi-letter-avatar{
    text-align:center;
    display:inline-block;
}

.custom-search .search-field {
    width:50%;
}

body .entry-content .wp-block-latest-posts li{
    padding-top:12px;
}

/* ************* FormCraft Custom CSS ************ */



#cren_subscribe_to_comment {

    margin-right: 0.5em;

}



.form-element-html input[type='text'], .form-element-html input[type='email'], .form-element-html input[type='password'], .form-element-html textarea {

border: 1px solid  #abb2b9 !important;

}



.form-element-html input[type='text']:focus, .form-element-html input[type='email']:focus, .form-element-html input[type='password']:focus, .form-element-html textarea:focus {

border: 2px solid  #4282E1 !important;

}



/* .entry-content img */

.image-border {

	border: 1px solid #ddd;

	padding: 6px;

	border-radius: 3px;

	box-shadow: 0 0 3px 3px rgba(178, 186, 187, .3);

}





.post-subtitle {

    line-height: 28px;

}





/* ************ End ************* */



/* ------------- Download Button ------------------*/



.download-button{

    text-decoration:none;
    background-color:#007bff;
    padding: 3px 8px;
	margin: 2px;
	display: inline-block;
    border-radius: 5px;
    color:white !important;
    font-size: 15px;
    font-weight: normal;

}

.download-button:hover{

    box-shadow: 0 0 0 3px rgba(0,123,255,.5);
    background-color:#0069d9 !important;
    transition: background-color .1s,box-shadow .1s ;
    text-decoration: none !important;
    font-weight: 800;
}

 

/* ------------- End Download Button ------------------*/





/* ***** My customer heading and BOX CSS **** */



.no-border{

border: 0 !important;

padding: 0 !important;

}



.head-question{

    display: block;

    background: url(https://www.techsupportall.com/wp-content/uploads/icons/icon-question.png) #d81b60 no-repeat 10px center;

    background-size: 30px;

    color: white;

    box-shadow: 2px 2px 2px rgba(0,0,0,.04);

    padding: 4px 4px 4px 50px !important;

    border-radius: 4px;

}



.head-solution{

    display: block;

    background: url(https://www.techsupportall.com/wp-content/uploads/icons/icon-tick.png) #86ba48 no-repeat 10px center;

    background-size: 30px;

    color: white;

    box-shadow: 2px 2px 2px rgba(0,0,0,.04);

    padding: 4px 15px 4px 50px !important;

    border-radius: 4px;

    border-left: 0px !important;

}



.head-information {

    display: inline-block;

    background: url(https://www.techsupportall.com/wp-content/uploads/icons/icon-info.png) #EADEDB no-repeat 10px center;

    background-size: 27px;

    color: #241f20;

    box-shadow: 2px 2px 2px rgba(0,0,0,.04);

    padding: 4px 15px 4px 50px !important;

    border-radius: 4px;

    border-left: 0px !important;

}



.head-warning{

    display: inline-block;

    background: url(https://www.techsupportall.com/wp-content/uploads/icons/icon-warning.png) #ffebee no-repeat 10px center;

    background-size: 30px;

    color: #cc0010;

    box-shadow: 2px 2px 2px rgba(0,0,0,.04);

    padding: 4px 4px 4px 50px !important;

    border-radius: 4px;



}



.tagline{

   

    background-color: #f7f7f7;

    /* box-shadow: 2px 2px 2px rgba(0,0,0,.04); */

    padding: 5px 10px;

}



.head-methods{

    display: inline-block;

    background: url(https://www.techsupportall.com/wp-content/uploads/icons/icon-methods.png) #F6D155 no-repeat 10px center;

    background-size: 30px;

    color: #241f20;

    box-shadow: 2px 2px 2px rgba(0,0,0,.04);

    padding: 4px 15px 4px 50px !important;

    border-radius: 4px;

    border-left: 0px !important;



}

.head-steps {

    display: inline-block;

    background: url(https://www.techsupportall.com/wp-content/uploads/icons/steps1.png) #f9edbe no-repeat 10px center;

    background-size: 26px;

    color: #241f20;

    box-shadow: 2px 2px 2px rgba(0,0,0,.04);

    padding: 4px 15px 4px 45px !important;

    border-radius: 4px;

    border-left: 0px !important;

}

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



.head-black {

    background: #2C3649;

    color: white;

    padding: 4px 8px;

    border-radius: 4px;

    border-left: 0px !important;

}



.head-blue {

    background: #034F84;

    color: white;

    padding: 4px 8px;

    border-radius: 4px;

    border-left: 0px !important;

}



.head-yellow {

    background: #F6D155;

    color: black;

    padding: 4px 8px;

    border-radius: 4px;

    border-left: 0px !important;

}



.head-green {

    background: #86ba48;

    color: white;

    padding: 4px 8px;

    border-radius: 4px;

    border-left: 0px !important;

}



.head-red {

    background: #cc0010;

    color: white;

    padding: 4px 8px;

    border-radius: 4px;

    border-left: 0px !important;

}



/**************** Notes ****************/



.note-red {

    background: #fce8e6;

    color: #D93025;

    padding: 4px 8px;

    margin: 10px 0;

    font-size: 15px;

    font-weight: bold;

    /* border: 1px dashed #ccc; border-radius: 8px;*/

    

}



.note-green {

    background: #79C753;

    color: white;

    padding: 4px 8px;

    border-radius: 8px;

    border: 1px dashed #ccc;

    margin: 15px 0;

}



.note-yellow {

    background:  #f9edbe;

    padding: 4px 8px;

    border-radius: 8px;

    border: 1px dashed #ccc;

    margin: 15px 0;

}



.note-blue {

    background:  blue;

    padding: 4px 8px;

    border-radius: 8px;

    border: 1px dashed #ccc;

    margin: 15px 0;

}



.note-cyan {

    background: #def7fe;

    padding: 4px 8px;

    border-radius: 8px;

    border: 1px dashed #ccc;

    margin: 15px 0;

}



.note-cream {

    background: #EAE6DA;

    padding: 4px 8px;

    border-radius: 8px;

    border: 1px dashed #ccc;

    margin: 15px 0;

}





/* *************** End Notes ************  */





.ap-btn{

    color:#444 !important;

}



.widget-tsa-deals-title{

    font-size:14px;

}

.tsa-deal-title{

    font-size:16px;

}



/* .entry-content a:visited, .comment-content a:visited{

    color:#0080ce;

}*/

#wpcomm .avatar{

    width:60% !important;

}

.qs{

    color:green;

    font-size:20px;

}

.status-moderate h1{

    font-size:14px;

}



/* ****** UNI_LightBox ******** */



.uni-tippy-image-popup img{

    width: 100%;

    

}



.tippy-tooltip.google-theme{

    font-size: 14px !important;

}



.uni-tippy-content{

    font-size: 14px !important;

    /* background-color: #f1f1f1; */

}



span.uni_tooltip {

    color: orange !important;

    border-bottom: 1px dashed gray;

}



a.uni-lightbox {

    color: green !important;

    border-bottom: 1px dashed gray;

   

}



a.uni-lightbox:hover {

    text-decoration: none !important;

    /* background-color: #f1f1f1; */

}



a.uni_tooltip {

    Color: blue;

}



a.uni_tooltip:hover {

    Color: blue;

    text-decoration: underline;

}



.sidebar-useful-links a{

    font-size: 18px;

    color: #007bff;

    font-weight: bold;

    margin-left: 10px;

}



.sidebar-useful-links a:hover{

      color: #ff4800;

      text-decoration: underline;

      }



/*.entry-content h3 {*/

   

/*    border-left:4px #999999 solid; */

/*    padding-left:5px;*/

    

/*}*/



/* ------------- Animation ----------- */



.down-animation {

  animation-name: example;

  animation-duration: 4s;

}



@keyframes example {

  from {background-color: red;}

  to {background-color: yellow;}



}



.tsa-deals-title a:before {

    content: "Deal:";

    display: inline;

}



/* ------------- End Animation ----------- */





/* ------------- Navigation bar ------------*/



.navi-bar {

	display: flex;

	flex-wrap: wrap;

	list-style: none;

	padding: 0 !important;

	margin: 0 !important;

}



.navi-bar li {



	font-size: 20px;

    line-height: 40px;

    padding: 0 15px;

    position: relative;

}



.navi-bar li::after {



top: 4px;

height: 22px;

width: 2px;

content: "";

background: #bcbfc5;

position: absolute;

top: 2px;

right: -1px;

bottom: 0;

height: 16px;

width: 1px;

margin: auto;

}



.navi-bar li:nth-last-child(1)::after {



top: 4px;

height: 22px;

width: 2px;

content: "";

background: white;

position: absolute;

top: 2px;

right: -1px;

bottom: 0;

height: 16px;

width: 1px;

margin: auto;

}



.navi-bar li:nth-child(1) {



    padding-left: 0px !important;

}



.navi-bar li a {

	color: #01adb9;

	font-weight: 500;

	text-decoration: none;

	

}



.navi-bar li a:hover {

	color: #e0218e;

	text-decoration: none !important;

}





/* ------------- End of Navigation bar ------------*/





/* ******************************* TSA-Numbering (Custome OL numbering) ********************************** */



.tsa-numbering  {

        counter-reset:myCounter;

        margin-left:0;

        padding-left:5px;

   }



.tsa-numbering li {

        position: relative;

        padding-left: 3em;

        margin: 0.45em 0;

        list-style: none;

        line-height: 1.8em;

        -webkit-transition: all 0.2s ease-in-out;

        transition: all 0.2s ease-in-out;

	    font-size: 1.1em;

	padding-bottom: 25px;

	display: block;


      }



     

.tsa-numbering li:before {

        content:counter(myCounter);

        counter-increment:myCounter;

        position:absolute;

        top:0;

        left:0;

        width: 2em;

        height: 2em;

        padding: 0px;

        

        font-weight: 600;

        color:#000;

        text-align:center;

        border-radius: 1em;

        border: 1px solid  #0274BE;
background-color: #0274BE;
color: white;

        /*box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);*/

        z-index: 1;

        -webkit-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

        /*background-color: blue;*/

     

      }



.tsa-numbering li:after {

        position: absolute;

	    top: 2em;

        left: 1em;

        width: 1px;

        height: calc(100% - 2em);

        content: '';

        background-color: #dfdfdf;

        z-index: 0

 	

 }

/* ------------------------------------------------- .bbp-author-name --------------------------------- */

.bbp-author-name {
color: #188FFF !important;
}

/*  ------------------------------------------------- Asta Theme custom css by Rajesh ------------------------------*/
h1, h2, h3, h4, h5 {
font-weight: 600 !important;
}

.ast-post-format- h2 {
/* color: #F5290C !important; color: #042786  !important; /* 
}

.ast-post-format- h3 {
color:  #0274BE !important;
}

.bbp-form input[type="text"] {
border-color: #b5b5b5 !important;
}

/*  -------------------------------------------------  End of Asta Theme custom css by Rajesh ------------------------------*/