/*
Theme Name: Wpcomp
Text Domain: wpcomp
Version: 2.3
Requires at least: 4.7
Requires PHP: 7.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/wpcomp/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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

/*
* @media
*-----------------------------------------*/
@media (min-width: 768px) {	
	.sona-sticky-js.on-desktop.sticky-active {
		display: block !important;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1045;
	}
	.sona-sticky-css.on-desktop {
		display: block !important;
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0;
	}
	body.site-layout-boxed .site-wrapper {
		margin: 30px auto;
	}
	body.site-layout-boxed .site-wrapper, body.site-layout-boxed .container {
		max-width: 750px;
	}
	#site-nav ul.main-menu.nav-alignleft {
		float: left;
	}
	#site-nav ul.main-menu.nav-aligncenter {
		display: table;
		margin: 0 auto;
		float: initial !important;
	}
	#site-nav ul.main-menu.nav-alignright {
		float: right;
	}
	#site-nav ul.main-menu>li>a:hover,
	#site-nav ul.main-menu>li>a:focus,
	#site-nav ul.main-menu>li.current-menu-item>a {
		color: #F6C244;
	}
	#site-nav ul.main-menu>li {
		display: inline-block;
	}
	#site-nav ul.main-menu li:hover>.sub-menu {
		opacity: 1;
		margin-top: 0px;
		visibility: inherit;
	}
	/*
	* Entry Content
	*-------------------*/
	.entry-content p,
	.entry-content li {
		line-height: 1.476;
	}

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		margin: 1rem auto 1rem;
	}

	.alignleft {
		margin: 0.3rem 2rem 2rem 0;
	}

	.alignright {
		margin: 0.3rem 0 2rem 2rem;
	}
	/* COMMENT RESPOND */
	.comment-respond p {
		margin-bottom: 2.5rem;
	}

	.comment-form p.logged-in-as {
		margin: -2.5rem 0 4.4rem 0;
	}

	.comment-respond .comment-form-author,
	.comment-respond .comment-form-email {
		float: left;
		width: calc(50% - 1rem);
	}

	.comment-respond .comment-form-email {
		margin-left: 2rem;
	}

	.comments .comment-respond {
		padding: 5rem 0 0;
	}

	.comment-reply-title small {
		display: inline;
		margin: 0 0 0 0.5rem;
	}
	/*
	* Site Pagination
	*----------------------- */
	.pagination-separator {
		margin: 8rem 0 0;
	}
	/* Display the full text for Newer and Older Posts. */
	.nav-short {
		display: inline;
	}
	.pagination .nav-links {
		font-size: 2.4rem;
		font-weight: 700;
	}
	.nav-links > * {
		margin: 2.5rem 0 2.5rem 2rem;
	}
	/*
	* Error 404
	*----------------------------- */
	.error404 #site-content {
		padding-top: 8rem;
	}
	/*
	* Widgets
	*------------------------------- */
	.widget .widget-title {
		margin-bottom: 3rem;
	}
	/* 
	* entry-related
	*------------------------------- */
	.entry-related .sona-posts.layout-thumbnail .sona-post:nth-child(2n+1) {
        clear: both;
    }
	
}
@media (min-width: 992px) {
	body.site-layout-boxed .site-wrapper, body.site-layout-boxed .container {
		max-width: 1000px;
	}
	.col-no-padding {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1200px) {
	body.site-layout-boxed .site-wrapper, body.site-layout-boxed .container {
		max-width: 1200px;
	}
	.comment-reply-title {
		font-size: 1.6rem;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	.comment-respond p.comment-notes, .comment-respond p.logged-in-as {
		margin: -4rem 0 6rem 0;
	}
}
@media (max-width: 767.98px) {
	h1, .h1 {
		font-size: 20px;
	}
	h2, .h2 {
		font-size: 18px;
	}
	h3, .h3 {
		font-size: 16px;
	}
	h4, .h4 {
		font-size: 14px;
	}
	h5, .h5 {
		font-size: 13px;
	}
	.widget:first-child {
		margin-top: 0;
	}
	.mobile-flex {
		display: flex;
		align-items: center;
	}
	.header-v1 #site-nav .navbar-brand, .header-v3 #site-nav .navbar-brand {
		height: auto;
		padding: 0 15px;
		margin: 0 auto;
		display: table !important;
		float: initial;
	}
	.header-v1 #site-nav .navbar-brand { padding: 8px 15px; }
	.header-v1 #site-nav .navbar-brand img, .header-v3 #site-nav .navbar-brand img {
		height: 50px;
	}
	.header-v2 .site-logo img { height: 50px; width: auto; }
	.header-v2 #site-nav, .header-v2 .navbar-header .navbar-toggle { float: right; }
	.header-v3 .navbar-header .navbar-toggle { margin-top: 0; margin-bottom: 0; }
	.sticky-wrapper.is-sticky .navbar-brand {
		float: initial;
		margin: 0 auto;
		display: table !important;
	}
}