Viewing File: /home/ubuntu/fansforx_landing_ui/blog/wp-content/uploads/custom-css-js/16.css

<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

header.site-header{
	transition: all .5s ease;
}
header.site-header.nav-sticky {
    background: #6730E3;
    -webkit-box-shadow: 0 0 3px rgb(60 72 88 / 15%);
    box-shadow: 0 0 3px rgb(60 72 88 / 15%);
  position: fixed!important;
      right: 0;
    left: 0;
}

.single-post .ast-primary-header-bar{
  background: #6730E3;
}

.footer-widget-area .widget-title{
  font-weight: 700;
}
.footer-widget-area .textwidget p{
  font-weight: 500;
}

.footer-widget-area a{
  font-weight: 500;
}

.footer-address p{
  margin-bottom: 10px;
}

.footer-address a{
  color: #fff;
}

.footer-address i{
  margin-right: 10px;
}
.site-content{
      font-family: 'Open Sans',sans-serif;
}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single{
  padding: 0;
  background-color: transparent!important;
}

.ast-single-related-posts-container, .ast-separate-container .comment-respond{
  padding: 0!important;
  background-color: transparent;
}

.ast-single-post .entry-title, .ast-related-posts-title, .ast-separate-container .comment-reply-title, .widget-title{
         font-size: 1.8em;
    font-weight: 600;
    line-height: 1.6em!important;
    letter-spacing: 0.01em;
}
.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a{
    line-height: 1.6em!important;
}
.entry-content p, .entry-content ul{
  font-size: 1.1em;
    letter-spacing: 0.01em;
}

.sidebar-main p, .sidebar-main ul{
  font-size: 1.1em;
    letter-spacing: 0.01em;
}
.contact-us-hide{
  display:none;
}
.contact-us-sec {
    background-color: #fafafe;
}

.contact-us-form label {
    font-size: 1.2em;
    font-weight: 700;
}

.btn.btn-send {
    border: 1px solid #edeef1;
    background-color: #6730e3;
    padding: 0.8em 3em;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
}

.contact-us-img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.margin-top-xl {
    margin-top: 4em;
}

.contactus-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contact-form-box{
/* 	background-color: #F9F9F9;
    padding: 2em 2em 2em 2em;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%); */
	    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
	    padding: 2em;
    margin-top: 5px;
}

.contact-form-box label{
	font-weight:600;
	font-size:0.9em;
}

.contact-form-box input[type=email], input[type=text]{
	background:#fff;
    color: #000;
    border: 0!important;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    font-size: 1em;
    border-radius: 8px;
    font-weight: 500;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    border-left: 0;
	padding: 0.5em;
    height: 50px;
	background:#fff;
	margin-top:0.5em;
}

.contact-form-box input[type=email]:focus , input[type=text]:focus{
	background:#fff;
    color: #000;
    border: 0!important;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
}

.contact-form-box input[type="submit"]{
   
    border: 1px solid #edeef1;
    background-color: #6943e4;
    padding: 1em 2em;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    font-size: 1em;
    font-weight: 500;
}

.contact-form-box input[type="submit"]:hover{
	color:#fff;
}

.contact-form-box textarea{
	background:#fff;
	  color: #000;
    border: 0!important;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    font-size: 1em;
    border-radius: 8px;
    font-weight: 500;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    border-left: 0;
	padding: 0.5em;
    height: auto;
	margin-top:0.5em;
}

.contact-form-box textarea:focus{
	background:#fff;
	color: #000;
    border: 0!important;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
}

.contact-us-form .form-control {
    height: 60px;
    padding-left: 1.25em;
    color: #051441;
    border: 0 !important;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    font-size: 1.2em;
    border-radius: 8px;
    font-weight: 500;
    border-color: #edeef1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    border-left: 0;
    line-height: 1.5;
    padding: .375rem .75rem;
    background-color: #fff;
    background-clip: padding-box;
    display: block;
   border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.contact-us-form .form-control:focus {
    border: 0 !important;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    border-left: 0;
  outline:none!important;
}

.contact-us-form .form-control::placeholder{
  font-weight:400;
}

.contact-us-form .input-group>.input-group-prepend>.input-group-text i {
    font-size: 1.2em;
    color: #6730e3;
}

.contact-us-form .input-group>.input-group-prepend>.input-group-text {
    background: transparent;
    color: #051441;
    border: 0;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    border-right: 0;
    padding: 1em 1.2em;
}

.contact-us-form .form-group {
    margin-bottom: 1rem;
}

.contact-us-form .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.contact-us-form .input-group-append, .contact-us-form .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.contact-us-form .input-group-prepend {
    margin-right: -1px;
}

.contact-us-form .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.contact-us-form .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.contact-us-form .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.height-auto {
    height: auto !important;
}

.contact-us-form .input-group .form-control.height-auto{
  border-top-left-radius:8px!important;
  border-bottom-left-radius:8px!important;
}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .footer-widget-area-inner a:hover{
  text-decoration:underline;
}

 .ast-single-related-posts-container{
  display:none;
}

.navigation.post-navigation {
  display:none;
}

.comments-area{
  display:none;
}

.ast-post-format-.single-layout-1 .entry-content .elementor-widget-wrap.elementor-element-populated .elementor-widget-eael-contact-form-7{
    background-color: #F9F9F9;
    padding: 2em 2em 2em 2em;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%);
}

.footer-about-sec h5{
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.2em;
    color: #ffff;
    margin-bottom: 1em;
}

.footer-about-sec p {
    font-weight: 400;
    color: #fff;
    font-size: 0.9em;
    margin-bottom: 0;
}

.footer-link li a {
    font-weight: 400;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.8;
}

.footer-link li{
	padding-bottom:0.8em;
}

.footer-link li:last-child{
	padding-bottom:0em;
}

.footer-widget i {
    margin-right: 10px;
}

.footer-contact-link {
    margin-bottom: 0;
    padding-top: 1em;
}

.footer-contact-link i{
	 margin-right: 10px;
}

.footer-contact-link li a{
	 font-weight: 400;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.8;
}

.footer-contact-link li{
	padding-bottom:0.8em;
}

.footer-contact-link li:last-child{
	padding-bottom:0em;
}

.footer-list {
    gap: 2em;
    justify-content: center;
    padding-top: 2em;
    margin-bottom: 0;
	align-items: center;
    display: flex;
}

.disclaimer {
    text-align: center;
    margin: 4em 1em 1em;
    background-color: rgba(255,255,255,.2);
    padding: 1em;
	color:#fff;
}

.disclaimer p{
	margin-bottom:0;
	color:#eee;
}

.footer-list li img {
    width: 180px;
    border-radius: 0.5em;
    height: 60px;
    object-fit: cover;
}

.ast-builder-menu-1 .menu-item > .menu-link{
	opacity:0.8;
	font-weight:600;
}

.ast-builder-menu-1 .menu-item > .menu-link:hover{
	color:#fff!important;
	opacity:1;
}

.single.single-post .site-content{
	margin:4em 0;
}

.single.single-post .elementor-widget-wrap{
	padding:0;
}

.entry-meta, .entry-meta *{
	color:#6730e3;
}

#secondary .widget {
    background-color: #fff;
    padding: 1.25rem 1.75rem;
    border-radius: 0.375rem;
    line-height: 1.5;
    font-size: 0.95rem;
    -webkit-box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
}

#secondary h2 {
    font-size: 1.5em!important;
}

.ast-right-sidebar #secondary {
    padding-left: 40px;
}

.search.search-results .ast-row{
	gap:1em;
	padding:1em;
}

.search.search-results .entry-title{
	font-size: 1.2em;
    font-weight: 600;
    line-height: 1.8;
    color: #000;
}

.search.search-results .posted-by a:hover{
	color:#6730e3;
}

.search.search-results .entry-content p{
	 font-weight: 400;
    color: #666;
    font-size: 0.9em;
    line-height: 1.8;
}

.contact-form-title{
	 color: #737373;
    font-family: "Open Sans", Sans-serif;
    font-size: 1.3em;
    font-weight: 700;
}

</style>
<!-- end Simple Custom CSS and JS -->