/*
Theme Name: HeroPress
Theme URI: https://speciatheme.com/heropress-free-wordpress-theme/
Author: Specia
Author URI: https://speciatheme.com/
Description: HeroPress is the right theme for you if you are looking for a multipurpose theme that can handle everything you throw at it. It is perfect for marketing, corporate startup, agency, blog, business, company, creative, portfolio, professional business, food & restaurant, gym & fitness, spa salon, medical practitioner & hospitals, landing pages, product pages, corporate business, digital agency, product showcase, financial advisor, accountant, law firm, wealth advisor, photography, personal, and any eCommerce stores. The design is easy to change and adapt to the client needs.
Template: specia
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heropress
Tags: blog, e-commerce, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/


/* --------------------------------------
=========================================
    HeroPress Nav
=========================================
-----------------------------------------*/
.navbar-brand, .site-title a, .site-description {
    color: #ffffff !important;
}


/* --------------------------------------
=========================================
    HeroPress Slider
=========================================
-----------------------------------------*/
.slider-version-three{
    margin: 0;
	margin-top: -250px;
	position: relative;
}

.slider-version-three .caption{
    margin: auto;
    width: 70%;
}
.slider-version-three .specia-slider {
	background: rgba(0,0,0,0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.slider-version-three .inner-table {
    display: table;
    height: 100%;
}
.slider-version-three .inner-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.slider-version-three .caption h1{
    font-size: 48px;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.50);
	font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-weight: 800;
    line-height: 56px;
	margin: 0 0 15px;
}
.slider-version-three .caption p{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-weight: normal;
	margin: 0 0 30px;
	font-size: 18px;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.verticle-center{
    vertical-align: middle;
    padding-bottom: 3vh;
}

.slider-version-three .owl-prev {
    position: absolute;
    top: 45%;
    float: left;
    left: 2%;
    width: 40px;
    opacity: 0;
}
.slider-version-three .owl-next {
    position: absolute;
    top: 45%;
    float: right;
    right: 2%;
    width: 40px;
    opacity: 0;
}
.slider-version:hover .owl-prev {
    position: absolute;
    top: 45%;
    float: left;
    left: 3%;
    width: 40px;
    opacity: 0.9;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.slider-version:hover .owl-next {
    position: absolute;
    top: 45%;
    float: right;
    right: 3%;
    width: 40px;
    opacity: 0.9;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 13px;
    margin: 5px;
    padding: 22px;
    width: 60px;
    height: 60px;
    display: inline-block;
    cursor: pointer;
	background-color: rgba(255,255,255,0);
	border: 1px solid #b7b7b7;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    color: #fff;
    text-decoration: nthree;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

.slider-version .owl-dots {
    position: absolute;
    bottom: 0px;
    text-align: center;
    opacity: 0;
    left: 40%;
    right: 40%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.slider-version:hover .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    opacity: 0.9;
    left: 40%;
    right: 40%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.slider-version .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.slider-version .owl-theme .owl-dots .owl-dot span{
    margin: 3px;
    background: transparent;
    padding: 3px;
	border-radius: 50%;
	border: 2px solid #fff;
    -webkit-backface-visibility: visible;
   -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
      display: block;
}
.slider-version .owl-controls .owl-dots .owl-dot.active span {
	padding: 4px;
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-dots .owl-dot span {
   background: #d6d6d6;
}

.specia-btn-3{
    background: transparent;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
	border: solid 1px #ffffff;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.specia-btn-3:hover{
    color: #ffffff;
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

/*---------------------------------------
    Social Icons HeroPress
-----------------------------------------*/

.header-top-info-3 .social {
    padding: 0px 0;
    margin: 0;
    line-height: 20px;
    padding-top: 4px;
}
.header-top-info-3 .social li {
    font-family: 'Awesomefont';
    margin-right: 4px;
        display: inline-block;
}
.header-top-info-3 .social li {
    position: relative;
}
.text-center .social li {
    margin: 0 2px;
}
.social li a {
    display: table;
    position: relative;
}
.header-top-info-3 .social li a i {
    background: rgba(0,0,0,0.4);
    border-radius: 5%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.header-top-info-3 .social li a i:hover {
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}


/*---------------------------------------
   Header Contact Details HeroPress
-----------------------------------------*/
.header-top-info-3{
    float: none;
    position: relative;
    background: transparent;
    border-bottom: 1px solid rgba(134, 134, 140, 0.42);
    z-index: 10;
    padding: 4px 0;
}
.header-top-info-3 .info {
    padding-left: 0;
    margin: 0;
    padding-top: 4px;
}
.header-top-info-3 .info li {
    font-size: 13px;
    padding-right: 0;
    display: inline-block;
}
.header-top-info-3 .info li i {
    color: #ffffff;
    margin-right: 6px;
}
.header-top-info-3 .info li a {
    font-size: 13px;
    margin-right: 10px;
    font-weight: 600;
	color: #ffffff;
}

/* Hero Section */

header.hero {
    position: relative;
    background: transparent;
    padding-top: 0;
    z-index: 5;
}
header.hero .sticky-wrapper {
    background: transparent;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
	
}
.hero .is-sticky{
	background-color: #fff !important;
}

.hero .is-sticky nav.navbar {
    background: #fff !important;
	webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.175);
	color: #747474;
}

/*---------------------------------------
    HeroPress Version
-----------------------------------------*/
.call-to-action-three .background-overlay{
	background: rgba(0,0,0,0.7);
    bottom: 0;
    height: 100%;
    z-index: 3;
}
.call-to-action-three h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 600;
	line-height: 46px;
    color: #ffffff;
    padding-top: 3px;
	margin: 0 0 13px;
}
.call-to-action-three p {
    font-size: 18px;
	line-height: 26px;
    color: #ffffff;
}
.call-to-action-three h2 span{
    color: #ffffff;
}
.call-to-action-three .call-btn-3{
    background: transparent;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
    padding: 12px 24px;
	border: solid 2px #ffffff;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.call-to-action-three .call-btn-3:hover{
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

/*---------------------------------------
    Service HeroPress  
-----------------------------------------*/

.hero-service-box,
.hero-service-box > i,
.hero-service-box > h3,
.hero-service-box > p {
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;	
}
.hero-service-box {
	background-color: #fff;
	border: 1px solid #e8e8e8;
	display: inline-block;
	padding: 40px 35px;
	text-align: center;
	margin-bottom: 20px;
}
.hero-service-box:hover {
	border-color: transparent;
	transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.hero-service-box > i {
	display: inline-block;
	font-size: 42px;
}
.hero-service-box:hover > i {
	color: #fff;
}
.hero-service-box > h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	letter-spacing: 0.8px;
	line-height: 27px;
	margin-top: 15px;
	margin-bottom: 25px;
	padding-bottom: 25px;
	position: relative;
}
.hero-service-image > h3 a {
	color: #ffffff;
}
.hero-service-image:hover > h3 a {
	 -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.hero-service-image > p {
	color: #ffffff;
}

.hero-service-color > h3 a{
	color: #1c314c;
}
.hero-service-color:hover > h3 a {
	color: #ffffff;
	 -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.hero-service-color > p {
	color: #747474;
}

.hero-service-box > h3::before {
	background-image: url("images/srv-box-line.png");
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 86px;
	height: 7px;
}
.hero-service-box > p {
	line-height: 24px;
	letter-spacing: 0.56px;
}
.hero-service-box:hover > p {
	color: #fff;
}
.hero-service-box > a {
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0.52px;
	font-variant: all-caps;
	margin-top: 20px;
	padding: 9px 22px 7px;
	text-decoration: none;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.hero-service-image > a {
	border: solid 1px #ffffff;
	background-color: transparent;
	color: #ffffff;
}
.hero-service-image:hover > a {
	color: #ffffff;
}

.hero-service-color > a {
	border: solid 1px #747474;
	background-color: transparent;
	color: #747474;
}
.hero-service-color:hover > a {
	border: solid 1px #ffffff;
	background-color: #ffffff;
}

/* --------------------------------------
=========================================
    HeroPress Breadcrumb Section
=========================================
-----------------------------------------*/
.breadcrumb.hero {
	position: relative;
	margin-top: -150px;
	padding: 80px 0 !important;
}
.hero-breadcrumb {
	position: relative;
    bottom: -80px;
	border: solid 1px rgba(0,0,0,0.4);
    padding: 20px 25px;
    background: rgba(0,0,0,0.4);
}
.hero-breadcrumb h2 {
	color: #ffffff;
	font-size: 20px;
}

/* --------------------------------------
=========================================
    HeroPress Blog Section
=========================================
-----------------------------------------*/
.entry-content .more-link {
    font-family: 'Open Sans', sans-serif;
    padding: 10px 20px;
    border-radius: 0px;
    background: transparent;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.blog-version-1 article {
    background: #ffffff !important;
    margin-bottom: 30px !important;
    box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.08) 
}
.blog-version-1 .article:nth-child(2n+1) { clear:left; }
.post_date h6 {
    color: #ffffff;
}
.page-wrapper article {
	border: none;
	box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.08);
}

/* --------------------------------------
=========================================
    HeroPress Buttons
=========================================
-----------------------------------------*/
button, input[type="button"], 
input[type="reset"], 
input[type="submit"],
.footer-sidebar .widget input[type="submit"], 
.sidebar .widget input[type="submit"], 
.footer-sidebar .tagcloud a,
.sidebar .tagcloud a,
.top-scroll {
	border-radius: 0px;
}
.woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce input.button.alt, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce-cart table.cart input.button, .woocommerce input.button, .woocommerce button.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	border-radius: 0px;
}