/* -----------------------------------------------------
    Puyallup Towing
    www.url.com     
----------------------------------------------------- */
/* ===== GENERAL STYLES  ====== */

* {scroll-behavior: auto !important;}
body { font-size:16px; color:#2d2d2d; font-family: "Poppins", sans-serif; line-height:1.2;}
body.overflow-y{ overflow-y:hidden; position:relative; transition:all 0.4s ease;}
a,
.btn,
a:hover,
.btn:hover { cursor: pointer; -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important;}
a,a:hover,a:focus { text-decoration:none; display:inline-block; }
img { max-width:100%;}
ul{  list-style:none; padding: 0; margin: 0;}

/* ===== TYPEOGRAPHY ====== */
body.et-db #et-boc .et-l .et_pb_module h1, body.et-db #et-boc .et-l .et_pb_module h2, body.et-db #et-boc .et-l .et_pb_module h3, body.et-db #et-boc .et-l .et_pb_module h4, body.et-db #et-boc .et-l .et_pb_module h5, body.et-db #et-boc .et-l .et_pb_module h6 { margin: 0 0 15px; padding-bottom:0 !important; }
h1, body.et-db #et-boc .et-l .et_pb_module h1, body.et-db #et-boc .et-l .et_pb_column_1_3 h1, body.et-db #et-boc .et-l .et_pb_column_1_4 h1, body.et-db #et-boc .et-l .et_pb_column_1_5 h1, body.et-db #et-boc .et-l .et_pb_column_1_6 h1, body.et-db #et-boc .et-l .et_pb_column_2_5 h1 {font-size: 60px !important; color:#008daf; font-weight:900; line-height:1.2; }
body.et-db #et-boc .et-l .et_pb_module h2, body.et-db #et-boc .et-l .et_pb_column_1_3 h2, body.et-db #et-boc .et-l .et_pb_column_1_4 h2, body.et-db #et-boc .et-l .et_pb_column_1_5 h2, body.et-db #et-boc .et-l .et_pb_column_1_6 h2, body.et-db #et-boc .et-l .et_pb_column_2_5 h2, h2 {font-size: 46px; color:#02364d; font-weight:800; line-height:1.2;}
body.et-db #et-boc .et-l .et_pb_module h3, body.et-db #et-boc .et-l .et_pb_column_1_3 h3, body.et-db #et-boc .et-l .et_pb_column_1_4 h3, body.et-db #et-boc .et-l .et_pb_column_1_5 h3, body.et-db #et-boc .et-l .et_pb_column_1_6 h3, body.et-db #et-boc .et-l .et_pb_column_2_5 h3, h3 {font-size:36px; color: #02364d; font-weight: 800; line-height:1.2;}
body.et-db #et-boc .et-l .et_pb_module h4, body.et-db #et-boc .et-l .et_pb_column_1_3 h4, body.et-db #et-boc .et-l .et_pb_column_1_4 h4, body.et-db #et-boc .et-l .et_pb_column_1_5 h4, body.et-db #et-boc .et-l .et_pb_column_1_6 h4, body.et-db #et-boc .et-l .et_pb_column_2_5 h4, h4 {font-size:24px; color: #fff; font-weight: 700; line-height:1.2;}
body.et-db #et-boc .et-l .et_pb_module h5, body.et-db #et-boc .et-l .et_pb_column_1_3 h5, body.et-db #et-boc .et-l .et_pb_column_1_4 h5, body.et-db #et-boc .et-l .et_pb_column_1_5 h5, body.et-db #et-boc .et-l .et_pb_column_1_6 h5, body.et-db #et-boc .et-l .et_pb_column_2_5 h5, h5 {font-size: 20px; color: #000000; font-weight: 700; line-height:1.2;}
body.et-db #et-boc .et-l .et_pb_module h6, body.et-db #et-boc .et-l .et_pb_column_1_3 h6, body.et-db #et-boc .et-l .et_pb_column_1_4 h6, body.et-db #et-boc .et-l .et_pb_column_1_5 h6, body.et-db #et-boc .et-l .et_pb_column_1_6 h6, body.et-db #et-boc .et-l .et_pb_column_2_5 h6, h6 {font-size: 18px; color:#fff; line-height:1.2;}
/*p, body.et-db #et-boc .et-l p {font-size: 18px; line-height: 26px; color:#000000 !important; font-weight: 400; margin:0 0 15px !important; padding-bottom:0; }*/

body.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion h5.et_pb_toggle_title, body.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion h1.et_pb_toggle_title, body.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion h2.et_pb_toggle_title, body.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion h3.et_pb_toggle_title, body.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion h4.et_pb_toggle_title, body.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion h6.et_pb_toggle_title {font-variant: normal !important;}

.container-fluid {max-width: 1530px !important; width: 100% !important;}

/* ===== GLOBAL STYLES  ====== */
.btn, body.et-db #et-boc .btn { text-align: center; padding: 8.5px 21px; min-width: 180px; font-size: 18px; font-family: "Titillium Web", sans-serif; font-weight: 700; color:#fff !important; background-color: #ff0000; border:2px solid transparent; border-radius: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn:hover, body.et-db #et-boc .btn:hover {background-color: transparent !important; color:#ff0000 !important; border-color: #ff0000;}
.bordered-btn, body.et-db #et-boc .bordered-btn {background-color: transparent; border-color: #fff; color: #fff !important; flex-shrink:0; }
figure {margin: 0;}
section, body.et-db #et-boc .et-l .et_pb_section {padding: 80px 0 !important;}

body.et-db #et-boc .form-control {border: 2px solid #e1e1e1 !important; resize: none; background-color: #fff; border-radius:3px; font-size:16px; color: #828282 !important; padding: 11px 12px !important; width:100% !important; -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important;}
body.et-db #et-boc .form-control:focus {border-color: #ff0000 !important;}

body.et-db #et-boc .et-l .et-pb-arrow-prev {opacity: 1; left:0; }
body.et-db #et-boc .et-l .et-pb-arrow-next {opacity: 1; right:0; }

/*======= HEADER ==========*/
.mobile-toggle { display: none;}
header {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding:10px 0; }
header .logo img {height: auto; max-width: 200px; width: 100%;}
header .logo {margin-right: auto;}
header .header-container {display: flex; align-items:center; }
header .header-container .navbar-nav {display: flex; flex-direction: row; gap:30px; justify-content:flex-end; align-items:center; }

/*======= FOOTER ==========*/
footer {background-color: #222222; padding:80px 0; }
footer .footer-container {display: flex; flex-wrap: wrap; gap:20px; }
footer .footer-container .info,
footer .footer-container .quick-links {flex: 1 0 20%;}
footer .footer-container .info img {margin-bottom: 30px;}
footer .footer-container p {color: #fff; font-size:16px; line-height:24px; }
footer .footer-container h5 {color: #fff;}
footer .quick-links ul>li {position:relative; color:#fff; padding:5px 0 5px 20px; }
footer .quick-links ul>li:before {content: "\f105"; font-family: fontawesome; position:absolute; left:0;}
footer .quick-links ul>li>a {color: inherit;}
footer .quick-links ul>li>a:hover {opacity: 0.7;}

/*======= BANNER ==========*/
section, body.et-db #et-boc .et-l .et_pb_section.banner {padding: 0 !important;}

/*======= TESTIMONIALS ==========*/
.et-db #et-boc .et-l .et_pb_section.testimonials-section .et_pb_row {width: 100%;}

/*======= FAQ ==========*/
body.et-db #et-boc .et-l .et_pb_section.faq-section .et_pb_toggle_title {margin-bottom: 0;}