/*
 Theme Name:   Wireless Nation
 Description:  Child theme of Divi
 Template:     Divi
*/
/*@import url("../Divi/style.css");*/

/* Variation description */
.wn_variation_descriptions #wn_variation_25500 {
    display: block;
}

/* General */

.container,
.et_pb_row,
.et_pb_slider .et_pb_container,
.et_pb_fullwidth_section .et_pb_title_container,
.et_pb_fullwidth_section .et_pb_title_featured_container,
.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
    width: 90%;
}

#page-container {
    overflow: hidden;
}

.et_pb_row {
    z-index: 9;   
}

#et-top-navigation .et-cart-info {
    display: none;
}

.et_header_style_left .logo_container {
    display: table;
    position: static;
    padding: 10px 0 15px;
}

.logo_container .logo-link {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    float: left;
}

.header-search-form {
    display: table-cell;
    width: 300px;
    margin-left: 30px;
    vertical-align: bottom;
}

.header-search-form input {
    border: 1px solid #000;
    width: 100%;
    padding: 5px 12px;
    font-size: 16px;
    color: #4b4b4b;
}

/* Footer */
#et-footer-nav .container {
    display: none;
}

#main-footer span.el-social-icon {
    font-size: 22px;
    font-weight: 500;
    font-family: 'ETModules';
    color: #ffffff;
    margin-right: 22px;
}

#main-footer .el-icons {
    display: flex;
    margin-top: 10px;
}

#footer-widgets .footer-widget li:before {
    position: absolute;
    top: 9px;
    left: 0;
    border-width: 0px;
}

#footer-widgets .footer-widget li {
    padding-left: 0px;
}

#main-footer h4.title {
    color: #ffffff;
    line-height: 1.4rem;
    letter-spacing: 1px;
    font-size: 19px!important;
}

#main-footer a {
    font-size: 16px;
    color:#ececec!important;
}

#main-footer .et_pb_widget ul li {
    margin-bottom: .3em;
}

#main-footer {
    background-color: #4a4a4a;
}

#main-footer .container {
    position: relative;
    width: 82%!important;
    max-width: 82%!important;
    margin: auto;
}

#main-footer .et_pb_widget {
    float: initial;
    margin-top: -25px;
}

#footer-info, #footer-info a {
    color: #ececec!important;
    font-size: 12px!important;
}

#footer-widgets {
    border-bottom: 1px solid #ffffff;
}

.footer-widget .widget_media_image img {
    -webkit-filter: saturate(0)brightness(100);
    -moz-filter: saturate(0)brightness(100);
    -ms-filter: saturate(0)brightness(100);
    filter: saturate(0)brightness(100);
}

#footer-info {
    float: none;
}

.footer-credits-right {
     float: right;   
}

.footer-credits-right a {
     font-weight: normal !important;   
}

.portal-link {
    line-height: 1.4rem;
    letter-spacing: 1px;
    font-size: 19px !important;   
    font-weight: bold;
    font-family: 'Karla',Helvetica,Arial,Lucida,sans-serif;
}

/* Media Queries */

@media screen and (min-width: 981px){
	
	.myhub-mobile {
		display: none !important;
	}
    
    /* Navigation */
    .et_header_style_centered #et-top-navigation,
    .et_header_style_centered #top-menu,
    .et_header_style_centered nav#top-menu-nav {
        float: left;
    }
    
    #et-top-navigation {
        border-top: 1px solid #000;
        width: 100%;
        padding-left: 0 !important;
    }
    
    #top-menu-nav,
    #top-menu {
        width: 100%;
    }
    
    .nav li,
    .nav li li.right-menu {
        position: static;
    }
    
    #et-secondary-nav .menu-item-has-children > a:first-child,
    #top-menu .menu-item-has-children > a:first-child {
        padding-right: 25px;
    }
    
    #et-secondary-nav .menu-item-has-children > a:first-child:after,
    #top-menu .menu-item-has-children > a:first-child:after {
        font-size: 26px;
    }
    
    #top-menu > .menu-item-has-children:hover > a:after {
        content: "2";
    }
    
    #top-menu > .menu-item-has-children li > a {
        position: relative;
    }
    
    #top-menu > .menu-item-has-children li > a:before {
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 1px;
        content: '';
        transition: all 300ms ease;
    }
    
    #top-menu > .menu-item-has-children li.menu-item-has-children > a:before,
    #top-menu > .menu-item-has-children li.logo-menu-item > a:before {
        content: none;
    }
    
    .urban-menu-item:hover > a:after,
    .urban-menu-item .menu-item-has-children:hover > a:after {
        color: #ff0038;
    }
    
    #top-menu > .urban-menu-item li:hover > a:before {
        background: #ff0038;
        width: 100%;
    }
    
    .rural-menu-item:hover > a:after,
    .rural-menu-item .menu-item-has-children:hover > a:after {
        color: #a9c941;
    }
    
    #top-menu > .rural-menu-item li:hover > a:before {
        background: #a9c941;
        width: 100%;
    }
    
    .business-menu-item:hover > a:after,
    .business-menu-item .menu-item-has-children:hover > a:after {
        color: #0074cd;
    }
    
    #top-menu > .business-menu-item li:hover > a:before {
        background: #0074cd;
        width: 100%;
    }
    
    .lifestyle-menu-item:hover > a:after,
    .lifestyle-menu-item .menu-item-has-children:hover > a:after {
        color: #00b3aa;
    }
    
    #top-menu > .lifestyle-menu-item li:hover > a:before {
        background: #00b3aa;
        width: 100%;
    }
	
	 #top-menu > .new-drpdown-menu-item li:hover > a:before {
        background: #2c3067;
        width: 100%;
    }
    /*
    .nav > li > ul {
        display: none;
        top: calc(100% + 1px);
        left: -20px;
        border-top: none;
        box-shadow: none;
        width: 100%;
        padding: 0;
    }
    
    .nav > li:hover > ul {
        display: block;
    }
    
    .nav > li > .sub-menu:before {
        position: absolute;
        top: -1px;
        left: -9999px;
        border-bottom: 1px solid #ddd;
        background: #fff;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05) inset;
        width: 99999999px;
        height: 100%;
        content: '';
    }
    
    #top-menu li li {
        padding: 0 20px 0 0;
    }
    */
    #top-menu li li {
        padding: 0;
    }
    
    #top-menu li li a {
        padding: 12px 20px;
		width: 240px;
    }
	
	.nav li ul {
    padding: 0;
	}
    
	.nav li li:not(:last-child) {
    border-bottom: 1px solid rgb(0,0,0,0.1);
	}
	
	.resources-menu-item {
		padding-right: 22px !important;
	}
	
    #top-menu li li:not(.right-menu) .sub-menu li {
        width: 100%;
        padding: 0 10px;
    }
    
    #top-menu li li:not(.right-menu) .sub-menu a {
        width: 100%;
        padding: 10px 0;
    }
    
    #et-info-email:hover,
    #et-secondary-menu > ul > li > a:hover,
    #top-menu-nav > ul > li > a:hover {
        opacity: 1;
    }
    
    .sub-menu .sub-menu {
        top: 100%;
        left: 0;
        border-top: none;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05) inset;
        padding: 5px 0;
    }
    
    .sub-menu .right-menu .sub-menu {
        top: 50%;
        left: auto;
        right: 0;
        border-top: 0;
        box-shadow: none;
        background: transparent;
		width: 300px;
        padding: 0;
        visibility: visible;
        opacity: 1;
        text-indent: 0;
        text-align: right;
        transform: translateY(-50%);
    }
    
    #top-menu .sub-menu .right-menu,
    #top-menu .sub-menu .right-menu > a {
        width: 0;
        padding: 0 !important;
        text-indent: -99999px;
        font-size: 0;
    }
    
    #top-menu ul li a:hover {
        opacity: 1;
        background: transparent;
    }
    
    #top-menu > .right-menu {
		padding: 0;
        float: right;
    }
    
    #top-menu > .right-menu > a {
        font-size: 15px;
    }
	
	.wn-help-menu-item {
        padding-right: 22px !important;
	}
    
    #top-menu .logo-menu-item {
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
        width: 120px;
        margin: 10px 0;
    }
    
    .logo-menu-item a {
        text-indent: -9999px;
    }
    
    #top-menu li .menu-item-has-children>a:first-child:after {
        top: 20px;
        right: 10px;
    }
    
    #top-menu li .menu-item-has-children:hover>a:first-child:after {
        content: "2";
    }
    
    #et_top_search {
        display: none;
    }
    
    #top-menu .mobile-help-menu,
    #top-menu .mobile-contact-menu,
    #top-menu .mobile-rural-menu-item,
    #top-menu .mobile-business-menu-item,
    #top-menu .mobile-urban-menu-item,
    #top-menu .mobile-lifestyle-menu-item {
         display: none;   
    }
    
}

@media screen and (max-width: 980px) {
    
    /* Header Menu */
    
    .menu-item-has-children,
    .mobile-help-menu,
    .mobile-contact-menu {
        margin: 0 15px;
        border-top: 1px solid #4A4A4A;
    }
    
    .mobile-contact-menu {
        border-bottom: 1px solid #4A4A4A;
    }
    
    .et_mobile_menu {
        padding: 0;
        border-top: 0;
        margin-top: 10px;
    }
    
    .et_mobile_menu li a:hover,
    .nav ul li a:hover {
        background-color: rgba(0, 0, 0, 0);
    }
    
    .et_mobile_menu li a {
        padding: 15px 0;
    }
    
    .about-menu-item,
    .wireless-menu-item {
        display: inline-flex;
        padding: 15px;
    }
    
    .about-menu-item {
         float: right;
    }
    
    .about-menu-item a,
    .wireless-menu-item a {
        max-width: fit-content;
        border-bottom: 1px solid #a61431 !important;
        padding: 0 !important;
    }
    
    .logo-menu-item {
         display: none;   
    }
    
    .et_header_style_left #logo,
    .et_header_style_split #logo {
        max-width: 140px;
    }
    /*
    .right-menu {
         display: none;   
    }
	*/
	
	.refer-menu-item,
	.myhub-mobile {
		margin-left: 15px;
	}
	
	.myhub-desktop {
		display: none !important;
	}
    
    .wireless-menu-item {
        display: inline-block;
    }
    
    .header-search-form {
        display: none;
    }
    
    .et_header_style_left #et-top-navigation,
    .et_header_style_left .et-fixed-header #et-top-navigation {
        margin-top: -90px;
    }
    
    #et_top_search {
        float: left;
        margin: 0 20px 0 0;
    }
    
    .mobile_menu_bar:before {
        color: #4a4a4a;
    }
    
    #et_search_icon:before {
        transform: rotate(270deg);
        font-weight: 900;
    }
    
    /* Footer */
    
    .footer-credits-right {
        display: block;
        float: none;
        text-align: center;
    }


}

@media screen and (max-width: 767px) {
    
    /* Typography */
    
    h4,
    h5 {
        font-size: 14px !important;
    }
    
    /* Footer */
    
    #footer-widgets .footer-widget .fwidget:last-child {
        width: 100%;
    }
    
    #footer-widgets .footer-widget:nth-child(n) {
        width: 46.25%!important;
        margin: 0 7.5% 12% 0!important;
    }
    
    #footer-widgets .footer-widget:nth-child(2n) {
        margin-right: 0!important;
    }
    
    #footer-widgets .footer-widget .fwidget {
        margin-bottom: 20% !important;
    }
    
    #main-footer h4.title,
    #main-footer a {
        font-size: 14px!important;
    }
    
    #main-footer span.el-social-icon {
        font-size: 16px;
    }
    
    #footer-info a {
        font-size: 12px!important;
    }
 
}