/*
 Theme Name:   Business
 Theme URI:    https://samarj.com/business-theme
 Description:  Business is a premium Child Theme for your next Business Website.
 Author:       SamarJ
 Author URI:   https://samarj.com
 Template:     Divi
 Version:      1.0
*/

/*****Cutom CSS*****/

.sj-button .et_pb_button{
  margin:10px 4px;
  color: #fff ;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display:inline-block; 
}
    .sj-button .et_pb_button{
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase!important;
    letter-spacing: 2px;
    color: #fff;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #fff;
    border-radius:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
    z-index:10;   
}
     .sj-button .et_pb_button:hover{
    border: 1px solid #071982 !important;
	  color: #80ffd3!important;
}
 .sj-button .et_pb_button::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #071982;
    position: absolute;
	  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	   box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 
  .sj-button .et_pb_button::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #80ffd3;
    position: absolute;
	-ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
  .sj-button .et_pb_button:hover::before, .sj-button .et_pb_button:hover::before{
	opacity:1;
	width: 116%;
}
.sj-button .et_pb_button:hover::after, .sj-button .et_pb_button:hover::after{
	opacity:1;
	width: 120%;
}





a.more-link{
  margin:10px 4px;
  color: #fff !Important;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display:inline-block; 
}
    a.more-link{
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase!important;
    letter-spacing: 2px;
    color: #fff;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #fff;
    border-radius:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
    z-index:10;   
}
     a.more-link:hover{
    border: 1px solid #071982 !important;
	  color: #80ffd3!important;
}
 a.more-link::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #071982;
    position: absolute;
	  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	   box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 
  a.more-link::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #80ffd3;
    position: absolute;
	-ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
  a.more-link:hover::before, a.more-link:hover::before{
	opacity:1;
	width: 116%;
}
a.more-link:hover::after, a.more-link:hover::after{
	opacity:1;
	width: 120%;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
  margin:10px 4px;
  color: #fff !Important;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display:inline-block; 
}
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase!important;
    letter-spacing: 2px;
    color: #fff;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #fff;
    border-radius:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
    z-index:10;   
}
     .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
    border: 1px solid #071982 !important;
	  color: #80ffd3!important;
}
 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #071982;
    position: absolute;
	  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	   box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 
  .et_pb_filterable_portfolio .et_pb_portfolio_filters li a::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #80ffd3;
    position: absolute;
	-ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
  .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover::before, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover::before{
	opacity:1;
	width: 116%;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover::after, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover::after{
	opacity:1;
	width: 120%;
}
.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
}
#page-container { overflow:hidden; }
.et_pb_video_play:before {
    font-family: ETmodules;
    content: "\e04e";
}
.et_pb_video_play:before {
    font-family: ETmodules;
    content: "\e04e";
}
.post-meta a[rel~="category"]:before {
    content: '\e07c';
}
a[rel~="category"]:before {
    content: '\e07c';
}
.s-icon .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
}
.post-meta a[rel~="category"]:before {
    content: '\e07c';
}
.comments-number a:before {
    content: '\76';
}
.et_pb_menu .et_mobile_menu{
  margin-top: 5px;
    box-shadow: 0px 5px 20px #00000024 !important;
    border-radius: 5px !Important;
}
.optin .et_pb_newsletter_form .et_pb_contact_field_half {
 flex-basis: 75%;
}
.optin .et_pb_newsletter_form .et_pb_newsletter_button_wrap{
 flex-basis: 24%;
}
.et_pb_blog_grid .et_pb_salvattore_content[data-columns] .column .et_pb_post:hover h2{
  color:#071982
}
.post-meta a[rel~="category"]:before{
font-family: 'ETModules';
    color: #636789;
    margin-left: -7px;
	padding: 3px;
}
.sj-blog a.more-link:hover{
  color: #fff !important;
}
.et_pb_blog_grid .et_pb_salvattore_content[data-columns] .column .et_pb_post:hover h2{
  color:#071982
}
.post-meta a[rel~="category"]:before{
font-family: 'ETModules';
    color: #636789;
    margin-left: -2px;
    padding: 0px;
    font-size: 14px;
}
.sj-blog a.more-link:hover{
  color: #fff !important;
}
.comments-number a:before{
      margin-left: 0px !important;
}
a[rel~="category"]:before, .comments-number a:before {
font-family: 'ETModules';
    color: #fff;
    margin-right: 5px;
    margin-left: -20px;
    font-size: 18px;
}
.meta a{
    transition:.5s ease
}
.meta a:hover{
  opacity: .8;
}
nav>ul>li>ul:after {
    position: absolute;
    left: 20%;
    margin-left: -40px;
    top: -15px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #071982;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul{
	    border-radius: 3px;
}
.nav ul li a:hover {
    opacity: 1;
    background-color: #ffffff69;;
    transform: scale(1.1);
	border-radius:3px;
}