/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


a, a:focus {
  color:var( --e-global-color-primary );;
  text-decoration: none!important;
}
.listing .item a, .tags a  {
  color:var( --e-global-color-primary );;
}
.listing .item, .archive2 .item {
  display: flex;
  justify-content: space-between;
  font-family: 'Barlow', sans-serif;
padding: 30px 0;
border-bottom: 1px dashed var( --e-global-color-accent );
}

.listing .item .imgcontainer {
  width:350px;
  padding-right: 40px
}
.listing .item .imgcontainer img {
display: block;
max-width: 100%;
height: auto;
}
.itemcont h4 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  color:var( --e-global-color-primary );

}

.datecontainer, .togh {
  display: flex;
  width: 85%
}

.itemcont {
  width: calc(100% - 400px);
}

.datecontainer span {
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px;
  font-weight: 600;
  color: var( --e-global-color-primary );
}
.datecontainer span.today, label.date {
  background: #eded40
}

.datecontainer span.week, label.week {
  background: #f9b41d
}

.datecontainer span.month, label.month {
  background: #5fe66f
}

.loadmore {
  margin-top: 30px;
}

.loadmore a {
background: var( --e-global-color-accent );
padding: 10px;
color: #fff!important;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
input, label, .tags a {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;

  padding: 5px
}

label {
  margin-right: 10px
}

.buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.buttons .link {
  margin-bottom: 10px
}
 .link.buy {
  background:var( --e-global-color-accent );
  padding: 5px;
  border: none
}
 .link.buy a {
   color: #fff;
 }
.archive3 {


  padding: 35px
}

.nextprev, .topy {
  display: flex;
  justify-content: space-between;
}
.tagy {
  display: flex;
  padding-top: 15px
}
.tagy .link {
  margin-right: 10px
}

.cust {
  display: flex;
  align-items: center;
}
.cust  span {
  padding-left: 8px
}

.archive2 {
  font-family: 'Barlow', sans-serif;

  color: var( --e-global-color-primary )
}
.archive2 a, .archive2 a:focus, .archive2 a:hover {
  color: var( --e-global-color-primary )
}

.archive2 .imgcontainer {
  width: 350;
  padding-right: 50px
}
.archive2 .imgcontainer img {
  max-width: 100%;
  height: auto;
}

.elementor-location-header {
  min-height: 90px
}


.info_top {
display: inline-block;

	margin-bottom: 20px;

}


	.boxy, 	.boxy a {
		display: flex;
		align-items: baseline;

	}
.boxy svg {
	padding-right: 10px;
height: 15px;
width: auto;
	color: var( --e-global-color-primary )
}

.infobox {
	position: relative;
	overflow: hidden;
  font-family: 'Barlow', sans-serif;
  padding: 20px 35px 20px 20px;

}


.info_icon svg {
		fill: var( --e-global-color-accent );
		height: 20px;
		width: auto;
}
	.boxy  span {

		display: block;
	}
  	.boxy {
      line-height: 110%;
      padding: 5px 0
    }
 .info_top h4 {
    padding: 0;
    margin: 0;
    color: #000;
    line-height: 120%;
    font-weight: normal;

  }
   .info_top h4 span {
     display: inline;
     	border-bottom: 2px solid var( --e-global-color-accent )
   }
 .info_top svg {
   padding-right:8px
 }

 .info_icon {
   position: absolute;
   top: 10px;
   right: 10px;
 }

 .info_work, .info_misc {
   font-size: 12px
 }
 .info_misc span {
   padding-left: 5px;
   padding-right: 4px
 }
 .filter {
    display: flex;
    flex-wrap: wrap;
 }
 .filter > div {
   display: flex;
   flex-wrap: nowrap;
   margin: 2px 0
 }
  .filter > div input {
    margin-right: 5px;
  }

    .filter > div label {
    display: inline;
    white-space: nowrap;
    }
@media only screen and (max-width: 800px) {
  .listing .item .imgcontainer {
    width:45%;
    padding-right: 20px
  }
  .itemcont {
    width: 50%;

  }
}
@media only screen and (max-width: 580px) {
  .togh {
    width: 100%;
  }
  .item {
    flex-wrap: wrap;
  }
  .buttons {
    margin-top: 20px
  }
  .topy {
    flex-wrap: wrap;
  }

  .topy .filter, .topy .tags {
    width: 100%;
    padding:5px 0
  }
  .archive3 {


    padding: 20px 0
  }
  .itemcont h4 {
    font-size: 20px
  }
}