/*
Theme Name: parel
Text Domain: parel
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Simple wordpress theme
Author: the WordPress team
Author URI: http://parelware.com/
Theme URI: http://parelware.com/

*/

/*===========================
    1. COMMON css 
===========================*/
.page-container .border {width: 100%;height: 100%;}

.pagerender .page-container .border.left { width:20px;}
.pagerender .page-container .border.right { width:20px;}
.pagerender .page-container .border.top { height:20px;}
.pagerender .page-container .border.bottom { height:20px;}


#main-container, .page-container, .main-footer {display:none;}
body.page-loaded.pagerender #main-container, body.page-loaded.pagerender .page-container,body.page-loaded.pagerender .main-footer {display:block !important;}


#main-container .fa-plus:before{ content:normal;}
#main-container { min-height: calc(100vh - 200px); }
.error404 #main-container h1 { font-size: calc(12px + 14vw); color: transparent; -webkit-text-stroke: 2px #000; }
.not-found { padding: 10px; text-align: center; }

.cnt-wrap>.e-con-inner { max-width: none; width: 100%; }
/* .e-con>.e-con-inner { max-width: 1440px;width: 80%;} */
.menu-burger { z-index: 45 !important }

#main-container .grid-2 .e-con-inner { display: flex; flex-wrap: wrap; flex-direction: row; gap: inherit; }
.grid-2 .elementor-widget-image { width: 50%; padding: 10px; }
#main-container .grid-3 .e-con-inner { display: flex; flex-wrap: wrap; flex-direction: row; gap: inherit; }
.grid-3 .elementor-widget-image { width: 33.333%; padding: 10px; }


/*------ Footer ----*/
.footer-widget-wrap { padding-top: 100px; }
.footer-widget-wrap h2 { font-size: 60px; font-weight: 500; }
.footer-widget-wrap h2 a{ text-decoration:none;}
.footer-widget-wrap .menu { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; }
.footer-widget-wrap .menu li { color: #fff; font-size: 24px; margin-left: 16px; margin-right: 16px; }
.footer-widget-wrap .menu li a { text-decoration: none; display:block; }
#block-7 { min-height: calc(100vh - 300px); display: flex; justify-content: center; flex-direction: column; }
#block-9 .wp-block-social-links { margin: 32px 0; list-style:none; padding: 0;}
#block-9 .wp-block-social-links li a { background: url(assets/images/social-icons.svg) no-repeat; display: block; width: 32px; height: 32px; background-size: 25px; margin: 0 5px }
#block-9 .wp-block-social-links li { transform: none !important; }
#block-9 .wp-block-social-links li a svg { display: none; }
#block-9 .wp-block-social-links li.wp-social-link-facebook a { background-position: 5px 4px; }
#block-9 .wp-block-social-links li.wp-social-link-instagram a { background-position: 5px -54px; }
#block-9 .wp-block-social-links li.wp-social-link-linkedin a { background-position: 5px -115px; }
#block-9 .wp-block-social-links li { background: none; }
#block-8 p { font-size: 14px; }
.content-slider .uc_classic_carousel_placeholder {padding: 0 !important;}
.e-con-inner .content-slider .owl-dots { padding: 10px 0; margin-top: 4px !important; }
.e-con-inner .content-slider .owl-dots .owl-dot { border: 1px solid #b5a891; width: 16px; height: 16px; background: none; }
.e-con-inner .content-slider .owl-dots .owl-dot.active { background: #b5a891; }
body #main-container .uk-container-expand{ padding:0px;}

.e-con-inner .content-slider .owl-nav .owl-prev, .e-con-inner .content-slider .owl-nav .owl-next { top: 50% !important; margin-top: -50px; }
.e-con-inner .content-slider .owl-nav { opacity: 0; -moz-transition: all .4s ease; transition: all .4s ease; }
.e-con-inner .content-slider:hover .owl-nav { opacity: 1; }
.content-slider .uc_classic_carousel_placeholder a { display: block; position: relative; }
.content-slider .uc_classic_carousel_placeholder a:after { content: ''; display: block; width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -50px; background: url(assets/images/play.svg) no-repeat; background-size: cover; opacity: 0; -moz-transition: all .4s ease; transition: all .4s ease; }
.content-slider .ue-carousel-item:hover .uc_classic_carousel_placeholder a:after { margin-top: -50px; opacity: 1; }
.featured-thumbnail{ margin-bottom:30px;}
.featured-thumbnail img{ width:100%; display:block;}


.fa-plus, .fa-solid.fa-x { display: inline-block; width: 12px; height: 14px; position: relative; top: 2px; }
.fa-plus:after { content: '+'; line-height: 1px; font-weight: 400; font-style: normal; font-size: 18px; }
.fa-solid.fa-x:after { content: '+'; line-height: 1px; font-weight: 400; font-style: normal; font-size: 18px;transform: rotate(45deg); display: block; }

hr.mb-20 {margin-bottom: 20px;}


/* -----Home----- */    

body.page-id-6 .sub-content{ padding:0 70px;}
body.page-id-742 .sub-content{ padding:0 70px;}
/* -----Home----- */

body.page-id-8 .media-page{ padding:0 70px;}
/*---- project post type ------*/

body .e-con-full .e-con-inner{width: 100%;max-width: 100%;padding: 0 10px;}
body .e-con-boxed .e-con-inner{margin: 0 auto; max-width: 1440px; transition: 1s ease; width: 80%; }
.next-prev-post { clear: both; padding: 100px 0; }
.next-prev-post h2 { display: none; }
.next-prev-post .nav-links { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1440px; transition: 1s ease; width: 80%; }
.next-prev-post .nav-links .nav-previous, .next-prev-post .nav-links .nav-next { width: 36%;padding: 0 10px;    max-width: 400px; }
.next-prev-post .nav-links .nav-next { text-align: right; margin-left: auto; }
.next-prev-post .nav-links .nav-previous:before { content: 'PREVIOUS PROJECT'; display: block; font-size: 16px; color: #eb484f; font-weight: 600; }
.next-prev-post .nav-links .nav-next:before { content: 'NEXT PROJECT'; display: block; font-size: 16px; color: #4440d6; font-weight: 600; }
.next-prev-post .nav-links a { color: #000; font-size: 40px; text-decoration: none; line-height: 46px; padding-top: 20px; display: block; font-weight: 500; line-height: 1.3; }

/* -----News ------- */
.singlenews .container{margin: 0 auto; max-width: 1440px; transition: 1s ease; width: 80%; }


/*---- Home ------*/
.page-id-6 .top-space { display:none; }
.page-id-742 .top-space { display:none; }
.page-id-742 .filter-primary .uk-subnav{ display:none; }

/*---- Contact ------*/
.page-id-12 .uk-container-expand, .page-id-12 .site-main { background: #4440d6; }
.page-id-12 { background: #4440d6; min-height: 100vh; }
.page-id-12 .main-footer { display: none; }
.page-id-12 .page-content-delayed.border { display: none !important; }
.page-id-12 .uk-navbar-center .uk-logo { display: none; }
.page-id-12 .top-space { display:none;}
body.page-loaded.pagerender.page-id-12 .main-footer { display: none !important; }
body.page-id-12 #main-container {min-height: auto;}

.form-item { margin:0; padding: 5px 0; }
.form-item p { margin: 0; }
.form-item label { color: #fff; }
.form-item .wpcf7-form-control-wrap { display: block; }
.form-item .wpcf7-form-control-wrap textarea, .form-item .wpcf7-form-control-wrap input { background: none; border: none; border-bottom: 1px solid #fff; color: #fff; }
.form-item .wpcf7-form-control-wrap textarea {height: auto; max-height: 120px; line-height: normal; padding: 10px; }
.form-item .wpcf7-form-control-wrap textarea:focus, .form-item .wpcf7-form-control-wrap input:focus { background: #514ded; border-bottom: 1px solid #fff; color: #fff; }
.btn-wrap { position: relative; }
.btn-wrap .wpcf7-submit { border: none; font-family: Poppins, sans-serif; font-size: 18px; cursor: pointer; border: 2px solid #fff; background: #4346ce; display: inline-block; padding: 6px 60px; color: #fff; font-weight: 500; }
.btn-wrap .wpcf7-submit:hover { background: #fff; color: #4346ce; }
.btn-wrap .wpcf7-spinner { position: absolute;top: 18px; right: -33px; margin: 0; background: none; border: 1px solid #fff; opacity: 1; }
.wpcf7 form .wpcf7-response-output { padding: 1em; color: #fff; }
.elementor-editor-active .page-container, .elementor-editor-active #main-container{ display:block;}
.sm-container .elementor-widget-container {max-width: 960px;margin: 0 auto;}

/* -------------- colapsible-content ----------------- */
.colapsible-content { padding: 60px 0; }
.colapsible-content .elementor-widget-icon-box { width: 16%; margin: 0 .3%; margin-bottom: 30px !important; padding-right: 20px; }
.colapsible-content .grid-6 .e-con-inner { display: flex; flex-direction: row; gap: 0; flex-wrap: wrap; padding: 0; }
.colapsible-content .elementor-icon-box-wrapper h3.elementor-icon-box-title { font-size: 12px; color: #7b7474; text-align: left; margin-bottom: 5px; text-transform: uppercase; font-weight: 600; }
.colapsible-content .elementor-icon-box-wrapper .elementor-icon-box-description { color: #7b7474; font-size: 14px; font-weight: 400; line-height: 1.5; margin: 0; text-align: left; }
.showhide-btn .elementor-widget-container { width: 100px; cursor: pointer; }
.colapsible-content .more-content { -moz-transition: all .8s ease; transition: all .8s ease; height: 0; overflow: hidden; opacity: 0; }
.colapsible-content.show .more-content { display: block; height: auto; opacity: 1; }
.colapsible-content .showhide-btn { border-bottom: 1px solid #b5b5b5; }
.showhide-btn .elementor-widget-container p { margin: 0; color: #c4c4c4; font-size: 12px; font-weight: 600; margin-bottom: 32px; margin-top: 10px; }
.showhide-btn .elementor-widget-container i:after { content: '+'; display: inline-block; font-style: normal; font-size: 18px; line-height: 0; font-weight: 400; position: relative; top: 2px; }
.showhide-btn .elementor-widget-container .less i:after { transform: rotate(45deg); }
.colapsible-content.show .showhide-btn .elementor-widget-container .more { display: none; }
.showhide-btn .elementor-widget-container .less { display: none; }
.colapsible-content.show .showhide-btn .elementor-widget-container .less { display: block; }
.border.top{ z-index:39;}
.border.left{ z-index:30;}

#cover-menu{ z-index:40;}
#main-content h1 {line-height: 1.3;}
.uk-overlay h3{ font-weight:300;}
.uk-overlay h3 p strong {font-weight: 500;}
.uk-overlay  h3 p{ margin:0; font-weight:300;}
#js-oversized {padding-bottom: 80px;}
.filter-primary .uk-subnav-pill>.uk-active>a {text-decoration: underline;}



.pp-video { position: fixed; z-index: 99; width: 100%; height: 100%; background: rgb(0 0 0 / 80%); top: 0; left: 0; display: flex;justify-content: center;flex-direction: column;text-align: center; }
.pp-video .vid-inner { width: 60%; margin: 0 auto; position: relative; }
.pp-video .vid-inner video { width: 100%; }
.pp-video .rm-pop { width: 40px; height: 40px; cursor: pointer; border-radius: 50%; background: url(/wp-content/themes/parel/assets/images/burger_menu.svg) no-repeat; background-size: 40px; transform: rotate(45deg); position: absolute; z-index: 99; top: -50px; right: 10px; }
.pp-video .iframewrp { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.pp-video .iframewrp iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* -------   Responsive -------- */


@media(max-width:1200px){
	body.page-id-6 .sub-content {padding: 0 70px;}
	body.page-id-742 .sub-content {padding: 0 70px;}
	
	body.page-id-8 .media-page{ padding:0 30px;}
	/* body .e-con-boxed .e-con-inner { width: 90%; } */
	.next-prev-post .nav-links{width: 90%;}

}

@media(max-width:960px){
	body.page-id-6 .sub-content {padding: 0 40px;}
	body.page-id-742 .sub-content {padding: 0 40px;}
	
	.colapsible-content .elementor-widget-icon-box {width: 49%;margin: 0 .5%;}
	.colapsible-content .grid-6 .e-con-inner {border-top: 1px solid #b5b5b5; padding-top: 20px;}
	.colapsible-content {padding: 20px 0 50px;}
	.colapsible-content .grid-6.more-content .e-con-inner{border-top: none; padding-top: 0px;}
	.showhide-btn .elementor-widget-container p {margin-bottom: 20px; margin-top: 0px;}
	.colapsible-content .elementor-widget-icon-box {margin-bottom: 30px !important;}
	
}

@media(max-width:767px){
	.uk-navbar {padding: 17px 0;}
	.cnt-wrap h2{font-size:60px !important;}
	.cnt-wrap .wpcf7{padding-top:56px}

}
@media(max-width:720px){
	.footer-widget-wrap .menu{ display:block;}
	.footer-widget-wrap .menu li a {padding: 6px 0;}
	#block-7 { min-height: calc(100vh - 480px);}
	.footer-widget-wrap h2 {font-size: 48px;}
	.next-prev-post .nav-links a{ font-size:24px;}
	.grid-3 .elementor-widget-image, .grid-2 .elementor-widget-image  { padding: 4px; }
	.pagerender .page-container .border.left { width:10px;}
	.pagerender .page-container .border.right { width:10px;}
	.pagerender .page-container .border.top { height:10px;}
	.pagerender .page-container .border.bottom { height:10px;}
	#main-container .uk-transition-toggle .uk-overlay { opacity: 1; top: auto; bottom: 0; padding: 16px; --uk-translate-y: 0; }
	#main-container .uk-transition-toggle .uk-overlay h3 { text-align: left; font-size: 16px; }
	
}


@media(max-width:640px){
	body.page-id-6 .sub-content {padding: 0 26px;}
	body.page-id-742 .sub-content {padding: 0 26px;}
	
	body .e-con-boxed .e-con-inner {width: 90%;}
	.next-prev-post .nav-links .nav-previous:before {font-size: 12px;}
	.next-prev-post .nav-links .nav-next:before {font-size: 12px;}	
	
}




.uk-position-top-left { top: auto;bottom:0}