/*!
Theme Name: Blocksy
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions. Note: Blocksy is built with the latest web technologies in order to bring you the smoothest experience, that told, old browsers like IE 11 and below may not work as expected. We strongly recommend you to update/switch to a modern browser.
Version: 1.8.61
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2019 CreativeThemes.
Requires at least: 5.2
Requires PHP: 7.0
Tested up to: 6.1
Text Domain: blocksy
Tags: blog, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, buddypress, rtl-language-support, news

*/
ul#menu-header .menu-item a {
    font-size: 18px;
    font-weight: 600;
    text-transform: unset;
}
.post-grid-thumbnail img {
    width: 100%;
    height: 230px;
}
.post-grid-text-wrap {
    padding: 0px 20px 30px;
}
.wp-block-categories-list li {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 6px;
    background-color: #dfe8fe;
    -webkit-transition: background-color .2s,color .2s;
    transition: background-color .2s,color .2s;
	font-weight: 500;
}
.wp-block-categories-list li:hover{ 	
	background-color: #618cfb;
}
.wp-block-categories-list li a{
	 color: #003e4c;
}
.wp-block-categories-list li:hover a{
		color: #fff;
}
.wp-block-categories-list {
  cursor: pointer;
}
.post-grid-thumbnail:hover {
    background-color: rgba(0,62,76,.72);
}
.post-grid-thumbnail:hover img {
    opacity: 0.5;
}
h2.sidebar_title {
    margin-bottom: 20px;
}
.social-media-icon {
    width: 30px;
    margin-right: 14px;
    -webkit-transition: color .2s;
    transition: color .2s;
    color: #6aa1ae;
}
.social-media-wrapper {
    display: flex;
    margin-top: 20px;
}
.ct-button-ghost.login {
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: rgba(56,152,236,0);
    -webkit-transition: border-color .2s,color .2s;
    transition: border-color .2s,color .2s;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
	  padding: 9px 15px;
}
.btn-primary {
    border-radius: 6px;
    background-color: #618cfb;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 14px 15px;
}
.btn-primary:hover {
    background-color: #3c63ca;
	  color: #fff;
}
.footer-col-title {
    margin-bottom: 17px;
    font-size: 21px;
		color: #ffffff;
		margin-top: -25px;
}
.paragraph.small {
    color: #fff;
		font-size: 14px;
    line-height: 150%;
}
.underline-link {
    color: #bfd7dc;
    text-decoration: underline;
}
ul.bottom_footer_navigation li a {
    color: #eaf2f3;
		opacity: .7;
	  border-bottom: 1px solid;
    padding-bottom: 4px;
}
ul.bottom_footer_navigation li:hover a{
	opacity: 1;
}
.gjs-row .gjs-cell [type=submit]{
	background-color: #618cfb;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.gjs-row .gjs-cell input[type=email] {
    border: 1px solid #fff;
    border-radius: 0;
		background: #fff;
}
.gjs-row .gjs-cell [type=email]::placeholder {
    color: #8f9bb3;
}
.footer-secondary-link {
    display: inline-block;
    margin-bottom: 13px;
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 #eaf2f3;
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    color: #eaf2f3;
    font-size: 16px;
    line-height: 135%;
    text-decoration: none;
    cursor: pointer;
}
.footer-primary-link {
    margin-bottom: 10px;
    -webkit-transition: color .2s;
    transition: color .2s;
    color: #eaf2f3;
    font-size: 18px;
	  font-family: 'Source Sans 3',sans-serif;
}
.featured-post-title {
    line-height: 135%;
    font-weight: 600;
    font-family: 'Source Sans 3',sans-serif;
    font-size: 20px;
}
.featured-posts-item.w-dyn-item {
    display: flex;
}
a.featured-post-thumbnail.w-inline-block {
    width: 31%;
}
.featured-post-content {
    width: 64%;
}
.featured-post-link {
    color: #618cfb;
    font-size: 18px;
    text-decoration: underline !important;
}
.wp-block-categories-list {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;	
}
.wp-block-categories-list .cat-item {
    max-width: 45%;
}
.button.ct-toggle-close svg.ct-icon {
    width: 30px;
    height: 30px;
}
div#offcanvas {
    z-index: 8;
}
.entries {
    margin: 80px 0px;
}
@media screen and (min-width: 1024px) {
[class*=header-menu] {
    display: flex;
    height: 100%;
    min-width: 0;
    position: relative;
    left: -116px;
}
.menu-container, div#block-16 {
    padding-top: 30px;
}
div#block-12 {
    position: relative;
    left: -82px;
}
}
@media screen and (min-width: 768px) {
ul.bottom_footer_navigation {
    column-count: 3;
    float: right;
}
.gjs-row .gjs-cell {
    width: 100%;
}
.es-form-field-container {
    display: flex;
}
.gjs-row .gjs-cell [type=submit] {
    position: relative;
    left: -3px;
}
.ct-container {
    max-width: 1290px;
    padding: 0px 20px;
}
ul.footer_navbar {
    padding: 0px 10px;
	 	width: 150px;
}
div#block-12	body .is-layout-flex {
    display: flex;
    margin: 0 -19px;
}
[data-footer*="type-1"] .ct-footer [data-row*="top"] > div {
	margin-bottom: 20px;
}
}
@media screen and (max-width: 1024px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 20%!important;
    margin: 25px 0px;
}
.ct-footer .ct-widget {
    margin: 0;
}
ul.bottom_footer_navigation {
    column-count: 2;
    width: 56%;
}
}