/* ===================================================================================

* Theme Name: Choicy Child
* Theme URI: https://themexriver.com/wp/choicy
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: Digital Marketing Agency WordPress Theme
* Version: 2.0.0
* Template: choicy
* Text Domain: choicy-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of choicy updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.blog-details-content .main-img {
  height: 100% !important;
}

.blog-details-content{
	text-align: center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	padding: 50px;
}

.wp-post-image{
	max-width: 700px !important;
}

.post-share-option{
	display:none;
}

.chy-blog-3-item-meta{
	display: none;
}

.chy-subtitle-3{
	display: none;
}

#panel-offer .content-wrap
{
	display:none;
}

#panel-offer .col-xl-4 {
	padding: 0px;
}


#panel-offer img {
	height: auto !important;
}

#panel-offer .img-cover{
	height: auto !important;
}

#instagram-container
{
	background-color: white;
	border-radius:10px;
}


#instagram-container:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-45deg, #ff3d00 0%, #3502ff 100% );
    transform: translate3d(2px, 12px, 0) scale(0.98);
    filter: blur(21px);
    opacity: var(0.31);
    transition: opacity 0.3s;
    border-radius: inherit;
}

#instagram-container::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

/* Shop listing */

#shop-container{
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap; 
  gap: 20px;
  justify-content: center;
  margin-top : 50px;
  padding-bottom : 50px;
}

.shop-panel{
  flex: 0 1 315px; 
  box-sizing: border-box;
}

.shop-item-thumbnail {
  position: relative;
  overflow: hidden;
  max-height: 500px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: black 1px solid;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 100%;
}

.shop-item-thumbnail .wp-post-image{
  width: 100% !important;
  height: 170px;
  object-fit: cover;
}

.shop-item-thumbnail h3{
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  font-size: 26px;
  height: 50.6px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.5px;
}

#main-shop-container{
  margin-top: 50px;
}

.search-container {
  width: 100%;
  max-width: 1360px;
  margin: 20px auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.search-input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
	border: 1px solid #FF6200;
}

.alphabet {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.alphabet span {
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #FF6200;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 10px;
}


.alphabet span:hover {
  background-color: #ddd;
}

.alphabet span:hover {
  background-color: #ddd;
}

.alphabet .selected {
  font-weight: bold;
  background-color: #ddd;
}

.tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 20px;
}


.tags span {
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #FF6200;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 10px;
}

.tags span:hover {
  background-color: #ddd;
}

.tags .selected {
  font-weight: bold;
  background-color: #ddd;
}

.shop-item-link{
  -moz-box-align: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  -moz-box-pack: center;
  justify-content: center;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom : 15px;
  margin-top: 15px;
}



/* Page */

.fix{
  text-align: left;
}


.chy-pr-btn-4{
	color : white !important;
}

.current_page_item a {
  color: white !important;
}

.menu-item a:hover{
	 color: white !important;
}

.menu-item-object-page a{
	color: black !important;
}

.menu-item-object-custom a{
	color: black !important;
}

.chy-main-menu-3 .main-navigation .navbar-nav li a::after {
  background: #FFF;
}

.chy-pr-btn-4{
	text-transform : none;
}

.transform-none{
	text-transform : none !important;
}

#panel-app{
	background-image: linear-gradient(to top, #ff4175 -40%, #ffbe58);
	/*height: 500px;*/
}

#panel-app-phone{
	width: 1300px;
  margin-top: -130px;
}

#panel-news img {
	 height: auto !important;
}

#panel-news .img-cover {
	height: auto !important; 
	padding-bottom: 20px;
}

.panel-app-baseline{
	font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6{
	text-transform : none !important;
}

.tag{
  text-align: center;
  font-size: 0.8em;
  margin-top: -30px;
	color: white;
}

.shop-item-link-a{
	background-color: #ff6200;
  text-align: center; 
	color: white !important;
	padding : 7px;
	font-size: 0.8em;
}

#panel-review .comment {
	font-size : 20px;
}

#panel-review .chy-testimonial-4-item:after {
	background: #FF6200;
	 opacity: 0.5;
	width: 400px;
	height: 400px;
}

#newsletter-button{
	background-color : #FF6200;
	color : white;
	padding : 5px;
	padding-left : 50px;
	padding-right : 50px;
}

#newsletter {
	border: #FF6200 solid 1px;
	padding: 5px;
}

.nl-title h2{
	font-size: 60px;
  font-weight: 800 !important;
  font-family: var(--urbanist)  !important;
}

.txSticky-header{
	border-bottom: 0px !important;
}

.our-products .post-details-content
{
	text-align: center;
}

.chy-header-3-area{
	border-bottom: 4px solid #121212;
}

.name-wrap .name
{
	font-size: 20px;
}

.chy-footer-3-contact a
{
	text-transform : none !important;
}

.chy-footer-3-social{
	text-align: center;
}

p.elementor-size-default
{
	font-weight: lighter !important;
}

.fullpage-menu-inner{
	background-color: #ff6f00;
}

#menuToggle2{
	margin-right: 30px;
}

#panel-app img {
	margin-top: 30px;
}

#menu-item-3208 a{
	color: black !important;
}

.chy-pr-btn-4::after{
	background-color: white !important;
}

.chy-pr-btn-4:hover{
	background-color: #ff6f00 !important;
	color: black  !important;
}

#panel-app-desktop img {
	margin-top: -60px !important;
}

@media screen and (min-width: 900px) {
  #panel-app{
		height: 450px;
	}
	
	
}

@media screen and (max-width: 770px) {

	#panel-app-desktop img{
		margin-top: 0px !important;
	}
	
	#alphabetContainer{
		display: none;	
	}
	
	#tagsContainer{
		margin-top: 10px;
	}
	
	.panel-offer .col-md-6{
		flex: 0 0 auto;
    	width: 50%;
	}
	
	h1{
		 font-size: 30px;
	}
	
	.tx-logo img{
		width: 130px !important;
	}
	
	.img-cover img{
		width: 100% !important;
	}
	
	.chy-services-2-work img {
		max-width: 150px;
	}
}



.elementor-element-d374507{
	height: 437px !important;
}

.force-400{
	width : 400px !important;
}

.blog-details-area p{
	text-align: justify;
}