@import "../../../leader/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */
#header, .sticky-header {
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
 
.header-phone-sec {
    float: left;
    height: 90px;
    display: flex;
    align-items: center;
}
.header-phone-sec a {
	font-size: 24px;
	font-family: "Open Sans",sans-serif;
    line-height: 1.5;
	color: #e1007b;
}
.header-phone-sec a.mob-vis {
	display:none;
}
.sf-menu>li>a {
    padding: 0 22px;
	-moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
	/*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e1007b),color-stop(50%,#e1007b),color-stop(50%,#fff),color-stop(100%,#fff));
    background-image: -webkit-linear-gradient(#e1007b,#e1007b 50%,#fff 50%,#fff);
    background-image: -moz-linear-gradient(#e1007b,#e1007b 50%,#fff 50%,#fff);
    background-image: -o-linear-gradient(#e1007b,#e1007b 50%,#fff 50%,#fff);
    background-image: linear-gradient(#e1007b,#e1007b 50%,#fff 50%,#fff);*/
	background-size: 100% 210%;
    background-position: 0 105%;
    background-repeat: repeat-x;
}
.sf-menu a:hover,  
.sf-menu li.current-menu-item > a, 
.sf-menu .sfHover > a, 
.sf-menu .sfHover > li.current-menu-item > a, 
.sf-menu li.current-menu-ancestor > a, 
.mobile-menu a:hover, 
.mobile-menu li.current-menu-item > a {
	background-color:#e1007b;
	background-position: 0 0;
	-moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
ul.bottom-footer-social {
    list-style: none;
}
ul.bottom-footer-social li {
    display: inline-block;
    margin-right: 1.5rem;
	color:#4e4e4e;
}
ul.bottom-footer-social li a {
    color:#e1007b;
}
ul.bottom-footer-social li a.scroll-to-top {
    color: #4e4e4e;
}

.top-details-posts {
    text-align: center;
}
.top-details-posts h4.grid-heading {
    margin: 0;
}
.top-details-posts .entry-meta {
    margin-bottom: 5px;
	margin-top: 4px;
}
.top-details-posts .entry-meta span:after {
    content: '';
}
.grid-item .top-details-posts-outer .caption {
    padding: 18px 0;
}
.grid-item .top-details-posts-outer .read-more {
	text-align: center;
    width: 100px;
    margin: 18px auto;
    display: block;
    color: #818181;
    border: 1px solid #818181;
    padding: 4px 8px;
    line-height: 1.87917;
    font-size: 12px;
}

.single-page-outer .entry-header {
    text-align: center;
}
.single-page-outer .page-title h1 {
	margin:0;
	color: #373737;
    letter-spacing: 1px;
}
.single-page-outer p {
	font-size:17px;
	margin-bottom:22.5px;
}
.single .single-page-outer .entry-meta span {
	margin-bottom:0;
}
.single-page-outer input#submit {
	background-color: #e1007b;
    float: right;
    color: #fff;
    border: 0;
    padding: 11.25px 22.5px;
    font-style: normal;
    font-size: 15px;
    font-weight: normal;
}
#title-bar {
	background-size:100% !important;
}
#title-bar.title-bar-style-custom_bg:before {
	display:none;
}
.error404 #content article h1 {
	font-size: 200px;
}
.gallery img:hover {
    opacity: 1;
}




/************* gravity Form *************/
.gform_wrapper {
	margin-top:0;
}
.gform_wrapper .top_label .gfield_label {
	color: #4e4e4e;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 15px;
	margin:0;
}
.gform_wrapper .top_label .gfield_label span {
	color: #4e4e4e;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 15px;
	display:none;
}
.gform_wrapper ul.gform_fields li.gfield {
	padding:0 10px;
	margin-top:0;
	margin-bottom:22px;
}

.gform_wrapper .gform_fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper select, 
.gform_wrapper textarea {
	background: #fff;
    border: 1px solid #4e4e4e;
	color:#555;
    font-family: "Open Sans",sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:32px;
	height: 32px;
	letter-spacing:0px;
	padding: 0 10px;
	border-radius:0px;
	width:100%;
	
}
.gform_wrapper form .gform_footer {
	text-align:right;
    padding: 0;
	padding-left:16px;
}
.gform_wrapper form .gform_footer input.button.gform_button, 
.gform_wrapper form .gform_footer input[type=image], 
.gform_wrapper form .gform_page_footer input.button.gform_button, 
.gform_wrapper form .gform_page_footer input[type=image], 
.gform_wrapper form .gform_footer input.button.gform_button:hover, 
.gform_wrapper form .gform_footer input[type=image]:hover, 
.gform_wrapper form .gform_page_footer input.button.gform_button:hover, 
.gform_wrapper form .gform_page_footer input[type=image]:hover {
	width: auto;
    margin-right: 0;
    background-color: #e1007b !important;
    border: none;
    font-family: "Open Sans",sans-serif;
	font-weight:400;
	font-size:16px !important;
	line-height:40px;
	height:40px;
	color:#fff;
	text-align:center !important;
	letter-spacing:0px;
	border-radius:0px;
	padding: 0px 11px;
	font-style:normal;
	
}
/*.gform_wrapper.gform_validation_error form .gform_footer {
	padding-left:32px;
	padding-right:16px;
}*/
.gform_wrapper.gform_validation_error .gform_body ul.gform_fields li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width:100%;
}
.gform_wrapper ul.gform_fields li.gfield.gfield_error, .gform_wrapper ul.gform_fields li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background:none;
	border-top:none;
	border-bottom:none;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0;
	margin-bottom:0;
}
.gform_wrapper ul.gform_fields li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .home-contact-form li.gfield_error textarea {
	border: 1px solid red;
}
.gform_wrapper ul.gform_fields li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	/*border: 1px solid #768597;*/
	padding-top: 0;
	color:red;
	font-size:14px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.gform_wrapper div.validation_error {
	border-top:none;
	border-bottom:none;
	margin: 0;
	color:red;
	display:none;
}

/************* Footer Form *************/
.gform_wrapper .footer-form .top_label .gfield_label {
	color: #fafafa;
}
.gform_wrapper.footer-form_wrapper {
	margin-top:0;
}
body .gform_wrapper .footer-form .top_label div.ginput_container {
	margin-top:0;
}
.gform_wrapper .footer-form  .gform_fields input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper .footer-form  select, 
.gform_wrapper .footer-form  textarea {
    border: 1px solid #fff;
	
}

@media (min-width: 992px) {
	.layout-full-width .post .entry-post.single-page-outer {
		max-width: 780px;
	}
}
@media (min-width: 768px) {
	#header>.container, .sticky-header>.container {
		width: 1240px;
		padding: 0 22.5px;
	}
	body.tax-portfolio_cat .container {
		width:100%;
	}
	body.tax-portfolio_cat #primary #content {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	body.pojo-title-bar #header {
		background-color: inherit !important;
		background-image: inherit !important;
		position: static;
	}
	#title-bar.title-bar-style-custom_bg:before {
		display:none;
	}
	#primary #content {
		margin-top: 45px;
		margin-bottom: 45px;
	}
}
@media (max-width: 1100px) {
	.sf-menu>li>a {
		padding: 0 15px;
	}
}
@media (max-width: 990px) and (min-width: 768px) {
	.sf-menu>li>a {
		padding: 0 10px;
		letter-spacing:0;
	}
	.header-phone-sec a {
		font-size:16px;
	}
}
@media (max-width: 767px) {
	#header.logo-right .logo .navbar-toggle, .sticky-header.logo-right .logo .navbar-toggle {
		margin-top:25px;
	}
	#header.logo-right .logo, .sticky-header.logo-right .logo {
		padding:0;
	}
	#header.logo-right .logo .logo-img {
	    padding: 10px 0 10px 10px;
	}
	#header.logo-right .logo .logo-img img {
		max-height:60px;
	}
	.header-phone-sec a.mob-vis {
		display:block;
		font-size:30px;
	}
	.header-phone-sec a.desk-vis {
		display:none;
	}
	#header.logo-right .logo, .sticky-header.logo-right .logo {
		width:65%;
	}
	#title-bar {
		background-size:cover !important;
	}
}