/*
/*
Theme Name: 	   Chromax child
Text Domain: 	   chromax
Version:            1.0.11
Tested up to:       6.8
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/chromax-free/
Description:        Chromax is lightweight, highly extendable and multi-purpose WordPress Theme. Chromax is perfect for Startup, IT Solutions, IT Business, Agencies, Marketing, Consulting and Services Company related to any business websites. Chromax based on in-depth research into IT Solutions, IT Services, IT Business, Consulting & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks. It will enable you to create almost any type of website with a beautiful & professional design. Chromax supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Chromax Pro demo https://preview.desertthemes.com/pro/chromax/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.

Template: chromax
*/


@import url("../chromax/style.css"); 



/*move menu right */



/* disable pointer on link above logo with message */

.dt_header-topbar > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > aside:nth-child(1) > div:nth-child(1) > div:nth-child(2) > h6:nth-child(1) > a:nth-child(1) {
  pointer-events: none;
  cursor: default;
}

/*change background  color of bar above logo*/
.dt_header-topbar > div:nth-child(1) {
background-color: #09162a;
}

.dt_navbar-nav {
	margin-left: 380px;
	}

/*remove breadcrumbs on homepage*/
.page-id-200 #dt_pagetitle {display: none;}



/* Widen breadcrumbs on other pages*/
.dt_pagetitle .dt_pagetitle_bgimage {
  left: 0px;
  right: 0px;
  border-radius: 0px;
}

/*remove other side breadcrumbs title */
.dt_pagetitle_bigtitle {
display: none;
}

/*change color of percent number on homepage*/
.skill-bar-percent {
color: #000;
}

/*reduce size of 10 years on left side of homepage*/
@media only screen and (max-width: 767px) {
 
 /*h2 {
font-size: 2.6rem;

}*/

/*increase celebrating 10 years on homepage next to profile*/
.panel-widget-style-for-200-1-0-0 > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
font-size: 31px;
}

/*reduce size of bouncing message in footer*/
.bounce-text {
font-size: 24px !important;
}


/* reduce size around contact form on homepage*/

#content .container {
  padding-top: 5px;
  padding-bottom: 5px;
}


}

/*awards title font color*/
.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-clean-skin) .ctl-story.odd .ctl-title {
color: #ff5d00;
}
.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-clean-skin) .ctl-story.even .ctl-title {
color: #ff5d00;
}



/*make image hove on homepage a lil tranparent*/
.oxi-image-hover-wrapper-7 .oxi-addons-row .oxi-image-hover-caption-tab {
background: rgba(0, 0, 0, 0.5) !important;
}

.oxi-image-hover-wrapper-8 .oxi-addons-row .oxi-image-hover-caption-tab {
background: rgba(0, 0, 0, 0.5) !important;
}

.oxi-image-hover-wrapper-9 .oxi-addons-row .oxi-image-hover-caption-tab {
background: rgba(0, 0, 0, 0.5) !important;
}

/*accordian spoiler on homepage*/
.su-spoiler-style-default > .su-spoiler-title {
background-color: #ff5d00;
padding: 13px;
padding-left: 21px;
}

/*bullet on accordian spoiler on homepage*/
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
padding-top: 6px;
}


/*change background color of accordian on projects page */
.page-id-10  .su-spoiler-style-default > .su-spoiler-title {
background-color: #09162a;
color: #fff;
}

/*change font color of accordian on projects page */
.page-id-10  .su-spoiler-style-default > .su-spoiler-content {
color: #000;
}

/*begining of contact form on contact page css*/
.one-half:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > input:nth-child(1) {  
background-color: tranparent;  
color:#000;}

/*change boder color of name*/
.text > span:nth-child(2) > input:nth-child(1) {
	border: 1px solid #fff;
	border-bottom: 1px solid #000;}

/*remove name label*/
.page-id-18  .columns:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > label:nth-child(1) {display: none !important;}

/*remove name label*/
.text > label:nth-child(1) {display: none !important;}

/*change boder color of name*/
.wpcf7-tel {  
background-color: tranparent; 
 color:#000; 
 border: 1px solid #fff;
 border-bottom: 1px solid #000;
 }
 
 .wpcf7-email {	  
 background-color: tranparent;  
 color:#000;  
 border: 1px solid #fff;
 border-bottom: 1px solid #000;
 }
 
 
 /*place line under all fields in form*/
 .cf7-smart-grid.has-grid .wpcf7-form-control:not(img) {
border-bottom: 1px solid #000;
}
 
 .wpcf7-form-control { 
 /*   background-color: red; */ 
 color: #000;
 }
 
 input.wpcf7-form-control:nth-child(2) 
 {background-color: tranparent;}
 
 /*remove email label*/
 .email > label:nth-child(1) 
 {display: none !important;}
 
 /*remove text area label*/
 .textarea > label:nth-child(1) {
	 display: none !important;
 }
 
 textarea.wpcf7-form-control {
	 border: 1px solid #fff;
	 border-bottom: 1px solid #000;
	 }
	
	
/*remove phone number lable*/
	 .tel > label:nth-child(1) {
		 display: none !important;
		 }
		 

/*  */

.wpcf7-email {
  border: 1px solid #fff;
  border-bottom: 1px solid #000;
}

/* */

.container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > input:nth-child(1) {
  border: 1px solid #fff;
  border-bottom: 1px solid #000;
}



.wpcf7-tel {
  border: 1px solid #fff;
  border-bottom: 1px solid #000;
}



#wpcf7-cf7sg-form-contact-us {
	line-height: 2.5;
	font-size: 17px;}
	
	/*change submit background-color on contact us page*/
.page-id-14	input.wpcf7-form-control:nth-child(2) {
background-color: #09162a;
}

/*remove name lable on contact form*/
 .container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > label:nth-child(1) {
display: none;
}

/*remove phone number lable on contact form*/
.container:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > label:nth-child(1) {
display: none;
}


	
/*end of contact form on contact page css*//*reduce size of footer 10 years anniversary*/



.dt-footer-slug h3 {
	font-size: 4.5rem;
	}
	
/*change background color of footer animation side*/	
.dt_footer--one {
background-color: #09162a !important;
}

	/* Basic Style */