/*
Theme Name: Indio Child
Theme URI: 
Author: Dragan
Author URI: 
Description: This is child theme for Indio
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: indio
Text Domain: indio-child
Tags: 
*/

/* -- Ri-Graphics.com -- */

/* -- Text-wrap: balance; -- 

h1 {

text-wrap: balance;
}*/

/* -- Navigation Link -- */

.wp-block-navigation-item.is-style-underline a::after {
	background-color: currentcolor;
	bottom: 0;
	content: '';
	height: 0.5px;
	left: 0;
	position: absolute;
	transition: width 0.5s ease;
	width: 0;
}

.wp-block-navigation-item.is-style-underline a:hover::after {
	width: 100%;
}


/* -- Read More Button Post Style -- */

.read-more-post-button {
	
	max-width: 107px !important;
}

.read-more-post-button a:hover  {
	
	max-width: 107px !important;
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}


/* -- Post Title Style -- */

.post-title {

	text-wrap: balance;
}

.author-link a {

	text-decoration: none !important;
}

/* -- Stripe Above Headline -- */

.get-in-touch {
	max-width: 265px !important;
}

.who-we-are {
	max-width: 175px !important;
}

.our-values {
	max-width: 170px !important;
}

.who-we-serve {
	max-width: 710px !important;
}


/* -- Buttons Hover Color -- */

.button-hover a:hover {
	
	/* background-color: var(--wp--preset--color--contrast) !important;
		color: var(--wp--preset--color--base) !important;*/
		
	background-color: #e3a82a !important;
	
}

.button-footer-hover a:hover {
		
	background-color: var(--wp--preset--color--base) !important;
	
}

/* -- Logo Image Focus Color -- */

.featured-image a:focus,
.logo-link a:focus {
	border-color: var(--wp--preset--color--contrast) !important;
	outline: 1px solid var(--wp--preset--color--contrast) !important;
}

/* -- Forms -- */

input,
select,
textarea {
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: var(--wp--custom--line-height--medium);
	width: 100%;
}

input:not([type="submit"]):focus,
textarea:focus {
	border-color: var(--wp--preset--color--contrast) !important;
	outline: 1px solid var(--wp--preset--color--contrast) !important;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--x-small);
	opacity: 0.5;
}


/* -- Category Block Style -- */

.category-block {
	list-style-type: none !important;
	padding-left: 0 !important;
	font-size: 18px !important;
}

.category-block a {

	text-decoration: none !important;
}

.category-block a:hover {

	color: var(--wp--preset--color--contrast) !important;
}

/* -- Footer Links -- */

.footer-links a {

	text-decoration: none !important;
}

.footer-links a:hover {

	color: var(--wp--preset--color--primary) !important;
}






/* -- Navigation Submenu -- */

.wp-block-navigation__submenu-container {
	min-width: 220px !important;
	padding: 10px !important;
}

/* -- Remove links -- */

.remove-links a {

text-decoration: none;
}

/* -- Big Numbers on Keeping Clients Happy Since 2015. -- */

.number  {
	
	font-size: 100px !important;
	background: linear-gradient(180deg, #fdbb2f, #c7c8f6) !important;
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* -- Adding Padding to Ninja Forms -- */

.nf-field-container {
    margin-bottom: 10px;
}

/* -- Mail Chimp Signup Form -- */

#mc_embed_signup {
    background: var(--wp--preset--color--neutral) !important;
	font-family: var(--wp--preset--font-family--inter)!important;
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: var(--wp--custom--font-weight--light) !important; 
 
 
}

#mc_embed_signup form {

    margin: 0 !important;
	
}

.indicates-required {
    display: none !important;
}


.mc-field-group input {
    background-color: var(--wp--preset--color--base) !important;
    border: 1px solid var(--wp--preset--color--contrast) !important;
    border-radius: 0 !important;
	padding: 10px 15px !important;
}

#mc_embed_signup .button {
	
    background-color: var(--wp--preset--color--contrast) !important;
    border-radius: 0 !important;
	font-weight: 300 !important;
	padding-top: 10px !important;
	padding-bottom: 36px !important;
	margin: 10px 5px 10px 0 !important;
	height: 26px !important;
    line-height: 26px !important;
}


#mc_embed_signup .mc-field-group {

    width: 100% !important;
    padding-bottom: 5px !important;
 
}


#mc_embed_signup .mc-field-group input {

    text-indent: 0 !important; 
}

.refferal_badge {
    display: none !important;
}


/* -- Highlight Text - Yellow Bottom Stripe... -- */

.highlight-text {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.highlight-text::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #fdbb2f;
    z-index: -1;
}


/* -- Ninja Form - Home Page - Get My Free Proposal Form -- */

#nf-field-16 {
    padding: 13px 10px !important;
	line-height: var(--wp--custom--line-height--medium) !important;
	background-color: var(--wp--preset--color--base) !important;
	border-color: #000 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

#nf-field-12,
#nf-field-13,
#nf-field-14,
#nf-field-15,
#nf-field-16,
#nf-field-17
 {
	font-size: 16px !important; 
	font-weight: 400 !important;
	border: none !important;	
	background: transparent !important;
    border: 1px solid rgba(0,0,0,0) !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
}

#nf-field-17 {
	height: 100px;
}

#nf-field-12:focus,
#nf-field-13:focus,
#nf-field-14:focus,
#nf-field-15:focus,
#nf-field-16:focus,
#nf-field-17:focus
 {
	background-color: #fff !important;
	
	outline: none !important;
	
	border: 1px solid #000 !important;

}


#nf-field-12::placeholder,
#nf-field-13::placeholder,
#nf-field-14::placeholder,
#nf-field-15::placeholder,
#nf-field-17::placeholder,
#nf-label-field-17::placeholder {

	opacity: 1 !important;
	font-weight: 400 !important;
	font-size: 16px !important; 
}

#nf-field-18 {

	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	padding: 12px 36px !important;
}


.button-proposal {

background-color: #fdbb2f !important;
color: #000 !important;

}

.button-proposal-container {

padding-top: 30px !important;

}

/*
.button-proposal:hover {

background-color: #000 !important;
color: #fff !important;
}*/



/* -- Ninja Form - Request A Quote Form -- */

#nf-field-29,
#nf-field-30,
#nf-field-31,
#nf-field-32,
#nf-field-33,
#nf-field-34,
#nf-field-35,
#nf-field-36 {

	font-size: 16px !important; 
	font-weight: 400 !important; 
}

#nf-field-29::placeholder,
#nf-field-30::placeholder,
#nf-field-31::placeholder,
#nf-field-32::placeholder,
#nf-field-33::placeholder,
#nf-field-34::placeholder,
#nf-field-35::placeholder,
#nf-field-36::placeholder {

	opacity: 1 !important;
	font-weight: 400 !important;
	font-size: 16px !important; 
}

#nf-field-33,
#nf-field-35 {
    padding: 13px 10px !important;
	line-height: var(--wp--custom--line-height--medium) !important;
	background-color: var(--wp--preset--color--base) !important;
	border-color: #000 !important;
    border-width: 1px !important;
    border-style: solid !important;
	

}




#nf-field-34 {

        height: 100px;
}



#nf-field-19 {

	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	padding: 12px 24px !important;
}


.button-proposal:hover {

background-color: #000 !important;
color: #fff !important;
}



/* -- Anti-spam - Check -- */

#nf-field-36-wrap {

padding-top: 10px !important;
}

#nf-label-field-36 {
	
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0px !important;
}



#nf-description-36 {
	margin-top: -5px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}


/* -- Ninja Form - Contact Form -- */

#nf-field-21,
#nf-field-22,
#nf-field-23,
#nf-field-24,
#nf-field-25,
#nf-field-26,
#nf-field-27,
#nf-field-28 {

	font-size: 16px !important; 
	font-weight: 400 !important; 
}

#nf-field-21::placeholder,
#nf-field-22::placeholder,
#nf-field-23::placeholder,
#nf-field-24::placeholder,
#nf-field-25::placeholder,
#nf-field-26::placeholder,
#nf-field-27::placeholder,
#nf-field-28::placeholder {

	opacity: 1 !important;
	font-weight: 400 !important;
	font-size: 16px !important; 
}


#nf-field-26 {
    padding: 13px 10px !important;
	line-height: var(--wp--custom--line-height--medium) !important;
	background-color: var(--wp--preset--color--base) !important;
	border-color: #000 !important;
    border-width: 1px !important;
    border-style: solid !important;
}



#nf-field-27 {

        height: 100px;
}



#nf-field-20 {

	text-transform: capitalize !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	padding: 12px 36px !important;
	border-radius: 5px !important;
}


.button-proposal:hover {

background-color: #000 !important;
color: #fff !important;
}



/* -- Anti-spam - Check -- */

#nf-field-28-wrap {

padding-top: 10px !important;
}

#nf-label-field-28 {
	
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0px !important;
}



#nf-description-28 {
	margin-top: -5px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}





/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 600px) {

	/* -- Header -- */

	.has-motion .site-header {
		background-color: var(--wp--preset--color--base) ;
		position: sticky ;
		top: 0 ;
		transition: all 0.5s ease-in-out ;
		z-index: 1000 ;
	}
	
	.has-motion body.scroll-down .site-header {
		transform: translateY(-100%) ;
	}
	
	.has-motion body.scroll-up .site-header {
		transform: translateY(0);
	}

}


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

/* Utility
--------------------------------------------- */
	

.is-style-hidden-mobile {
	display: none !important;
}
	
	
.highlight-text::after {
        height: 5px !important;
}

.signup-text {
	font-size: 24px !important;
}


.work-together {
		padding-top: 30px !important;
        padding-left: 25px !important;
		padding-right: 25px !important;
}

.define-icon {
	font-size: 50px !important;
}

.define-text {
	font-size: 22px !important;
}

.serve-text {
	font-size: 20px !important;
}

.mobile-reverse-column-direction {
        flex-direction: column-reverse;
    }
	
	

}