/*
 Theme Name:   ESS Technology
 Theme URI:    http://example.com/wp-bootstrap-starter-child/
 Description:  ESS Technology Custom Theme
 Author:       Markus Young
 Author URI:   https://planet4design.com
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom
 Text Domain:  wp-bootstrap-starter-child
*/

/* Typography */
p, a, td, h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-weight: 400 !important; color: #333 !important; }
p, a { font-weight: 400; }
a { color: #05aeab !important; }
p { line-height: 32px; color: #333; font-size: 1.25em; }
p > a { padding-bottom: 3px; border-bottom: 1px solid #05aeab; transition: 0.35s ease; color: #05aeab !important; }
p > a:hover { background-color: #05aeab; color: #fff !important; text-decoration: none; padding: 0 3px 3px; }
h4 > a { padding-bottom: 3px; border-bottom: 1px solid #05aeab; line-height: 40px; transition: 0.35s ease; color: #05aeab !important; }
h4 > a:hover { background-color: #05aeab; color: #fff !important; text-decoration: none; padding: 0 3px 3px; }
.page-title { color: #6d6e71; font-size: 4rem; }
table, td, th { border-bottom: 1px solid #e0e0e0; font-family: 'Source Sans Pro', sans-serif; color: #6d6e71; }
table { width: 100%; border-collapse: collapse; }
li { font-family: 'Source Sans Pro', sans-serif; color: #000000; }
h3.widget-title { font-size: 3em !important; }

/* Nav */
.navbar-brand > a > img { width: 100px; height: auto; padding: 10px 0; }
header#masthead { box-shadow: 0 0 0 !important; border-bottom: 3px solid #05aeab !important; }
.bg-light { border: none !important; }
#masthead .navbar-nav>li a { color: #6d6e71 !important; font-weight: 400 !important; font-size: 16px; padding: 12px !important; transition: 0.35s ease; border-top: 2px solid transparent; }
#masthead .navbar-nav>li a:hover { color: #05aeab !important; border-top: 2px solid #05aeab;}
.dropdown-menu { border: none !important; box-shadow: 0 12.5px 25px rgba(0,0,0,0.25); padding: 0 !important; }

/* Layout */
#content.site-content { padding: 0 !important; }
.carousel-indicators li { text-indent: 0 !important; }
.nopad { padding-left: 0 !important; padding-right: 0 !important; }
.carousel-indicators { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important; width: auto !important; }
.carousel-indicators li { max-width: 25px !important; max-height: 25px !important; height: auto; margin: 0 !important; border-top: 0 !important; border-bottom: 0 !important; }
.carousel-control-prev, .carousel-control-next { padding: 5px 0; }

/* Images */
.carousel-indicators li > img { margin-top: -1rem; }
.message-img { object-fit: cover; max-height: 350px; object-position: center; opacity: 0.7; }
.prod-cat-img { object-fit: cover; max-height: 350px; object-position: center; width: 100%; }
.blog-img { object-fit: contain; max-height: 150px; object-position: center; width: 100%; }

/* Design */
.bg-teal { background-color: #05aeab; }
.teal-border-top { border-top: 3px solid #05aeab; }
.text-grey { color: #6d6e71; }
.text-teal { color: #05aeab !important; }
.ess-btn { padding: 5px 25px; border: 2px solid #05aeab; font-size: 18px; font-weight: bold; color: #05aeab; transition: 0.35s ease; }
.ess-btn:hover { background-color: #05aeab; color: #fff !important; text-decoration: none; padding: 5px 25px; }
.box-shadow { box-shadow: 0 25px 50px rgba(0,0,0,0.25); }
body { background-color: #e6e7e8; }
.facebook, .linkedin, .twitter { margin: 0 10px; transition: 0.35s ease; }
.facebook:hover, .linkedin:hover, .twitter:hover { color: #05aeab; }

/* Form Adjustments */
.nf-form-fields-required { display: none; }
.ninja-forms-req-symbol { color: #05aeab !important; }
.nf-form-content label { font-family: 'Source Sans Pro', sans-serif; color: #6d6e71; }
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { color: #05aeab !important; background-color: transparent !important; border: 2px solid #05aeab !important; font-family: 'Source Sans Pro', sans-serif; font-weight: bold !important; transition: 0.35s ease; padding: 10px 25px; }
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover { background-color: #05aeab !important; color: #fff !important; }

/* Mobile Adjustments */
.mobile-view { display: none; }
.desktop-view { display: flex; }
@media screen and (max-width: 1080px) {
    .mobile-view { display: flex; }
    .desktop-view { display: none; }
    .message-img { height: 350px; }
    p { font-size: 1.25em; }
    .page-title { font-size: 3em; }
    h3 { font-size: 2em !important; }
}