/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 24, 2019, 4:37:53 PM
    Author     : chenry
*/

    *{
        box-sizing: border-box;
    }


    body, html{
       
        margin:0px;
        font-family:'Lato', sans-serif;
        font-size:18px;
        color:#3E3935;
        line-height:1.5;
    }
    
    
   
    
     body{
        margin:70px auto 0 auto;
        /*padding-top:123px;*/
    }
    
    a{
        cursor:pointer;
    }


    h1,h2,h3,h4,h5,h6{
        margin:0;
    }
    

    .section-title{
        font-size:2.2rem;
    }
    
    
    button{
        all:unset;
        color:white;
        text-align: center;
        min-width:200px;
        max-width: 400px;
        border-radius:4px;
        padding:12px;
        font-size:.8rem;
    }
    
    .basic-link,
    .basic-link:visited{
        text-decoration:none;
        -webkit-text-decoration:none;
        color:inherit;
    }
    
    .blue-link,
    .blue-link:visited{
        text-decoration:none;
        -webkit-text-decoration:none;
        color:#0091FF;
    }
    
    .blue-link:hover{
        text-decoration:underline;
        color:#005299;
    }
    
    .orange-link,
    .orange-link:visited{
        text-decoration:none;
        -webkit-text-decoration:none;
        color:#FF9E16;
        font-weight:700;
    }
    
    
    .orange-link:hover{
        text-decoration:underline;
        color:#ff6c0c;
    }
    
    summary:focus{
        outline:none;
    }
    
    
    #mobile-nav{
        width:100%;
        background-color:#3E3935;
        color:#FFF;
         top:0px;
        position:fixed;
        z-index:999;
        transition:.25s all ease-in;
        box-shadow: 0 10px 30px -9px black;
    }
    
    #mobile-nav ul{
        list-style:none;
        padding:0;
    }
    
    #mobile-nav li{
        border-bottom:2px solid #707070;
        font-weight:bold;
        padding:.5rem 0;
        text-align:center;
        font-size:.8rem;
    }
    
    #mobile-nav li>details{
        background-color: #707070;
        
    }
    
   
    #mobile-nav li>details>summary{
        padding:.5rem 0;
        background-color:#3e3935;
    }
    
    #mobile-nav li>details li{
        text-align:left;
        padding: 0 .5rem;
        margin:.5rem 0;
    }
    
    #mobile-nav a,
    #mobile-nav a:active,
    #mobile-nav a:visited{
        color:#FFF;
        text-decoration:none;
        -webkit-text-decoration:none;
    }

    #inner-mobile-nav{
        position:relative;
        padding-bottom:52px;
        overflow:scroll;
        height:375px;
    }
    
    #desktop-orange-nav{
        display:none;
    }
   
    #desktop-orange-nav li{
        margin-left:1rem;
    }
    
    #desktop-orange-nav a,
    #desktop-orange-nav a:visited
    {
        color:#FFF;
        text-decoration:none;
        -webkit-text-decoration:none;
    }

   
    
    
    #desktop-nav{
        display:none;
        background-color:white;
        width:100%;
        box-shadow: 0 10px 30px -9px black;
        height:79px;

    }
    
    #desktop-nav li:hover>a,
    #desktop-nav li a:active{
        color:#0091FF !important;
    }
    
    .force-blue-hover:hover,
    .force-blue-hover:active{
        color:#0091FF !important;
        
    }
    
    #desktop-nav a,
    #desktop-nav a:visited{
        color:#3E3935;
        text-decoration:none;
        -webkit-text-decoration:none;
    }
   

    #desktop-nav .nav-links-container > li{
        height:100%;
        position:relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #desktop-nav .nav-links-container > li:after{
        content:'';
        position:absolute;
        bottom:0px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 10px solid #0091ff;
        opacity:0;
        transition:.25s all ease-in;
    }
    
    #desktop-nav .nav-links-container>li:hover:after{
        opacity:1;
    }
    


    #desktop-nav > .nav-links-container{
        font-size: 0.7rem;
        display: flex;
        justify-content:space-between;
        align-items:center; 
        flex-grow:1; 
        padding:0 1rem;
        margin:0 2rem;
    }
    
    #desktop-nav > .nav-links-container > li{
     flex-grow:1;   
    }
    
    

    
    #desktop-nav > .nav-links-container > li:hover .desktop-sub-nav-container{
        display:block;
    }
    
    .desktop-sub-nav-container {
        display:none;
        border-top: 6px solid #0091FF;
        background-color: #FFF;
        position: absolute;
        top: 100%;
        width: 100%;
        min-width:250px;
        padding:1rem;
        font-size:.6rem;
        
    }
    
    .desktop-sub-nav-container ul{
        padding:0 .5rem;
    }
    
    .desktop-sub-nav-container li{
        margin:.5rem 0;
    }
    
    
    .desktop-sub-nav{
        padding:0;
        list-style:none;
        display:flex;
        flex-direction:column;
    }
    
   
   
   
   
   
    .desktop-sub-nav span{
        font-weight:700;
    }
    
    .desktop-sub-nav li{
        align-self:flex-start;
        position:relative;
    }
    
    .nav-selection{
        cursor:pointer;
        list-style:none;
        background:url('/wp-content/uploads/2019/10/icon-bullet.png') left center no-repeat;
        padding-left:20px;
    }
    
    /*.nav-selection:after{
        content:'';
        position:absolute;
        width:0%;
        bottom:0;
        left:0;
        height:2px;
        background-color:#ff6c0c;
        transition:all .25s ease-out ;
    }*/
    
    .nav-selection:hover:after{
        
        width:100%;
    }
    
     .desktop-sub-nav ul {
        list-style:none;
        
    }
    

   #become-a-client-button{
        width:calc(100vw - 90%);   
        text-align: center;
        font-size: .7rem;
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: center;
        background-color:#0091FF;
        color:#FFF !important; 
        cursor:pointer;
    }
    
    #become-a-client-button:hover{
        background-color:#005290;
    }
    
    
    #search-button{
        width:calc(100vw - 95%);
    }
    
    
    #search-input-container{
        position:absolute;
        width:0;
        transition:all .5s ease-in;
        height:100%;
        right:calc(100vw - 85%);
        overflow:hidden;
        z-index:1000;
    }
    
    
    
   .active-search{
        width:85% !important;
        
    }
    
    .search-result-wrapper{
        position:relative;
        padding:1rem;
    }
    
    
    .search-result-wrapper:after{
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        border: 1px solid #3E3935;
        top:0;
        left:0;
        right:0;
        bottom:0;
        border-radius:4px;
        opacity:0;
    }
    
    .search-result-wrapper:hover:after{
        opacity:1;
    }
    
    
    .search-result,
    .search-result:visited{
        color:inherit;
        text-decoration:none;
        -webkit-text-decoration:none;
    }

    #left-column-wrapper>article{
        margin:0 0 1rem 0;
        max-width: 1150px;
        font-size:18px;
        
    }
    
    
   #left-column-wrapper > article > p{
        margin:0 auto 1rem 0;
        padding:0 1rem;
        color:#3E3935;
    }
    #left-column-wrapper > article h2{
        margin-bottom:.5rem;
        padding:0 1rem;
        color:#3E3935;
        font-size:1.1rem;
    }
   
    
    .btn{
        cursor:pointer;
    }
    
    .btn-blue{
        background-color:#0091FF;
        color:#FFF;
    }
    
    .btn-orange{
        color:#FFF;
        background-color:#FF9E16;
    }
    
    .btn-orange:hover{
        background-color:#ff6c0c;
        
    }

    .btn-arrow{
        fill:#1F355E;
        width:20px;
        transition:all .5s;
        flex-grow:0;
        flex-shrink:0;
    }

    .btn-arrow-white{
        fill: #FFF;
        width: 20px;
        transition: all .5s;
    }


    .btn-round{
        background-color: white;
        height: 50px;
        width: 50px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1rem;
        color: #0091FF;
    }

   
    .wrapper{
        overflow:hidden;
        position:relative;
        width:100%;
        max-width:2000px;
        margin:0 auto;
    }


    .inner{
        max-width:1200px;
        margin:0 auto;
        position:relative;
        padding:16px;
        width:100%;
    }
    
    /*.inner p{
        margin:0 auto 2rem auto;
        padding:0 .5rem;
    }*/

  

    .form-input{
        height:1.5rem;
        display:block;
        width:100%;
    }
    
    #breadcrumb{
        font-size:.6rem;
        margin-top:1rem;
    }

    .form-textarea{
        background-color:#E5E5E5;
        border:none;
    }
    
    .form-label{
        font-size:.7rem;
    }

    .form-label > span{
        color:#ff6c0c;
    }
    
    .hero-content{
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    
    .hero-content-speaker{
        display:flex;
        flex-wrap:wrap;
        position:relative;
        align-items:center;
    }
    
   
    
   article > p > img{
        width:100%;
        max-width:700px;
    }
    
    .service-tile-container{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        max-width:1032px;
        margin:0 auto;
    }

     .service-tile{
        position:relative;
        width: 320px;
        height:110px;
        background-color:#FFFFFF;
        font-size:1rem;
        margin:.5rem auto;
        border: 1px solid #00487F;
        border-radius:4px;
        box-shadow:#bbbbbb 1px 1px 11px 2px;
        align-items:center;
        transition:all .5s;
    }

    .service-tile a{
        display:flex;
        width:100%;
        height:100%;
        padding:.75em;
        align-items:center;
        color:#00487F;
        justify-content:space-between;
        text-decoration:none;
        -webkit-text-decoration-skip:objects;
        transition:all .5s;
    }

    .service-tile a:visited,
    .service-tile a:active{
        color:#00487F;

    }

    .service-tile > h4{
        flex-grow:1; 
    }


    .service-tile:after{
        content:'';
        opacity:0;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        color:#0091FF;
        z-index:-1;
        transition:all .5s;
    }

    .service-tile:hover a{
        background-color:#00487F;
        color:#FFF;
    }

    .service-tile:hover:after{
        opacity:1;
        box-shadow:2px 2px 11px 6px;
    }

    .service-tile:hover .btn-arrow{
        fill:#FFF;       
    }
    
    .btn-arrow{
         flex-grow:0;
         flex-shrink:0
    }
    
    
    #sidebar{
        display:none;
        min-width:300px;
    }

    #sidebar-request-a-quote,
    #sidebar-request-a-speaker{
        font-size:.75rem;
        display:flex;
        background-color:#F2F5FA;
        flex-direction:column;
        justify-content:center;
        max-width: 350px;
        margin: 0 0 auto auto;
        padding:1rem;
        margin-bottom:1rem;
    }

  
    
    .orange-metric-summary-container{
        background-image: linear-gradient(#ff6c0c, #ff9e16);
        color:white;
        width:100%;
        padding:.8rem 1.5rem;
        margin: 1rem auto;
    }

    .orange-metric-summary-container p{
        margin:0;
        color:white;
        font-size:.8rem;
        font-weight:bold;
    }
    
    
    .blue-metric-summary-container{
        margin: 1.6rem auto .5rem 0;
        position:relative;
        background-color:#EDF7FF;
        width:100%;
        padding:1rem 1.5rem 1rem 2.2rem;
        color:#00487F;
    }

    #breadcrumb-container{
        margin-bottom:3rem;
    }
          
    #breadcrumb-container ul{
        list-style:none;
        display:flex;
        font-size:.6rem;
    }

    #breadcrumb-container li{
        margin-right:.5rem;
    }

    #left-column-wrapper{
        flex-grow:1; 
    }
   
    footer{
       width:100%;
       padding:1rem;
       justify-content:space-around;
       color:white;
       background-color:#1F355E;
       font-size:.916rem;
       
   }

   footer ul{
       list-style:none;
       padding:0;
   }

   footer li+*{
       margin-top:.5rem;
   }
   
   footer li{
       display:flex;
       align-items:center;
   }
   
   #footer-link-columns{
       display:flex;
       flex-direction:column;
       margin-bottom:1rem;
   }

   #footer-copyright{
       display:flex; 
       justify-content:center;
       flex-direction: column;
       text-align: center;
       font-size:.5rem;
       
   }
   
   #footer-update-link{
       transform-origin:center;
       position:relative;
   }
   #footer-update-link:after{
       content:'';
       position:absolute;
       bottom:0;
       width:0;
       background-color:#ff6c0c;
       height:2px;
   }



   
            
     @media(min-width:768px)
     {
       
         #sidebar{
             display:block;
             margin: 0 0 auto auto;
         }
         
         #left-column-wrapper{
             width:50%;
         }
         
         .service-tile{
             margin:.5rem;
         }
        
        
        
     }

     @media(min-width:1024px){
        
         body,html{
              font-size:24px;
         }
        
         body{
             margin:139px auto 0 auto;
         }
         
          .lg-hero-content{
            min-height:640px;
            }
            
            
         #sidebar{
             width:30%;
             flex-grow:1;
             display:block;
             max-width:500px;
             margin: 0 0 auto auto;
             align-self:flex-start;
             padding-right:3rem;
         }
         
         #sidebar > *{
             margin-bottom:1.5rem;
         }
         
          #sidebar-request-a-quote,
         #sidebar-request-a-speaker{
             margin: 0;
         }
        

         #mobile-nav{
             display:none;
             
         }
         
        
          .blue-metric-summary-container{
              width:93%;
          }
         
         #nav-spacer{
             width:100%; 
             height:47px;
         }
         #left-column-wrapper > article > *:not(.full-width)
         {
             padding: 0 3rem;
         }
         
         #left-column-wrapper > article > ul{
             padding-left:5rem !important;
         }
        

         footer{
             flex-direction:row;
             padding:1rem;
         }
         
         #footer-link-columns{
             flex-direction:row;
             justify-content:space-around;
         }
         
         #desktop-nav{
             display:flex;
             position:relative;
         }
         #desktop-orange-nav{
             display:block;
         }
         
         #footer-copyright{
             display:flex; justify-content:space-between; 
         }
     }