/*
Theme Name: Nordskills
Theme URI: https://mohdchauhan.com
Author: Mohd. Chauhan
Author URI: https://mohdchauhan.com
Template: hello-elementor
Description: Custom child theme created for Hello Elementor theme.
Version: 1.0.0
Text Domain: nrdsklls
*/
/*-----------------------------------------------------------
# Custom Styles
--------------------------------------------------------------*/
/*iPhone phone number bug fix---------*/
a[href^=tel] { color: inherit !important; text-decoration: none !important; }
/*
section {
    @include mx.border-right-radius(20px);
    background-color:red;
}
div {
    @include mx.rotate(45deg);
    background-color:red;
    @include mx.transition(all 100ms linear 0s);
}
.element {
  @include mx.triangle(up-right, 50px, grey, true, before) {
    background-color: red;
  }
}
.element2 {
    @include mx.position(absolute,0,0,null,null);
}
.element3 {
    background-color: mx.tint(#ff0000, 30%);
}
.element4 {
    background-color: mx.shade(#ff0000, 30%);
}
.element5 {
    @include mx.browser-selection(black, white);
}

@include mx.dec-outline(2px solid black);

.element6 {
    @include mx.resp(height, 10px, 20px, 30px, 40px, 50px);
}*/
/*-----------------------------------------------------------
# Navigation
------------------------------------------------------------*/
#navmenu a:hover, #navmenu a:focus, #innavmenu a:hover, #innavmenu a:focus { color: white; background-color: rgba( 255, 255, 255, .1 ); }
#navmenu .menu-item, #innavmenu .menu-item { border-color: rgba( 255, 255, 255, .1 ); }
#navmenu .sub-menu-open, #innavmenu .sub-menu-open { border-top: 1px solid rgba( 255, 255, 255, .1 ); }
#navmenu .sub-menu-open .hfe-sub-menu-item,
#innavmenu .sub-menu-open .hfe-sub-menu-item { background-color: rgba( 255, 255, 255, .1 ); border-top: 1px solid rgba( 255, 255, 255, .1 ); }
#navmenu .hfe-has-submenu-container > a:hover,
#navmenu .hfe-has-submenu-container > a:focus,
#innavmenu .hfe-has-submenu-container > a:hover,
#innavmenu .hfe-has-submenu-container > a:focus { color: white; background-color: rgba( 255, 255, 255, .1 ); }
#navmenu .hfe-menu-toggle, #innavmenu .hfe-menu-toggle { font-size: 22px; }
@media screen and (min-width: 768px) {
 #navmenu, #innavmenu { width: 100%; }
}
@media screen and (min-width: 1025px) {
 #inhdr { position: relative; z-index: 99; }
 #logotp1, #logotp2 { position: relative; }
 #logotp1 > img, #logotp1 > a img, #logotp2 > img, #logotp2 > a img { position: absolute; top: 0; left: 0; }
 #navmenu ul.hfe-nav-menu, #innavmenu ul.hfe-nav-menu { margin-right: 0; }
 #navmenu ul.hfe-nav-menu > li a.hfe-menu-item,
 #innavmenu ul.hfe-nav-menu > li a.hfe-menu-item { padding-top: 25px; padding-bottom: 25px; }
 #navmenu a:hover, #navmenu a:focus, #innavmenu a:hover, #innavmenu a:focus { color: white; background-color: #aed463; }
 #navmenu .hfe-has-submenu-container > a:hover,
 #navmenu .hfe-has-submenu-container > a:focus,
 #innavmenu .hfe-has-submenu-container > a:hover,
 #innavmenu .hfe-has-submenu-container > a:focus { color: white; background-color: #aed463; }
}
@media screen and (max-width: 1024px) {
 #homehdr .elementor-widget-image, #inhdr .elementor-widget-image { padding-bottom: 5px; border-bottom: 1px solid #eee; }
 #logotp1, #logotp2 { text-align: center; }
}
/*-----------------------------------------------------------
# Section - Human Nature Relationship
------------------------------------------------------------*/
.tedit a { text-decoration: none !important; }
.tedit a:hover, .tedit a:focus { color: #333 !important; }
/*-----------------------------------------------------------
# Section - Contact Us
------------------------------------------------------------*/
#form1wrp { max-width: 700px; }
#form1wrp .wpforms-field-label { color: white; }
#form1wrp button.wpforms-submit { border-radius: 30px; background-color: #3a6534; padding: 10px 30px; font-size: 20px; }
/*-----------------------------------------------------------
# Inner page styles
------------------------------------------------------------*/
.page-template-default #page { min-height: 100vh; display: flex; flex-direction: column; }
.page-template-default #page > footer { margin-top: auto; }
.page-template-default main#content { width: 100%; max-width: 870px; margin-left: auto; margin-right: auto; }
.home.page-template-default main#content { max-width: 100%; }