/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.3
*/


blockquote, dl, figure, form, ol, p, pre, ul {
  margin-bottom: 14px;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-weight: 300;
	
}
#main {
  min-height: 500px;
}
.align-center .col .col-inner {
  margin-left: auto;
  margin-right: auto;
}
.live-search-results .autocomplete-suggestions:hover {
  display: block !important;
}
.flickity-prev-next-button .arrow, 
.flickity-prev-next-button svg {
	fill:#765b50;
}
.flickity-page-dots .dot.is-selected {
  background-color: #D23A21;
}
.tagcloud a {
  border: 1px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: .8em !important;
  margin: 0 3px 5px 0;
  opacity: .8;
  padding: 2px 5px;
}
.col, .columns, .gallery-item {
  margin: 0;
  padding: 0 15px 0;
} 
.pad-bot-0{
	padding-bottom:0;
}
#main-menu .menu-item {
  font-size: 1.2rem;
}
#main-menu .sub-menu .menu-item {
  font-size: 15px;
}
 .big-txt2{
  font-size: 1.2em;
}
.slider-nav-outside {
  margin-bottom: 30px !important;
}
.slider-nav-outside .flickity-page-dots {
  bottom: -30px;
}
.flickity-prev-next-button {
  top: 50%;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}
.slider:hover .flickity-prev-next-button {
  transform: translateY(-50%) !important;
}
/*-----home----*/
.fix-box > .col-inner {
  position: sticky;
  top: 0;
  min-height:100vh;
  display: flex;
}
.flex-middle {
  display: flex;
  align-items: center;
}
.bg-stick .section-bg.fill{
	background-attachment: fixed; 	
}
.h-100, .h-100 >.img-inner {
  height: 100%;
}
.h-100>.img-inner> img {
  max-height: 100%;
  object-fit: contain;
  object-position: left;
}
.col.h-100 > .col-inner {
  height: 100%;
}
.portfolio-box-category {
  position: absolute;
  z-index: 9;
  left: 10px;
  top: 10px;
  background: rgba(249,150,21,0.9);
  color: #fff;
  opacity: 0.8;
  border-radius: 20px;
  padding: 3px 10px;
}
.portfolio-box-category:hover {
  opacity: 1;
}
.portfolio-element-wrapper .col > .col-inner,
.portfolio-element-wrapper .flickity-slider .col-inner {
  border: 1px solid rgba(213, 210, 207, 0.6);
  padding: 4px;
}
.row.half-slide{
  padding-right: 20% !important;
  padding-bottom:30px;
}
.row.half-slide .flickity-viewport{
	overflow: visible;
}
.portfolio-element-wrapper {
  overflow-x: hidden;
}
.flickity-slider> .col {
  padding-bottom: 0 !important;
}
.button.white.is-outline {
  border-color: rgba(213, 210, 207, 0.75);
}
.button.white.is-outline:hover {
  color:#D23A21 !important;
  border-color: #D23A21;
}
.left-search >.col-inner{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.post_comments.op-8.block.is-xsmall {
  display: none;
}
.info-fabric {
  margin: 10px 0;
  color: #666;
}
.info-fabric a{
	color: #666;
}
.badge.post-date.badge-square {
  border: 1px solid #eee;
}
.gallery_box li img {
  object-fit: cover;
}
.gallery_box ul li {
  border: 1px solid rgba(213, 210, 207, 0.6);
  padding: 4px;
  text-align: center;
}
.gallery_detail_box {
  text-align: center;
  width: 100%;
  padding: 0 10px 10px;
}
.gallery_box ul .gllr_detail_title {
  text-align: center !important;
}
.gallery-single .entry-header {
  display: none;
}
.gallery .gllr_image_block a img {
  height: auto !important;
}
.gllr_image_row br {
  float: left;
}
.gallery .gllr_image_block >p {
  height: auto !important;
  width: 100% !important;
}
.gllr_page_content .gallery.gllr_grid{
	column-count: 3;
  display: block;
  margin: auto;
  width: 100%;
}
.gllr_page_content .gllr_image_row{
	display: inline-block;
	
}




@media (min-width: 550px){
.gallery_box ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
 .big-txt2{
  font-size: .9em;
}
}
@media (min-width: 768px){
.row,
.container {
  width:calc(100% - 60px);
}
.row .row, 
.row.row-full-width {
  width: 100%;
}



}
@media (min-width: 850px){
 .big-txt2,
  .big-txt {
  font-size: 1em;
}
.gallery_box ul {
  grid-template-columns: repeat(3, 1fr);
}

}
@media (min-width: 992px){
.row,
.container {
  width:calc(100% - 120px);
}



}
@media (min-width: 1150px){
.max-50 {
  max-width: 50%;
}

 .big-txt2{
  font-size: 1.2em;
}
  .big-txt {
  font-size: 1.1em;
}



}
@media (min-width: 1280px){
 .big-txt2{
	font-size: 1.4em;
 }
 .big-txt {
  font-size: 1.2em;
}
.page-wrapper {
  padding-bottom: 45px;
  padding-top: 45px;
}

}
@media (min-width: 1400px){
.row,
.container {
  width:calc(100% - 60px);
}
 .big-txt2{
	font-size: 1.6em;
 }
 
}