/*!
* Made by Juho Fukuoka
* fukuoka.j@gmail.com
* Notes y'all because I can't remember shite
* #959595 	= LINK - Idle Color, BUTTON - hover Color, TEXT - Selected, HR Color
* #212529 	= BUTTON - Idled color, LINK - hover Color, TEXT - All text color
* #f8f9fa 	= BACKGROUND COLOR
* Contact forms made by:
* Start Bootstrap - Agency v5.1.1 (https://startbootstrap.com/template-overviews/agency)
* Copyright 2013-2019 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
*/

body {width:100%;height:100%;overflow-x: hidden;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;background-color: #f8f9fa;font-size:17px;letter-spacing: 1px;}h1 { font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;font-size: 23px;font-style: normal;font-variant: normal;line-height: 23px;padding-bottom: 10px;letter-spacing: 2px;} h3 { font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;font-size: 17px;font-style: normal;font-variant: normal;line-height: 23px;} p { font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;font-size: 17px;font-style: normal;font-variant: normal;line-height: 20px;letter-spacing: 1px;} a {color: #959595;}a:hover {color: #212529;}.text-primary {color: #212529 !important;}/* Text and images highlighted */::-moz-selection {background: #f8f9fa;text-shadow: none;}::selection {background: #f8f9fa;text-shadow: none;}img::-moz-selection {background: transparent;}img::selection {background: transparent;}img::-moz-selection {background: transparent;}/********** Navigation Bar **********/ /*SM, MD size devices*/ #mainNav {background-color: #f8f9fa;}/*SM, MD size devices - three bars*/ #mainNav .navbar-toggler {right: 0;padding: 5px;text-transform: uppercase;color: #212529;border: 0px;background-color: #ffffff;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;}/*SM, MD size devices - Logo placement*/ #mainNav .navbar-brand {width:160px;height:51px;background-image:url(../img/logomobile.png);background-repeat:no-repeat; margin:5px 0 0 5px; /*better position*/}/*SM, MD size devices - When logo is hovered*/#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {}/*SM, MD size devices - How content is displayed */#mainNav .navbar-nav .nav-item .nav-link {font-size: 90%;font-weight: 400;padding: 0.75em 0;letter-spacing: 1px;color: #959595;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;}/*SM, MD size devices - When links are hovered */#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {color: #212529;}/*LG, XL size devices*/ /*LG, XL size devices - size + background*/ @media (min-width: 992px) {#mainNav {padding-top: 10px;padding-bottom: 10px;-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;transition: padding-top 0.3s, padding-bottom 0.3s;border: none;background-color: transparent;}/*LG, XL size devices - logo BIG*/ #mainNav .navbar-brand {width:200px;height:102px;background-image:url(../img/logomain.png);background-repeat:no-repeat;-webkit-transition: all 0.3s;transition: all 0.3s;}/*LG, XL size devices - Contents BIG*/ #mainNav .navbar-nav .nav-item .nav-link {padding: 1.1em 1em !important;}/*LG, XL size devices - Contents LITTLE*/ #mainNav.navbar-shrink {padding-top: 0;padding-bottom: 0;background-color: #f8f9fa;}/*LG, XL size devices - Logo LITTLE*/ #mainNav.navbar-shrink .navbar-brand {width:200px;height:61px;background-image:url(../img/logoshrunk.png);background-repeat:no-repeat;padding: 12px 0;}}/********** Main Page **********/ header.main {text-align: center;color: #212529;padding-top: 150px;padding-bottom:30px;}/*SM */header.main .cardy {width: 325px;margin-left: auto;margin-right: auto;padding-bottom: 30px;}header.main .card-body .cardimg { padding-top: 40px;padding-bottom: 30px;}header.main .card-body .carddescrip {padding-top: 30px;padding-bottom: 40px;}/*MD, LG, XL size devices - Main page - text*/ @media (min-width: 768px) {header.main .cardy{width: 700px;margin-left: auto;margin-right: auto;}header.main .card-body .cardimg { padding-top: 50px;padding-bottom: 40px;}header.main .card-body .carddescrip {padding-top: 20px;padding-bottom: 50px;}}hr.mainbar { background: url("../img/cbullet.png") no-repeat top center;background-size: contain;display: block;height: 25px;border: 0;position: relative;}hr.mainbar:before,hr.mainbar:after {content: '';display: block;position: absolute;background: #959595;height: 1px;top: 8px;}hr.mainbar:before {left: 0;right: 50%;margin-right: 20px;margin-left: 70px;}hr.mainbar:after {right: 0;left: 50%;margin-left: 20px;margin-right: 70px;}header.main .borderbae {border-width:0px !important; /*ask YOSHI */}/********** Each section **********/ section {padding: 75px 0px;}@media (min-width: 768px) {section {padding: 100px;}}/********** HR Bar **********/ hr.section { background: url('../img/cbullet.png') no-repeat top center;background-size: contain;display: block;height: 20px;border: 0;position: relative;}hr.section:before,hr.section:after {content: '';display: block;position: absolute;background: #959595;height: 1px;top: 8px;}hr.section:before {left: 0;right: 50%;margin-right: 20px;margin-left: 250px;}hr.section:after {right: 0;left: 50%;margin-left: 20px;margin-right: 250px;}/********** Products **********/ section#products {text-align: left;}/********** manufacturers **********/ section#manufacturers {background-color: white;}section#manufacturers .hrspace {padding-bottom: 30px;}figcaption {padding: 1.5px;}/********** Portfolio **********/ section#portfolio .size {height: 275px;}section#portfolio .hrspace {padding-bottom: 50px;}section#portfolio .portdesc{padding: 0px 30px;}/********** Contact **********/ section#contact{background-color: white;}section#contact .hrspace {padding-bottom: 50px;}section#contact {background-color: white;}section#contact {text-align:center;}section#contact .form-group {margin-bottom: 25px;}section#contact .form-group input,section#contact .form-group textarea {padding: 5px;}section#contact .form-group input.form-control {height: auto;}section#contact .form-group textarea.form-control {height: 100px;}section#contact .form-control:focus {border-color: #959595;-webkit-box-shadow: none;box-shadow: none;}section#contact ::-webkit-input-placeholder {color: #959595;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }section#contact :-moz-placeholder {color: #959595;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }section#contact ::-moz-placeholder {color: #959595;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }section#contact :-ms-input-placeholder {color: #959595;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }/********** Button **********/ .btn {font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;}.btn-xl {font-size: 17px;padding: 2.5px 5px;}.btn-primary {background-color: #959595;border-color: #959595;}.btn-primary:active, .btn-primary:focus, .btn-primary:hover {background-color: #212529 !important;border-color: #212529 !important;color: white;}.btn-primary:active, .btn-primary:focus {-webkit-box-shadow: #f8f9fa !important;box-shadow: #f8f9fa !important;}/********** Footer **********/ .footer {padding: 25px 0;text-align: center;}.footer span.copyright {line-height: 20px;text-transform: none;font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }