@charset 'utf-8';
/*
Theme Name: artdeco-railing Child Theme
Theme URI: 
Description: hello-elementor Child Theme - Multipurpose and Multiskin Responsive Wordpress theme
Author: artdeco-railing Child Theme
Author URI:  
Template: artdeco-railing
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: artdeco-railing-child
*/


.header_btn .elementor-button-icon {
	font-size: 24px;
}
.header_logo_column{
    position: relative;
}
#logos {
	position: absolute;
	top: -10px;
	right: 0;
}
.fas.fa-phone-alt.call-icon {
	color:#005a8d;
	font-size:16px;
	margin-left:1px;
}

@media (max-width: 767px){
    
    .header_btn .elementor-button-icon {
	font-size: 10px;
}
    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding: 30px 0px 30px 0px;
}
.elementor-nav-menu a {
    justify-content: space-between;
}
#menu_mobile .elementor-sub-item {
	padding-left: 28px;
	text-transform: capitalize;
}
#logos {
	z-index:9999;
}
}


.wpcf7 form.sent .wpcf7-response-output {
    background: #00D06C;
    border: none;
    font-family: Karla !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.003em;
    padding: 7px 11px;
    margin: 36px 0 0 0;
    max-width: 508px;
    color: #000000 !important;
}



div.elementor-message{
	background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
}
div.elementor-message-success{
	background-color: #1fc51f;
    color: white;
}
/*--------Blog page-----*/
#post-cont p {
	font-family: 'Inter', sans-serif;
}
#post-cont h3 {
	color: #001B2A;
}
.post-category-art h5 {
	color: #001B2A;
	font-size: 20px;
	font-weight: 700;
	font-family: "Nunito Sans", Sans-serif;
	margin-bottom: 12px;
}
 .blog-cate  .cat-item {
	 list-style: none;
	 padding-top: 10px;
     padding-bottom: 6px;
}
.blog-cate .cat-item a {
	font-size: 16px;
	font-family: "Inter", Sans-serif;
	font-weight: 400;
	line-height: 28px;
	color: #747474;
	list-style: none;
}
.blog-cate ul {
	padding-left: 0px;
}
.post-cont .wp-block-heading {
	padding-top: 20px;
	padding-bottom: 20px;
}
.my-post .page-numbers.next::after {
    content: url('https://artdecorailing.ca/wp-content/uploads/2025/10/pagination-arrow.svg');
    position: absolute;
    padding-left: 5px;
}
.prev::before {
	content: url('https://artdecorailing.ca/wp-content/uploads/2025/10/pagination-arrow.svg');
	height: 25px;
	width: 1px;
	position: absolute;
	transform: rotate(180deg);
margin-top: 2px;
left: 12px;
}
.elementor-pagination .prev {
    display: none;
}
.paged .elementor-pagination .prev {
    display: block;
    
}
nav.elementor-pagination {
    padding: 0px!important;
   
}
.paged-2 .next::after {
	display: none;
}
.paged-2 nav.elementor-pagination {
    padding-left: 50px!important;
}
.my-post .page-numbers.current {
    text-decoration: underline;
    text-underline-offset: 8.5px;
}
.my-post .elementor-pagination {
    margin-left: -16px;
}
.blog-cate .current-cat a {
	color: #005A8D !important;
	text-decoration: underline;
	text-underline-offset: 4px;
}
/*--------Blog page-----*/

/*blog post page css  */
.post-cont ul {
	padding-left: 20px;
}
.post-cont ol {
	padding-left: 20px;
}


/* FAQ Page Css Start Here */

#elementor-tab-title-7002 {
	padding-top: 23.5px;
	padding-bottom: 24px;
} 
#elementor-tab-title-7003 {
	padding-bottom: 23px;
}

#elementor-tab-title-7004 {
	padding-bottom: 23px;
}
#elementor-tab-title-7005 {
	padding-bottom: 23px;
}
#elementor-tab-title-7006 {
	padding-bottom: 23px;
}
#elementor-tab-title-7007 {
	padding-bottom: 23.5px;
}

#elementor-tab-title-7008 {
	padding-bottom: 23.5px;
}


#faqp .elementor-accordion-item {
  margin-bottom: 24px;
  border-radius: 20px;
}
@media (max-width: 767px) {
#faqp .elementor-accordion-icon-closed {
	margin-top: 20px;
	margin-left: 5px;
}

#faqp .elementor-accordion-icon-opened {
	margin-top: 0px;
	margin-left: 5px;
}
	#faqp svg {
  width: 24px;
  height: 24px;
  margin-top:0px;
}
}
#faqp #elementor-tab-title-7001, #elementor-tab-title-7002, #elementor-tab-title-7003, #elementor-tab-title-7004, #elementor-tab-title-7005, #elementor-tab-title-7006, #elementor-tab-title-7007, #elementor-tab-title-7008{
  border-radius: 10px;
  border:1px solid #DEDEDE;
}
#faqp p{
	padding-bottom: 7.5px;
	}

#faqp svg {
  width: 48px;
  height: 48px;
  margin-top:-10px;
}
/* 
#faqp p {
  margin-block-end: 0px !important;
  margin-block-start: 0px !important;
} */
#elementor-tab-content-7001 p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin: 0 !important; 
}




/* Default accordion title */
#faqp .elementor-accordion .elementor-tab-title {
  background-color: #f5f5f5; /* optional default color */
  color: #000;
  transition: all 0.3s ease;
}

/* Active accordion title */
#faqp .elementor-accordion .elementor-tab-title.elementor-active {
  background-color: #005A8D !important;
  color: #fff !important; /* makes text white for better contrast */
}

/* FAQ Page Css End Here */

/*about-us page css start hare  */

#box .elementor-icon-box-content {
	margin-top: 13.5px;
}

#vdo .elementor-video {
  height: 610px !important;
}
.video_col{
    position: relative;
}
.video-text{
    position: absolute;
    bottom:32px;
}
@media (max-width: 767px) {
#vdo .elementor-widget-video .elementor-custom-embed-image-overlay {

  height: 367px;
}
#vdo .elementor-video {
  height: 367px;
}
 .video_col{
    position: relative;
}
.video-text{
    position: absolute;
    bottom:24px;
}
}
/*about-us page css end hare  */

/* service interior page css start here */
.elementor-gallery-title.elementor-item-active {
    background-color: #005A8D !important;
    border-color: #005A8D !important;
    color: #ffffff !important;
}

.elementor-gallery-title {
    background-color: #fafafa !important;
    border-color: #DEDEDE !important;
/*     color: #000000 !important; */
}

.elementor-gallery-title:hover {
    background-color: #005A8D !important;
    border-color: #005A8D !important;
    color: #ffffff !important;
}
.elementor-item.elementor-gallery-title {
  border: 1px solid;
  border-radius: 100px;
  padding: 17px 31.5px!important;
}
@media (max-width: 767px) {
  .elementor-item.elementor-gallery-title {
    padding: 9.5px 18px !important; 
    border-radius: 100px !important;
/* 	  row-gap:12px !important; */
  }
	#row .elementor-gallery__titles-container.e--pointer-underline.e--animation-fade {
  row-gap: 12px;
		margin-left: 23px;
}
}



/* service interior page css start here */

/* Contact Template css start here */

#phone-icon svg {
	margin-top: -7px !important;
}

#phone-icon1 svg {
	margin-top: 6px !important;
}

#contact-us #form-field-name, #form-field-field_da1334b, #form-field-phone, #form-field-field_0b8f239, #form-field-field_796feff, #form-field-field_e7449f7, #form-field-field_5218271{
  border: none;
  background: #FAFAFA;
 padding: 15px 0 16.5px 12px;
}

#contact-us #form-field-message{
	border: none;
  background: #FAFAFA;
padding: 16.5px 0 94px 12px;

}

#contact-us .elementor-form-fields-wrapper.elementor-labels-above {
  margin-top: -0.5px;
}

#contact-us .elementor-field-type-textarea.elementor-field-group.elementor-column.elementor-field-group-message.elementor-col-100 {
  margin-top: -3px;
}
.upload-form .elementor-field-type-upload::before {
	content: "";
	position: absolute;
	top: 30px;
	left: 12px;
	width: 96.2%;
	height: 52px;
	background-image: url('https://artdecorailing.ca/wp-content/uploads/2025/10/file-upload.svg');
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
	z-index: 1;
}
.upload-form .elementor-field-type-upload input[type="file"] {
    position: relative;
    z-index: 10; /* Input is always above decorative layers */
    opacity: 0;  /* Invisible but still clickable */
    cursor: pointer;
}
.selected-file-name {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    background: #f0f0f0;
    border-radius: 4px;
}

@media (max-width:767px)
{
.upload-form .elementor-field-type-upload::before {
	content: "";
	position: absolute;
	top: 30px;
	left: 14px;
	width: 93%;
	height: 52px;
	background-image: url('https://artdecorailing.ca/wp-content/uploads/2025/10/file-upload-mobile.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 1;
	z-index: 1;
	background-position: center;
}
}

@media (min-width:768px) and (max-width:1024px)
{
.upload-form .elementor-field-type-upload::before {
	width: 94%;
	background-size: 100% 100%;
}
}
 Hide the default file input button 

/* Contact Template css end here */

/* aluminum-picket-railing css start */
#elementor-tab-title-2361{
	border-radius:10px;
	border: 1px solid #DEDEDE;
}
#elementor-tab-title-2362{
	border-radius:10px;
	border: 1px solid #DEDEDE;
}#elementor-tab-title-2363{
	border-radius:10px;
	border: 1px solid #DEDEDE;
}#elementor-tab-title-2364{
	border-radius:10px;
	border: 1px solid #DEDEDE;
}
/* aluminum-picket-railing css end */


/* aluminum-frame css start */

#frame_aluminum .elementor-image-box-content {
  margin-top: -16px;
}
#frame_panels .elementor-image-box-content {
  margin-top: -16px;
}
#a-frame .elementor-image-box-img {
    margin-bottom: 19px!important;
}

/* #frame_panels .elementor-image-box-title {
	margin-top: -14px;
} */
.aluminum-faq .elementor-accordion .elementor-tab-title {
	background-color: #fff !important;
	color: #000;
	transition: all 0.3s ease;
}
@media (max-width: 767px) {
#frame_aluminum .attachment-full.size-full.wp-image-3566 {
  width: 295px;
}

#frame_panels .attachment-full.size-full.wp-image-3567 {
  width: 295px;
}
/* #frame_aluminum .elementor-image-box-content {
margin: 0; */
}
}
/* aluminum-frame css end */

/* metal fence and gates css start here   */

#gate-gallery .elementor-gallery__titles-container.e--pointer-underline.e--animation-fade {
	margin-left: 59px;
}
#gate-gallery .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
  height: 273px;
}

@media (max-width: 767px) {
  .elementor-item.elementor-gallery-title {
    padding: 9.5px 18px !important; 
    border-radius: 100px !important;
/* 	  row-gap:12px !important; */
  }
	#gate-gallery .elementor-gallery__titles-container.e--pointer-underline.e--animation-fade {
  row-gap: 12px;
		margin-left: 23px;
}
	#gate-gallery .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
  height: auto
		width:100%
}
}
/* metal fence and gates css start here   */

/* shower glass and mirror page css start here */
#glass-gallery .elementor-gallery__titles-container.e--pointer-underline.e--animation-fade {
  row-gap: 20px;
}
	#glass-gallery .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
  height: 273px;
}
@media (max-width: 767px) {
  .elementor-item.elementor-gallery-title {
    padding: 9.5px 18px !important; 
    border-radius: 100px !important;
/* 	  row-gap:12px !important; */
  }
	#glass-gallery .elementor-gallery__titles-container.e--pointer-underline.e--animation-fade {
  row-gap: 12px;
		margin-left: 23px;
}
	#glass-gallery .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
		width:100%
}
		#glass-gallery .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
  height: 158px;
}
#glass-gallery .elementor-gallery__titles-container {
    justify-content: center;
    margin: 0 0 20px!important;
}
#glass-gallery .elementor-gallery-title {
    --space-between: 10px!important;
}
}
#glass-gallery.elementor-gallery__titles-container.e--pointer-underline.e--animation-fade {
  margin-right: 65px;
}

/* shower glass and mirror page css end here */

/* Commercial-service page css start here */


#fencing-list ul {
  padding-left: 23px;
}
#fencing-list ul li{
  padding-left: 1px;
}

/* Commercial-service page css end here */

/* video gallery page css start here */
.vdo .elementor-widget-container {
  height: 380px;
}
.video-play-button svg {
    background: #ffffff40;
    border-radius: 100px;
}


/* video gallery page css end here */

@media (max-width: 767px) {
#core-value #box .elementor-icon-box-content {
  margin-top: 5px;
}
}
/*Header css starts here */
@media (min-width: 1025px) and (max-width: 1285px) {
	.elementor-22 .elementor-element.elementor-element-d09029e {
	width: 51% !important;
}
.elementor-22 .elementor-element.elementor-element-a23771a {
	width: 14.953% !important;
}
.elementor-22 .elementor-element.elementor-element-d09029e > .elementor-element-populated {
	margin: 0px 0px 0px 0px;
	--e-column-margin-right: 0px;
	--e-column-margin-left: 0px;
	padding: 0px 0px 0px 0px !important;
}
 
.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
	padding: 13px 8px !important;
}
.elementor-22 .elementor-element.elementor-element-5825bf8 .elementor-button {
	padding: 15px 15px 15px 8px !important;
}
}

/* project page css starts */
.project-tab .elementor-tab-title {
    border:0px solid #DEDEDE!important;
    border-radius: 50px;
    padding: 17px 25px!important;
    background: #FAFAFA;
    width: 175px;
    text-align: center;
}
.project-tab .elementor-tabs-wrapper .elementor-tab-title:first-child {
    width: unset;
    padding: 18px 41.5px!important;
}
.project-tab.elementor-widget-tabs .elementor-tabs-wrapper {
    overflow: hidden;
    display: flex;
    gap: 20px;
}
.project-tab .elementor-tabs-wrapper .elementor-active {
    background: #005A8D!important;
    border: 0px solid #005A8D !important;
}
.project-tab .elementor-tab-content {
    padding: 52px 0 0!important;
}
@media (max-width: 768px) {
.project-tab .elementor-tabs-content-wrapper .elementor-tab-mobile-title {
	display: none;
}
.project-tab .elementor-tab-title {
	padding: 10px 20px !important;
}
/* .project-tab .elementor-tabs-wrapper .elementor-tab-title:first-child {
    width: unset;
    padding: 18px 20px!important;
} */
.project-tab.elementor-widget-tabs .elementor-tabs-wrapper {
	gap: 20px;
	flex-wrap: wrap;
	justify-content:center;
}
.project-tab .elementor-tab-title {
    width: unset;

}
.project-tab .elementor-tabs-wrapper .elementor-tab-title:first-child {
    padding: 10px 20px !important;
}
	
}
/* end of css */


/* home testimonial css */
.my-testimonial .elementor-testimonial {
    display: grid;
}
 .my-testimonial .elementor-testimonial__header {
    order: 2;
} 
.my-testimonial .elementor-star-rating {
    position: absolute;
    top: 25px;
}
.my-testimonial .elementor-testimonial__text {
    min-height: 280px;
}
 .my-testimonial .elementor-testimonial__header {
    padding-block-end: 28px!important;
    padding-top: 17px!important;
}
.my-testimonial #readMoreBtn {
    color: #005A8D;
    text-decoration: underline;
}
#reviewss svg {
	width: 24px;
}
.read-more-btn {
    color: #005A8D!important;
    text-decoration: underline!important;
}
/*end of css  */
@media (max-width:767px)
{
#vdo .elementor-video {
	height: 367px !important;
}
}
/*services tab css  */
.my-map iframe {
    border-radius: 10px;
}
@media (max-width: 768px) {
.my-map iframe {
    height: 331px!important;
}
}


/*Exterior frameless glass css start */
/* #row .elementor-item.elementor-gallery-title {
color:#001B2A !important;
}
#row a.elementor-item.elementor-gallery-title.elementor-item-active {
  color: #FFFFFF !important;
} */

#row .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
  width: 273px !important;
}
@media (max-width: 768px) {
#row .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
    width: unset!important;
}
}
/*Exterior frameless glass css End */


@media (min-width:1601px) and (max-width:1920px)
{
#for_big_src {
	background-size: 100% 100%;
}
}