/*------------------------

TPTI Website Main CSS

by: Ben Groff
github: https://github.com/BenGroff

-------------------------*/
/*------------------------

Table of Contents:

TPT-1  : General
TPT-2  : Fade In on Page Load
TPT-3  : EXTRA Small Screens
TPT-4  : Small Screens
TPT-5  : Medium Screens
TPT-6  : Large Screens
TPT-7  : Multi-Col Dropdown
TPT-8  : Services Links
TPT-9  : Contact Form
TPT-10 : Accordion
TPT-11 : Footer
TPT-12 : Misc

-------------------------*/





/*---- TPT-1 General ----*/
html {
    scroll-behavior: smooth;
}

body {
    font: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    animation: fadein .5s;
    -moz-animation: fadein .5s; /* Firefox */
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -o-animation: fadein .5s; /* Opera */
}

p {
    font-size: 1.2em;
}
/*---- TPT-1 General ----*/






/*---- TPT-2 Fade In on Page Load ----*/
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*---- TPT-2 Fade In on Page Load ----*/






/*-- TPT-3 For EXTRA Small Screens --*/
@media screen and (max-width: 575px) {
    .img-link {
        height: 60%;
        width: 80%;
    }
    .link-list {
        margin-left: 10% !important;
    }
    .dropdown-col {
        width: 100% !important;
        border: none !important;
    }
    .dropdown-multicol2 {
        width: 100% !important;
    }
    #logo-name, .overflow-x-hidden {
        overflow-x: hidden !important;
    }
    .w-320 {
        width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .dropdown-menu-center {
        transform: none !important;
    }
    #quote {
        font-size: 20px !important;
    }
    #quote-desc {
        font-size: 16px !important;
    }
}
/*-- TPT-3 For EXTRA Small Screens --*/





/*-- TPT-4 For Small Screens --*/
@media screen and (max-width: 767px) {
    #nav-logo{
        display: block !important;
    }
    #logo-truck, #insurance-truck{
        display: none;
    }
    .border-switch-tb {
        border-left: none !important;
        border-right: none !important;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }
    .border-switch-b {
        border-left: none !important;
        border-right: none !important;
        border-bottom: 2px solid #000;
    }
    .display-1 {
        font-size: 4em !important;
    }
    .border-remove {
        border: none !important;
    }
    .footer-email input, .mailing-list input, .contact-form input, .contact-form textarea {
        width: 90% !important;
    }
    #insurance-logo {
        width: 100%;
    }
    .faq-heading {
        width: 95% !important;
    }
    .nav-item {
        border-top: 2px solid #ebebeb;
    }
    #quote {
        font-size: 28px;
    }
    #quote-desc {
        font-size: 24px;
    }
    .display-2 {
        font-size: 3.5em !important;
    }
    .d-h1-none {
        width: 0px;
        height: 0px;
        overflow: hidden;
    }
}
/*-- TPT-4 For Small Screens --*/






/*-- TPT-5 For Medium Screens --*/
@media screen and (max-width: 1199px) {
    #accordion {
        width: 100% !important;
    }
    .mvv {
        font-size: 4em;
    }
    .border-remove-lg {
        border: none !important;
    }
    .link-list {
        padding-left: 26% !important;
    }
}
/*-- TPT-5 For Medium Screens --*/






/*-- TPT-6 For Large Screens --*/
@media screen and (max-width: 991px) {
    .display-1 {
        font-size: 4em !important;
    }
    .display-2 {
        font-size: 4em;
    }
    .page-title {
        border-bottom: 2px solid #FFF;
    }
    .line-break-md {
        display: inline-block;
    }
    .border-switch-lg-b {
        border-left: none !important;
        border-right: none !important;
        border-bottom: 2px solid #000;
    }
}
/*-- TPT-6 For Large Screens --*/






/*---- TPT-7 Makes Dropdown Multiple Columns ----*/
.dropdown-menu-center {
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
}

div.dropdown-multicol2{
    width: 33.5em;
}

div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 49.5%;
}
/*---- TPT-7 Makes Dropdown Multiple Columns ----*/






/*---- TPT-8 Services Pages Links ----*/
.img-link {
    border: 3px solid transparent;
}

.img-link:hover {
    border-color: #EFC978 !important;
    filter: brightness(75%) !important;
}

.link-list {
    padding-left: 35%;
}

.link-list-item {
    list-style-type: circle !important;
}

.link-list-item a {
    color: #000;
}

.link-list-item a:hover {
    text-decoration: none;
    color: #EFC978;
    font-weight: bolder;
}
/*---- TPT-8 Services Pages Links ----*/






/*---- TPT-9 CONTACT FORM STYLING ----*/
.contact-form-elements {
    border: 2px solid black;
    height: 50px;
    width: 70%;
    font-size: 1.5em;
}

.contact-button {
    background-color: #EFC978;
}

.contact-button:hover {
    background-color: #E6B449;
}

.contact-text-box {
    border: 2px solid black;
    width: 70%;
    font-size: 1.2em;
    padding: 7px;
}
/*---- TPT-9 CONTACT FORM STYLING ----*/






/*---- TPT-10 ACCORDION STYLING ----*/
#accordion {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.card-header {
    cursor: pointer;
}

.fa-plus-animated {
    animation-name: collapse-icon-animation;
    animation-duration: 0.15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}

.fa-x-animated {
    animation-name: collapse-icon-animation-reverse;
    animation-duration: 0.15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}

@keyframes collapse-icon-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@keyframes collapse-icon-animation-reverse {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(90deg);
    }
}
/*---- TPT-10 ACCORDION STYLING ----*/






/*---- TPT-11 FOOTER STYLING ----*/
.footer-list {
    list-style-type: none;
    line-height: 1.8;
    padding-left: 0px;
}

.footer-list a:hover {
    color: #EFC978;    
}

.footer-email input {
    border: 1px solid #EFC978;
    height: 50px;
    width: 95%;
    font-size: 1.5em;
    padding-left: 10px;
    margin-top: 10px;
    background-color: #000;
}

.footer-email button {
    height: 50px;
    width: 130px;
    background-color: #EFC978;
    color: #000;
    margin-top: 10px;
    font-size: 1.3em;
    border: none;
}

.footer-email button:hover {
    background-color: #E6B449;
}

input:active, input:focus, textarea:active, textarea:focus, .back-to-top:active, .back-to-top:focus, .contact-button:active, .contact-button:focus {
    outline:0px !important;
    box-shadow: 0 0 10px #EFC978 !important;
}
/*---- TPT-11 FOOTER STYLING ----*/






/*---- TPT-12 Modal Popup ----*/


.modal-title {
    font-size: 2em;
}

.modal-email input {
    height: 50px;
    width: 100%;
    font-size: 1.5em;
    padding-left: 10px;
    margin-top: 10px;
}

.modal-email button {
    font-size: 1.3em;
    width: 60% !important;
}

.modal-logo {
    background-image: url(../images/header-footer/Logo-Truckers-Paper-Trail.png);
    height: 137px;
    background-repeat: no-repeat;
    background-position: center;
}


/*---- TPT-12 Modal Popup ----*/






/*---- TPT-13 MISC... ----*/
.border-2 {
    border-width: 2px !important;
    border-color: #000000 !important;
}

.border-4 {
    border-width: 4px !important;
    border-color: #000000 !important;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border: 1px solid #000;
}

.text-custom {
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

.text-custom:hover, text-custom:active {
    color: #EFC978;
    -webkit-text-stroke: .3px black;
}

#nav-logo {
    display: none;
}

.anchor {
    scroll-margin-top: 165px;
}

.active {
    color: #EFC978 !important;
    -webkit-text-stroke: .3px black;
}

.bg-black {
    background-color: #000 !important;
    color: #EFC978;
}

.display-1 {
    font-weight: 500;
    line-height: 1;
}

.display-2 {
    font-weight: 400;
    line-height: 1;
}
.display-4 {
    font-weight: 500 !important;
    line-height: 1;
}

.link {
    color: #000;
}
.link:hover {
    border-bottom: 4px solid #EFC978;
    color: #000;
    text-decoration: none;
}
.disabled {
    cursor: default;
}
.tip {
    border-bottom: 2px dotted #000;
}

.line-break {
    display: inline-block;
}


.text-theme {
    color: #EFC978;
}

.dropdown-item:active, .dropdown-col .active {
    background-color: #000;
}

.page-title {
    color: #EFC978;
    background-image: url(../images/header-footer/Black-Marble-Background.png);
    background-repeat: repeat;
    background-color: black;
    width: 100%;
}

.header-line {
    background-image: url(../images/header-footer/Black-Line-Background.png)
}

.headshot {
    border: 1px solid #000;
}

.banner {
    width: 100%;
}

abbr {
    
}
abbr:hover::after {
    transition-delay: .5s !important;
    transition-duration: .5s !important;
}

.faq-heading {
    width: 75%;
}
.faq-heading h1 { 
    font-size: 3em;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    background-color: #EFC978;
    border-color: #000;
    color: #000;
    font-size: 1em;
}

.back-to-top:hover, .back-to-top:active, .back-to-top:focus {
    background-color: #E6B449 !important;
    color: #000 !important;
    border-color: #000;
}

.thead-black {
    background-color: #000;
    color: #EFC978;
}

/*---- TPT-13 MISC... ----*/