/* Custom styles to add to style.css
Authored By: Nichelle Fair
5-5-15
*/

/*section._breadcrumb ._breadcrumb_list ul li {border-right: 1px solid #333; padding: 0 10px;}
section._breadcrumb ._breadcrumb_list ul li:last-child {border-right:0;}*/
/*need to delate all <span class="pipe">*/



 /*=====================GLOBAL CLASSES=====================================================*/

/* .slideshow_outer .slide_2 ._panel a,  .slideshow_outer .slide_3 ._panel a, .slideshow_outer .slide_4 ._panel a, .slideshow_outer .slide_5 ._panel a {
  font-size: 20px;
  position: absolute;
  bottom: 5px;
  right: 30px;
}
 .slideshow_outer .slide_1 ._panel a {
   font-size: 20px;
  position: absolute;
  bottom: 28px;
  right: 30px;
 }*/


/*section .btn-wrap {
  position: relative;
  height: 90px;
}*/
._sidebar .btn-wrap{
  position:relative;
  height:40px;
}
.btn-wrap > a {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
}
h2 {margin-bottom:20px;}
/*fixes the ex-lg space between header and copy*/
.text-wrap {  position: relative;top: 40px;} 
.a_unit .image i {
  background-color: #cdcccc;
  color: #fff;
  padding:5px 10px;
  position: absolute;
  top:0;
  right: 0;
}
/*add this class around p.text-center to align buttons in home and sidebar modules to the bottom of the div*/
	/******************************
	  Section page images
	******************************/	
	/*these are for all of the images on each section index page*/
.services .bucket_right .col-image{background-image:url(../img/section.headers/bg_services.png)}
.solutions .bucket_right .col-image{background-image:url(../img/section.headers/bg_solutions.png)}
.resources .bucket_right .col-image{background-image:url(../img/section.headers/bg_resources.png)}
.customers .bucket_right .col-image{background-image:url(../img/section.headers/bg_customers.png)}
.company .bucket_right .col-image{background-image:url(../img/section.headers/bg_company.png)}

/*changes font-size and adds top and bottom margin to all mobile CTA buttons*/
@media screen and (max-width: 992px) {
.container .btn-primary, .modal .btn-primary {font-size: 18px;  margin: 10px 0;}
.expandables ul li .description { margin: 0 0 0 29px!important;}
.expandables ul {margin:0;}
.services .bucket_right .col-image,.solutions .bucket_right .col-image,.resources .bucket_right .col-image,.customers .bucket_right .col-image,.company .bucket_right .col-image
 {background-image: none;  width: 3%}
}


/*thickened vertical line*/

.quote_outer{border-left:4px solid #900;margin:0 0 30px;padding-left:30px}
.quote_outer p{font-size:28px;font-style:italic;line-height:normal;margin:0 0 20px}
.quote_outer p.attribution{font-size:22px;font-style:normal;margin:0}

/*thicken left vertical bar*/
.quote_outer{border-left:4px solid #900;margin:0 0 30px;padding-left:30px}

	/******************************
	   List - Horizontal
	******************************/	
.list_horizontal { overflow:hidden; zoom:1; margin:0 0 30px; }	
.list_horizontal ul { margin:0; list-style:none; }
.list_horizontal ul li { float:left; margin:0 10px 0 0 ; }
.list_horizontal ul li.last { margin:0; }			
.list_horizontal ul li span { margin:0 0 0 10px; }

/*add the code to fix the overlap of nav at 1200px and larger screens*/

@media screen and (min-width:1200px) {
.navbar-default ._nav .navbar-collapse .navbar-nav>li>a {
  color: #069;
  font-family: Roboto,sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 22px;
}
.benefit-copy {font-size: 14px;font-weight: bold;margin-top: 1%;}

/*use to decrease all spaces between paragraphs*/
.main_content p {margin-bottom:20px;}

/*makes all images aligh at the top of content description, in sidebar*/
.bucket_right_flat a img {margin-top: 5px;}

/*adds another div to correct margin spacing*/
.quote_wrap {margin: 32px 0;}
.quote_outer {margin-bottom:0;}
.quote_outer + p {margin-left:35px;}
.quote_outer > p {margin-bottom: 10px;}

/*code to indent bulleted p in dropdown on index.php pages*/
.expandables ul li .description {
  margin: 0 0 0 29px!important;
 }

 /*=====================MAIN-NAV=====================================================*/

}
section._breadcrumb .quick_links ul {  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;border-bottom: 1px solid #ccc;}
.navbar-nav >li >.dropdown-menu {margin-top: -1px;}
@media screen and (max-width: 767px) {
.navbar-default ._nav .navbar-collapse {
   -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
  border-bottom: 1px solid #ccc;
 }
 /*for topleveldomain nav*/
#tld_nav .tagline img {width: 23%;}
#tld_nav .logo img {width: 70%;}

  .main_content .most_popular  h3 {margin-left:0;}
 .most_popular .resource_set > div:first-child {margin-left: 0;}
}
#alt-nav{padding-bottom:25px;margin-bottom:40px;}




 /*=====================HOME PAGE=====================================================*/


@media screen and (max-width: 640px){
/*.slideshow_outer .slide ._panel {
  padding: 24px 20px;}*/
  .slideshow_outer .slide ._panel h2 {font-size: 20px;/*width: 95%;margin:0 auto;*/}
}
/*=====================CONTACT PAGE=====================================================*/
.glyphicon-map-marker { top:2px;color:#BC4F47!important;}
.contact h3 {margin: 0 0 15px;}
.contact-wrap {margin-bottom: 35px;}
.contact-hr	{  margin-top: 10px;
  margin-bottom: 35px;
  border: 0;
  border-top: 1px solid #e4e4e6;}
 /*=====================SIDE PROMO=====================================================*/ 
/*.img_margin { padding-top:8px;
	}*/
/*=====================FOOTER STYLES=====================================================*/ 
/*#whois_footer #footer {padding-bottom: 0;}

#whois_footer .connect {background: #fff;border-top: 1px solid #ccc;}
*/
#footer .contact-num i, #footer .social-div i {color: #fff;font-weight: normal;margin:5px;}
#footer .contact-num .icon-wrap {position: relative;}
#footer .contact-num .icon-wrap .fa-pencil-square-o {color:#999;position: absolute;  bottom: 0;
  left: 6px; font-size: 1.3em;}
#footer .connect {
  padding: 9px 0 15px 0;
}
#footer .connect input {
  width: 100%;
  }
    #footer .connect .col-whois {float:right;}
  #footer .connect .col-whois h4 {text-align: left;}
/*#footer .connect > div:first-child {padding-left:30px;}*/
/*#footer .connect > div:last-child {margin-top:35px;}*/
#footer .connect h4 {
  color: #fff;
  display: block;
  float: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  height: auto;
  margin: 0;
  text-transform: uppercase;
}

  .ftr_whois {text-align:right;float:right;}
  
 
@media screen and (max-width:767px) {
   .contact .contact-wrap p > a[href^="mailto:"] {font-size: 1em!important;}
  #footer .connect {padding:0;}
#footer .links{text-align: center;}
#footer .connect .col-whois h4{
  color:#999;

}

#footer form {margin-top: 20px;}
.contact-num {margin-bottom:20px;}
#footer .connect a.social.twitter{
  margin-right: 24px;
  margin-left: 15px;

}

#footer .connect a.social.phone{
  margin:0;
}
#footer .connect a.social.form{
  margin:0 0 0 20px;
}
.ftr_whois {text-align:center;}

}
.ftr_links {margin-left:0;}
.ftr_links li {display: inline;border-right: 1px solid #999; padding: 0 10px;}
.ftr_links li a, .ftr_whois {color: #666;font-size: 14px;}
.ftr_links li:last-child {border-right:0;}
.ftr_links li:first-child {padding: 0 10px 0 0;}
.ftr_links > li > ul > li {border:0;}

.ftr_links > li > ul {
  position: absolute;
  top: 80%;
  left: 25px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
}

@media screen and (max-width: 479px) {
.ftr_links > li > ul {
  position: absolute;
  left: 55px;

}

} 

 /*=====================GTLD PAGE=====================================================*/
     @media screen and (max-width:845px){
 #mobile-top {margin-top: 25px;}
 .contact .contact-wrap p > a[href^="mailto:"] {font-size: 14px;}
}
.gtld_headers {
  background: #f3f4f8;
  }

/*=====================MOBILE LANDING PAGE=====================================================*/ 
.mobile .keys_wrap {margin-top:45px;}
        .mobile .keys_wrap p {font-size: 1.2em;}
        .mobile .keys_btn span {text-transform: uppercase;}
        
        .mobile section.grey {background: #e4e4e4;overflow: hidden;padding-bottom: 20px;}
        .mobile .icon_set .home_icon_large {margin:0;}
        .mobile .icon_set .home_icon_large.what {
          background-image: url('../img/mobile/key.02.png');
        }
        .mobile .icon_set .home_icon_large.who {
          background-image: url('../img/mobile/key.03.png');
        }
        .mobile .icon_set .home_icon_large.why {
          background-image: url('../img/mobile/key.01.png');
        }
        .mobile .mobile_panel {text-align: center;margin:24px auto 0;max-width: 85%;padding-bottom: 20px;padding-top: 20px;}
        .mobile .a_unit.a_unit_1 .image{background-image: url('../img/mobile/ad.01.png');}
        .mobile .a_unit.a_unit_2 .image{background-image: url('../img/mobile/ad.02.png');}
        .mobile .a_unit.a_unit_3 .image{background-image: url('../img/mobile/ad.03.png');}
        .mobile .grey h3 {margin-bottom: 30px;color:#900; font-size: 1.5em;font-weight:400; }
        .mobile .grey h4 {font-size: 1em; font-weight: bold;  margin: 0 auto;max-width:55%; line-height: 1.25em;color:#666;}

        @media screen and (max-width: 640px) {
        .mobile .icon_set h4 {font-size: 16px;}
        .mobile .keys_wrap {text-align: center;}
        }

/*=====================SEARCH ENGINE STYLES=====================================================*/ 
.search h1 {margin-top:25px;}
.navbar-default ._nav .navbar-collapse .row > div .search_form_outer .go_search {
  background-image: url('../img/icons/search_sprite.png');
  display: block;
   float: right; 
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  text-indent: -1000em;
  width: 39px;
  background-position: 0 -72px;}

  @media screen and (max-width: 767px) {
    .career-img img {margin-bottom:2%;}
.navbar-default .search_form_hidden .search_form_hidden_inner .go_search {
  background-image: url('../img/icons/search_sprite.png');
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  height: 36px;
  text-indent: -1000em;
  width: 39px;
  background-position: 0 -72px;
}
.navbar-default .search_form_hidden .search_form_hidden_inner .input_holder {
  background: #ffffff;
  border: 1px solid #acacac;
  border-right: 0;
  display: block;
  height: 36px;
  width: 100%;
}

/*=====================SUBLEVEL PAGES=====================================================*/ 
@media screen and (max-width: 991px) {
.a_unit .overlay .headline p {
  font-size: 19px;
  line-height: normal;
  }

}