/*---------------------------------------------------------------------------------

 Theme Name:   Digital Transformation
 Theme URI:    https://www.qigroup.com/
 Description:  Smart. Flexible. Beautiful. Child Theme created for QNET Afghanistan Site
 Author:       The WordPress Army
 Author URI:   https://www.qigroup.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/




/*-- Body Reset --*/
body .et_pb_section {
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
  color: #616971;
	line-height: 1.5em;
font-weight: 400;
font-size: 20px;
}
body .et_pb_section a {
  color: #172E6A;
}
body .et_pb_section p a {  
  text-decoration: underline;
}
.et_pb_section h1, 
.et_pb_section h2, 
.et_pb_section h3, 
.et_pb_section h4, 
.et_pb_section h5, 
.et_pb_section h6 {
  color: #172E6A !important;
  font-family: 'Montserrat', sans-serif;
}
.et_pb_button.et_pb_contact_submit {
	background: #172E6A;
	border-color: #172E6A
}
.et_contact_bottom_container {
	float: left;
}

#ftr-pages.et_pb_section h3 {
	font-size: 24px;
	color: #000000 !important;
}


.et_pb_section h2 {
  font-weight: bold !important;
}

.et_pb_section p, .et_pb_section ul li {
  font-family: 'Montserrat', sans-serif;
}

/*Login Page*/
body.login #login h1 a {
	height: auto;
	width: 200px;
	background-size: 200px
	}

/*Form defaults*/

.form-control, .gform_wrapper form input:not(.ginput_container_checkbox input), 
.gform_wrapper form select,
.gform_wrapper form textarea, 
#password-lost-form-wrap input, 
#password-lost-form-wrap .lostpassword-submit button {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.gform_wrapper form label, #password-lost-form-wrap label {
    color: #fff;
    font-family: 'Montserat', sans-serif;
    font-size: 20px !important;
    margin-bottom: 0;
	font-weight: 400 !important;
}

.gform_wrapper form input, 
.gform_wrapper form select,
.gform_wrapper form textarea, 
#password-lost-form-wrap input {
    border-radius: .5rem;
    min-height: 3rem;
    color: #172E6A;
    font-weight: 600;
}
.form-page .form-box .gfield_checkbox input {
	margin-top: 5px
}

.gf_login_links a {	
    font-size: 20px !important;
}
/*FORGOT PASSWORD*/
body .gform_footer .gform_button, 
#password-lost-form-wrap .lostpassword-submit button {
	cursor: pointer!important; 
	background-color: #172E6A !important;
    border-color: #172E6A !important;
	color:#fff !important
  }
  
  #password-lost-form-wrap legend {display: none;}
#password-lost-form-wrap .somfrp-lost-pass-form-text {    
    font-size: 1rem;
    line-height: 1.3em;
    margin-bottom: 1rem;
    color: #172E6A;
    text-align: left;
}
#password-lost-form-wrap .som-password-sent-message {
	background: none;
	padding-bottom: 1rem;
	text-align: center;
}

#password-lost-form-wrap .som-password-sent-message:not(.som-password-error-message) {	
	border-color: #172E6A;
}

#password-lost-form-wrap .som-password-sent-message:not(.som-password-error-message) span {
	color: #172E6A !important;
}

#password-lost-form-wrap .som-password-sent-message.som-password-error-message, 
#password-lost-form-wrap .som-password-sent-message.som-password-error-message span {
	color: #dd3333 !important;
}


/*SignUp Welcome*/
#content.widecolumn {
	max-width: 1440px;
width: 80% !important;
margin: 0 auto !important;
display: block !important;
padding: 5rem !important;
text-align: center;
}


/*LOGGED IN*/

/*.logged-in #et-top-navigation {*/
/*    padding-top: 33px !important;*/
/*}*/
/*.logged-in .menu_cta,*/
/*.logged-in #signup, .logged-in #header_banner .et_pb_button_module_wrapper {*/
/*	display: none !important;*/
/*}*/
/*.logged-in .form-page .et_pb_code_inner p {*/
/*	text-align: center;*/
/*	color: #172E6A;*/
/*}*/
/*#top-menu li.d-none {display: none !important}*/
/*#top-menu li.loggedin-user {text-align: center}*/
/*#top-menu li.loggedin-user span {*/
/*	color: #172E6A !important;*/
/*	font-size: 20px;*/
/*	}*/
/*li.loggedin-user a.logout-user, */
/*#top-menu li a.logout-user {*/
/*	color: #f79f53 !important;*/
/*	}*/



/*NAVIGATION BAR*/

#main-header, #main-header.et-fixed-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.3) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.3) !important;
}

/*#et-top-navigation {*/
/*	padding-top: 1rem !important;*/
/*}*/

/*#top-menu li, #top-menu li a {
    font-size: 20px;
}*/


.menu_cta {
    border-radius: .5rem;
    transition: all .3s 0s;
	width: 9.8rem;
	text-align: center;
}

.menu_cta a,
.et-fixed-header ul#top-menu li.menu_cta a:hover {
    padding: .5rem 1rem !important;
    color: #fff !important;
}

.menu_cta:hover {
    /*transform: scale(1.1);*/
    /* transition: all .2s 0s; */
	transition: ease-in-out .2s 0s;
}
.menu_cta.login-btn {
    margin-right: .5rem;
	background: transparent;	
}
.menu_cta.login-btn a {
	color: #172E6A !important;
}
.menu_cta.login-btn:hover a, .et-fixed-header .menu_cta.login-btn:hover a {
	color: #fff !important;
	border: none;
}
.menu_cta.signup-btn {
	background-image: linear-gradient(to bottom, #172E6A, #F69F53);
	border: none
}
.menu_cta.signup-btn:hover, .et-fixed-header .menu_cta.signup-btn:hover {
	background: #F69F53;
}
 
.et-fixed-header ul#top-menu li.menu_cta.signup-btn a {
	color: #fff !important;
}

#et-top-navigation .menu-item::after{
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: transparent;
  transition: width .3s;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: -20px;
	margin-bottom: 20px;
  animation: ease;
}
#et-top-navigation .menu-item:hover:not(.menu-item.menu_cta)::after  {
  background: #172E6A;  
  animation: ease-in-out;
  width: 50%;
}





/*HEADER BANNER*/
#header_banner h1 {
	font-size: 36px
}
#header_banner h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.3em;
}

/*TWO COLUMN*/
.two-column-image .et_pb_row .text-column {
	
}

/*FAQS*/
.faq-accor .et_pb_accordion_item {
	padding: 25px;
}
.faq-accor .et_pb_toggle_title::before {
   content: "\33";
   transition: all .3s ease-in-out;
	font-size: 3rem !important;
	right: 0 !important;
	color: #172E6A;
	font-weight: bold !important;
}

.faq-accor .et_pb_toggle_open .et_pb_toggle_title::before {
	display: block !important;
      content: "\33";
   transition: all .3s ease-in-out;
	font-size: 3rem !important;
	right: 0 !important;
	color: #172E6A;
	font-weight: bold !important;
   transform: rotate(180deg);
}


/*SIGN UP*/
/*error message*/
.et-pb-contact-message * {
	color: #ca2020 !important;
}
/*add labels above the form input fields*/
.et_pb_contact_form label.et_pb_contact_form_label {
display: block !important;
  font-weight: normal;
color: #fff;
margin-bottom: .25rem;
}
/*hide the extra label*/
.et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    display: none;
}
/*make placehold text same color as field background*/
.et_pb_contact_form ::-webkit-input-placeholder {
color: #eee !important;
}
.et_pb_contact_form.my_contact :-moz-placeholder {
color: #eee !important;
}
.et_pb_contact_form ::-moz-placeholder {
color: #eee !important;
}
.et_pb_contact_form :-ms-input-placeholder {
color: #eee !important;
}


/*FOOTER SECTION*/
#main-footer .widget_media_image, #main-footer .widget_media_image img {
	margin: 0 auto;
    margin-bottom: 0px;
display: block;
text-align: center;
float: none;
	max-width: 200px;
}

#et-footer-nav {
	padding-bottom: 5rem;
	border-bottom: 1px solid #fff;
	width: 80%;
	background: transparent;
	margin: 0 auto;
}
#et-footer-nav li a {
	font-size: 14px;
	font-weight: 400;
	color: #fff !important;
}
#footer-widgets .footer-widget {
	margin-bottom: 0
}



/*FOOTER BOOTOM*/
#footer-bottom {
	font-size: 14px;
	background-color: transparent;
}
/* Center the Footer Menu in DIVI */
.bottom-nav {
float: none!important;
text-align: center!important;
}

/* Center the Bottom Bar in DIVI */
#footer-info {
width: 100%;
margin:0 auto;
text-align: center!important;
}


/* Remove meta data */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }
article .post-meta, .et_pb_post .post-meta {display: none}



/* Adjust the margin of the social links DIVI */
@media only screen and (min-width: 981px) and (max-width: 1280px) {
	#main-header > .container {
		width: 95%;
		max-width: 100%;
	}
	#top-menu li {
		padding-right: 12px;
	}
	#top-menu li a {
		letter-spacing: 0;
		font-size: 18px;
	}
	
	#about .et_pb_row .et_pb_column:first-child .et_pb_module, 
	.two-column-image .et_pb_row .et_pb_column:first-child .et_pb_module {
		max-width: 80%;
	}
	#products .et_pb_row .et_pb_column:last-child .et_pb_module {
		max-width: 80%;
	}
	#footer-bottom .et-social-icons { margin-bottom:-28px;
	}
}/*END OF 981-1280*/
@media screen and (max-width: 980px) {
    #et-top-navigation .menu-item::after {
        display: none !important;
    }
}
@media only screen and (max-width: 480px) {
.et_pb_section h2 {
  font-size: 28px !important;
}
.et_pb_section h3 {
  font-size: 22px !important;
}
.et_pb_section h4 {
  font-size: 20px !important;
}
.et_pb_section p, .et_pb_section li {
font-size: 15px;
line-height: 1.7em;
}

	.et_pb_section .et_pb_toggle_title {
		font-size: 16px;
line-height: 1.3em;
	}	
	
#header_banner {
  text-align: center;
}

#header_banner h1 {
  font-size: 28px !important;
}
	.faq-accor .et_pb_toggle_open .et_pb_toggle_title::before, .faq-accor .et_pb_toggle_title::before {
		font-size: 2rem !important;
	}
	
/*SignUp Welcome*/
#content.widecolumn {
width: 100% !important;
margin: 0 auto !important;
display: block !important;
padding: 5rem 1rem !important;
text-align: left;
font-size: 18px !important;
}
	
}/*END OF 480*/