/* This line is theme specific - it includes the base theme CSS */
/*@import '../alabaster.css';  /* for Alabaster */
@import 'theme.css';       /* for the Read the Docs theme */

.wy-side-nav-search, .wy-nav-top {
    background: black;


}



#social {
margin: 20px 10px;
text-align: center;
}

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border:2px solid #ddd; /* add border to the buttons */
    box-shadow: 0 3px 3px #999;
    padding: 0px;
    text-decoration: none;
    text-decoration-color: #ffffff;
    text-align: center;
    color: #ffffff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
}
  

/* twitter button class*/
.twitterBtn{
    background: #55acee;
}

.twitterBtn:before{
    font-family: "FontAwesome";
    content: "\f099"; /* add twitter icon */
    color:#ffffff;
    
}

.twitterBtn:hover{
    color: #ffffff;
    background: #55acee;
    border-color: #55acee;
}

/* instagram button class*/
.instagramBtn{

    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  
 
}
  
.instagramBtn:before{
    font-family: "FontAwesome";
    content: "\f16d"; /* add instagram icon */
    color:#ffffff;
    
}

.instagramBtn:hover{
  
    background: #f09433;
    border-color: #f09433;
    
}

/* email button class*/
.mailBtn{
    background: #01875f;
    color: #ffffff;
 
 
}
.mailBtn:before{
    font-family: "FontAwesome";
    content: "\f0e0"; /* add email icon */
    color:#ffffff;
    
}

.mailBtn:hover{
    color: #ffffff;
    background: #01875f;
    border-color: #55acee;
}

/* phone button class*/
.phoneBtn{
    background: #01875f;
    color: #ffffff;
 
 
}
.phoneBtn:before{
    font-family: "FontAwesome";
    content: "\f095"; /* add phone icon */
    color:#ffffff;
    
}

.phoneBtn:hover{
    color: #ffffff;
    background: #01875f;
    border-color: #55acee;
}

/* playstore button class*/
.playstoreBtn{
    background: #01875f;
    color: #ffffff;
 
 
}
.playstoreBtn:before{
    font-family: "FontAwesome";
    content: "\f3ab"; /* add playstore icon */
    color:#ffffff;
    
}

.playstoreBtn:hover{
    color: #ffffff;
    background: #01875f;
    border-color: #55acee;
}


/* applestore button class*/
.applestoreBtn{
    background: #55acee;
    color: #ffffff;

 
}
.applestoreBtn:before{
    font-family: "FontAwesome";
    content: "\f36f"; /* add apple store icon */
    color:#ffffff;
    
}

.applestoreBtn:hover{
    color: #ffffff;
    background: #55acee;
    border-color: #55acee;
}


.badge-yellow {
    --sd-color-yellow:yellow;
    --sd-color-yellow-highlight : black;
    --sd-color-yellow-text: black;
    --sd-outline-yellow::yellow;
}


 .badge-red {
    color: #000000;
    background-color: red;
 }

 .badge-purple {
    color: #000000;
    background-color: purple;
 }