/* Alp Demo Styles
================================================== */

	/* Page Fonts - you can customize the font on here: https://fonts.google.com/?sidebar.open=true&selection.family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,400|Noto+Sans:wght@400;700 */
	@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,400&family=Noto+Sans:wght@400;700&display=swap');
	.font-main{font-family: 'Noto Sans', sans-serif !important;}
	.font-secondary{font-family: 'Cormorant Garamond', serif !important;}

	/* Body Options */
	body{font-family: 'Noto Sans', sans-serif; font-weight: 400; letter-spacing: 0px;}
	body *{outline:none;}

/*
	This demo created with only helper classes.
	You can see the all colors of Alp demo in this file: css/skins/skin-alp.css
*/

/* You can add your styles for Alp demo
================================================== */






	.posts .cbp-wrapper-outer,.posts .post-list, .posts .post-list .post{ overflow: visible; }
	.posts figure.post:hover{ z-index: 1500; }


	/* Box shadows for posts. You can remove .post-shadow class from #post-list section or change to .post-shadow-sm or -md  */
	.post-list .post figcaption{ -webkit-transition: box-shadow 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: box-shadow 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: box-shadow 0.5s cubic-bezier(0.27, 0, 0.2, 1); }
	.post-list.post-shadow .post figcaption:hover,
	.post-list.post-shadow-active .post figcaption{ box-shadow: 0 62px 70px -14px rgba(0,0,0,0.23); }
	.post-list.post-shadow-sm .post figcaption:hover,
	.post-list.post-shadow-sm-active .post figcaption{ box-shadow: 0 35px 46px -20px rgba(0,0,0,0.09); }
	.post-list.post-shadow-md .post figcaption:hover,
	.post-list.post-shadow-md-active .post figcaption{ box-shadow: 0 58px 58px -34px rgba(0,0,0,0.22); }







	.custom-pagination .page-item.active .page-link{pointer-events: none !important;}










	/* Form overlay */
        .nl-overlay{background-color:rgba(36,36,36,0.27);}
        /* Inputs on clicks */
        .nl-ti-text ul li.nl-ti-input input{background-color:white; color:#0f0f0f; padding: 23px 20px; font-family: 'Noto Sans', sans-serif; font-size: 16px; cursor: auto;}
        /* Buttons on inputs */
        .nl-form .nl-field-go{width:40px;}
        .nl-form .nl-field-go:before{display: flex; display:-ms-flexbox; align-items: center; -ms-flex-align:center; justify-content: center; line-height: normal; height: 100%; color:#fff; font-size: 13px; background-color: #DADADA;}

        /* Select lists */
        /* Hidden inputs */
        .nl-form>input, .nl-form>select{display:inline!important;width:0!important;height:0!important;opacity:0!important;overflow:hidden!important;}
        /* Customizable area colors */
        .nl-field-toggle, .nl-form input, .nl-form select, a:not([href]):not([tabindex]){ color:#3A8EE5; border-bottom: none!important; }
		/* After post */
        body.subscriber_sending #subscriber{opacity:0; visibility: hidden; max-height: 0 !important; -webkit-transition:all 0.6s, max-height 0.6s 0.3s;transition:all 0.6s, max-height 0.6s 0.3s;}
        body.subscriber_sent #subscriber{display: none!important;}

        .post-message{max-height:0; opacity: 0; visibility: hidden; -webkit-transform:scale(0.93);transform:scale(0.93); -webkit-transition:all 0.6s 0.3s;transition:all 0.6s 0.3s;}
        body.subscriber_sent .post-message{max-height:250px; opacity:1; visibility: visible; -webkit-transform:scale(1);transform:scale(1);}