/*
Theme Name:     Search It Local SEO Project
Theme URI:      https://www.searchitlocal.com.au/
Description:    Theme created by Brendelle Onte
Author:         Brendelle Onte
Author URI:     https://brendelleonte.com
Version:        0.1.0
*/
p{margin-bottom: 15px;}
#about h2{margin-bottom: 20px;}

header .right .menu-main-nav-container ul, #menu.sticky-menu .right .menu-main-nav-container ul{text-align:left;}
header .right .menu-main-nav-container ul li ul li a:hover{background: #7b9024; color: #fff;}
#menu.sticky-menu .right .menu-main-nav-container ul li ul li a:hover{background: #7b9024; color: #fff;}
.section-1.banner-inner {min-height: 550px;padding: 60px 0;}
.banner-list{width:100%; float:left;padding: 20px 0;}
.banner-list ul{padding:0;list-style:none;}
.banner-list ul li{background:url(images/two-rounds.png) left center no-repeat; padding-left:20px;padding-left: 56px;font-size: 26px;background-size: 42px;line-height: 40px;margin: 12px 0;}
.banner-contact{width:100%; float:left;}
.banner-contact p{font-weight: 600;font-size: 22px;}
.banner-contact a.banner-btn{background-color: #7b9024;border: 2px solid #7b9024;color: #fff;font-weight: 600;border-radius: 4px;text-transform: uppercase;font-size: 18px;padding: 10px 18px;
    display: inline-block;margin-top: 30px;}
.banner-contact a.banner-btn:hover{background:transparent;color:#7b9024; }
header .right .menu-main-nav-container ul li ul, #menu.sticky-menu .right .menu-main-nav-container ul li ul { top: 90px; }

/*what-osteopathy*/
.what-osteopathy{width:100%; float:left; padding:60px 0;}
.section h2{width:100%; float:left; text-align:center;position: relative; padding-bottom: 15px; margin-bottom: 50px;}
.section h2::after {content: '';text-decoration: none;background-color: #d6d580;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.section-button {width: 100%;float: left;text-align: center;}
.section-button a.book-btn{background:#7b9024;padding: 8px 30px;transition: all .2s ease-in-out;border-radius: 4px;border: 2px solid #7b9024;color: #fff;font-family: ProximaNova-Bold;display:inline-block;}
.section-button a.book-btn:hover { background-color: transparent;color: #7b9024;}

/*Benefits Of Osteopathy*/
.benefits-osteopathy{width:100%; float:left; padding:60px 0;background:#f6f7fa;}
.benefits-osteopathy .list {width: 100%;float: left;padding: 40px 0;}
.benefits-osteopathy .list ul{padding:0;list-style:none;}
.benefits-osteopathy .list ul li{background:url(images/two-rounds.png) left center no-repeat; padding-left:20px;padding-left: 56px;font-size: 26px;background-size: 42px;line-height: 40px;margin: 12px 0;width: 50%;
float: left;}
.space{width: 100%; float: left; height: 50px;}

/*issue*/
.issue{width:100%; float:left; padding:60px 0;background:#f1f1f1;}
.issue  p.text{text-align: center;}
.issue  ul{list-style:none; padding:0;}
.issue  ul li {width: 33.33%;float: left;padding: 20px;}
.issue  ul li .list-box-inner{border: 1px solid #7b9024;padding: 15px;border-radius: 4px;}
.issue  ul li .list-box-inner h3{margin: 0 0 12px 0;}
.issue  ul li .list-box-inner p{font-size: 16px;margin: 0 0 16px;}
.issue a.book-btn:hover {color: #7b9024;text-decoration: underline;}
.issue .list-box h3{font-size: 20px;}
.issue  h2{text-align: center;}

/* why-choose-us */
.why-choose-us { width: 100%;float: left;padding: 60px 0;background:#f6f7fa;}
.why-choose-us .list {width: 100%;float: left;padding: 40px 0;}
.why-choose-us .list ul{padding:0;list-style:none;}
.why-choose-us .list ul li{background:url(images/two-rounds.png) left center no-repeat; padding-left:20px;padding-left: 56px;font-size: 26px;background-size: 42px;line-height: 40px;margin: 12px 0;}
    

.home-section-6{background-color: #7b9024;}

/* testimonial */
.testimonial h2 {text-align:center;}
.testimonial{width: 100%; float: left; padding: 60px 0;background:#f6f7fa;}
.testimonial .testimonial-slider {width: 100%;float: left;text-align: center;}
.testimonial .testimonial-slider .item{padding: 50px 0;}
.testimonial .testimonial-slider p{color: #000; font-size: 16px; line-height: 27px;padding: 0 180px;}
.testimonial .testimonial-slider h5{color: #000; font-size: 14px;margin-top: 5px;}
.testimonial .testimonial-slider .owl-prev{background: url(images/preview.png); font-size: 0px;height: 12px;width: 11px;display: inline-block;position: absolute;left: 0;top: 25%;}
.testimonial .testimonial-slider .owl-next{background: url(images/next.png); font-size: 0px;height: 12px;width: 11px;display: inline-block;position: absolute;right: 0;top: 25%;}

/* Other css */
.services.section .service-wrap{clear: both;}
.contactPage{width: 100%; float: left;padding: 0px 0 0px;}
.contactForm{width: 100%; float: left; padding: 60px 0 60px;background-color: #fff;}
.contactAddress{width: 100%; float: left;}
.contactAddress iframe {width: 100%;left: left;}
.contactAddress p.intro {background-color: #fff;color: #888a41;padding: 20px;border-radius: 8px;margin-bottom: 15px;    clear: both;}
.contactAddress p.heading {margin: 0;font-family: 'ProximaNova-Bold', sans-serif;}


/* Updated CSS */
.home-section-4 h2{margin-top: 56px;}
a.book-button{border: 2px solid #fff;color: #fff;font-weight: 600;border-radius: 4px;text-transform: uppercase;font-size: 18px;padding: 10px 18px;display: inline-block;}
a.book-button:hover{background:#fff;color:#7b9024; }

.cta{width: 100%; float: left;padding: 60px 0;}
.cta p{font-size: 20px; line-height: 30px;}
.cta p:nth-child(3){margin-bottom: 30px;}
.cta a{border: 2px solid #7b9024;color: #fff;font-weight: 600;border-radius: 4px;text-transform: uppercase;font-size: 18px;padding: 10px 18px;display: inline-block;background: #7b9024;}
.cta a:hover{background:transparent;color:#7b9024; border-color: #7b9024}


.contactAddress .inner-wrapper.twice {width: 100%;float: left;margin-top: 50px;}
.contactAddress .inner-wrapper.hetwice .col-ym-6:nth-child(1){float: right !important;}
.contactAddress .col-ym-6.tw-left{float: left;}
.contactForm .form-inner {width:50%;float:left;}
.contactForm .form-inner .inner {max-width: 400px;margin: 0 auto;}
.contactForm input, .contactForm select, .contactForm textarea{border-color: #ccc;}

.contact-cta {width: 50%;float: left;padding: 50px 0;}
.contact-cta .contact-info{width: 100%; float: right;padding: 0 80px;}
.contact-cta .contact-info p, .contact-cta .contact-info a{color: #363636;}
.contact-cta .contact-info a.link-fb{text-decoration: underline;}
.contact-cta .contact-info a strong{display: inline-block; margin-right: 5px;}
.contact-cta .contact-cta-btn a{border: 2px solid #fff;color: #fff;font-weight: 600;border-radius: 4px;text-transform: uppercase;font-size: 18px;padding: 10px 18px;display: inline-block;}
.contact-cta .contact-cta-btn a:hover{background:#fff;color:#888a41; border-color: #888a41}

.home-section-5.section .col-ym-6.right, .col-ym-6.right { float: right; }

/* Responsive */
@media only screen and (max-width: 1124px) {
    header .right .menu-main-nav-container ul li.menu-button a, #menu.sticky-menu .right .menu-main-nav-container ul li.menu-button a{padding: 8px 10px;font-size: 15px;}
    header .right .menu-main-nav-container ul li a, #menu.sticky-menu .right .menu-main-nav-container ul li a{font-size: 16px;padding: 49px 4px;}
    .issue ul li .list-box-inner {min-height: 224px;}
    .testimonial .testimonial-slider p {padding: 0 80px;}
	
}	


@media only screen and (max-width: 1023px) {
    header .logo, #menu.sticky-menu .logo{width: auto !important;}
    header .logo .logo img, #menu.sticky-menu .logo .logo img{width: 100px;}
    header .right .menu-main-nav-container ul li.menu-button a, #menu.sticky-menu .right .menu-main-nav-container ul li.menu-button a{display: none;}
    header .right .menu-main-nav-container ul li a, #menu.sticky-menu .right .menu-main-nav-container ul li a{font-size: 14px;padding: 5px 4px;}
    header .right, #menu.sticky-menu .right {clear: none; text-align: right;float: right; width: auto;}
    header, #menu.sticky-menu{padding-bottom: 15px;height: 82px !important;}
    body.page .section-1 .title{float: left;}
    .testimonial .testimonial-slider p {padding: 0 30px;}
    .issue ul li .list-box-inner {min-height: 270px;}
    .banner-list ul li{padding-left: 48px;font-size: 22px; background-size: 36px;line-height: 39px;margin: 10px 0;}
    .benefits-osteopathy .list ul li{padding-left: 20px; padding-left: 48px;font-size: 22px; background-size: 36px;line-height: 39px;margin: 10px 0;}
    .why-choose-us .list ul li {padding-left: 20px; padding-left: 48px;font-size: 22px; background-size: 36px;line-height: 39px;margin: 10px 0;}
    .banner-contact .field-label {width: 30%;}
    .banner-contact .field-label input {font-size: 13px !important;}
    .benefits-osteopathy .list ul li {font-size: 20px;}
    .contact-cta .contact-cta-btn a{font-size: 15px;}
    .contact-cta .contact-info{padding: 0 40px;}
	
}
		
@media only screen and (max-width: 767px) {
    header, #menu.sticky-menu {padding-bottom: 0px;height: 59px !important;}
    
    .benefits-osteopathy .list ul li{width: 100%; float: left;}
    .issue .content ul li {width: 50%;min-height: 100%;}
    .issue ul li{padding: 10px;}
    .contactAddress iframe {margin-bottom: 30px;}
    .contact-cta{padding: 20px 0;}
	
		
}

@media only screen and (max-width: 600px) {
    .banner-list ul li {padding-left: 20px;padding-left: 48px;font-size: 16px;background-size: 30px !important;line-height: 27px;margin: 6px 0;background: url(images/two-rounds.png) left 4px no-repeat;}
    .section-1.banner-inner {padding: 32px 0;}
    body.page .section-1 .title p {font-size: 15px;}
    body.page .section-1 .title h1 { font-size: 22px;}
    .banner-contact .field-label {width: 100%; margin: 0 0 6px 0;}
    .banner-contact .field-label input {padding: 10px;}
    .benefits-osteopathy .list ul li {font-size: 18px; background-size: 32px; line-height: 32px; margin: 7px 0;}
    .issue ul li {width: 100%;}
    .issue ul li .list-box-inner {min-height: 100%;}
    .issue .list-box h3{font-size: 18px;}
    .why-choose-us .list ul li {padding-left: 20px;padding-left: 48px;font-size: 18px;background-size: 30px !important;line-height: 36px;margin: 7px 0;background: url(images/two-rounds.png) left 9px no-repeat;}
	.contact-cta .contact-cta-btn {width: 100%;float: left;padding: 42px 0;}
    .contact-cta .contact-info{width: 100%; float: right;padding: 0 10px;}
    .contactForm .form-inner{padding: 50px 10px;}
    .contact-cta{width: 100%; float: left;padding: 0px 0 20px;}
    .contactForm .form-inner{width: 100%;padding: 20px 10px 0;}
}