/* 
 Theme Name:   Karrinyup Dental Surgery
 Theme URI:    https://karrinyupdental.com.au
 Description:  This is child theme.
 Author:       Karrinyup Dental Surgery
 Author URI:   https://karrinyupdental.com.au
 Template:     generatepress
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

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

@font-face {
    font-family: 'The Amoret Collection Script Alt';
    src: url('../../../wp-content/uploads/2022/05/AmoretSans.woff2') format('woff2'),
         url('../../../wp-content/uploads/2022/05/AmoretSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'fieldworkgeo_light';
  src:url('../../../wp-content/uploads/2022/05/fieldwork-geo-light-webfont.woff') format('woff'),
        url('../../../wp-content/uploads/2022/05/fieldwork-geo-light-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'fieldworkgeo_regular';
    src: url('../../../wp-content/uploads/2022/05/fieldwork-geo-regular-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2022/05/fieldwork-geo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fieldwork,body {
	font-family: 'fieldworkgeo_light';
}

.fieldwork-regular {
	font-family: 'fieldworkgeo_regular';
}

.amoret,h1,h2,h3 {
	font-family: 'The Amoret Collection Script Alt';
}

.page-hero {
    position: fixed;
    z-index: 9;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.page-hero section.elementor-section .elementor-container {
    align-items: center;
    justify-content: center;
    width: 100%;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items {
    margin: 0;
    list-style: none;
    align-items: center;
    justify-content: flex-end;
}

.page-hero section.elementor-section .elementor-container .elementor-col-33, 
.page-hero section.elementor-section .elementor-container .elementor-element-95f325e {
    width: 20%;
}

.page-hero section.elementor-section .elementor-container .elementor-element-43cd275 {
    width: 60%;
    text-align: center;
}

.page-hero section.elementor-section .elementor-container .elementor-element-95f325e {
    text-align: right;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li i {padding-top: 0;color: #7b5c52;padding-right: 10px;}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:first-child {
    padding-right: 20px;
    position: relative;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:last-child {
    padding-left: 15px;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:first-child:after {
    content: '|';
    position: absolute;
    right: 0;
}

.page-hero a.elementor-button-link.elementor-button {
    background: #307C91;
    color: #ffffff;
    text-transform: uppercase;
    padding: 18px 15px;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:last-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:last-child a span.elementor-icon-list-icon {position: relative;top: 6px;}

/***********Responsive CSS**************/

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {

.page .tab--text h2 {
    color: #ffffff;
    font-size: 32px !important;
}
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
	
nav#site-navigation {
    display: none !important;
}

.page-hero section.elementor-section .elementor-container {
    flex-wrap: wrap !important;
}

.page-hero section.elementor-section .elementor-container .elementor-col-33, .page-hero section.elementor-section .elementor-container .elementor-element-95f325e, .page-hero section.elementor-section .elementor-container .elementor-element-43cd275 {
    width: 100% !important;
    text-align: left !important;
}

.page-hero {
    padding-left: 15px !important;
    padding-right: 15px !important;
    position: static !important;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items {
    justify-content: flex-start !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:last-child {
    padding-left: 0 !important;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:first-child {
    padding-right: 0 !important;
    padding-bottom: 15px !important;
}

.page-hero ul.elementor-icon-list-items.elementor-inline-items li:first-child:after {
    display: none !important;
}
	
.tab-style-custom .elementor-tabs .elementor-tabs-wrapper {
    display: flex !important;
    overflow-x: scroll !important;
}
	
.add-sep.elementor-widget-tabs .elementor-tab-content {
    padding-top: 24px !important;
}
	
.tab-style-custom .elementor-tab-title.elementor-tab-mobile-title {
    display: none !important;
}

.page .tab-style-custom .elementor-tab-title {
    margin: 0;
    padding: 7px 5px !important;
    min-width: 288px !important;
    place-content: center;
}

.page .tab-style-custom .elementor-tab-title.elementor-active {
    font-size: 16px !important;
}
	
.top-land .grid-70, .top-land .grid-30-m, .rit-map .featured-media,
.rit-map .post-below, .tab--img, .tab--text {
    width: 100% !important;
}
	
.rit-map .featured-media img {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 25px;
}
	
.my-photo.elementor-widget.elementor-widget-image {
    position: static !important;
}

.my-photo.elementor-widget.elementor-widget-image img.attachment-full.size-full {
    max-width: 100% !important;
}

.add-light:after, .inn-grad:before, 
.tab-style-custom .elementor-tab-title:not(:last-child):after, .rem-br br, .cta-clm-1 {
    display: none !important;
}
	
.faq-style a.elementor-accordion-title {
    display: block;
}
	
.cta-clm-2 {
    padding: 70px 15px 70px 15px !important;
    background-position: 0px -80px !important;
}

.cta-clm-1, .cta-clm-2 {
    flex: unset !important;
}
	
.top-land, .cta-rw {
	flex-wrap:wrap !important;	
}

.tab--dent-rw {
    padding: 0px 15px !important;
	flex-wrap: wrap !important;
	gap: 40px !important;
}

.top-land .grid-70, .grid-30-m .grid-30 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.let-map .post-below h2 > a {
    font-size: 24px !important;
    line-height: 34px !important;
}

.let-map .post-below {
    padding-top: 25px !important;
}

.rit-map h2 > a {
    line-height: 28px !important;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
.add-light:after {
	display:none !important;	
}
	
.add-sep.elementor-widget-tabs .elementor-tab-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.tab--dent-rw {
    gap: 40px !important;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
	
.my-photo, .cta-clm-1, .hide-at, nav#site-navigation,
.page-hero section.elementor-section .elementor-container .elementor-element-95f325e {
    display: none !important;
}
	
.bnghj a.elementor-button-link.elementor-button.elementor-size-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jkuyh {
    width: 30% !important;
}

.inc-col {
    width: 70% !important;
}

.with-photo .elementor-widget-wrap.elementor-element-populated {
    padding: 80px 80px 90px 46px !important;
}

.rit-map .featured-media img {
    width: 100% !important;
    height: 220px !important;
    padding-bottom: 25px !important;
}

.rit-map .featured-media, .rit-map .post-below, 
.top-land .grid-70, .top-land .grid-30-m, .with-photo .elementor-column.elementor-col-50 {
    width: 100% !important;
}

.rit-map h2 > a {
    line-height: 28px !important;
}

.top-land {
    flex-wrap: wrap !important;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
	
.my-photo.elementor-widget.elementor-widget-image {
    right: 201px !important;
}
	
.rit-map h2 > a {
    line-height: 24px !important;
}

.rit-map .post-below {
    padding-left: 15px !important;
}

}

/**
 * Blog Landing
 */ 

.top-land {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}

.top-land.gaps {
    gap: 30px;
}

.top-land .grid-70 {
    width: 55%;
background: #fef9f1;border-radius: 4px;padding: 40px;box-shadow: 30px 0px 40px rgb(0 0 0 / 5%);}

.top-land .grid-30-m {
    width: 45%;
}

.let-map .header-wrap {
    height: 220px;
    background-size: cover !important;
    position: relative;
	border-radius: 4px;
}

.top-land .let-map time {width: 60px;height: 60px;background: #7b5c52;color: #ffffff;position: absolute;z-index: 1;text-align: center;font-size: 14px;line-height: 60px;left: 20px;top: 20px;border-radius: 4px;}

.adr79 .featured-media {position: relative;}

.let-map .post-below h2 > a {font-size: 28px;display: inline-block;color: #307c91;text-decoration: none;}

.let-map .post-below h2 {line-height: 40px;margin: 0;padding-top: 20px;}

.let-map .post-below {padding-top: 40px;}

.let-map .post-below span.posted-date {color: #999999;text-transform: uppercase;}

.grid-30-m .grid-30 {
    background: #fef9f1;
    border-radius: 4px;
    padding: 40px 40px 30px 40px;
    box-shadow: 30px 0px 40px rgb(0 0 0 / 5%);}

.rit-map {display: inline-flex;width: 100%;flex-wrap: wrap;}

.rit-map .featured-media {width: 18%;}

.rit-map .post-below {width: 82%;}

.rit-map h2 > a {font-size: 18px;
    display: inline-block;
    color: #307c91;
    text-decoration: none;}

.rit-map .post-below h2 {font-size: 18px;
    display: inline-block;
    color: #307c91;
    text-decoration: none;line-height: 28px;margin: 0;}

.grid-30-m .grid-30:not(:last-child) {margin-bottom: 30px;}

.rit-map span.posted-date, span.fgt-df, .rit-map time {color: #999999;font-size: 16px;}

.rit-map span.fgt-df {padding: 0px 5px;}

.right-contain .elementor-widget-wrap {
    max-width: calc(1240px / 12 * 6);
    margin-right: auto;
}

.right-contain {background: #F4F3EF;}

.add-left:before {content: '';background: #F4F3EF;position: absolute;height: 100%;width: 90px;left: -90px;z-index: -1;}

.tab-style-custom .elementor-tab-title {
    font-weight: normal !important;
}

.tab-style-custom .elementor-tab-title.elementor-active {
    font-family: 'fieldworkgeo_regular';
    font-size: 18px !important;
}

.tab-style-custom .elementor-tab-title:not(:last-child):after {
    content: '|' !important;
    position: absolute;
    right: 0;
    font-size: 16px;
    width: 0px !important;
    height: 0px !important;
    top: 0;
    color: #cccccc;
    font-weight: normal;
    font-family: 'fieldworkgeo_light';
}

.team-kdc .elementor-button span.elementor-button-content-wrapper {
    align-items: center;
}

.add-sep.elementor-widget-tabs .elementor-tab-content {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1240px;
    padding-top: 100px;
    padding-bottom: 90px;
}

.inn-grad:before {
    content: '';
    background: #7b5c52;
    position: absolute;
    width: 73%;
    height: 830px;
    left: -50%;
    top: -65px;
}

.rit-map i {
    color: #7b5c52;
}

.rit-map .featured-media img {
    width: 70px;
    height: 70px;
    object-fit: cover;
	border-radius:4px;
}

.add-light:after {
    content: '';
    background-image: url(https://wpuplift.com/projects/karrinyupdentalsurgery/wp-content/uploads/2022/05/Vector-Smart-Object.png);
    width: 100%;
    height: 100%;
    background-size: contain;
    position: absolute;
    top: 520px;
    z-index: -1;
    background-repeat: no-repeat;
}