/*

Theme Name: Towing Company

Author: TowingWebsites.com

Author URI: https://towingwebsites.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

/* BLOG */
.about-author {display: none !important;}
.single-navigation {display: none !important;}

/* 404 ERRORS */
.fusion-error-page-useful-links, .fusion-error-page-search {display: none;}

/* TITLE BAR SLANT */
.fusion-page-title-bar {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 89%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 89%); -webkit-backface-visibility: hidden;}

/* FIX SLANT SEP MARGINS */
.black-sep {margin-top: -125px !important;}
.video-bg-section {margin-top: -109px;}

/* APP SCREEN */
#app-container {position: relative; z-index: 12;}
.app-digital-phone img {border: 0; max-width: 100%; vertical-align: middle; display: inline-block;}
.app-digital-gif {top: 1px; left: 0; right: 0; bottom: 0; position: absolute;}
#mobile-pulse-app-screen {max-width: 303px; display: block; margin: auto !important;}
#app-screen-col {position: absolute; right: 15%; top: -450px; z-index: 12;}
@media only screen and (max-width: 1024px) {#app-screen-col {top: -160px; left: 50%; margin-left: -151px !important; right: auto;}}



	
	
	
/* BUTTONS */
.fa-truck-pickup:before {content: url(https://www.classictowing.ca/wp-content/uploads/tow-icon.png) !important;}

/* SLIDER */
.slider-text {text-shadow: 2px 2px 2px #000000 !important;}
#sliders-container {background-color: #000000 !important;}

/* FIX REVIEW CAROUSEL ARROWS */
.rplg-slider .rplg-slider-prev span, .rplg-slider .rplg-slider-next span {top: 35%!important; color: #000!important; font-weight: 700 !important;}
.rplg-slider .rplg-slider-next {right: -30px !important;}
.rplg-slider .rplg-slider-prev {left: -30px !important;}

/* FIX MAP LOCATION POPUPS */
.gm-style-iw, .gm-style-iw-c {padding-bottom: 12px !important; padding-right: 12px !important;}

/* DYNAMIC STYLES */
#request-a-tow {border: 1px solid #cc1c1c; background: #f7f7f7;}
.secondary-button {background: #171717 !important;}
/* .secondary-button .fusion-button-text {color: #ffffff !important;} */
.secondary-button:hover {background: #717171 !important;}
/* .secondary-button:hover .fusion-button-text {color: #000000 !important;} */
.rplg .rplg-stars svg path {fill: #cc1c1c !important;}
.white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 {color: #ffffff !important; text-shadow: 1px 1px 2px #000000;}

/* MAP SECTION */
#map-section {border-top: solid 10px #cc1c1c;}
#map-container {border-top: solid 10px #cc1c1c; border-bottom: solid 10px #cc1c1c;}


/* TITLE BAR */
.fusion-page-title-bar {background-size: cover !important; background-position: center center !important;}
.fusion-page-title-captions h1 {text-transform: uppercase; text-shadow: 2px 2px 2px #000000;}

/* MENU */ 
.menu-text, .fusion-dropdown-submenu span {text-transform: uppercase; text-shadow: 1px 1px 2px #000000;}
.fusion-dropdown-submenu span {font-weight: 700;}
.sub-menu {text-align: center;}
.fusion-sticky-menu .menu-text, .fusion-mobile-nav-item .menu-text {text-shadow: none;}
.fusion-sticky-menu .fusion-dropdown-submenu span {font-size: 15px;}
.fusion-sticky-menu ul.sub-menu {background-color: rgba(0,0,0,0.6);}
.fusion-mobile-nav-item {margin-bottom: 2%;}
.fusion-header .button-large {font-size: 18px;}
.fusion-sticky-shadow .button-large {font-size: 15px;}


/* FOOTER  */
#footer-locations .content-box-column {margin-bottom: 0px !important;}
.fusion-footer-widget-area {background-size: cover;}
.fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .fontawesome-icon {margin-right: 5px !important; margin-left: 2px !important;}
#footer-locations {max-width: 1000px; margin: auto; margin-bottom: 5px !important;}
.fusion-footer #review-aggregate {font-size: 12px; text-align: center; color: #ffffff;}
.fusion-footer h5 {color: #f4f2f2 !important;}
.fusion-footer .fusion-title .title-sep, .fusion-footer .fusion-title.sep-underline {border-color: #f4f2f2 !important;}
.fusion-footer-widget-area ul li a {display: contents;}
.fusion-footer .fusion-social-links .fusion-social-networks a {font-size: 35px;}
#footer-nav-menu .fusion-text {line-height: 1em; text-transform: uppercase;}
.fusion-footer .fusion-social-links .fusion-social-networks a {font-size: 15px !important;}
.widget .fusion-social-networks .fusion-social-network-icon {margin: 0 5.5px 0px !important;}

/* REVIEW FORM  */
.review-form-desc {padding-top: 40px;}
.review-form-desc p {margin-bottom: 5px;}
body .gform_wrapper textarea {line-height: 1.5em !important; padding: 15px !important;}
.partial_entry_warning {display: none !important;}
@media screen and (max-width: 767px) {.rate-desktop {display: none;} #review-section {min-height: 600px; padding-top: 10px !important;} #field_1_2 .gfield_label {margin-top: 50px;}}
#rate-in-form {font-size: 20px; margin-bottom: 20px;}
#field_1_2 .gfield_label {font-weight: 600 !important; font-size: 28px;}
#rate-image {padding-top: 50px;}
#rate-image img {width: 350px;}
@media screen and (min-width: 768px) {#rate-image {display: none;}}


/* FIX TOP HEADER BAR */
@media only screen and (max-width: 1024px) {.fusion-contact-info {padding: 10px 30px 10px 30px !important;} .fusion-social-links-header {display: none;}}
@media only screen and (max-width: 800px) {.fusion-contact-info {padding-left: 3px !important; padding-right: 3px !important;} .fusion-header-separator, .header-email {display:none;}}
@media only screen and (max-width: 350px) {.fusion-contact-info {display:none;}}

/* GF GEOLOCATE */
.gform_wrapper .gfgeo-locator-button-wrapper.button {background: transparent; padding: 0px; width: 300px; margin: auto; display: block; border: 1px solid;}
.gform_wrapper .gfgeo-locator-button {font-family: inherit; font-size: inherit; padding: 13px 29px; background: transparent; text-transform: uppercase; border: none; width: 100%; cursor: pointer;}
.gform_wrapper .gfgeo-locator-button:hover {color: inherit;}
#field_2_12 .gfield_description {font-size: .75em; margin-top: 15px; margin-bottom: 20px;}


/* GFORMS */
.gsection_title {font-weight: 500 !important; font-size: 1.3em !important;}
.gform_wrapper .gfield select {font-size: inherit !important;}
.gform_wrapper .gform_button, .gform_wrapper .gform_page_footer input[type=button] {padding: 17px 40px !important; line-height: 21px !important; font-size: 18px !important;}
.partial_entry_warning {display: none;}
.gform_wrapper .gravity-select-parent select {font-size: inherit;}
body .gform_wrapper .gform_heading .gform_description {font-weight: 500; text-align: center;}
.gfield_label {font-family: inherit; font-weight: 500 !important; text-transform: uppercase;}
body .gform_wrapper .gform_footer input[type=submit] {width: 80%; margin: auto; display: block;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body .gform_fields .gfield textarea {font-family: inherit !important; font-size: 16px !important;}
.ginput_card_expiration_year {margin-top: 15px !important;}


/* GFORM ERRORS */
body .gform_wrapper .gfield_error {background-color: transparent !important; border-top: 0px !important; border-bottom: 0px !important; margin-bottom: 0px !important; margin-right: 16px; padding-bottom: 0px !important; padding-top: 0px !important;}
.gform_wrapper .gfield_error .gfield_label {color: #e50f2b !important;}
.gfield_error select {border: 1px solid #e50f2b !important;}
.gfield_error input {border: 1px solid #e50f2b !important;}
.gfield_error textarea {border: 1px solid #e50f2b !important;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {border: 1px solid #ccc;}
body .gform_wrapper .validation_error {color: #e50f2b !important; margin-bottom: 0px !important; border-top: 0px !important; border-bottom: 0px !important; padding: 0px 0px !important;}
.validation_message {display: none;}
.validation_error {margin-top: 60px;}
@media only screen and (max-width: 800px) {.validation_error {margin-top: 80px;}}




/* STYLE POWERED BY TW */

#tw img {-webkit-filter: grayscale(100%); filter: grayscale(100%);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; vertical-align: middle; margin: auto;}
#tw img:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}
#tw {margin-top: 3px;}
#footer-copyright {line-height: 40px !important;}
@media only screen and (max-width: 500px){#footer {min-height: 130px}}
@media only screen and (min-width: 1024px){#footer-copyright {float: left;} #ri {float: right;}}
@media only screen and (max-width: 1024px) {#ri img {margin-top: 10px}}
@media only screen and (min-width: 1024px){.fusion-copyright-content {width: 80%; margin: auto;}}