/*
Theme Name: Yangs ID
Description: This is a child theme for Parent Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* General CSS */

.font-quattrocento { font-family: "Quattrocento Sans", sans-serif !important; }
.text-white { color: #fff; }
.yangs-dark-brown { color: #38250a; }
.yangs-gold { color: #ab9b78; }
.yangs-beige { color: #f2f0eb; }
.yangs-beige-background { background-color: #f2f0eb; }
.text-normal { font-weight: 400 !important; }
.text-bold { font-weight: 600; }
.text-italic { font-style: italic; }

.yangsid-gold-button { 
	font-weight: 600; color: #fff; background-color: #ab9b78; padding: 7.5px 30px; border-radius: 25px; 
	transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s }
a.yangsid-gold-button:hover, .yangsid-slider-gold-button:hover {
    color: #fff; box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%); }

h2.large-title { font-size: 32px; }
h3.medium-title { font-size: 30px; }

p.title-tagline { font-size: 18px; margin-bottom: 0; }

@media screen and (min-width: 769px) {
	h2.large-title { font-size: 38px; }
}

.max-400-width { 
	max-width: 400px; margin-left: auto !important; margin-right: auto !important; }
.max-768-width { 
	max-width: 768px; margin-left: auto !important; margin-right: auto !important; }
.max-920-width { 
	max-width: 920px; margin-left: auto !important; margin-right: auto !important; }
.max-1080-width { 
	max-width: 1080px; margin-left: auto !important; margin-right: auto !important; }

.without-margin-bottom { margin-bottom: 0 !important; }
.small-margin-bottom { margin-bottom: 10px !important; }
.medium-margin-bottom { margin-bottom: 20px !important; }

.image-with-border-radius img { border-radius: 25px; }

@media only screen and (max-width: 767px) {
	.mobile-center { text-align: center; }
	.mobile-only { display: block; }
	.desktop-only { display: none; }
}
@media only screen and (min-width: 768px) {
	.mobile-only { display: none; }
	.desktop-only { display: block; }
}

/* Header */
.transparent .header-main { height: 90px !important; }
.transparent #logo img { max-height: 90px !important; }
@media (max-width: 549px) { 
	.transparent #logo img { max-height: 60px !important; }
}
ul.nav-social-section li.nav-social-icon {
    display: inline-block; width: auto; padding: 0; }
ul.nav-social-section li.nav-social-icon:not(:last-child) { margin-right: 5px; }
ul.nav-social-section li.nav-social-icon a { padding: 0 !important; }
li.nav-social-icon img { max-width: 25px; }

/* Footer */
.back-to-top { bottom: 55px; }
.back-to-top:hover {
    background-color: #ab9b78; border-color: #ab9b78; }

/* Gravity Forms */
#gform_submit_button_1 { 
	border:0; background-color: #ab9b78; padding: 7.5px 30px; border-radius: 25px; text-transform: none; line-height: 1; }
#gform_fields_1 input, #gform_fields_1 select, #gform_fields_1 textarea {
    border-radius: 25px; padding-left: 15px; font-size: 16px; }
#gform_fields_1 textarea { height: 195px; }

/* Single Project */
.single-project-header { text-align: center; }
h1.single-project-title { font-size: 42px; }
.single-project-masonry { max-width: 100%; }
.single-project-masonry-featured-item, .masonry-sizer, .single-project-masonry-item { width: 100%; }
@media screen and (min-width: 467px) {
	.masonry-sizer, .single-project-masonry-item { width: 50%; }
}
@media screen and (min-width: 769px) {
	.single-project-masonry-featured-item { width: 66.66%; }
	.masonry-sizer, .single-project-masonry-item { width: 33.33%; }
}
.single-project-masonry-inner { padding: 10px; }
.single-project-masonry-inner img { width: 100%; border-radius: 25px; }

/* Single Blog Post */
.single-post .entry-meta .byline { display: none; }

/* Blog */
.blog h6.entry-category, .blog .entry-meta .byline { display: none; }
.badge-outline .badge-inner { color: #ab9b78; }
.badge-inner { background-color: #ab9b78; }
.has-hover:hover .badge-outline .badge-inner {
    background-color: #ab9b78; border-color: #ab9b78; } 
.page-wrapper, .large-12.col { padding-bottom: 0; }

#gform_fields_1 input, #gform_fields_1 textarea {
    background-color: #f2f0eb; color: #38250a; }
#gform_submit_button_1 { margin-left: auto; margin-right: auto; }

ul.get-in-touch-section { list-style: none; }
li.get-in-touch-icon { display: inline-block; }
li.get-in-touch-icon:not(:last-child) { margin-right: 15px; }
li.get-in-touch-icon img { max-width: 30px; }
.new-footer{
	/*display: ruby-text;*/
	display: block;
	padding-bottom: 40px;
}
#second-footer{
	margin-top: 40px;
}
@media screen and (max-width: 769px) {
   .new-footer{
	display: block;
	text-align: center;
 padding-top: 40px;
 padding-bottom: 0px;
}
}
ul.breadcrumb {
  padding: 10px;
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
}
#blog-breaad{
	margin-top: 25px;
}
#post-list{
	margin-top: -80px;
}
ul.breadcrumb{
	padding-bottom: 0px;
}
#bread-project{
	margin-top: 20px;
}
.page-wrapper{
	padding-top: 10px !important;
}
.entry-content{
	padding-top: 5px;
}
.blog .breadcrumb{
	padding-bottom: 15px;
}
.page-id-20 main{
	overflow: hidden;
}
.page-id-10 , .page-id-8{
	overflow: hidden;
}