body {
color: #313131;
font-family: 'Muli', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
h1 {
font-weight: bold;
}
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
color: #fff!important;
font-weight: bold;
font-family: 'Anton', sans-serif;
background: linear-gradient(to right, #FFF 20%, rgb(255,197,39) 40%, rgb(255,197,39) 60%, #FFF 80%);
background-size: 200% auto;  
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  
animation: shine 3s linear infinite;
padding: 10px 0;
}
blockquote {
border: 0;
padding-left: 0;
}
.wpcr3_item_name a {
color: #0E4B89!important;
text-decoration: underline;
}
.wpcr3_respond_2 label { color: #222;
font-weight: 700;}
.button {
position: relative;
display: inline-block;
background-color: #FFE500;
font-weight: bold;
text-shadow: 1px 1px black;
color: #fff;
border-radius: 2px;
padding: 16px 22px;
margin-top: 40px;
margin-bottom: 100px;
transition: 0.3s ease-in-out;
}
.button:hover {
background-color: #0E4B89;	
}
#location strong {
color: rgb(9,59,110);
}
#servcss {
list-style-type: none;
padding: 0;
}
#servcss li {
position: relative;
font-weight: bold;
margin-bottom: 0.3em;
padding-left: 25px;
}
#servcss li:before {
position: absolute;
content: '\f00c';
top: 0;
left: 0;
color: #FFE500;
font-family: 'FontAwesome';
} #social-icons {
text-align: left;
}  #main-header {
background-color: #fff;
}
#main-header .contact-info {
margin-top: 18px;
margin-bottom: 0px;
transition: 0.3s;
}
#main-header.et-fixed-header .contact-info {
margin-top: 18px;
}
#main-header .contact-info a, #main-header .contact-info span {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #000;
line-height: 0;
transition: 0.4s ease-in-out;
}
#main-header .contact-info a {
padding-left: 25px;
}
#main-header .contact-info span {
position: relative;
padding-right: 25px;
}
#main-header .contact-info span:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 1px;
height: 50%;
background-color: rgba(255, 255, 255, 0.3);
}
#main-header .contact-info a:hover {
color: #FFC527!important;
}
#main-header .fa {
position: relative;
top: -7px;
left: -10px;
width: 25px;
height: 40px;
color: #000;
border-radius: 50%;
font-size: 15px;
padding-top: 11px;
transition: 0.3s;
}
#main-header .fa-volume-control-phone {
font-size: 18px;
padding-top: 10px;
}
#main-header .fa-mobile {
font-size: 23px;
top: -3px;
}
table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { color: #222 !important;
font-weight: 700 !important; }
#main-header .contact-info a em, #main-header .contact-info span em {
display: block;
color: #000;
font-style: initial;
text-align: left;
position: relative;
left: 26px;
font-size: 13px;
font-weight: 400;
}
#main-header .contact-info span em {
top: -2px;
}
#main-header .contact-info a.phonenum em {
top: 6px;
} .logo_container {
height: 100%!important;
position: absolute;
width: 100%;
text-align: left;
}
.et-fixed-header .logo_container, .logo_container {
padding: 0;
}
.text-logo {
position: relative;
top: 12px;
display: inline-block;
color: #fff;  
font-family: 'Fjalla One', sans-serif;
font-size: 36px;
font-weight: bold;
line-height: 32px;  
text-transform: uppercase; 
transition: 0.3s;
background: linear-gradient(to right, #FFF 20%, rgb(255,197,39) 40%, rgb(255,197,39) 60%, #FFF 80%);
background-size: 200% auto;  
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  
animation: shine 3s linear infinite;
padding: 10px 0;
}
.text-logo:hover {
transform: scale(1.15);
}
.comp-name {
color: #000;
font-weight: bold;
transition: 0.4s ease-out;
}
.comp-name:hover {
text-decoration: underline;
} #et-top-navigation {
background: url(//trucknrollrepairs.com/wp-content/themes/Divi-child/img/line.jpg) repeat center;  
border-bottom: 1px solid #c2c1c1;
border-top: 3px solid #FFE500;
}
#top-menu li {
padding-right: 0px;
margin-right: -4px;
border-left: 1px solid #c2c1c1;
border-right: 1px solid #c2c1c1;
}
#top-menu li a {
font-weight: bold;
padding: 18px 32px!important;
transition: 0.4s ease-in-out;
}
#top-menu li a:hover, #top-menu .current-menu-item > a {
background-color: #FFE500;
color: #fff!important;
opacity: 1!important;
}
#top-menu li:last-child a {
background-color: transparent;
color: #0E4B89!important;
animation: beat 1s infinite;
-webkit-animation: beat 1s infinite;
-moz-animation: beat 1s infinite;
-o-animation: beat 1s infinite;
}
#top-menu li:last-child a:hover {
background-color: transparent;
color: #E50102!important;
} .mobile_menu_bar::before, .select_page {
color: #0E4B89!important;
}
#et_mobile_nav_menu, .et_header_style_centered #main-header .mobile_nav {
background-color: #FFFFFF!important;
}
.et_mobile_menu {
padding: 2% 5%;
}
#mobile_menu {
background-color: #0E4B89!important;
}
.et_mobile_menu li a {
color: #fff;
}
.et_monarch .et_social_mobile {
width: 100%!important;
} .scroll-down-btn {
z-index: 99999;
position: absolute;
bottom: 35px;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.scroll-down-btn:hover {
opacity: 0.8;
} .widgettitle {
position: relative;
color: #0e4b89!important;
font-size: 17px;
font-weight: bold;
padding-bottom: 15px;
margin-bottom: 25px;
border-bottom: 1px solid #eee; 
}
.widgettitle:before {
position: absolute;
content: "";
display: block;
bottom: 0;
left: 0;
width: 25px;
height: 3px;
background-color: #FFC527; 
}
#sidebar {
color: #525252;
}
#sidebar strong {
font-weight: 300;
color: #0E4B89;
}
#sidebar .textwidget br:nth-child(4), #sidebar .textwidget br:nth-child(5) {
display: none;
}
#sidebar #servcss li {
position: relative;
color: #0E4B89;
padding-left: 25px;
transition: 0.4s ease-in-out;
}
#sidebar #servcss li:before {
position: absolute;
content: '\f00c';
top: 0;
left: 0;
color: #FFC527;
font-family: 'FontAwesome';
}
#servcss svg {
display: none;
} #section-1 .et_pb_column_1_4 h4 {
position: relative;
font-size: 15px!important;
text-transform: uppercase!important;
}
#section-1 .et_pb_column_1_4 h4:before {
position: absolute;
content: "";
bottom: -10px;
left: 45%;
width: 20px;
height: 2px;
background-color: #fff;
}
#section-1 .et_pb_column_1_4 .et-pb-icon {
transition: 0.4s ease-in-out;
}
#section-1 .et_pb_column_1_4 .et-pb-icon:hover {
transform: translateY(-10px);
}
.content-title {
position: relative;
}
.content-title span {
font-weight: 300;
} .home-testimonial .heading {
position: relative;
font-size: 30px;
font-weight: bold;
line-height: 40px;
}
.home-testimonial .heading:before {
position: absolute;
content: '\f005 \f005 \f005 \f005 \f005';
top: -33px;
left: 50%;
color: #FFE500;
font-family: 'FontAwesome';	
font-size: 15px;
transform: translateX(-50%);
}
.home-testimonial blockquote {
border: 0;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 0 !important;
}
.home-testimonial div.wpcr3_review div.wpcr3_review_title, 
.home-testimonial div.wpcr3_review div.wpcr3_review_ratingValue,
.home-testimonial div.wpcr3_review div.wpcr3_review_datePublished,
.home-testimonial div.wpcr3_review div.wpcr3_review_author {
display: none!important;
}
.home-testimonial .wpcr3_item_name a {
color: #fff!important;
}
.home-testimonial .learn-more a {
background-color: #FFE500;
border: 2px solid #FFE500;
color: #fff;
text-transform: uppercase;
padding: 13px 18px;
font-size: 14px;
font-weight: bold;
transition: 0.3s ease-out;
}
.home-testimonial .learn-more a:hover {
background-color: transparent;
color: rgb(255,197,39);
} #location h3 {
font-size: 16px;
font-weight: bold;
line-height: 27px;
}
.free-estimate-heading {
position: relative;
color: rgb(9,59,110)!important;
font-weight: 800;
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
padding-left: 8px; 
margin-bottom: 10px;
}
#contact-form {
background-color: #fff;
border: 5px solid #d4d4d4;
padding: 30px 20px !important;
}
textarea {
resize: none;
}
#contactForm input[type=text],
#contactForm input[type=password],
#contactForm input[type=tel],
#contactForm input[type=email],
#contactForm input.text,
#contactForm input.title,
#contactForm textarea,
#contactForm select {
background-color: transparent;
border-style: none none solid;
border-width: 2px;
border-color: #000 #000 #c3c3c3;
color: rgb(9,59,110)!important;
padding: 15px 2px;
font-family: 'Muli', sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.42857143;
margin: 10px 0px!important;
border-radius: 0px;
transition: 0.3s linear;
}
#contactForm input[type=text]::placeholder,
#contactForm input[type=password]::placeholder,
#contactForm input[type=tel]::placeholder,
#contactForm input[type=email]::placeholder,
#contactForm input.text::placeholder,
#contactForm input.title::placeholder,
#contactForm textarea::placeholder,
#contactForm select {
color: #777!important;
}
#contactForm input[type=text]:focus,
#contactForm input[type=password]:focus,
#contactForm input[type=tel]:focus,
#contactForm input[type=email]:focus,
#contactForm input.text:focus,
#contactForm input.title:focus,
#contactForm textarea:focus,
#contactForm select:focus {
opacity: 1;
border-bottom-color: rgb(229,1,2);
background-color: #e6e6e6;
padding: 15px;
}
#contactForm div:nth-child(5) img {
float: left; margin-top: 5px;
}
#contactForm div:nth-child(5) input {
float: right;
width: 50% !important;
height: 50px;
margin: 0 10px 0 0 !important;
}
#submitter {
font-size: 16px;
padding: 20px 30px;
font-weight: 600 !important;
color: #fff;
cursor: pointer;
height: auto !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
background-color: #FFE500;
border-radius: 2px;  
margin-top: 20px!important;
overflow: hidden;
transition: 0.3s;
}
#submitter:hover {
background-color: rgb(14,75,137);
} #main-footer {
background-color: #252525;
border-top: 5px solid #FFE500;
padding-top: 20px;
}
#main-footer #footer-widgets {
margin-bottom: 30px;    
padding: 3% 0 0;
}
#main-footer .footer-widget {
color: #f7f7f7!important;
}
#main-footer .footer-widget strong {
font-weight: 300;
}
#main-footer .footer-widget .et_pb_widget {	
float: none;
}
#main-footer #footer-widgets .footer-widget:nth-child(2) > div {
width: 100%;
}
#main-footer h4 {
position: relative;
color: #f7f7f7!important;
font-size: 18px;
font-weight: bold;
line-height: 1.1;
text-transform: uppercase;
padding-bottom: 13px;
margin-bottom: 17px;
}
#main-footer h4:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 30px;
height: 3px;
background-color: #FFE500;
border-radius: 10px;
}
.hours th,
td {
color: #f7f7f7!important;
font-family: 'Muli', sans-serif;
font-size: 14px;
font-weight: 300!important;
text-align: left !important;
text-shadow: none !important;
}
.openinghours tr td:last-child {
text-align: right!important;
}
#current-day {
background-color: transparent;
}
#current-day td {
color: #FFE500!important;
font-weight: bold!important;
}
#text-7 .textwidget br,
#text-7 .textwidget strong {
display: none;
}
#footer-bottom {
background-color: #252525!important;
line-height: 19px;
font-size: 13px
}
#footer-bottom .container {
border-top: 2px solid rgba(255,255,255,0.1);
padding: 20px 0;
}   @keyframes shine {
to {
background-position: 200% center;
}
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.03);
}
100% {
transform: scale(1);
}
} @-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
} .pull-right { float: right!important; }
.pull-left { float: left!important; } @media (max-width: 980px) { 
.et_header_style_centered #main-header {
padding: 7px 0 0;
}
#main-header .contact-info {
margin-bottom: -17px!important;
}
#main-header .contact-info a {
padding-left: 5px;
}
#main-header .contact-info span {
padding-right: 5px;
}
#main-header .fa {
left: -3px;
}
#main-header .fa-mobile {
top: 2px !important;
left: -1px;
}
#main-header .contact-info span:before {
content: none;
}
.logo_container {
position: static;
text-align: center;
}
#et-top-navigation {
background: unset;
border: 0!important;
} #mobile_menu {
top: 33px;
border-top: 0;
}
#main-header .contact-info {
float: none !important;
margin: 15px 0 0;
}
#main-header .fa {
top: 0;
}
#main-header .contact-info a em, #main-header .contact-info span em {
display: none;
}
.home-testimonial .wpcr3_item_name a, .home-testimonial .heading, .home-testimonial .et_pb_text {
text-align: center;
}
#section-1 .et_pb_column_1_4 {
width: 50%;
}
#contactForm div:nth-child(5) input {
margin: 0 15px 0 0 !important;
}
}
@media (max-width: 650px) { 
.et_monarch .et_social_mobile {
width: 50% !important;
}
}
@media (max-width: 600px) { 
#main-header .contact-info a, #main-header .contact-info span {
display: block;
margin-bottom: -10px;
line-height: 30px;
}
.wpcr3_respond_2 .wpcr3_ftext{
width: 100% !important;
min-width: auto !important;
}
.wpcr3_respond_2 .wpcr3_div_2{
margin: 0 auto !important;
width: 100% !important;
}
.wpcr3_respond_2 table, .wpcr3_respond_2 td {
border: 0 !important;
border-style: none !important;
display: flex;
}
.wpcr3_respond_2 input[type="text"] {
width: 100% !important;
}
.wpcr3_check_confirm {
padding: 10px 0 !important;
position: relative;
left: -10px;
}
}
@media (max-width: 500px) { 
#contactForm div:nth-child(5) img {
float: none;
display: block;
margin: 0 0 10px;
width: 98%;
}
#contactForm div:nth-child(5) input {
float: none;
width: 98% !important;
}
}
@media screen and (max-width: 425px) {
.et_pb_slide_description {
width: 300px;
padding: 60px 10px 100px 0;
}	
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
font-size: 48px!important;
line-height: normal;
}
}
@media screen and (max-width: 375px) {
.et_pb_slide_description { 
width: 300px;
padding-right: 10px!important;
}
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
font-size: 38px!important;
}
}
@media screen and (max-width:425px) {
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
position: relative;
right: 0px;
}
.button {
position:relative;
right:0px;
}
}
@media screen and (max-width:375px) {
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
position: relative;
right: 14px;
}
.button {
position:relative;
right:14px;
}
}
@media screen and (max-width:320px) {
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
position: relative;
right: 33px;
}
.button {
position:relative;
right:33px;
}
}
p {
font-size: 17px;
}
@media (max-width:768px) {
.et_pb_text_inner {
text-align: center!important;
position: relative;
}
.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
width: 100%!important;
}
}
.scroll-down-btn {
background: #FFE500;
border-radius: 3em;
}
.et_pb_slider .et_pb_slide_0 {
background-position: bottom!important;
}
@media (max-width:768px) {
.column {
width:33% !important;
}
}
@media (max-width:425px) {
.column {
width:100% !important;
}
}
.wpcr3_leave_text {
font-weight: bold;
font-size: 1.1rem;
color: #333;
}
#main-header {
height: 100px;
}
@media (max-width:768px) {
#main-header {
height: 166px;
}
.et_header_style_centered #logo {
max-height: 114px;
}
.et_header_style_centered #et_mobile_nav_menu {
float: none;
position: relative;
margin-top: -7px;
}
}
@media (max-width:425px) {
#main-header {
height: 195px;
}
}
@media (max-width:375px) {
#main-header {
height: 195px;
}
}
.post-section {
margin-top : 40px;
}