/***
 Theme Name: Flow
 Theme URI: http://demos.alithemes.com/html/flow
 Description: Personal Blog HTML Template
 Author: alithemes.com
 Author URI: http://alithemes.com
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/

/* Import third party CSS library */
@import url(bootstrap.min.css);
/* @import url(owl.carousel.min.css); */
/* @import url(ticker-style.css); */
/* @import url(elegant-icons.css); */
@import url(slick.css);
/* @import url(slicknav.css); */
/* @import url(animate.min.css); */
/* @import url(nice-select.css); */
/* @import url(perfect-scrollbar.css); */

/*Google fonts
	font-family: 'Poppins', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
*/

:root {
	--color-mode: "light";
	--color-brand-1:#ffcda3;
	--color-brand-2:#fce2ce;
	--color-brand-3:#ffede5;
	--color-brand-4:#fff5ef;
	--color-primary: #87c6e3;
	--color-secondary: #455265;
	--color-success: #76e1c6;
	--color-danger: #f0a9a9;
	--color-warning: #e6bf7e;
	--color-info: #58c1c8;
	--color-grey-900:#101010;
	--color-grey-700:#484848;
	--color-grey-400:#999999;
	--color-grey-100:#9c9c9c;
	--color-light: #F3F3F3;
	--color-dark: #111111;
	--color-link: #222831;
	--color-muted: #9b9b9b;
	--color-white: #FFFFFF;
	--primary-border-color: #9b9b9b;
	--secondary-border-color: #f0f8ff;
	--mutted-border-color: #eaecee;
	--box-shadow-normal: 30px 30px 64px rgba(0, 0, 0, 0.03);
	--box-shadow-hover: 30px 30px 64px rgba(0, 0, 0, 0.05);
	--button-shadow-color-normal: 14px 14px 36px rgba(85, 85, 85, 0.1);
	--button-shadow-color-hover: 14px 14px 36px rgba(85, 85, 85, 0.3);
	
}
/*Bootstrap color customize*/
.text-primary{color:var(--color-primary)!important;}
.text-secondary{color:var(--color-secondary)!important;}
.text-success{color:var(--color-success)!important;}
.text-danger{color:var(--color-danger)!important;}
.text-warning{color:var(--color-warning)!important;}
.text-info{color:var(--color-info)!important;}
.text-light{color:var(--color-light)!important;}
.text-dark{color:var(--color-dark)!important;}
.text-muted,
.text-muted a{color:var(--color-muted)!important;}
.text-white{color:var(--color-white)!important;}
.text-grey-900{color:var(--color-grey-900)}
.text-grey-700{color:var(--color-grey-700)}
.text-grey-400{color:var(--color-grey-400)}
.text-grey-100{color:var(--color-grey-100)}
.text-brand{color:var(--color-brand-1)}
.bg-primary{background-color:var(--color-primary)!important;}
.bg-secondary{background-color:var(--color-secondary)!important;}
.bg-success{background-color:var(--color-success)!important;}
.bg-brand-1{background-color:var(--color-brand-1)!important;}
.bg-brand-2{background-color:var(--color-brand-2)!important;}
.bg-brand-3{background-color:var(--color-brand-3)!important;}
.bg-brand-4{background-color:var(--color-brand-4)!important;}
.bg-danger{background-color:var(--color-danger)!important;}
.bg-warning{background-color:var(--color-warning)!important;}
.bg-info{background-color:var(--color-info)!important;}
.bg-grey-900{background-color:var(--color-grey-900)!important;}
.bg-grey-700{background-color:var(--color-grey-700)!important;}
.bg-grey-400{background-color:var(--color-grey-400)!important;}
.bg-grey-100{background-color:var(--color-grey-100)!important;}
.bg-muted{background-color:var(--color-muted)!important;}
.bg-dark{background-color:var(--color-dark)!important;}
.bg-white{background-color:var(--color-white)!important;}
.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);}
.btn-secondary{background-color:var(--color-secondary);border-color:var(--color-secondary);}
.btn-success{background-color:var(--color-success);border-color:var(--color-success);}
.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);}
.btn-warning{background-color:var(--color-warning);border-color:var(--color-warning);}
.btn-info{background-color:var(--color-info);border-color:var(--color-info);}
.form-control:focus{outline:none;border-color:var(--mutted-border-color);}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover{background-color:var(--color-danger)!important;}
.border-radius-3{border-radius:3px;}
.border-radius-5{border-radius:5px;}
.border-radius-10{border-radius:10px;}
.btn-md{padding:17px 21px;border-radius:10px;line-height:1;}
.btn-lg{padding:21px 24px;border-radius:10px;line-height:1;font-weight:700;font-size:16px;}
.hover-up-3{transition:0.2s;}
.hover-up-3:hover{transform:translateY(-3px);transition:0.2s;}
.box-shadow{box-shadow:var(--box-shadow-normal);}
.box-shadow:hover{box-shadow:var(--box-shadow-hover);}
.button-shadow{box-shadow:var(--button-shadow-color-normal);}
.button-shadow:hover{box-shadow:var(--button-shadow-color-hover);}

/* GENERAL */

h2,
h5{font-weight:600;}
.font-heading{font-weight:600;font-family:var(--font-heading);}
.display-1{font-family:var(--font-heading);font-size:96px;line-height:144px;letter-spacing:-0.04px;font-weight:700;}
.display-2{font-family:var(--font-heading);font-size:72px;line-height:108px;letter-spacing:0;font-weight:600;}

h2{font-size:48px;line-height:64px;}

h5{font-size:20px;line-height:24px;}

p{margin-bottom:1.2em;font-weight:400;}
/* p{margin-bottom:1.2em;font-weight:400;color:var(--color-grey-700)} */
.img{max-width:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.img-circle{border-radius:50%;}
.hr{height:1px;width:100%;background:#ebebeb;}
.overflow-hidden{overflow:hidden}
.clear{clear:both}
a,
.button{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
*:focus{text-decoration:none;outline:none}
a{color:var(--color-link);}
a:hover{color:var(--color-grey-400);}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover{text-decoration:none}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:inherit}
ul{margin:0px;padding:0px}
li{list-style:none}
hr{border-bottom:1px solid #eceff8;border-top:0 none;margin:30px 0;padding:0}
img,
image,
video{max-width:100%;}
ul{padding:0;margin:0;}