/**
 *                 ________  __      __  _________
 *                 \______ \/  \    /  \/   _____/
 *                   |    |  \   \/\/   /\_____  \ 
 *                   |    `   \        / /        \
 *                  /_______  /\__/\  / /_______  /
 *                          \/      \/          \/ 
 *             WMS - Website Management Software (c) 2022
 *                      by Direct Web Solutions
 * 
 * Default stylesheets
 *
 *   Edit this sheet to add your own user defined styles to build your templates
 *   on. You can also use bootstrap styles instead of these templates with the
 *   bootstrap addon module to build bootstrap templates instead.
 *
 *   Table of Contents:
 * -----------------------------------------------------------------------------
 *
 *  1). Basic layout items
 *  2). Header
 *  3). Footer
 *  4). General / Shared Items
 *  5). Media Overrides
 *
 * -----------------------------------------------------------------------------
 * @category    User Defined
 * @package     WMS User Website
 * @license     https://www.directwebsolutions.ca/wms/v3/license 3.0+ License
 * @version     Release: 3.0.0
 */

/*  
    1). Basic layout items & Reset
*/
*{margin:0;padding:0;border:none;outline:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;image-rendering:auto;}
.clear,.clearfix{clear:both;}
body{font-size:14px;color:#666;line-height:1.54em;background:#1e2726;font-family:'Open Sans',sans-serif;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;image-rendering: crisp-edges;-webkit-overflow-scrolling:touch;}
a {color:#222;}
.container{max-width:1040px;margin:0 auto;padding:0 20px;}
.top{position:fixed;bottom:2em;right:2em;z-index:99;display:none;text-align:center;width:2em;height:2em;border:0.5em solid transparent;border-radius:50%;background:#222;background:rgba(10,10,10,0.5);color:#fff;}
.top:hover{cursor:pointer;background:#111;background:rgba(6,6,6,0.7);}
.top i{padding-top:7px;}
main{display:block;background:#fff;border-bottom:1px solid #fff;}
.header-spacing-fix{height:88px;}
main .error-message{max-width:720px;text-align:center;margin:0 auto;padding-top:40px;padding-bottom:70px;}

/*  
    2). Header
*/
header{z-index:10;position:fixed;width:100%;background:#fff;border-bottom:1px solid #ccc;box-shadow:0 0 4px 0 rgba(0,0,0,0.66);}
header .container{padding:10px;}
header .logo_container{float:left;}
header .logo{background:url("../images/logo.png") 0 0 no-repeat;width:163px;height:62px;display:inline-block;}
header .navigation{font-family:poppins;font-weight:600;float:right;}
header .navigation .menu{padding:0;margin:0;list-style:none;margin-top:14px;}
header .navigation .menu li{float:left;position:relative;font-weight:bold;color:#222;}
header .navigation .menu li .drop-menu{display:none;width:200px;border-radius: 0 6px 6px 6px;list-style:none;padding-top:10px;position:absolute;background:#fff;border:1px solid #cccc;border-top:none;overflow:hidden;margin-left:-1px;}
header .navigation .menu .topborder{height:1px;width:99px;background:#ccc;float:right;margin-top:-10px;margin-right:4px;}
header .navigation .menu .dropdown{border:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-1px;}
header .navigation .menu .dropdown:hover{border:1px solid #ccc;border-radius:6px 6px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
header .navigation .menu li:hover .drop-menu{display:block;}
header .navigation .menu li .drop-menu li{width:100%;box-sizing:border-box;}
header .navigation .menu li .drop-menu a{box-sizing:border-box;width:100%;}
header .navigation .menu li .drop-menu a:hover{background:#eee;box-sizing:border-box;width:100%;}
header .navigation .menu .addrightpadding{padding-right:21px;}
header .navigation .menu .fa-chevron-down{top:14px;right:7px;position:absolute;}
header .navigation .menu li a{display:inline-block;color:#222;padding:7px 15px;text-decoration:none;}
header .navigation .menu li:hover a{color:#64809c;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}

/*  
    3). Footer
*/
footer{position:relative;width:100%;background-size:cover;background-position:top center;background-repeat:no-repeat;padding:30px 0;padding-top:60px;text-align:center;color:#aaa;font-size:11px;display:block;}
footer::before{position:absolute;content:' ';background:#fff;background-image:url("../images/footer-under.png");width:100%;height:100%;left:0;top:0;background-size:cover;background-repeat:no-repeat;z-index:-1;}
footer .container .seperator{background:#343c3b;margin-bottom:20px;margin-top:20px;height:1px;width:100%;}
footer a{color:#aaa;transition:color .2s ease;text-decoration:none;}
footer a:hover{color:#6bad79;transition:color .2s ease;text-decoration:none;}
footer .footer-row{width:60%;text-align:left;margin:0 auto;}
footer .footer-row ul{width:100%;padding:0;margin:0;list-style:none;}
footer .footer-row  .footer-item{text-align:left;width:33.33333%;float:left;}
footer .footer-row  .footer-item .footer-title{font-weight:600;font-size:18px;font-family:poppins;padding-bottom:12px;color:#fff;}
footer .footer-row li i{padding-right:10px;}


/*  
    4). General / Shared Items
*/
.spaced-message{padding:30px 0;}
.fancy-title{font-weight:700;text-align:center;padding-top:60px;color:#3a5269;font-size:34px;font-family:'Dancing Script', cursive;line-height:43px;}
.small-title{font-weight:700;text-align:center;padding-top:60px;font-size:14px;border-bottom:2px solid #64809c;color:#64809c;text-transform:uppercase;display:inline-block;margin:0 auto;font-family:Poppins,sans-serif;letter-spacing:0.2em;}
.small-title-on-dark{font-weight:700;text-align:center;padding-top:60px;font-size:14px;border-bottom:2px solid #d1e5f9;color:#d1e5f9;text-transform:uppercase;display:inline-block;margin:0 auto;font-family:Poppins,sans-serif;letter-spacing:0.2em;}
.large-title{color:#514a40;font-weight:900;padding-top:10px;font-size:34px;font-family:Poppins,sans-serif;}
.notice{border:1px solid #ffffcc;background:#faf8e1;padding:7px;margin-bottom:20px;}
.titles{text-align:center;}
.fancy-title-on-dark{font-weight:700;text-align:center;padding-top:60px;color:#d1e5f9;font-size:34px;font-family:'Dancing Script', cursive;line-height:43px;}
.header-title{font-family:Poppins,sans-serif;text-align:center;color:#222;font-size:42px;line-height:48px;font-weight:600;}
.header-title-white{font-family:Poppins,sans-serif;text-align:center;color:#fff;font-size:42px;line-height:48px;font-weight:600;}
.col-3{position:relative;width:100%;box-sizing:border-box;}


/*  
    5). Media Overrides
*/
@media screen and (max-width:880px){
    footer .footer-row{width:80%;}
}
@media screen and (max-width:678px){
    footer .footer-row  .footer-item{width:40%;padding-right:10%;}
    footer .footer-row  .full-item{width:100%;padding-right:0;}
    footer .footer-row  .footer-item .footer-title{padding-top:20px;}
}
@media screen and (max-width:617px){
    header .navigation .menu li a{padding:7px 8px;}
    header .navigation .menu .topborder{width:106px;}
}
@media screen and (max-width:550px){
    header .logo{background:url("../images/logo.small.png") 0 0 no-repeat;width:63px;height:62px;display:inline-block;}
    .large-title{font-size:24px;}
}
@media screen and (max-width:462px){
    .top{right:10px;}
    footer .footer-row  .footer-item{width:100%;padding-right:0;}
    footer .footer-row ul a{display:inline-block;width:80%;}
}
@media screen and (max-width:450px){
    .header-spacing-fix{height:138px;}
    header .logo_container{float:none;width:100%;text-align:center;}
    header .logo{margin:0 auto;background:url("../images/logo.png") 0 0 no-repeat;width:163px;height:62px;text-align:center;}
    header .navigation{float:none;width:100%;text-align:center;}
    header .navigation .menu{text-align:center;}
    header .navigation .menu li{float:none;display:inline-block;text-align:center;}
}