/* Custom styles */

.config_row.full_width                      { width:100%; }
.config_column.full_width                      { width:100%; }


/* Page header */

.config_row.page_header                     { padding: 5.375rem 0; }
.config_row.page_header div.content         { max-width: 1200px; padding: 0 1rem; margin: 0 auto; }
.config_row.page_header div.content h1      { color: #fff; font-family: 'Poppins', sans-serif; font-size: 2.5rem; font-weight: 600; text-align: center; text-transform: uppercase; }


/* Padding */

.config_row.padding-2xl                     { padding-top: 9.375rem; padding-bottom: 9.375rem; }
.config_row.padding-xl                      { padding-top: 6.975rem; padding-bottom: 6.975rem; }
.config_row.padding-lg                      { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.config_row.padding-md                      { padding-top: 2.625rem; padding-bottom: 2.625rem; }
.config_row.offset-lg                       { max-width: 1254px; margin: 0 auto; }
.config_row.offset-md                       { max-width: 860px; margin: 0 auto; }
.config_row.offset-sm                       { max-width: 720px; margin: 0 auto; }
.config_row.decorating-services .config_container { align-items: flex-start; }


.config_row.padding_large,
.config_column.padding_large								{ padding: 6rem; }

.config_row.vpadding_vlarge,
.config_column.vpadding_vlarge								{ padding-top: 10rem; padding-bottom: 10rem; }
.config_row.vpadding_large,
.config_column.vpadding_large								{ padding-top: 4rem; padding-bottom: 4rem; }
.config_row.vpadding_medium,
.config_column.vpadding_medium							{ padding-top: 3rem; padding-bottom: 3rem; }
.config_row.vpadding_small,
.config_column.vpadding_small								{ padding-top: 1rem; padding-bottom: 1rem; }
.config_row.vpadding_strap,
.config_column.vpadding_strap								{ padding-top: 10rem; padding-bottom: 10rem; }
.config_row.toppadding_vlarge,								
.config_column.toppadding_vlarge             { padding-top: 6rem; }
.config_row.toppadding_large,								
.config_column.toppadding_large             { padding-top: 6rem; }
.config_row.toppadding_medium,
.config_column.toppadding_medium             { padding-top: 3rem; }
.config_row.toppadding_small,
.config_column.toppadding_small             { padding-top: 1rem; }
.config_column.bottompadding_vlarge,
.config_row.bottompadding_vlarge          { padding-bottom: 10rem; }
.config_column.bottompadding_large,
.config_row.bottompadding_large          { padding-bottom: 6rem; }
.config_column.bottompadding_medium,
.config_row.bottompadding_medium           { padding-bottom: 3rem; }
.config_column.bottompadding_small,
.config_row.bottompadding_small          { padding-bottom: 1rem; }
.config_column.home_panel                   { padding: 15rem 1.125rem 1.125rem 1.125rem; border-radius: 12px; }
.config_column.image_corners,
 .config_column.image_corners img               { border-radius: 12px; }

 .config_column.topmargin_large             { margin-top: 6rem; }

 .config_column.strap_right             { margin-left:auto; margin-right:5%; }


/* Widths */

 .config_row.medium_width div.offset					{ max-width:1450px; margin: auto; }
.config_row.narrow_width  div.offset,
.config_column.narrow_width	 div.offset		  { max-width:1000px; margin: auto; }

/* Backgrounds */

.config_row.grey-background                 { background-color: var(--light-grey); }
.config_row.verylightgrey-background                 { background-color: var(--very-light-grey); }

.config_row.eggblue-background              { background-color: var(--egg-blue); }
.config_row.lightegg-background             { background-color: var(--light-egg); }
.config_row.linen-background                { background-color: var(--linen); }




/* Moss Panel */

.config_column.moss_panel,
.config_row.moss_panel                      { background-color: var(--moss);}
.config_column.moss_panel div.content h2,
.config_column.moss_panel div.content h3,
.config_column.moss_panel div.content h4,
.config_column.moss_panel div.content p,
.config_column.moss_panel div.content ul,
.config_row.moss_panel div.content h2,
.config_row.moss_panel div.content h3,
.config_row.moss_panel div.content h4,
.config_row.moss_panel div.content p,
.config_row.moss_panel div.content ul,
.config_row.moss_panel div.content li    {  color:#FFFFFF;  }
.config_column.moss_panel div.content h2,
.config_row.moss_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.moss_panel div.content h2 strong,
.config_row.moss_panel div.content h2 strong    { font-weight:800; }

.config_column.moss_panel div.content h4,
.config_row.moss_panel div.content h4,
.config_row.moss_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.moss_panel div.content a.button,
.config_row.moss_panel div.content a.button                          { background-color: var(--moss); border-radius: 28px; border: 2px solid var(--white); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.moss_panel div.content a.button:hover,
.config_row.moss_panel div.content a.button:hover                          { background-color: var(--gold);  }

/* Gold Panel */

.config_column.gold_panel,
.config_row.gold_panel                      { background-color: var(--gold);}
.config_column.gold_panel div.content h2,
.config_column.gold_panel div.content h3,
.config_column.gold_panel div.content h4,
.config_column.gold_panel div.content p,
.config_column.gold_panel div.content ul,
.config_row.gold_panel div.content h2,
.config_row.gold_panel div.content h3,
.config_row.gold_panel div.content h4,
.config_row.gold_panel div.content p,
.config_row.gold_panel div.content ul,
.config_row.gold_panel div.content li    {  color:#FFFFFF;  }
.config_column.gold_panel div.content h2,
.config_row.gold_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.gold_panel div.content h2 strong,
.config_row.gold_panel div.content h2 strong    { font-weight:800; }

.config_column.gold_panel div.content h4,
.config_row.gold_panel div.content h4,
.config_row.gold_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.gold_panel div.content a.button,
.config_row.gold_panel div.content a.button                          { background-color: var(--gold); border-radius: 28px; border: 2px solid var(--white); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.gold_panel div.content a.button:hover,
.config_row.gold_panel div.content a.button:hover                          { background-color: var(--moss);  }

/* Red Panel */

.config_column.red_panel,
.config_row.red_panel                      { background-color: var(--red);}
.config_column.red_panel div.content h2,
.config_column.red_panel div.content h3,
.config_column.red_panel div.content h4,
.config_column.red_panel div.content p,
.config_column.red_panel div.content ul,
.config_row.red_panel div.content h2,
.config_row.red_panel div.content h3,
.config_row.red_panel div.content h4,
.config_row.red_panel div.content p,
.config_row.red_panel div.content ul,
.config_row.red_panel div.content li    {  color:#FFFFFF;  }
.config_column.red_panel div.content h2,
.config_row.red_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.red_panel div.content h2 strong,
.config_row.red_panel div.content h2 strong    { font-weight:800; }

.config_column.red_panel div.content h4,
.config_row.red_panel div.content h4,
.config_row.red_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.red_panel div.content a.button,
.config_row.red_panel div.content a.button                          { background-color: var(--red); border-radius: 28px; border: 2px solid var(--white); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.red_panel div.content a.button:hover,
.config_row.red_panel div.content a.button:hover                          { background-color: var(--gold);  }


/* Grey Panel */

.config_column.grey_panel,
.config_row.grey_panel                      { background-color: var(--grey);}
.config_column.grey_panel div.content h2,
.config_column.grey_panel div.content h3,
.config_column.grey_panel div.content h4,
.config_column.grey_panel div.content p,
.config_column.grey_panel div.content ul,
.config_row.grey_panel div.content h2,
.config_row.grey_panel div.content h3,
.config_row.grey_panel div.content h4,
.config_row.grey_panel div.content p,
.config_row.grey_panel div.content ul,
.config_row.grey_panel div.content li    {  color: var(--black);  }
.config_column.grey_panel div.content h2,
.config_row.grey_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.grey_panel div.content h2 strong,
.config_row.grey_panel div.content h2 strong    { font-weight:800; }

.config_column.grey_panel div.content h4,
.config_row.grey_panel div.content h4,
.config_row.grey_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.grey_panel div.content a.button,
.config_row.grey_panel div.content a.button                          { background-color: var(--grey); color: var(--black); border-radius: 28px; border: 2px solid var(--black); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.grey_panel div.content a.button:hover,
.config_row.grey_panel div.content a.button:hover                          { background-color: var(--gold);  }


/* Light Grey Panel */

.config_column.lightgrey_panel,
.config_row.lightgrey_panel                      { background-color: var(--light-grey);}
.config_column.lightgrey_panel div.content h2,
.config_column.lightgrey_panel div.content h3,
.config_column.lightgrey_panel div.content h4,
.config_column.lightgrey_panel div.content p,
.config_column.lightgrey_panel div.content ul,
.config_row.lightgrey_panel div.content h2,
.config_row.lightgrey_panel div.content h3,
.config_row.lightgrey_panel div.content h4,
.config_row.lightgrey_panel div.content p,
.config_row.lightgrey_panel div.content ul,
.config_row.lightgrey_panel div.content li    {  color: var(--black);  }
.config_column.lightgrey_panel div.content h2,
.config_row.lightgrey_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.lightgrey_panel div.content h2 strong,
.config_row.lightgrey_panel div.content h2 strong    { font-weight:800; }

.config_column.lightgrey_panel div.content h4,
.config_row.lightgrey_panel div.content h4,
.config_row.lightgrey_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.lightgrey_panel div.content a.button,
.config_row.lightgrey_panel div.content a.button                          { background-color: var(--light-grey); color: var(--black); border-radius: 28px; border: 2px solid var(--black); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.lightgrey_panel div.content a.button:hover,
.config_row.lightgrey_panel div.content a.button:hover                          { background-color: var(--gold);  }

/* Very Light Grey Panel */

.config_column.verylightgrey_panel,
.config_row.verylightgrey_panel                      { background-color: var(--very-light-grey);}
.config_column.verylightgrey_panel div.content h2,
.config_column.verylightgrey_panel div.content h3,
.config_column.verylightgrey_panel div.content h4,
.config_column.verylightgrey_panel div.content p,
.config_column.verylightgrey_panel div.content ul,
.config_row.verylightgrey_panel div.content h2,
.config_row.verylightgrey_panel div.content h3,
.config_row.verylightgrey_panel div.content h4,
.config_row.verylightgrey_panel div.content p,
.config_row.verylightgrey_panel div.content ul,
.config_row.verylightgrey_panel div.content li    {  color: var(--black);  }
.config_column.verylightgrey_panel div.content h2,
.config_row.verylightgrey_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.verylightgrey_panel div.content h2 strong,
.config_row.verylightgrey_panel div.content h2 strong    { font-weight:800; }

.config_column.verylightgrey_panel div.content h4,
.config_row.verylightgrey_panel div.content h4,
.config_row.verylightgrey_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.verylightgrey_panel div.content a.button,
.config_row.verylightgrey_panel div.content a.button                          { background-color: var(--very-light-grey); color: var(--black); border-radius: 28px; border: 2px solid var(--black); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.verylightgrey_panel div.content a.button:hover,
.config_row.verylightgrey_panel div.content a.button:hover                          { background-color: var(--gold);  }


/* Off White Panel */

.config_column.offwhite_panel,
.config_row.offwhite_panel                      { background-color: var(--off-white);}
.config_column.offwhite_panel div.content h2,
.config_column.offwhite_panel div.content h3,
.config_column.offwhite_panel div.content h4,
.config_column.offwhite_panel div.content p,
.config_column.offwhite_panel div.content ul,
.config_row.offwhite_panel div.content h2,
.config_row.offwhite_panel div.content h3,
.config_row.offwhite_panel div.content h4,
.config_row.offwhite_panel div.content p,
.config_row.offwhite_panel div.content ul,
.config_row.offwhite_panel div.content li    {  color: var(--black);  }
.config_column.offwhite_panel div.content h2,
.config_row.offwhite_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.offwhite_panel div.content h2 strong,
.config_row.offwhite_panel div.content h2 strong    { font-weight:800; }

.config_column.offwhite_panel div.content h4,
.config_row.offwhite_panel div.content h4,
.config_row.offwhite_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.offwhite_panel div.content a.button,
.config_row.offwhite_panel div.content a.button                          { background-color: var(--off-white); color: var(--black); border-radius: 28px; border: 2px solid var(--black); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.offwhite_panel div.content a.button:hover,
.config_row.offwhite_panel div.content a.button:hover                          { background-color: var(--gold);  }

/* khaki Panel */

.config_column.khaki_panel,
.config_row.khaki_panel                      { background-color: var(--khaki);}
.config_column.khaki_panel div.content h2,
.config_column.khaki_panel div.content h3,
.config_column.khaki_panel div.content h4,
.config_column.khaki_panel div.content p,
.config_column.khaki_panel div.content ul,
.config_row.khaki_panel div.content h2,
.config_row.khaki_panel div.content h3,
.config_row.khaki_panel div.content h4,
.config_row.khaki_panel div.content p,
.config_row.khaki_panel div.content ul,
.config_row.khaki_panel div.content li    {  color: var(--black);  }
.config_column.khaki_panel div.content h2,
.config_row.khaki_panel div.content h2     { font-size: 2.25rem; line-height: 2.5rem; }
.config_column.khaki_panel div.content h2 strong,
.config_row.khaki_panel div.content h2 strong    { font-weight:800; }

.config_column.khaki_panel div.content h4,
.config_row.khaki_panel div.content h4,
.config_row.khaki_panel div.content p     { font-size: 1.5rem; line-height: 2.5rem;}

.config_column.khaki_panel div.content a.button,
.config_row.khaki_panel div.content a.button                          { background-color: var(--khaki); color: var(--black); border-radius: 28px; border: 2px solid var(--black); font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
    
.config_column.khaki_panel div.content a.button:hover,
.config_row.khaki_panel div.content a.button:hover                          { background-color: var(--imagegrey);  color:#FFFFFF; border-color: var(--imagegrey);}



.config_column.image-right-border           { border-right: 10px solid var(--light-red); }
.config_column.right-border-with-padding-lg { border-right: 10px solid var(--light-red); padding-right: 5.5rem; }
.config_column.right-border-with-padding-lg + div { padding-left: 5.5rem; }
.config_column.padding-lg                   { padding: 3.75rem 5.25rem; }
.config_column.padding-xl                   { padding: 8.625rem 0; }
.config_column.offset-left .content         { width: 600px; margin-left: auto; }
.config_column.offset-right .content        { width: 600px; margin-right: auto; }
.config_column.offset-left-lg .content      { width: 800px; margin-left: auto; }
.config_column.offset-right-lg .content     { width: 800px; margin-right: auto; }
.config_column.painting-specialists-content {}
.config_column.image-panel                  {}
.config_column.image-panel-right,
.config_column.image-panel-bottom            { display: flex; justify-content: flex-end; align-items: center; height: 840px; }
.config_column.request-a-quote              {}

.config_column.mobile-height-300            { height: auto; }

.config_column.slideshow-center                 { display: flex; align-items: center; justify-content: center; bottom: calc(50% - 197px); background-color: transparent; height: 885px; }
.config_column.slideshow-center .content        { background-color: rgba(0, 0, 0, 0.3); height: 394px; max-width: 900px; margin: 0 auto; border-radius: 30px; padding: 4.75rem 1.5rem; margin: 1.5rem; }
.config_column.slideshow-center .content h2     { text-transform: uppercase; color: var(--white); font-family: 'Poppins', sans-serif; font-size: 2.25rem; font-weight: 800; margin: 0 0 2rem; }
.config_column.slideshow-center .content p      { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.5rem; color: var(--white); margin: 0 0 3.875rem 0; }
.config_column.slideshow-center .content a      { font-family: 'Poppins', sans-serif; font-size: 1.5rem; text-align: center; color: #fff; border-radius: 24px; padding: 1rem 2.5rem; line-height: 1; border: 2px #fff solid;}
.config_column.slideshow-center .content a:hover { background-color: var(--imagegrey); border-color: var(--imagegrey);}


/* Sectors Custom Style */

    div.config_column.our-sectors-heading div.content { max-width: 480px; }
    div.config_column.our-sectors-heading div.content p { font-size: 1.5rem; }
/* Logo Panel */

.config_column.logo_panel,
.config_row.logo_panel  p                    { text-align: right;}

@media only screen and (min-width: 0px) and (max-width: 1200px)
{
    .config_column.painting-specialists-content { flex-basis: 100% !important; margin-bottom: 2rem; }
    .config_row.decorating-services .config_container .column_3 { flex-basis: 32%; max-width: 345px; margin-right: 1.75%; }
    .config_row.decorating-services .config_container .column_4 { flex-basis: 32%; max-width: 345px; margin-right: 1.75%; }
    .config_row.decorating-services .config_container .column_5 { flex-basis: 32%; max-width: 345px; }
}

@media only screen and (min-width: 0px) and (max-width: 1000px)
{
    .config_column.padding-lg               { padding: 0; }
    .config_column.padding-lg .content      { padding: 2rem; }
    .config_column.offset-right .content    { width: 100%; }
    .config_column.image-right-border       { border: 0; }
    .config_column.right-border-with-padding-lg { padding: 0; border: 0; }
    .config_column.right-border-with-padding-lg + div { padding: 0; }
    .config_column.offset-right-lg .content { width: 100%; padding: 2rem; }
    .config_row.padding-2xl                 { padding-top: 2rem; padding-bottom: 2rem; }
    .config_row.padding-xl                  { padding-top: 2rem; padding-bottom: 2rem; }
    .config_row.padding-lg                  { padding-top: 2rem; padding-bottom: 2rem; }

    div.config_column.our-sectors-heading div.content { max-width: none; }
}

@media only screen and (min-width: 0px) and (max-width: 800px)
{
    .config_column.mobile-height-300            { height: 300px; }
    .config_column.slideshow-center             { height: 600px; }
    .config_column.slideshow-center .content    { height: auto; padding: 3rem 1.5rem; }
    .config_column.slideshow-center .content h2 { font-size: 1.75rem; }
    .config_column.slideshow-center .content p  { font-size: 1.25rem; }
    .config_column.image-panel-right            { height: 600px; }
    
    .config_row.page_header                     { padding: 3rem 0; }
    .config_row.decorating-services .config_container .column_3 { flex-basis: 49%; max-width: 345px; margin-right: 2%; }
    .config_row.decorating-services .config_container .column_4 { flex-basis: 49%; max-width: 345px; margin-right: 0%; }
    .config_row.decorating-services .config_container .column_5 { flex-basis: 49%; max-width: 345px; }

.config_column.logo_panel,
.config_row.logo_panel  p                    { text-align:center;}

}

@media only screen and (min-width: 0px) and (max-width: 560px)
{
    .config_row.decorating-services .config_container .column_3 { flex-basis: 100%; max-width: 345px; margin-right: auto; margin-left: auto; }
    .config_row.decorating-services .config_container .column_4 { flex-basis: 100%; max-width: 345px; margin-right: auto; margin-left: auto; }
    .config_row.decorating-services .config_container .column_5 { flex-basis: 100%; max-width: 345px; margin-right: auto; margin-left: auto; }
}