/**
* Name:     AppleOne 2024 Custom Stylesheet (2024)
* Author:   Jen Dela Paz | iManila
* Version:  1.0.0
**/


/*** Fonts ***/
@font-face {
    font-family: Degular;
    src: url(../fonts/Degular-Regular.otf);
}

@font-face {
    font-family: Degular Bold;
    src: url(../fonts/Degular-Bold.otf);
  }

@font-face {
    font-family: Degular Semibold;
    src: url(../fonts/Degular-Semibold.otf);
}


/*** GENERAL ***/
:root {
    --red: #BE3A35;
    --maroon: #7C2629;
	--cream: #121110;
    --mocha: #BBA998;
    --gold:#D5A461;
    --orange:#D58461;
	--blue: #83A1DC;
    --black: #000;
    --white:#fff;
}

.z-index-3{
	position:relative;
	z-index:3;
}


/*** Borders ***/

.border-image-01{
    border: 10px solid transparent;
    padding: 15px;
    background-image: url("http://appleone.test/wp-content/uploads/2024/09/right-border-brown-img-1.png");
}

.border-img-red .el-image{
    border: 8px solid var(--red);
    z-index:6;
}

.border-img-02 .el-image{
    /* border: 10px solid transparent;
    padding: 15px;
    border-image: url(http://appleone.test/wp-content/uploads/2024/09/left-border-brown-img.png) 30 stretch; */
    background-image: url(http://appleone.test/wp-content/uploads/2024/09/left-border-brown-img-1.png);
    z-index:9
}


/*** Buttons ***/

.uk-offcanvas-bar .uk-close{
    color:#B70E23;
}

.uk-navbar .uk-search-icon svg{
    color: #fff;
    text-transform: uppercase;
    border-radius: 27px;
    background: #B70E23;
    width: 50px;
    height: 50px;
    padding: 12px;
}

.uk-navbar .uk-search-icon svg:hover{
    background: #7c2629;
}

.uk-button {
    padding:3px 30px;

}

.home-features-stories  a.uk-button:after, .home-events-updates .uk-button:after, .news-grid .uk-button:after {
    /* content: '\27F6'; */
    content:'\2192';
    display: inline-block;
    margin-left: 20px;

}

.white-button .uk-button{
    border-radius: 34px;
    background: #FFF;
    color: #000;
    font-family: Degular;
    font-size: 20px;
}

.white-button .uk-button:hover{
    border-radius: 34px;
    background: Transparent;
    border:1px solid #fff;
    color: #fff;
    font-family: Degular;
    font-size: 20px;
}


/*** Text **/

.text-white{
    color:var(--white) !important;
}

.text-mocha, .text-mocha .el-title{
    color:var(--mocha) !important;
}

.text-degular-bold{
    font-family: Degular bold !important;
}

.text-degular-semibold{
    font-family: Degular Semibold !important;

}

/*** Sections ***/
.uk-section.section-maroon{
    background-color: var(--maroon) !important;
}

.uk-section.section-black{
    background-color: var(--black) !important;
}

/** Navigation**/
/* .uk-navbar-dropdown .uk-nav-sub {
display: none;
}

.uk-navbar-dropdown-nav > .uk-parent:hover > .uk-nav-sub {
display: block;
background: none repeat scroll 0 0 padding-box #ffffff;
box-sizing: border-box;
box-shadow: 0 1px 4px rgba(0,0,0,0.14);
width: 250px;
margin-top: -35px;
padding: 25px;
position: absolute;
right: -215px;
} */

.tm-header .uk-drop{
	width:300px !important;
}

.tm-header .uk-accordion>:nth-child(n+2) {
    margin-top: 10px;
}

/*** Home ***/
.menu-item-home {
	display:none;
}

.home-dotnav .uk-dotnav>*>* {
    width: 16px;
    height: 16px;
    border: #E4E4E4;
    background-color: #E4E4E4;
}

.home-dotnav .uk-dotnav>*>*:hover {
    border: #B70E23;
    background-color: #B70E23;
}

.home-dotnav .uk-dotnav>.uk-active>*{
    width: 26px;
    height: 26px;
    border: #B70E23;
    background-color: #B70E23;
}

.home-dotnav ul.uk-dotnav.uk-dotnav-vertical li {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.home-banner .el-content {
    width: 680px;
    color: var(--maroon);

}

.home-industries-gallery .el-title {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 400;
    line-height: 40px;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
	margin-left: -25px;

}

.home-industries-gallery .el-meta {
    color: var(--white);
    font-family: 'Degular Bold';
    font-size: 4rem;
    font-weight: 700;
    line-height: 40px;
    position: absolute;
    top: 22px;
    right: -204px;
}

.home-features-stories .el-meta{
    color: var(--black);
    text-transform: uppercase;
    font-size: 1.25rem;
}

.home-events-updates .el-title{
    color:var(--white);
	font-family: 'Degular Bold';
    font-size: 1rem;
    line-height: 1.1;
}

.home-events-updates .el-meta{
    color:var(--white);
    font-size: 0.875rem;
    line-height: 1; 
    text-transform: uppercase;
}

.home-events-updates .uk-button{
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    padding:3px 30px !important;
}


.home-events-updates .el-item:hover .uk-overlay-default{
    background: transparent;
}

.home-events-updates .el-item:hover .uk-button{
    background-color: var(--red);
    color: #fff;
    border-color: var(--red);
    padding:3px 30px !important;
}

.home-events-updates .uk-overlay-default{
    background: rgba(124, 38, 41, 0.58);
}


.home-events-updates .el-slidenav{
    border: 2px solid #7C2629;
    border-radius: 5px;
    padding: 15px 20px;

}

.home-events-updates .el-slidenav:hover,.home-events-updates .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve):hover{
    border: 2px solid #be3a35;
}


.home-events-updates .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve)  {
    stroke: #7C2629;
}
.home-banner [data-uk-cover]:where(img,video), [uk-cover]:where(img,video){
	object-position: right !important;
}


/**** About Us ***/

.appleone-timeline{
    position:relative;
}


.appleone-timeline ul.el-nav{
    position: absolute;
    height: 4PX;
    width: 95%;
    background-color: #D9D9D9;
    border-color: #000;
}

.appleone-timeline .el-slidenav{
    border: 2px solid #7C2629;
    border-radius: 5px;
    padding: 15px 20px;
    top:-105px;

}

.appleone-timeline .el-slidenav:hover{
    border: 2px solid #be3a35  !important;
}


.appleone-timeline .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve)  {
    stroke: #7C2629 !important;
}

.appleone-timeline .uk-dotnav{
    position: absolute;
    top: -125px;
	left: 40px;
}

.appleone-timeline .uk-dotnav>*>* {
    width: 20px;
    height: 20px;
	margin-top:-8px;
	color:transparent;
	border: 2px solid transparent;
}

.appleone-timeline .uk-dotnav>.uk-active>* {
	display:block !important;
    background: #BE3A35;
    border: 2px solid #ffff;
}

.el-item .uk-overlay-default {
   background: rgba(124, 38, 41, 0.58);
}

.appleone-timeline .el-title {
	color: #FFF;
    font-family:"Degular Bold";
    font-size: 2rem;
}

.appleone-timeline .el-meta {
	color: #000;
	text-align: center;
	font-family:'Degular Bold' ;
	font-size: 1.875rem;
/* 	position:absolute;
	top:120px; */
}


.appleone-timeline  .uk-dotnav>* {
    padding-left: 55px;
    padding-right: 50px;
}

.appleone-timeline .uk-slide-active.uk-active .uk-overlay {
	display:none;
}
.appleone-timeline .uk-slide-active.uk-active .el-item:hover .uk-overlay {
	display:block;

}


.appleone-timeline .uk-slide-active.uk-active .el-item:hover .uk-overlay {
	display:block;
transition: background-color 1.2s;
}


.appleone-timeline .el-content{
	font-size:0.875rem;
}

.appleone-timeline .uk-slide-active .el-item .uk-overlay-default {
   background: transparent;
}

.appleone-timeline .uk-slide-active .el-item .uk-overlay{
   background: #fff5eb;

}

.appleone-timeline .uk-slide-active .el-item .uk-overlay .el-title {
	color: rgba(190, 58, 53, 1);
}

.appleone-timeline .uk-slide-active .el-item .uk-overlay .el-content{
	color: #000;
}





/*** Industries ***/

.industries-pages-list .uk-heading-small{
    font-family: 'Degular' !important;
}

.appleone-industries .el-item .uk-overlay-default{
    background: linear-gradient(90deg, rgb(0 0 0 / 41%) 0%, transparent 50%);
}

.appleone-industries .uk-button{
    font-family:'Degular';
    background-color: transparent;
    color: #fff;
    border-color: #fff;

}
.appleone-industries .uk-button:hover{
    background-color: #fff;
    color: var(--red);
    border-color: #fff;

}

.appleone-industries a.uk-button:after {
    /* content: '\27F6'; */
    content:'\2192';
    display: inline-block;
    margin-left: 20px;

}

.industries-residential-map .el-image, .industries-hotelresort-map .el-image, .industries-commercial-map .el-image{
    border-top-right-radius: 150px;
    border-top-left-radius: 150px;
}


.industries-residential-map .el-image{
    border: 70px solid rgba(232, 210, 188, 0.25);
    border-bottom: none;
    border-left-width: 70px;
    border-right-width: 70px;
    border-top-width: 40px;
}

.industries-hotelresort-map .el-image{
     border: 70px solid rgba(213, 164, 97, 0.20);
     border-bottom: none;
     border-left-width: 70px;
     border-right-width: 70px;
     border-top-width: 40px;
}

.industries-commercial-map .el-image{
    border: 70px solid rgba(131, 161, 220, 0.20);
    border-bottom: none;
    border-left-width: 70px;
    border-right-width: 70px;
    border-top-width: 40px;
}


.industries-inner-banner .column-02 .uk-card-secondary  {
    background-color: rgb(0 0 0 / 50%);
}

/* .industries-inner-banner .column-02 .el-title {
    color: var(--mocha) !important;
}

.industries-inner-banner .column-02 .el-content {
    color: #ffffffe0 !important;
    font-size: 1.25rem;
} */


.industries-gallery .wpsisac-image-slide-wrap img{
    border-radius: 47px;
}

.industries-gallery .slick-current .wpsisac-image-slide-wrap {
    width: 650px;
    height: 446px;
    margin-left: -90px;
    z-index:1;
} 

.industries-gallery .wpsisac-slick-carousal.wpsisac-center .slick-slide .wpsisac-image-slide-wrap {
    opacity: 1;
}


.industries-inner-banner .column-02 .uk-font-secondary{
    font-family: 'Degular Semibold';
}

.residential-inner .column-02 .uk-font-secondary, .residential-inner .column-02 .el-title{
    color: #E0C6AD !important;
}


.hotel-resort-inner .column-01 .uk-text-secondary{
    color: #d5a461 !important;
}

.hotel-resort-inner .column-02 .uk-font-secondary,.hotel-resort-inner .column-02 .el-title{
    color: #FFF5EB !important;
}


.commercial-inner .column-02 .uk-font-secondary,.commercial-inner .column-02 .el-title{
    color: #7ba4db !important;
}

.commercial-inner-regus .column-02 .uk-font-secondary {
    color: #83A1DC !important;
}

.page-id-326 .uk-button-danger, .parent-pageid-326 .uk-button-danger {
    background-color: #7ba4db !important;
}

.page-id-326 .uk-button-danger:hover, .parent-pageid-326 .uk-button-danger:hover {
    background-color: #4975b0 !important;
}

.healthcare-list .uk-button{
    font-family:'Degular';
    background-color: #0D5257;
    color: #fff;
    border-color: #0D5257;

}
.healthcare-list .uk-button:hover{
    background-color: transparent;
    color: #0D5257;
    border-color: #0D5257;

}


.parent-pageid-326 .uk-button-default {
    background-color: #83a1dc;
    color: #fff;
    border: 1px solid #83A1DC;
}

.parent-pageid-326 .uk-button-default:hover {
    background-color: #5d89df;
    color: #fff;
    border-color: #5d89df;
}

/*** News ***/
.news-grid .el-title{
    font-family: 'Degular Bold';
    font-size: 1.75rem;
    line-height: 1.1;
    height: 150px;
}


.single-post .el-item {
    margin-left:25px;
}


.wp-socializer.wpsr-share-icons {
    margin: 0 0 !important;
	float: right;
}

.wpsr-share-icons .wpsr-si-inner .wpsr-counter, .sr-share-menu{
	display:none !important
}

.wpsr-share-icons .socializer {
    margin: 0 0 !important;
}

.socializer a{
	border-radius:5px;
}


.single-post .uk-breadcrumb li:nth-child(3){
	display:none;
}


/*** Contact Form ***/
.page-id-17 .top-b .el-title, .page-id-17 h3 {
    font-family:'Degular Bold';
    color:#7C2629 !important;
	font-size: 1.25rem;
}
    
.page-id-17 .top-b .el-content a{
    color:#000;
}

.appleone-contact-form .uk-input{
    padding: 30px 30px;
    margin-bottom: 10px;
}


/*** Footer ***/

.footer-b{
    color:#fff !important;
}


/*** Responsive ***/

@media (min-width: 960px) {
    .industries-inner-banner .column-01 .uk-tile {
        padding-left: 260px;
    }
}

@media (max-width:1600px){
    .industries-inner-banner .column-01 .uk-tile {
        padding-left: 110px;
    }
}

@media (max-width:1536px){
    .industries-inner-banner .column-01 .uk-tile {
        padding-left: 70px;
    }
}

@media (max-width:1440px){
    .industries-inner-banner .column-01 .uk-tile {
        padding-left: 50px;
    }
}

@media (max-width:1024px){
    .industries-gallery .slick-current .wpsisac-image-slide-wrap {
        width: 500px !important;
    }
	.appleone-timeline{
		margin-top:150px;
	}
	.appleone-timeline .el-slidenav {
		padding: 5px 10px !important;
	}
	
	.appleone-timeline  .uk-dotnav>* {
		padding-left: 70px;
		padding-right: 0px;
	}
	.home-banner-socials {
		top:-30px !important;
	}
	.home-banner [data-uk-cover]:where(img,video), [uk-cover]:where(img,video){
		object-position: center !important;
	}
	.home-industries-gallery .el-meta {
		right: -260px;
	}

}

@media (max-width:820px){
	.menu-item-home {
		display:block;
	}
    .inner-banner-section {
        padding-top: 120px !important;
    }
    .industries-gallery .slick-current .wpsisac-image-slide-wrap {
        width: 420px !important;
    } 
	.appleone-timeline ul.el-nav{
		width: 80%;
	}
	.appleone-timeline .uk-dotnav{
		left: 80px;
	}
	.appleone-timeline .uk-dotnav>* {
        padding-left: 40px;
        padding-right: 0px;
    }
}

@media (max-width:510px){
	
	.home-banner .el-content {
		width: auto !important;
	}
	
    .industries-map .el-image{
        border-top-right-radius: 50px;
        border-top-left-radius: 50px;
        border-left-width: 3cap;
        border-right-width: 30px;
        border-top-width: 20px;
    }

    .industries-residential-map .el-image, .industries-hotelresort-map .el-image, .industries-commercial-map .el-image{
        border-bottom: none;
        border-left-width: 50px;
        border-right-width: 50px;
        border-top-width: 20px;
    }
    

    .industries-residential-map .el-image, .industries-hotelresort-map .el-image, .industries-commercial-map .el-image{
        border-top-right-radius: 70px;
        border-top-left-radius: 70px;
    }
    
    .industries-gallery .slick-current .wpsisac-image-slide-wrap {
        width: 380px !important;
        margin-left: 0px !important;
    } 
    .industries-inner-banner .column-01 .uk-tile {
        padding-left: 20px;
    }
	
	.wp-socializer.wpsr-share-icons {
		float: none;
	}
	.appleone-timeline{
		margin-top:25px;
	}
}

@media (max-width:390px){
    .industries-gallery .slick-current .wpsisac-image-slide-wrap {
        width: 340px !important;
    } 
}



/* .wpsisac-slick-carousal.wpsisac-center .slick-slide .wpsisac-image-slide-wrap {
    transform: scale(1.0);
}

.wpsisac-slick-carousal.design-1 .wpsisac-image-slide img {
    border-radius: 50px;
}

.wpsisac-image-slide.slick-slide.slick-active .wpsisac-image-slide-wrap{
	width: 450px !important;
	height:280px !important;
}
.wpsisac-image-slide.slick-current.slick-center .wpsisac-image-slide-wrap, .wpsisac-image-slide.slick-current.slick-center img{
	width: 650px !important;
	height:446px !important;
}

.wpsisac-image-slide.slick-current.slick-center .wpsisac-image-slide-wrap{
	z-index:1;
} */