/*!
Theme Name: dit_theme
Theme URI: https://www.ausy.com.au
Author: Ausy Digital
Author URI: https://www.ausy.com.au
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: httpswww-surfersrentacar-com-au
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dit_theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


body{font-size: 18px; font-family:'Roboto', sans-serif !important;}
img{max-width: 100%;}
.clear{clear: both;}
.pad0{padding: 0;}



/*=====================================================
	List Style
=======================================================*/
ul,
ol {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    margin-left: 20px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}



img{max-width: 100%;}


.clear{clear: both;}
.pad0{padding: 0;}



/* ++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++  Header Area CSS  ++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++ */

header.site-header {
    background: rgb(33 31 32);
    padding: 10px 0;
    width: 100%;
    z-index: 99;
    border-bottom: 3px solid #fff;
}

.header-main {
    max-width: 1170px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.header-main div {
    flex: 33.33%;
}

.primary_nav ul a {
    color: #ffffff !important;
	text-transform: uppercase;
}

.primary_nav ul a:hover{
    color: #ffb20a !important;
}


.header_logo img {
    max-width: 200px;
}
.header_logo {
    text-align: center;
}



.right-side-navigation div {
    display: inline-block;
}

.header-btn a {
    border: 2px solid #ffb20a;
    color: #ffb20a;
    padding: 10px 15px;
    margin-left: 20px;
    text-decoration: none;
}


.right-side-navigation {
    text-align: right;
}


.shopping-cart a {
    color: #ffffff;
    text-decoration: none;
}


/* +++++++++++++++++++++++  Home Page Style  ++++++++++++++++++++++++++ */

.home-form {
    display: block;
    margin: 0 auto;
}

.home-form .frm_primary_label {
    color: #211f20;
    font-weight: 700;
    font-size: 18px;
}

.home-form textarea {
    background: transparent;
    color: #211f20;
    border: 1px solid #211f20;
}
.home-form input[type=text], .home-form input[type=email] {
    height: 50px !important;
    background: transparent;
    color: #211f20;
    border: 1px solid #211f20;
}

.home-form .frm_submit {
    text-align: center;
}

.home-form .frm_submit button:hover {
    background: #211f20 !important;
}
.home-form .frm_submit button {
    width: 200px !important;
    height: 50px !important;
    text-shadow: none !important;
    font-size: 22px !important;
    box-shadow: none !important;
}


.home-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #211f20 !important;
}
.home-form ::-moz-placeholder { /* Firefox 19+ */
  color: #211f20 !important;
}
.home-form :-ms-input-placeholder { /* IE 10+ */
  color: #211f20 !important;
}
.home-form :-moz-placeholder { /* Firefox 18- */
  color: #211f20 !important;
}


/* .home-form .frm_blank_field label, .home-form .frm_error {
    color: #211f20 !important;
} */




/*******************************************************/
/***************      Inner Page CSS    ****************/
/*******************************************************/

section.inner-banner-section {
    background-size: cover;
    padding: 30px 0;
    text-align: center;
    position: relative;
    background: #211f20;
}


section.inner-banner-section h1 {
    font-weight: 700;
    margin: 10px 0;
    color: #fff;
    font-family: "Aladin", Sans-serif;
    font-size: 50px;
    letter-spacing: 4px;
}

section.page-content-section {
    padding: 30px 0;
}

.page-content {
    padding: 20px 0;
}

.page-side-bar {
    padding: 20px 0;
}

.wp-block-columns:not(:last-child) {
    margin-bottom: 0 !important;
}


.woocommerce.columns-4 {
    display: none;
}

a.added_to_cart.wc-forward {
    display: none;
}



.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #a55fc1 !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #a55fc1 !important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 10px;
}

.select2-container .select2-selection--single {
    height: 40px;
    border-radius: 0;
    padding: 5px;
}


.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #a55fc1;
    font-size: 1.5em;
    font-weight: 700;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    padding: 15px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 40px rgb(0 0 0 / 20%);
    box-shadow: 0px 3px 40px rgb(0 0 0 / 20%);
}

.woocommerce ul.products li.product .button {
    background: #a55fc1;
    color: #ffffff;
}
.woocommerce ul.products li.product .price {
    font-size: 22px;
    font-weight: 700;
    color: #211f20;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px;
    color: #202020;
    font-weight: 700;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}
.woocommerce ul.products li.product a {
    text-align: center;
}

.woocommerce div.product form.cart .variations label {
    color: #000;
    font-size: 18px;
}

/* *******  Contact Page CSS   ******* */
.contact-info li.elementor-icon-list-item {
    flex-direction: row-reverse;
    column-gap: 7px;
}

.contact-info li.elementor-icon-list-item a {
    flex-direction: row-reverse;
    column-gap: 7px;
}


/*******************************************************/
/***************   Footer Section Area  ****************/
/*******************************************************/

.footer-bottom.clear {
    text-align: center;
    background: #ffb20a;
    color: #fff;
    padding: 15px 0;
}

.copyright-text a {
    color: #000000;
}

.footer-widgets {
    background: #211f20;
    padding-top: 50px;
    padding-bottom: 30px;
    color: #ffffff;
}

.footer-widgets a {
    color: #71a600;
}

ul.contact-info-footer{
    margin: 0px ;
}

ul.contact-info-footer li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

ul.contact-info-footer li:before {
    content: "";
    background-image: url(assets/images/phone-icon.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    left: 0px;
}

ul.contact-info-footer li:nth-child(2):before{
	background-image: url(assets/images/email-icon.png);
}

ul.contact-info-footer li:nth-child(3):before{
	background-image: url(assets/images/address-icon.png);
}

.icon-bars:before {
    content: "";
    background-image: url(assets/images/menu-button.png);
    background-size: cover;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.icon-close:before {
    content: "";
    background-image: url(assets/images/close-icon.png);
    background-size: cover;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footer-subscribe-form {
    max-width: 500px;
    text-align: center;
	margin: 0 auto;
	position: relative;
}

.footer-subscribe-form .frm_submit {
    position: absolute;
    right: 0;
}
.footer-subscribe-form .with_frm_style input[type=email] {
    padding-right: 120px;
    padding-left: 15px;
    height: 60px;
}

.footer-subscribe-form .frm_submit button {
    height: 60px !important;
    box-shadow: none !important;
    background: #ffb20a !important;
    width: 111px !important;
}

.footer-subscribe-form .frm_submit button:hover {
    background: #cc41ff !important;
}


.footer-widgets a {
    color: #ffffff !important;
    text-decoration: underline;
}


section.related.products {
    clear: both;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

figure.woocommerce-product-gallery__wrapper {
    padding: 5px !important;
}