/*
 * Theme Name: BeFold
 * Theme URI: https://betheme.me/themes/befold-multipurpose-wp-theme/
 * Author: BeTheme
 * Author URI: https://betheme.me/
 * Description: Befold is professional and easy to customized multipurpose WordPress theme. Perfect to promote your work or your creative business. It is cross-browser compatible, fully responsive, and retina ready. Befold can be used as single page and multi-page website. Befold is easy to set up and customize being powered by the amazing WordPress Plugin called Elementor & Redux Framework. The theme performs beautifully on all devices, with smooth animations and optimum speed. Full-blown working demo at https://wordpress.webaashi.com/befold/preview/befold-lite. Theme has custom Elementor widgets, which can customized easily. 
 * Version: 1.0.5
 * License: GPLv3 or later
 * License URI:  https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: befold
 * Tags: one-column, two-columns, right-sidebar, custom-menu, translation-ready
 * Tested up to: 5.8
 * Requires PHP: 7.0

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
01 Normalizes
	1.1 Typography
	1.2 Elements
		1.2.1 Button
		1.2.2 Form Control
		1.2.3 Separator
	1.3 Alignment
02 Header
	2.1 Site Title
	2.2 Header Menu
	2.3 Mobile Menu
03 Homepage Modules
	3.1 Slider Module
		3.1.1 Scroll Down
	3.2 Icon Service Module
	3.3 Portfolio Module
		3.3.1 Portfolio Filter
		3.3.2 Portfolio Item
		3.3.3 Portfolio Detail
	3.4 Vertical Promotion Module
	3.5 Blog Module
		3.5.1 Blog Item
		3.5.2 See More
	3.6 Contact Module
		3.6.1 Contact Item
		3.6.2 Contact Form
04 Content
	4.1 Breadcrumb
	4.2 Posts and Pages
		4.2.1 Page Header
		4.2.2 Blog List
		4.2.3 Navigation
	4.3 Widgets
		4.3.1 Search Form
		4.3.2 TagCloud
	4.4 Comment
05 Footer
	5.1 Go to Top
06 Accessory
	6.1 WordPress Core
	6.2 Magnific Popup
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*--------------------------------------------------------------
01 Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/
html {
	max-width: 100%;
	overflow-x: hidden;

	-ms-overflow-style: scrollbar;
}

body {
	font-family: "Poppins", sans-serif;
	padding: 0;
	color: #888888;
	font-size:15px;
	background-color: #fff;
	-ms-word-wrap: break-word;
		word-wrap: break-word;
}

a {
	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

a,
a:hover,
a:active,
a:focus {
	color: inherit;
	outline: 0;
	text-decoration: none;
	font-weight:600;
}
a:hover{
	color:#f33b6a;
}
a:active,
a:focus {
	text-decoration: none;
}

/* keyboard reader*/
a:-webkit-any-link:focus-visible {
    outline: auto;
}
.form-submit a.btn:focus {
   outline:1;
   outline-color:#000;
}
.primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul {
    right: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}

/**/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif;
	color: #222222;
	font-weight: bold;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	color: #ff4070;
}

p {
	margin-bottom: 20px;
}

ins,
::selection {
	color: #fff;
	background: #ff4070;
	text-shadow: none;
	text-decoration: none;
}

::-moz-selection {
	color: #fff;
	background: #ff4070;
	text-shadow: none;
	text-decoration: none;
}

img {
	display: block;
	height: auto;
}

img,
embed,
iframe,
object {
	max-width: 100%;
}

fieldset {
	margin-bottom: 20px;
}

label {
	margin: 0;
}

textarea,
input[type="text"],
input[type="email"] {
	width: 100%;
    padding: 15px 20px;
    background-color: transparent;
    border-radius: 2px;
	border: 2px solid #333;

	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

input:focus,
textarea:focus {
	outline: 0;
	border-color: inherit;
}

select::-ms-expand {
	display: none;
}

blockquote {
	border-left: 5px solid #ff4070!important;
}

section {
	position: relative;
}

/*--------------------------------------------------------------
1.2 Elements
--------------------------------------------------------------*/
section:not(.nopadding) .container,
section:not(.nopadding) .container-fluid {
    margin: 100px auto;
}

.row-nopadding [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.select:after {
	margin-left: -20px;
	content: "\f0d7";
	font-family: "FontAwesome";
	vertical-align: middle;
}

.dropdown-toggle {
	width: 100%;

	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

.spacer {
	clear: both;
	display: block;
	width: 100%;
	height: 30px;
}

.triangle {
	top: -1px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-top: 30px solid;
}

.line {
    clear: both;
    position: relative;
    width: 100%;
	margin: 30px 0;
    border-top: 1px solid #333;
}

.full-screen {
	width: 100%;
	display: table;
	overflow: hidden;
	vertical-align: middle;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -89px;
	float: left;
}

/*--------------------------------------------------------------
1.2.1 Button
--------------------------------------------------------------*/
.btn {
	padding: 5px 15px;
	text-transform: uppercase;
	border-radius: 2px;
	background-color: transparent;

	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

.btn:hover {
	border-radius: 0;
	text-decoration: none;
}

.btn:focus {
	color: inherit;
	outline: 0;
}

.btn-md,
.btn-lg {
	padding: 10px 15px;
}

.btn-light {
	color: #ff4070;
	border: 2px solid #ff4070;
}

.btn-light:hover {
	color: #222;
	background: #ff4070;
}

input.btn {
	vertical-align: bottom;
}

/*--------------------------------------------------------------
1.2.2 Form Control
--------------------------------------------------------------*/
input.form-control {
    height: 44px;
	padding: 5px 15px;
    font-size: .923em;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid #ccc;
    background-color: #fff;
}

input.form-control:hover {
    border-color: #ccc;
}

input.form-control:focus {
    color: #151515;
    border-color: #151515;
    box-shadow: 0 0 3px rgba(21,21,21,.3);
}

/*--------------------------------------------------------------
1.2.3 Separator
--------------------------------------------------------------*/
.separator {
    line-height: .5em;
    margin: 30px 0;
}

.separator span {
	position: relative;
	display: inline-block;
}

.separator i {
    font-size: .462em;
}

.separator span:before {
    right: 100%;
    margin-right: 15px;
}

.separator span:after {
    left: 100%;
    margin-left: 15px;
}

.separator span:before,
.separator span:after {
    content: "";
    position: absolute;
    top: 5px;
    width: 275px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/*--------------------------------------------------------------
1.3 Alignment
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.3em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.3em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
02 Header
--------------------------------------------------------------*/
.site-header {
	position: absolute;
	width: 100%;
	height: auto; 
	top: 0;
	background: transparent;
    z-index: 999;
    padding: 0;
	-webkit-transition: height .5s linear, background .5s ease;
			transition: height .5s linear, background .5s ease;
}

.sticky-header {
	position: fixed;
	background:#fff;
	box-shadow: 0px 1px 5px 0px #b1a9a952;
}
.sticky-header .main-navigation a {
    color: #000;
}

.site-branding {
    display: inline-block;
    float: left;
    width:35%;
}

.admin-bar .site-header {
    padding: 0;
}

body.home.page-template-template-home-page-php .site-header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}
body.home.page-template-template-home-page-php .slider{
    top: 0px !important;
    margin-bottom: 0px !important;
}
body.home.page-template-template-home-page-php.admin-bar .site-header {
    margin-top: 32px !important;
}
/*--------------------------------------------------------------
2.1 Site Title
--------------------------------------------------------------*/
.site-title {
	color:#fff;
	font-family: "Poppins", sans-serif;
	letter-spacing: .071em;
	margin: 20px 0px 22px;
	font-weight: bold;
	-webkit-transition: margin .2s linear;
			transition: margin .2s linear;
}
.page-template-front-page .site-title{
	margin: 13px 0;
}
.site-branding .site-title a {
    background: -webkit-linear-gradient(45deg, #f87c57, #f2296f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.site-title a {
	color: #ff4070;
	text-decoration: none;
}

.site-title a:hover {
	color: #ff4070;
}
header.page-header.img-background::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #402e4699;
}

/*--------------------------------------------------------------
2.2 Header Menu
--------------------------------------------------------------*/
.page-template-template-home-page-php .site-header {
    height: auto;
}
.page-template-template-home-page-php .main-navigation {
    max-height: initial;
}

.main-navigation {
    float: right;
	font-family: "Poppins", sans-serif;
    text-transform: capitalize;
    font-size: 15px;
}

.main-navigation ul {
	margin: 0;
	padding: 0;
}

.main-navigation li {
    position: relative;
    float: left;
    list-style: none;
}

.main-navigation a {
	position: relative;
    display: block;
    padding: 30px 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: Poppins;
	text-decoration: none;
}

.main-navigation li.current-menu-item a {
	color: #ff4070;
}

.main-navigation a:hover {
	color: #ff4070;
}

.main-navigation a i {
	margin-right: 2px;
}

.main-navigation ul ul {
	border-top: 2px solid #ff4070;
}

.main-navigation li ul {
	opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 70px;
    left: 10px;
    width: 200px;
    height: auto;
    z-index: 999;
	-webkit-transition: visibility 0s, opacity .3s linear;
			transition: visibility 0s, opacity .3s linear;
}

.main-navigation li:hover > ul ,.main-navigation li:focus > ul{
	opacity: 1;
	visibility: visible;
}
/*keyboard navigation */
.main-navigation li.focus ul{
	opacity:1;
	visibility:visible;
}
.main-navigation li li {
    border-bottom: solid 1px #333;
	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

.main-navigation li li:last-child {
    border-bottom: none;
}

.main-navigation li li a {
    width: 200px;
    padding: 7px 15px;
    color: #eee;
    background: #23282d;
	font-size: .909em;
}

.main-navigation li li a:hover {
    color: #fff;
    background: #ff4070;
}

.main-navigation .menu-pos-invert {
	right: 0;
	left: auto;
}

/*--------------------------------------------------------------
2.3 Mobile Menu
--------------------------------------------------------------*/
.mobile-menu {
    display: none;
	float: right;
	width: 36px;
    height: 36px;
	margin: 17px 0;
	padding: 7px;
	cursor: pointer;
	color: #fff;
	font-size: 1.846em;
	line-height: .875em;
	text-align: center;
	background-color: #ff4070;

	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

.mobile-menu:hover {
    background-color: #fff;
}

.mobile-menu:before {
    font-family: "FontAwesome";
    content: "\f0c9";
}

.mobile-menu.closed:before {
    font-family: "FontAwesome";
    content: "\f00d";
}

/*--------------------------------------------------------------
04 Content
--------------------------------------------------------------*/
body:not(.front-page) .content-area,
body:not(.front-page) .widget-area {
	padding: 90px 0;
}

/*--------------------------------------------------------------
4.1 Breadcrumb
--------------------------------------------------------------*/
.bcrumbs {
	float: right;
    margin: 90px 0 10px;
	padding: 0;
    font-size: .923em;
    letter-spacing: .167em;
}

.bcrumbs a {
	text-decoration: none;
	color:#eee;
}

.bcrumbs li {
	display: inline;
    padding: 0 5px;
}

.bcrumbs .active {
	color: #ff4070;
}

/*--------------------------------------------------------------
4.2 Posts and Pages
--------------------------------------------------------------*/
.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.single-post .entry-image {
	border-bottom: 4px solid #ff4070;
}

.single-post .entry-meta {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}

.single-post .entry-footer {
	padding: 30px 0;
	border-bottom: 1px solid #333;
}

.entry-footer span:not(:first-child) {
    margin-left: 15px;
}

.entry-footer .cat-links {
	text-transform: uppercase;
}
article a:hover {
	color: #888888;
}

article a:hover {
	color: #ff4070;
}

article .entry-title a {
	color: inherit;
	text-decoration:none;
}

.search-list article {
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: solid 1px #333;
}

.error-404 {
	min-height: 200px;
}
.single-post .btn:focus{
	outline:auto
}
.comments-area a,
.entry-excerpt a,
.entry-content a,
.widget-area a,
.comment-content p a, 
.comment-content a{
	text-decoration:underline;
} 
/*--------------------------------------------------------------
4.2.1 Page Header
--------------------------------------------------------------*/
.page-header {
	position: relative;
	margin: 0;
	padding: 90px 0 70px;
	border-bottom: none;
}

.page-header h1 {
	float: left;
	margin: 80px 80px 0 0;
	font-size: 2.462em;
	letter-spacing: .156em;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
4.2.2 Blog List
--------------------------------------------------------------*/
.blog-list article {
    padding-bottom: 15px;
    margin-bottom: 70px;
    border-bottom: solid 1px #333;
}

.blog-list .entry-content {
	position: relative;
	min-height: 110px;
	margin-bottom: 30px;
	padding-left: 80px;
	border-top: 4px solid #ff4070;
}

.blog-list .entry-title {
	font-size:50px;
	font-weight:bold;
	color:#222222;
	margin: 25px 0;
}

.blog-list .entry-publish-date {
	position: absolute;
	top: 0;
	left: 0;
}

.blog-list .entry-publish-date span {
    display: block;
    width: 60px;
    text-align: center;
}

.blog-list .post-date-day {
	color: #fff;
	font-size: 2.462em;
	font-weight: 600;
	padding: 45px 0 10px;
	background-color: #ff4070;
}

.blog-list .post-date-month {
	font-size: 14px;
    font-weight: 600;
    letter-spacing: .5em;
	text-transform: uppercase;
    padding: 7px 0 7px 7px;
    border-bottom: solid 4px #ff4070;
}

.blog-list .btn-more {
    float: right;
    padding: 15px 30px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
	background-image: linear-gradient(100deg, #f87c57, #f2296f);
	margin-top:-10px;
}

.blog-list .btn-more:hover {
	background-color: #ff4070;
}
.blog-list .btn-more:focus {
    border: 2px solid #000000;
}
/*--------------------------------------------------------------
4.2.3 Navigation
--------------------------------------------------------------*/
.nav-links {
	margin: 0;
	padding: 0;
}

.nav-links li {
	display: inline-block;
    margin-bottom: 10px;
}

.nav-links li a {
	margin-bottom: 10px;
    padding: 15px 20px;
	line-height: 50px;
    text-decoration: none;
	color:#ff4070;
    border: solid 1px #ff4070;
}

.nav-links li a:hover {
    border-color: #ff4070;
	background:#ff4070;
	color:#fff;
}

.nav-links .nav-previous a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-links .nav-previous a:before {
    content: "\f100";
	font-family: "FontAwesome";
	margin-right: 5px;
}

.nav-links .nav-next a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-links .nav-next a:after {
    content: "\f101";
	font-family: "FontAwesome";
	margin-left: 5px;
}

.post-navigation {
	padding-top: 40px;
}

.posts-navigation ul {
	position: relative;
    margin: 20px 0;
    padding-left: 0;
	text-transform: capitalize;
}

.posts-navigation ul li {
    display: inline-block;
	line-height: 50px;
}

.posts-navigation ul li:first-child a {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.posts-navigation ul li:last-child a {
	margin-right: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.posts-navigation ul li a,.pagination .nav-links a,.pagination .nav-links span {
    margin: 5px;
    padding: 15px 20px;
	color: #ff4070;
	text-decoration: none;
    border: solid 1px #ff4070;
}
.pagination{
	width: 100%;
	float: left;
	text-align: center;
}
.pagination .nav-links {
	display: inline-block;
}
.posts-navigation ul li a:hover,.pagination .nav-links a:hover {
	color: #fff;
    border-color: #ff4070;
	background:#ff4070;
}

.posts-navigation ul li.active a ,.pagination .nav-links span{
	color: #fff;
    background-color: #ff4070;
	border-color: #ff4070;
}

/*--------------------------------------------------------------
4.3 Widgets
--------------------------------------------------------------*/
.widget {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: solid 1px #333;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
    padding: 5px 0;
}

.widget ul li span {
	font-family: "Poppins", sans-serif;
    color: #aaa;
	font-style: italic;
}

.widget .widget-title {
    font-size: 1.231em;
    letter-spacing: .063em;
    text-transform: uppercase;
}

.widget .widget-title:after {
	content: "";
	display: block;
    width: 30px;
    height: 2px;
    margin: 30px 0 20px;
	background-color: #ff4070;
}

/*--------------------------------------------------------------
4.3.1 Search Form
--------------------------------------------------------------*/
.search-wrap {
    position: relative;
}

.search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
	padding: 0;
	line-height: 40px;
    color: #777;
    border: none;
    outline: none;
    background: transparent;

	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

.search-btn:hover {
	color: #212121;
}

/*--------------------------------------------------------------
4.3.2 TagCloud
--------------------------------------------------------------*/
.widget .tagcloud a {
	display: inline-block;
	margin: 0 3px 10px 0;
	padding: 5px 8px;
	text-decoration: none;
	border: solid 1px #333;
}

.widget .tagcloud a:hover {
	border-color: inherit;
}

/*--------------------------------------------------------------
4.4 Comment
--------------------------------------------------------------*/
.bypostauthor {
	display: block;
}

.comments-area {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #333;
}

.comments-title {
	margin: 0 0 30px;
}

.comment-list {
	list-style: none;
	margin-bottom: 50px;
	padding: 0 0 50px 0;
	border-bottom: 1px solid #333;
}

.comment-list > li {
	position: relative;
	margin: 30px 0 0 30px;
}

.comment-list > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 30px;
}

.comment-list .children li {
	margin: 30px 0 0 0;
}

.comment-list .pingback .vcard {
	display: none;
}

.comment-body {
	position: relative;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 20px 20px 20px 35px;
}

.comment-list .children .comment-body {
	margin-left: 25px;
	padding-left: 20px;
}

.comment-avatar {
	position: absolute;
	top: 15px;
	left: -32px;
	padding: 1px;
	background: #333;
	border: 1px solid #333;
	border-radius: 50%;
}

.comment-list .children .comment-avatar {
	left: -25px;
}

.comment-avatar img {
	display: block;
	border-radius: 50%;
}

.comment-list .children .comment-avatar img {
	width: 40px;
	height: 40px;
}

.comment-author {
	font-size: 1.077em;
}

.comment-author span {
	display: block;
	line-height: 16px;
}

.comment-author span a {
	font-size: .923em;
	font-style: italic;
}

.comment-content {
	padding: 0 0 0 15px;
	position: relative;
	overflow: hidden;
}

.comment-content p {
	margin: 10px 0 0;
}

.comment-reply-link {
	position: absolute;
	top: 4px;
	left: auto;
	right: 0;
	line-height: 1;
}

.comment-navigation {
	margin: 20px 0;
}

.no-comments {
	margin: 10px 30px;
}

.comment-reply-title {
	text-transform: uppercase;
}

.comment-form .input-field {
	margin: 0 -15px 0 -15px;
}

.comment-form .form-submit,
.comment-form .textarea-field {
	padding: 0;
}

/*--------------------------------------------------------------
05 Footer
--------------------------------------------------------------*/
.site-footer {
	padding:50px 10px;
	color: #fff;
	text-align: center;
	background-color: #121212;
}

.site-footer .site-branding {
	float: none;
	margin: 0;
}
.site-footer .site-branding h1.site-title {
    margin-top: 0;
}

/*--------------------------------------------------------------
5.1 Go to Top
--------------------------------------------------------------*/
.go-to-top {
	cursor: pointer;
	position: fixed;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	display: none;
	width: 40px;
	height: 40px;
	z-index: 999;
}

.go-to-top i {
	font-size: 1.538em;
	line-height: 36px;
}

.go-to-top.btn {
	padding: 0;
}

/*--------------------------------------------------------------
06 Accessory
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.1 WordPress Core
--------------------------------------------------------------*/
.skip-link {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	height: 1px;
	width: 1px;
	transform: translateY(-100%);
	left: calc(50% - 100px);
	overflow: hidden;
}

.skip-link:focus {
	transform: translateY(0%);
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #e24e70;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

figure {
	position: relative;
}

figcaption {
	position: absolute;
	bottom: 15px;
	left: 20px;
	color: #888888;
	border-radius: 2px;
}

.gallery-caption {
	display: block;
}

.wp-caption {
	margin-bottom: 1em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	margin-right: 20px;
	padding: 5px 10px;
	font-style: italic;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/*--------------------------------------------------------------
6.2 Magnific Popup
--------------------------------------------------------------*/
.mfp-preloader {
	left: 50%;
	width: 48px;
	height: 48px;
	font-size: 24px;
	line-height: 48px;
	margin: -24px 0 0 -24px;
	background-color: rgba(0,0,0,.7);
}

.mfp-fade.mfp-bg {
	opacity: 0;

	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;

	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
			transition: all .3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/* Block Editer CSS */
body.single-post .blocks-gallery-item figure {
	display:block;
}
body.single-post .wp-block-gallery.is-cropped .blocks-gallery-item img {
	height:auto;
}
body.single-post article.type-post.category-markup .alignright {
	float:none;
}
body.single-post article.type-post .wp-block-image .alignright {
	width:100%;
}
body.page article.type-page figcaption,
body.single-post article.type-post figcaption {
	position:relative;
	left: auto;
    bottom: auto;
}
body article.type-page figcaption a,
body.single-post article.type-post figcaption a {
	color:#ff4070;
}
body.single-post article.type-post p {
    line-height: 35px;
}
body.single-post article.type-post .wp-block-media-text__content,
body.single-post article.type-post .wp-block-group.has-background {
    color: #32373c;
}
.post_format-post-format-gallery figure.gallery-item {
	margin: 1em 40px;
}
.page-header h1.page-title {
    word-break: break-all;
	color:#eee;
}
/*-------------------*/

.wp-block-group h2{
	color:#222222;
	font-size:1.231em;
	text-transform:uppercase;
}
.wp-block-group h2:after{
	content: "";
    display: block;
    width: 30px;
    height: 2px;
    margin: 15px 0 25px;
    background-color: #ff4070;
}
h1.entry-title {
    font-size: 50px;
    color: #222222;
    font-weight: bold;
}
.site-info a{
	color:#ff4070;
}
.wp-block-search .wp-block-search__button {
    background-image: linear-gradient( 
	100deg, #f87c57, #f2296f); 
    border: 1px solid #ff4070;
    color: #fff;
	padding:10px 10px;
	margin-left:0px;
}
.wp-block-search .wp-block-search__input{
	padding-left:15px;
	font-size:14px;
	border: 1px solid #ff4070;
}
.entry-excerpt {
	margin-bottom:60px;
}
ol.wp-block-latest-comments{
	padding-left:0px;
}
.widget .widget-title:after{
	margin: 15px 0 25px;
}
.mobile-menu ul,
.footer_menu ul{
	list-style:none;
}
.footer_menu ul{
	padding:0;
}
.footer_menu{
	margin:0;
}
.footer_menu ul li {
	display:inline;
}
.footer_menu ul li a{
	padding: 0px 10px;
	text-transform:uppercase;
	text-decoration:none;
	font-size: 14px;
	font-family: "Poppins", sans-serif;
}
.site-info {
	text-align:center;
	padding:30px 0px;
	background-color:#000000;
}
.site-info{
	color:#fff;
}
.error-404.not-found .page-content h2{
	font-size: 36px;
}
.error-404.not-found .page-content p{
	margin:25px 0px;
}
.error-404.not-found .page-content{
	text-align:center;
}
/************/
.wp-block-button.is-style-squared .wp-block-button__link{
	border-radius:0px;
}
body.single-post article.type-post.category-markup .alignright,
.wp-block-image  .alignright img {
    float: right;
}
body.single-post article.type-post .wp-block-cover p{
	color:#fff!important;
}
.wp-block-gallery .blocks-gallery-item figcaption{
	padding:15px 15px;
}
.site-content .page-header.img-background{
    padding-top: 180px;
}