/*!
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(51 51 51);
    padding: 10px 0;
    /* position: absolute; */
    top: 0;
    width: 100%;
    z-index: 99;
}

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

}


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

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


.header_logo img {
    max-width: 100px;
}



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

/* **********  Banenr Seciton  ************** */


@media(max-width:980px){
    div#n2-ss-2item1 {
        font-size: 450% !important;
    }
}

@media(max-width:479px){
    div#n2-ss-2item1 {
        font-size: 350% !important;
    }
}




/* Home Form Section */
.home-form button.frm_button_submit {
    box-shadow: none !important;
    width: 250px !important;
    height: 45px !important;
    font-size: 22px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.home-form button.frm_button_submit:hover {
    background: #ffffff !important;
    color: #222222 !important;
}
.home-form .frm_submit {
    text-align: center;
}

.home-form input[type=text], .home-form input[type=email], .home-form input[type=tel] {
    height: 45px !important;
    font-size: 18px;
}

.home-form fieldset {
    padding: 0 !important;
}




/* ***********  Service Section  *************** */

.home-service-box .elementor-widget-container {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-service-box .elementor-widget-container:before {
    content: "";
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.service-box-2n .elementor-widget-container:before{
    background-color: rgba(113,166,0,0.7);
}


.home-service-box .elementor-widget-container .elementor-image-box-wrapper {
    position: relative;
}


.home-service-box .elementor-image-box-description {
    line-height: 1.75em;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    opacity: 0;
}


.home-service-box:hover .elementor-image-box-description{
    opacity: 1;
    max-height: auto;
    overflow: initial;
}

/* ***************   Testimonial Section  ************* */

.home-testimonial {
    max-width: 700px;
    margin-left: auto;
}

.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p {
    font-size: 25px !important;
    line-height: 32px !important;
    text-align: right !important;
    font-weight: 300 !important;
    color: #8f8f8f !important;
}


.sp-testimonial-free-section .slick-dots {
    text-align: right !important;
    margin-top: 10px !important;
}

.sp-testimonial-free-section .slick-dots li {
    width: 25px;
    height: 25px;
}
.sp-testimonial-free-section .slick-dots li button {
    width: 25px;
    height: 25px;
}

.sp-testimonial-client-testimonial {
    padding-left: 40px;
    position: relative;
}

.sp-testimonial-client-testimonial:before {
    content: "";
    width: 35px;
    height: 26px;
    background-image: url(assets/images/quote-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    left: 0;
    position: absolute;
}

.heading-title {
    margin-bottom: 0 !important;
}



@media(max-width:980px){
	.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p {
		font-size: 18px !important;
		line-height: 25px !important;
	}
	
	.sp-testimonial-free-section .slick-dots {
		margin-top: 0!important;
	}
	.sp-testimonial-free-section .slick-dots li button {
		width: 20px;
		height: 20px;
	}
	.sp-testimonial-free-section .slick-dots li {
		width: 20px;
		height: 20px;
	}
}



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

section.inner-banner-section {
    background-image: url(assets/images/lawn-mowing-inner-banner.jpg);
    background-size: cover;
    padding: 160px 0;
    text-align: center;
    position: relative;
}

section.inner-banner-section:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    position: absolute;
    display: block;
    top: 0;
}


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;
}


/*   Gallery Page CSS */

.modula-item-content a:hover:before {
    content: "";
    background: rgba(113,166,0,0.70);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    z-index: 1;
}
.modula-item-content a {
    position: relative;
}

.modula-item-content a:hover:after {
    content: "...";
    position: absolute;
    color: #fff;
    font-size: 70px;
    top: 50%;
    left: 50%;
    line-height: 1;
    margin-top: -50px;
    margin-left: -29px;
    z-index: 99;
}


/* *******  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: #71a600;
    color: #fff;
    padding: 15px 0;
}

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


.footer-widgets {
    background: #333333;
    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;
}