/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.2.4.1679317831
Updated: 2023-03-20 18:40:31

*/

.cat_par{
	border: thin solid #a9acaa;
    border-radius: 0.5rem;
}
.cat_par section{
	background: #ffffff;
    border-top: thin solid #a9acaa;
    padding: 0;
	position: relative;
}
.cat_par .parent:first-child {
    border-top: none;
}
.cat_par .parent:first-child, .cat_par .parent:first-child>h3{
	border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}
.cat_par .parent:last-child, .cat_par .parent:last-child:not(.selected)>h3 {
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}
.cat_par .parent:not(.selected) h3 {
    cursor: pointer;
}

.cat_par .cat_name{
    background-color: #ffffff;
    color: #1f1f1f;
    font-weight: 500;
    line-height: 1.25rem;
    margin: 0;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    position: relative;
    font-size: .875rem;
    padding: 1rem 3.25rem 1rem 4rem;
	
}
.cat_posts{
	margin-bottom: 0;
    transition: margin-top .5s;
	/*display:none;*/
}
.cat_posts .child a{
	line-height: .875rem;
    padding: 0.625rem 4rem;
	color:#1f1f1f;
}

.cat_par .parent h3 svg {
    fill: #0b57d0;
    height: 1.25rem;
    position: absolute;
    right: 1.75rem;
    top: calc(50% - 0.625rem);
    width: 1.25rem;
}
.cat_par .parent h3 .up {
    display: none;
}
.cat_posts .child a {
	display: block;
    font-size: .875rem;
    line-height: .875rem;
    padding: 0.625rem 2rem;
	text-decoration: none;
    font-weight: normal;
}
.cat_par .parent a:hover {
    background: rgba(11, 87, 208, 0.24);
}

.cat_par .parent.selected h3 .up {
    display: block;
}
.cat_par .parent.selected h3 .down {
    display: none;
}
.cat_par section.selected{
	background: rgba(11, 87, 208, 0.16);
    padding-bottom: 0.625rem;
}
.cat_par section.selected .cat_name {
    box-sizing: border-box;
    width: 100%;
}
.cat_par section.selected .cat_posts {
    margin-bottom: 0;
    transition: margin-top .5s;
}
.cat_par .parent.selected h3 {
    color: #1f1f1f;
    font-weight: 500;
    margin-bottom: 0.75rem;
    outline: none;
}
.cat_par .parent.selected h3 {
    box-sizing: border-box;
    width: 100%;
}

.search_container{
	height: 10.0625rem;
    margin-top:0rem;
}
form.search-form {
    margin: 0 auto;
    padding: 0 0 2.5rem;
    width: 32.5rem;
	max-width: 100%;
    position: relative;
}
form.search-form input.search-field {
    background-color: #ffffff;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(48, 48, 48, .30), 0 1px 3px 1px rgba(48, 48, 48, .15);
    box-sizing: border-box;
    color: #1f1f1f;
    display: block;
    font-size: 1rem;
    height: 3rem;
    padding: 0 4rem 0 4.5rem;
    width: 100%;
    -webkit-appearance: none;
}
button.search-submit {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 3rem;
    padding: 0;
    position: absolute;
    top: 0;
    width: 3rem;
}
.search_container .promoted-search__greeting{
	font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1.625rem;
    padding: 0;
	color: #0842a0;
	font-weight: 400;
	text-align: center;
}
.search_container .gp-icon svg{
	fill: #1f1f1f;
}
.lm_par{
	text-align:center;
	margin:15px;
}
.navigation-search{
	display:none;
}

/* category page */
.cat_par_block{
	margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
	text-align:left;
}
.cat_par_block li{
	display: inline-block;
    margin: 0.25rem;
    padding-bottom: 0;
    text-align: left;
	width: calc(25% - 0.5rem);
	    max-width: none;
    min-width: 0;
    min-height: 3.125rem;
    vertical-align: top;
}
.cat_par_block li a{ 
	border: 0.0625rem solid #a9acaa;
    border-radius: 0.5rem;
    display: block;
	    overflow-x: hidden;
    padding: 0 0.75rem;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
	/*max-height: 14rem;*/
	height: 12rem;
    padding: 0.875rem 0.25rem;
    text-align: center;
    transition: box-shadow 218ms;
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
	text-decoration: none;
	padding: 0;
}
.cat_par_block li span {
    height: 110px;
    width: 100%;
    display: block;
	overflow:hidden;
}
.cat_par_block li img{ 
	float: none;
	/*height: 110px;
    width: auto;*/
    /*margin: 0.75rem 0 0.25rem;
    width: 4rem;*/
}
.cat_par_block li h3{ 
	height: auto;
    display: block;
    margin: 0.5rem 0;
    min-height: 0;
    padding: 0;
	color: #1f1f1f;
    font-size: .875rem;
    line-height: 1.25rem;
	font-weight: normal;
	text-decoration:none;
}
.cat_posts .child {
    position: relative;
}
.cat_posts .child b {
    display: block;
    position: absolute;
    left:2px;
    top: 3px;
    font-weight: normal;
}
nav#nav-below {
    display: none;
}

@media (max-width: 768px){
.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation{
	 max-width: 100%;
}
.cat_par_block li{ 
	width: calc(50% - 0.5rem);
}
.cat_par_block li span {
	height: 75px;
}
}

/* For the parent container */
.wp-block-latest-posts.alignleft {
    padding: 0px;
    margin: 0;
    float: left;
    width: 100%;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: none;
}

/* For each list item */
.wp-block-latest-posts li {
    display: block;  /* Change from inline to block */
    padding: 0px 2px;
    width: 50%;
    float: left;  /* This should now work better with display: block */
}

/* For each anchor tag within the list item */
.wp-block-latest-posts li a {
    font-size: 18px;
    color: #1e223a;
    background-color:#f4fff8;
    padding: 2px 2px;
    width: 100%;  /* Taking full width of the parent li */
    float: left;  /* Keep it floated to match your design */
    margin: 0px 0px 3px 0px;
    line-height: 23px;
    border: 1px solid #ddd;
}

.wp-block-latest-posts li a:hover {
    font-size: 18px;
    color: #ff7900;
    background-color: #eaeaea;
    padding: 2px 2px;
    border-left: 2px solid #ff7900;
}

.wp-block-latest-posts li a .avl_label {
    color: #fe7d7a;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 2px;
}


*/
/* 18-2-2020 */
.this_week {
    display: block;
    clear: both;
}
.twouter {
    position: relative;
    float: left;
    width: 100%;
    overflow: scroll;
    z-index: -1;
}
.this_week ul li {
    display: inline; float:left;
    width: auto; /*18%;*/
    margin: 0;
    padding: 0 10px;
    vertical-align: text-bottom;
    height: 30px;
    overflow: hidden;     margin: 0 auto;
}
.this_week ul li a {
     margin: 0;
    font-size: 15px;
    border: 1px solid #ccc5c5;
    line-height: 1.2;
    align-items: center;
    padding: 2px;
    border-radius: 5px;
    text-align: left;
    border: 1px solid #92b874;
    margin-bottom: 0.5em;
	
}
.this_week .rpinner{
  position: relative;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  z-index: 0;
}
.ribbon {
  width: 150px;
  height: 150px;
  width: 80px;
  height:70px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px; width: 150px;
  padding: 15px 0; padding: 0 0;
  background-color:#92b874;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 10px;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px; top: 25px;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 767px) {
.this_week .rpinner{
	overflow-x: auto;
    height: auto;
}
.this_week ul {
    padding: 0 15px;
    /*margin: 0;*/
	width: 1000px;
}
.this_week ul li {
    /*width:100%;*/
}

@media (max-width: 767px){
	.wp-block-latest-posts li{ width:100%; }
	.wp-block-search .wp-block-search__input{     width: 70.333333%; }
	.wp-block-search .wp-block-search__button { width: 29.666667%;     padding: 0; }
}