/* ======================================================
   SEAN B SOLUTIONS
   GLOBAL RESET & BASE FIXES

   File:
   /public_html/assets/css/reset.css

   Production Version
====================================================== */


/* ======================================================
   UNIVERSAL RESET
====================================================== */


*,
*::before,
*::after{

    margin:0;

    padding:0;

    box-sizing:border-box;

}



/* ======================================================
   HTML & BODY
====================================================== */


html{

    scroll-behavior:smooth;

    overflow-x:hidden;

    width:100%;

}



body{

    width:100%;

    min-height:100vh;

    overflow-x:hidden;

    background:#ffffff;

    color:#333;

    line-height:1.6;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}



/* ======================================================
   REMOVE DEFAULT ELEMENT SPACING
====================================================== */


h1,
h2,
h3,
h4,
h5,
h6,
p{

    margin:0;

}



ul,
ol{

    list-style:none;

    margin:0;

    padding:0;

}



/* ======================================================
   LINKS
====================================================== */


a{

    text-decoration:none;

    color:inherit;

}



button,
input,
textarea,
select{

    font:inherit;

}



/* ======================================================
   IMAGES & MEDIA
====================================================== */


img,
picture,
video,
canvas,
svg{

    display:block;

    max-width:100%;

}



img{

    height:auto;

}



/* ======================================================
   BUTTON RESET
====================================================== */


button{

    border:none;

    background:none;

    cursor:pointer;

}



/* ======================================================
   MOBILE TOUCH IMPROVEMENTS
====================================================== */


html,
body{

    -webkit-overflow-scrolling:touch;

}



a,
button{

    -webkit-tap-highlight-color:transparent;

}



/* ======================================================
   CONTAINER SAFETY
====================================================== */


.container{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding-left:20px;

    padding-right:20px;

}



/* ======================================================
   FIX FIXED HEADER OVERLAP
====================================================== */


section{

    scroll-margin-top:90px;

}



/* ======================================================
   MOBILE RESPONSIVENESS FIXES
====================================================== */


@media(max-width:900px){


body{

    overflow-x:hidden;

}



/* Prevent elements breaking viewport */

.container{

    padding-left:16px;

    padding-right:16px;

}



/* Better mobile scrolling */

html{

    scroll-padding-top:80px;

}



}



/* ======================================================
   SMALL DEVICES
====================================================== */


@media(max-width:480px){


.container{

    padding-left:14px;

    padding-right:14px;

}


}